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.
Índice de contenido del artículo
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:
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">
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 | |
|
|
|
Continúa leyendo -> ¿Cómo elegir correctamente las palabras clave de mi sitio web?
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
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.
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.
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á]
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
Artículos relacionados:
Diseño web de tienda online con Woocommerce y Elementor
Diseño y desarrollo web wordpress para marca española anunciada en tv.
Landing page para web de Formación Online
Diseño y desarrollo web en HTML5 para Entidad educativa de Bogotá.
Desarrollo de tienda online con Woocommerce
Diseño y desarrollo web wordpress para marca de nutrición deportiva española.
Menú responsive para website Joomla y landing de exploración de cursos
Landing page de exploración de cursos y menú responsive para universidad de Medellín.
Optimización Wordpress para tienda online
WPO para Tienda Online de empresa de diagnóstico automotriz de Bogotá.
