8 errores SEO que te harán quedar mal [invisible] frente a los motores de búsqueda y los usuarios

Domingo, 19 Diciembre 2021 15:13

Repasamos cómo las malas prácticas en la programación web pueden ocasionar confusiones en el usuario y errores de indexación. Caso de estudio sobre la web benavente.es (web del ayuntamiento de Benavente) y turismobenavente.es con nuestra herramienta de análisis SEO y LightHouse.

Explorando algunas webs municipales he creado una lista de casos en los que una mala práctica seo puede ser desastrosa para el usuario y para los buscadores. Presta atención a los siguientes casos reales y no dejes de revisar nuestra herramienta gratuita en informes.estegrafico.com para evaluar la salud de tu sitio web.

lighthouse web del ayuntamiento

1. Declaración insuficiente o errónea de meta etiquetas

Las meta etiquetas definen el aspecto de nuestro website ante los buscadores

Los webmasters tenemos la opción de declarar varias etiquetas html en el código fuente de la página (concretamente dentro de la cabecera <head>) patra añadir título de página, descripción y palabras clave (éstas últimas ya casi en desuso) a los buscadores. A estas etiquetas las llamamos meta-etiquetas y conforman nuestra apariencia en los resultados de búsqueda de los buscadores.

En nuestro caso de estudio vamos a analizar los resultados de búsqueda de benavente.es, ante una inteción de búsqueda de "ayuntamiento de benavente". La web tiene buena autoridad de página y aparece en los resultados de busqueda en primera página, en primer lugar, pero con la siguiente apariencia:

1.1. Caso real

ejemplo resultados de búsqueda web del ayuntamiento

1.2. Caso SEO optimizado / amigable

ejemplo resultados de búsqueda web del ayuntamiento

Se puede observar que en el caso real, al carecer el website de etiqueta descriptiva relevante, el buscador toma el primer texto que aparece en el documento... el aviso de cookies!. Esto no sólo aporta mala imagen y desconfianza a nuestros usuarios objetivo, sino que puede confundirlos en alguna circunstancia particular.

También observamos fechas de noticias desactualizadas y descripciones confusas, con errores de ortografía, a menudo tomadas del primer párrafo de texto por el buscador que no aportan información relevante de la subpágina que que se muestra. En la columna derecha he colocado una breve mejora en el redacción de las meta etiquetas que incrementaría sensiblemente la confianza del usuario a la hora de acceder.

2. Atributos alt de imágenes vacíos

Las imágenes también tienen relevancia sobre el contenido de tu website y describen a menudo el tópico del que se habla en tus subpáginas o artículos. Para que un buscador indexe una imagen ésta debe contener el atributo alt como descripción de texto alternativa a la imagen <img alt="Descripción de mi imagen">

malas practicas alt imagenes SEO

3. Poca consistencia de palabras clave

Escoge bien tus palabras clave y procura que haya coincidencias de subcadenas en los títulos de página, meta etiquetas y títulos de cabecera. Es la primera norma de la optimización SEO de contenidos. ¿Qué encontramos en nuestro caso de estudio?

  • No existe declaración de cabecera principal <h1>
  • No existe declaración de cabeceras secundarias <h2>, <h3>, <h4>
  • Los enlaces contienen texto irrelevante
  • Hay poco ratio texto/código
  • No encontramos datos estructurados
  • La palabra más común en la web es cookies...

3. Tabla de consistencia de palabras clave

En la siguiente tabla analizamos las concordancias de las palabras clave contenidas en los principales elementos de página (titulo, meta-etiquetas, cabeceras y texto de enlaces.)

3.1.1. Caso real

Palabra Clave (Keyword) Contenido Título Palabras Claves (Keywords) Descripción Titulos
cookies 5
web 4
página 3
política 3
nuestra 3

Como vemos en la tabla no existe una concordancia de palabras clave en ningúno de los elementos principales de descripción del sitio. Con una declaración un poco más esmerada podríamos haber encontado algo como lo siguiente:

3.2.1. Caso SEO optimizado

Palabra Clave (Keyword) Contenido Título Palabras Claves (Keywords) Descripción Titulos
Ayuntamiento 5
Benavente 4
página 3
Web 3
3

4. Usabilidad móvil

Si exploramos el sitio web benavente.es en dispositivos móviles comprobaremos que no posee una versión para este tipo de dispositivos, por lo que la navegación es muy complicada y la usabilidad: inexistente.

Entre los elementos críticos que presenta la versión mobile podemos destacar:

  • No possee versión mobile o responsive, con pantalla adaptable al ancho del dispositivo que lo explore.
  • Usabilidad reducida, textos ilegibles y scroll horizontal y vertical
malas practicas mobile design SEO

5. Certificados de seguridad

En el caso de turismobenavente.es, comprobamos cómo ni siquiera se cifra la conexión con un certificado de seguridad SSL. Todo el tráfico es redirigido a la versión insegura http://. Esta es un error penalizado por los motores de búsqueda, los cuales filtran las conexiones seguras para los primeros resultados.

sin certificado de seguridad web de turismo benavente SEO

6. Redirecciones

Estas son las redirecciones que ocurren desde que tecleamos benavente.es en nuestra barra de navegación:

benavente.es HTTP/2 302 https://www.benavente.es/ HTTP/2 200 https://www.benavente.es//aytobenavente

La primera ocurre al redirigir todo el tráfico al subdominio www, lo cual suele ser habitual, y la segunda podríamos ahorrárnosla si apuntásemos el dominio al directorio /aytobenavente, donde está instalada la aplicación.

7. Errores de código, versión de php y software.

Aunque no es crucial en un análisis SEO de un sitio web, la validación de código W3C (el consorcio que dicta los estándares de programción web) es importante para nuestro sitio web

En general, la validación del W3C se consideraría naturalmente como algo beneficioso para el SEO. Validar su sitio web es importante porque existen errores de código que pueden causar problemas de estilo graves desde la perspectiva del diseño web. Estos son generalmente los tipos de errores que también hacen que un robot de Google no procese. En otras palabras, lo único que importa es el tipo de errores y cuántos errores. La mayoría de los SEO están de acuerdo en que la validación de W3C sí importa cuando se trata de SEO, pero solo para los errores que causan una mala representación.

errores W3c benavente SEO

En este caso hay 27 errores de codificación, varios de ellos importantes y 178 advertencias...

Por otro lado vemos que la aplicación corre sobre una versión obsoleta de PHP, la cual ya no recibe actualizaciones, PHP 5.2.17

8. Mapa de sitio

Un mapa del sitio enumera las URL que pueden rastrearse y puede incluir información adicional, como las últimas actualizaciones de su sitio web, la frecuencia de cambios y la importancia de las URL. Esto permite a los motores de búsqueda rastrear el sitio web de una forma más exhaustiva

Los sitios web SEO optimizados se acompañan de un mapa de sitio en xml en el que se declaran todas las url del website y la frecuencia de rastreo para los motores de búsqueda. Lo habitual es incluír esta ruta en el archivo robots.txt de cada website para que los buscadores indexen todas sus páginas y conozcan el alcance del contenido del website.

En la práctica, los archivos robots.txt indican si ciertos agentes de usuario (software de rastreo web) pueden o no rastrear partes de un sitio web. Estas instrucciones de rastreo se especifican "denegando" o "permitiendo" el comportamiento de ciertos (o todos) agentes de usuario.

Declaración básica:

Agente de usuario: [nombre de agente de usuario] No permitir: [cadena de URL que no se rastreará]

8.1.0. Caso Real

En este caso el archivo robots.txt no aporta información a los buscadores sobre el mapa de sitio:

User-Agent: *
Disallow: /live
Disallow: /NdSite

8.2.0. Caso SEO optimizado

Deberíamos incluir el mapa de sitio:

User-Agent: * //Cualquier agente usuario
Sitemap: https://benavente.es/sitemap.xml //Añadimos nuestro sitemap
Disallow: /live //no rastear directorio /live
Disallow: /NdSite //no rastear directorio /live

9. Conclusión

Como podemos ver, en todas las casas se cuecen habas, y por descuidos o por atender otros aspectos, los programadores pasan por alto muchas veces aspectos importantes del SEO que impactan negativamente en la experiencia de usuaio y en la indexación.

Seguiré escribiendo algunos artículos de ejemplos práctios sobre diseño web en benavente, pueblo en el que resido habitualmente.

Si este artículo te pareció interesante, compártelo en las redes sociales!     

L. Javier Gil

Programador web Freelance.
Ingeniero en Telecomunicaciones.
Comparto curiosidades y noticias del mundo digital desde el corazón de Chapinero, en la lluviosa Bogotá, o desde un rinconcito de la vieja España llamado Benavente.
Blog de Este Gráfico

https://www.estegrafico.com

Artículos relacionados:

Diseño Web
Diseño web para directorio de empresas
L. Javier Gil

Diseño y desarrollo de página web tipo directorio de páginas amarillas para la ciudad de Zipaquirá

Diseño web para directorio de empresas
e-commerce
Ecommerce para cervecería artesanal
L. Javier Gil

Diseño y desarrollo de página web de comercio electrónico para cervecería artesanal

Ecommerce para cervecería artesanal
SEO y marketing online
10 Consejos de diseño para crear un banner irresistible [efectivo] en mobile y escritorio
L. Javier Gil

Los Banners son anuncios con gráficos que conducen a páginas de destino, probablemente los has visto en todo tipo de sitios web. La pregunta entonces es: ¿haces clic o continúas desplazándote? ¿Qué hace que un banner sea efectivo? Un buen banner web seducirá al lector a hacer clic en su botón de llamada a la acción, o en una gran imagen, un enlace de texto o las tres cosas.

10 Consejos de diseño para crear un banner irresistible [efectivo] en mobile y escritorio
e-commerce
Landing pages de producto para ecommerce
L. Javier Gil

Diseño, maquetación y optimización de landing pages para multinacional panameña

Landing pages de producto para  ecommerce
Optimización Wordpress
Cómo corregir los tiempos de carga lentos de una página web en WordPress
L. Javier Gil

El desempeño de un sitio web es un elemento clave en su diseño de experiencia de usuario, pero su medición y optimización depende de muchos factores. Repasamos los principales indicadores Lighthouse sobre un caso de estudio en wordpress.

Cómo corregir los tiempos de carga lentos de una página web en WordPress