Hoy vamos a estudiar un poco sobre el uso de encabezados en una página web, htm, SEO y usabilidad. ¿Por qué este tema? Me encontraba terminando una especialización SEO y parte del proyecto de grado incluía analizar un sitio que nos asignaron.Hasta ahí todo normal. Cuando empecé a evaluar la página web en cuestión me encontré varias curiosidades que dieron origen a este post.
La realidad
Urls con 16 y 25 encabezados h1, casi me desmayo. ¿A qué se debía mi sorpresa? Básicamente los encabezados se usan para organizar la información de un sitio, para darle estructura y coherencia, primero, pensando en las personas que van a leer el tema y, segundo, teniendo en cuenta a los motores de búsqueda, que por muy inteligentes que sean, necesitan ayuda para comprender, que los contenidos se ciñan a unos protocolos, en este caso referidos a los encabezados.
Estoy perdido, ¿me da un ejemplo?
Para quien no entienda hasta el momento vamos a colocar un ejemplo de este post en concreto. Como pueden apreciar tiene un título: “El uso de encabezados….”, que generalmente en términos de estructura corresponde a un encabezado h1, es decir, resume el tema del post de manera didáctica sin extenderse en detalles.
Si miran hay un bloque de contenidos introductorio que es un párrafo normal, luego viene un encabezado h2: “La realidad” y así sucesivamente.
El ideal
H1
Un solo encabezado h1 por url (Directrices para webmasters de Bing), es decir, para decirlo de forma sencilla aunque no del todo exacta en términos técnicos, un solo título o encabezado destacado por post o por página interna.(Aunque solo por causar controversia alguna vez John Mueller, afirmó que usaramos todos lo que deseemos… oops) ¿Cuál es el sentido de esta expresión? Que si, tomando el ejemplo del caso que me encontré para analizar, una url tiene 16 h1, tendría 16 partes resumen destacadas, compitiendo y confundiendo al lector y a los bots sobre cuál es el tema central de esta página. Si esta url, sin correctivos, se usa para una campaña de Google Ads, va a perder dinero; esto sucederá porque puede enfatizar sus ejes temáticos en la plataforma pero el sistema encuentra muchos otros hilos temáticos que se pueden desviar de lo relevante.
H2
Eso está bien, ¿Y respecto a los encabezados h2? Son las grandes secciones o capítulos de nuestro contenido, los que van fijando la atención del lector y señalando grandes divisiones para entender el tema que estamos exponiendo. Es como usar el método deductivo de la ciencia, que va de lo general a lo particular. Ya dimos el resumen condensado en un title, ahora, veamos las divisiones generales o los subtítulos si lo prefiere.
Ejemplo
En el título decimos que vamos a exponer sobre Los servidores de HostDime (h1); en los encabezados h2 podemos hablar de características y precios (serían dos encabezados, uno llamado características y otro llamado precios). Si observan, hay un discurrir semántico entre las partes, es decir, no voy a destacar asuntos irrelevantes, mucho menos a usar esta figura para estilos o para que el diseño de la página web se ajuste a unas visuales que deseo como maquetador. No, un rotundo no. Si necesita nuestro diseñador web hacer que algo destaque de forma visual algo, que use otro tipo de letra, negrillas quizás, otro tamaño. Los encabezados corresponden a estructura no tanto a diseño.
Un poco de código
Hagamos un html sencillo que lleve a la práctica lo expuesto:
<!DOCTYPE html>
<html>
<head>
<title>Servidores HostDime</title>
</head>
<body>
<h1>Servidores HostDime</h1>
<h2>Características</h2>
<p>¿Cómo son? Destacan por su eficiencia y su facilidad de configuración...</p>
<h2>Precios</h2>
<p>Hay un rango de precios muy interesante sobre todo porque no se aplica el re-uso, es decir, son muy estables y la relación costo utilidad es lo que más aman nuestros clientes.</p>
</body>
</html>
¿Hay más tipos de encabezado?
Sí, jerárquicamente hasta h6.
¿Tengo que usarlos todos?
No necesariamente, solo si la estructura de su contenido lo amerita.
Conclusiones
Google puede ignorar un encabezado y decidir que lo relevante no son estos h1…h6 sino párrafos escuetos; un lector también, luego de evaluar lo que planteamos en un documento html decidir que lo relevante es un texto suelto. Lo anterior no es excusa para no intentar poner claridad destacando lo que en realidad sea relevante hasta llegar al punto que deseamos mostrar. No hay pruebas contundentes que tener este tipo de consejos en cuenta le ayude a posicionar de mejor forma su web, lo que si puedo afirmar sin sonrojos es que será más usable y entendible lo cual siempre es un plus.
Extra
No abuse de esta figura, tratando de manipular al algoritmo, a la larga puede salir perdiendo y todo su esquema desmoronarse lentamente, ficha por ficha. Los encabezados son lo que son, herramientas de estructura, no taladros de posicionamiento web.
HostDime es una empresa global que provee data centers y servicios de alojamiento web especializado, que desea que las páginas alojadas en sus servidores, tengan mayores oportunidades y realce, por eso brindamos este tipo de consejos SEO.
Leer también: 5 mejores prácticas para el rendimiento web móvil ; Consejos para mejorar la velocidad de carga de tu sitio web, tips y recomendaciones
More from Tecnologia
Tipos de Certificados SSL: Guía Completa sobre Validación de Dominio, Validación de Empresa y Validación Extendida
En un mundo cada vez más digitalizado, la seguridad en línea se ha convertido en una prioridad absoluta para empresas …
SSL, TLS y HTTPS: Comprendiendo los conceptos
En la era digital actual, la seguridad en Internet es más crucial que nunca. Cada día, millones de transacciones y …
Integridad de la información en seguridad informática
Integridad de la información en seguridad informática.En una era en la que la información se ha convertido en uno …