Errores comunes de SEO (y cómo solucionarlos con diseño)

El SEO es un asunto complejo y los diseñadores y desarrolladores web pueden pensar que es mejor dejarlo en manos de los redactores publicitarios y los profesionales de la búsqueda. Eso tiene sentido, ya que muchos trucos de SEO comunes giran en torno a la manipulación del contenido y su etiquetado para la búsqueda.

Sin embargo, aquí está la cuestión: hay ciertas decisiones que toma como diseñador web que, en última instancia, afectan la facilidad de búsqueda de su sitio web. Lo que significa que debe participar en el diagnóstico y la reparación de los errores de SEO de un sitio web.

Reparación de errores de SEO con diseño web

Un estudio de seguimiento de la tasa de clics (CTR) de Ranking web avanzado informó los siguientes datos, desde septiembre de 2018:

CTR de clasificación web avanzada

Lo que esto muestra es la probabilidad de que los usuarios hagan clic en un orgánico enlace basado en su posición en la búsqueda

Listados de búsqueda orgánica

Como puede ver, Google ya está apilando las probabilidades en contra de su sitio web al llenar sus principales propiedades inmobiliarias con listados pagados. Dicho esto, los datos anteriores son una prueba de que los usuarios de búsqueda están dispuestos a examinar las promociones pagas para llegar a las recomendaciones de sitios web realmente buenas. La unica cosa es…

¿Cómo se reparan los errores de SEO de un sitio web para que pueda llegar a la cima de las búsquedas?

Error n. ° 1: elementos que no responden

Estamos operando en un mundo en el que los dispositivos móviles son primero, lo que significa que los sitios web deben diseñarse principalmente para esa experiencia. Eso no significa dejar a los usuarios de escritorio a la intemperie, pero sí significa poner puntos en sus i y tachar sus t para asegurarse de que cada elemento quepa dentro del espacio truncado de una pantalla móvil.

Ejecutar su sitio web a través de Prueba de optimización para dispositivos móviles de Google no es suficiente.

Muestra de prueba compatible con dispositivos móviles

Abra su dispositivo móvil y recorra todas las páginas de su sitio web. ¿Todo encaja entre los dos bordes de su teléfono? ¿Tienen los botones el tamaño y la ubicación correctos? ¿Las imágenes se muestran en su totalidad y sin distorsión?

Si no es así, empiece aquí.

Error n. ° 2: problemas de usabilidad

Si hablamos de problemas de usabilidad que son lo suficientemente graves como para causar un alto porcentaje de rebotes, lo que le comunica a Google que su sitio web no merece una clasificación, comience por mirar la navegación.

Usemos este de Cocina hogar como ejemplo:

Navegación de la cocina del hogar

Como puede ver, la navegación se presenta claramente en una fila horizontal. Las etiquetas son claras y todas las páginas están presentes; no hay nada confuso ni oculto. Además, el encabezado proporciona a los usuarios otra información que desearían instantáneamente de un sitio web de esta naturaleza.

Dado que los ojos de los usuarios tienden a rastrear en un patrón Z (comenzando en la parte superior izquierda y avanzando a lo largo), su navegación es lo primero que ven los visitantes y, de manera realista, podría ser el culpable de un rendimiento mediocre en la búsqueda.

Error n. ° 3: baja legibilidad

Aunque el contenido visual mejora la comprensión y la memorización de lo que hay en una página web, sus visitantes eventualmente necesitarán leer las palabras que contiene. Cuando eso se convierte en una lucha, los sitios web sufren de tiempos cortos en la página y altas tasas de rebote.

Mira, sabes que tus visitantes no tienen mucha paciencia para nada en estos días. Lo mínimo que puede hacer es facilitarles la experiencia de lectura.

¿El contenido de su sitio web ha violado alguna de estas reglas?

  • Los tipos de letra son negros (o casi negros) sobre un fondo blanco.
  • Las fuentes pertenecen a las familias serif o sans serif (es decir, tenga cuidado con las fuentes decorativas).
  • El tamaño de fuente más pequeño debe ser de 16 píxeles o más.
  • Las líneas tienen entre 50 y 60 caracteres.
  • Los párrafos no contienen más de 3 o 4 líneas.
  • Las imágenes o listas dividen grandes porciones de contenido (como estoy haciendo aquí).
  • Los encabezados permiten a los lectores (y a los robots de búsqueda) descifrar más rápidamente de qué se trata una página.
Artículo de WebDesignerDepot

WebDesignerDepot hace un gran trabajo al adherirse a estos principios, por lo que si está buscando inspiración sobre cómo hacer que el contenido sea legible, comience aquí.

Error n. ° 4: ventanas emergentes incorrectas

Todo el mundo odia una ventana emergente inoportuna, irrelevante o agresiva. Google incluso ha llegado a penalizar los sitios web móviles que utilizan lo que considera ventanas emergentes intrusivas y malas.

Entonces, esto es lo que voy a decir:

Utilice la menor cantidad de espacio posible para sus ventanas emergentes.

Yotel tiene un ejemplo fantástico de esto en su sitio web de escritorio:

Ventana emergente de Yotel

Y, si es necesario que aparezcan ventanas emergentes en el dispositivo móvil, colóquelas en un banner superior o inferior. Mantiene su mensaje promocional fuera del camino.

Error # 5: Imágenes con sobrepeso

Google recompensa los sitios web que son rápidos, y estamos hablando de tiempos de carga de menos de tres segundos. Si bien hay una serie de cosas que los desarrolladores pueden hacer para controlar las velocidades de carga, los diseñadores deben mirar las imágenes para mejorar el rendimiento y el SEO.

Específicamente, observe el tamaño del archivo.

Solo hay un límite de espacio que una imagen puede ocupar en un sitio web, especialmente en esta era en la que los dispositivos móviles son lo primero. Entonces, ¿por qué usar un archivo de 12 MB cuando solo aparecerá como una miniatura en el servicio de noticias del sitio?

No estoy diciendo que debas dejar de usar imágenes de alta resolución de gran tamaño.

Solo asegúrese de cambiar el tamaño y ejecutarlos a través de un software de compresión como TinyPNG para asegurarse de no sobrecargar su servidor web.

Ahorros TinyPNG

Error n. ° 6: texto dentro de las imágenes

Hay dos razones por las que el texto dentro de las imágenes es una mala idea para el SEO. El primero tiene que ver con la legibilidad.

Piense en lo que sucede cuando se coloca texto sobre una imagen. Si hay un contraste claro entre los dos, la legibilidad debería estar bien. Pero, ¿qué pasa si el texto se coloca sobre una parte mundana de una imagen en el escritorio? En el móvil, se reduce y puede terminar apareciendo sobre una parte de la foto más ocupada y que distrae más.

Luego está cómo se agrega el texto. Si se pega texto en un archivo de imagen, los robots de búsqueda no podrán detectarlo. Si sus redactores escribieron esa cadena de texto en particular con una palabra clave de búsqueda incrustada, acaba de eliminarla de la vista de Google.

En su lugar, debe trabajar con su sistema de administración de contenido para agregar texto utilizando campos personalizados destinados a ir encima de las imágenes.

En mi opinión, es mejor mantenerse alejado del texto en las imágenes a menos que pueda garantizar una legibilidad absoluta y que los bots de Google puedan leerlo. Viaje cultural muestra cómo se puede hacer esto:

Texto de viaje cultural 1

También tiene enlaces en la parte inferior de la página donde el texto se elimina por completo de la foto (que creo que se ve aún mejor):

Texto de viaje cultural 2

Error # 7: falta de marcas de confianza

El último error tiene que ver con la seguridad. Esto es algo que a Google le importa mucho, pero mucho de ello le corresponde a un desarrollador web para implementarlo.

Para hacer su parte, busque oportunidades para incluir marcas de confianza para aumentar la confianza de los visitantes mientras viajan por su sitio web. Bienes poco comunes incluye varios de estos en la parte inferior del sitio:

Marcas de confianza de productos poco comunes

Las marcas de confianza pueden diferir según el tipo de negocio de su sitio web, pero existen. Software anti-malware. Certificado SSL. Pasarela de pago segura. Estos son los tipos de símbolos que tranquilizan a los visitantes y les permiten quedarse más tiempo y realizar conversiones.

Envolver

Ahora que conoce algunos de los errores de SEO más comunes causados ​​por el diseño web, asegúrese de tenerlos en cuenta en su flujo de trabajo en el futuro. ¡Se sorprenderá de lo que mejorará el rendimiento, la seguridad y la usabilidad para la clasificación de un sitio web!