H3

H3 es un elemento HTML que marca el tercer nivel de encabezado dentro de la jerarquía de una página web. Se utiliza para estructurar subsecciones bajo un encabezado H2, de modo que tanto los motores de búsqueda como los visitantes puedan examinar el contenido de forma lógica. Una etiqueta H3 indica que el texto es subordinado al H2 que lo precede, pero más importante que el texto de párrafo normal. Esto es relevante para las pymes porque una estructura de encabezados clara mejora la visibilidad y la facilidad de uso de tu sitio web.

¿Cómo funciona la jerarquía de los encabezados HTML?

El HTML tiene seis niveles de encabezado: de H1 a H6. El H1 es el título principal de la página y, idealmente, solo aparece una vez. A continuación, siguen los encabezados H2, que marcan las secciones principales. Debajo de cada H2 se pueden colocar encabezados H3 para indicar subsecciones. Solo se puede utilizar un H3 si hay un H2 encima. Este anidamiento lógico ayuda a Google a comprender qué temas van juntos. Para los lectores de pantalla, esta estructura es crucial: los usuarios invidentes suelen navegar a través de los encabezados. En la práctica, vemos que muchos sitios web de pymes colocan sus encabezados de forma aleatoria, por ejemplo, un H3 justo debajo del H1. Esto rompe la jerarquía y debilita tanto el valor de posicionamiento web como la accesibilidad de tu sitio web.

Por qué las etiquetas H3 contribuyen a la visibilidad y la accesibilidad

Los motores de búsqueda utilizan la estructura de los encabezados como indicador de relevancia. Una página con una estructura lógica de H2 y H3 proporciona a Google más contexto sobre el contenido. Esto aumenta las posibilidades de aparecer en los fragmentos destacados y mejora tu posición en los resultados de búsqueda. Para los visitantes, una estructura de encabezados clara funciona como un índice: echan un vistazo a los encabezados H2 y H3 para determinar rápidamente si la página responde a su pregunta. Según las directrices WCAG del W3C, los encabezados deben ser descriptivos y jerárquicamente correctos. Esto hace que tu sitio web sea accesible para todo el mundo, incluidas las personas con discapacidad visual. En España, esto es obligatorio por ley desde 2018 para los sitios web de la administración pública y, a partir de 2025, también para muchas pymes en virtud de la legislación europea sobre accesibilidad.

Lo que aporta la estructura H3 a tu diseño web y a la conversión

Una estructura de títulos bien pensada no solo mejora el posicionamiento web, sino también la conversión. Los visitantes que encuentran rápidamente lo que buscan permanecen más tiempo en tu página y hacen clic con más frecuencia en una oferta. Un diseño web profesional debe incluir una arquitectura de la información lógica en la que los encabezados H2 respondan a las preguntas principales y los H3 proporcionen los detalles. Por ejemplo, una tienda online con 500 productos puede utilizar H2 para las categorías de productos y H3 para especificaciones como la talla, el color y el material. De este modo, se crea una visión general sin que el visitante se pierda en un muro de texto. En la práctica, observamos que las pymes con una estructura de encabezados clara tienen, de media, unas tasas de rebote un 20 % más bajas, ya que los visitantes encuentran más rápidamente la información que necesitan.

Las etiquetas H3 se aplican en aquellos lugares en los que, dentro de una sección principal, se desea realizar una subdivisión lógica. Piensa, por ejemplo, en páginas de productos, artículos de blog, páginas de la base de conocimientos y páginas de destino. A continuación puedes ver dónde las etiquetas H3 aportan mayor valor a las pymes neerlandesas.

Páginas de productos con especificaciones técnicas

Por ejemplo, una tienda online vende herramientas industriales. El título H2 reza «Datos técnicos». Debajo se colocan títulos H3 para «Potencia y revoluciones», «Dimensiones y peso» y «Garantía y certificación». De este modo, un visitante puede encontrar rápidamente la especificación que le resulte decisiva. Google puede indexar esta estructura y mostrarla en resultados de búsqueda enriquecidos. Esto es esencial para los clientes B2B que comparan productos en función de certificados o dimensiones. En la práctica, observamos que las tiendas online con encabezados H3 estructurados en las páginas de productos consiguen una mayor tasa de conversión, ya que los compradores tienen que desplazarse menos por la página y confían más rápidamente en la exhaustividad de la información.

Artículos de blog y páginas de la base de conocimientos

Una página de la base de conocimientos sobre «Alojamiento web» tiene un título H2 «Tipos de alojamiento web». A continuación, aparecen títulos H3 como «Alojamiento compartido para sitios web pequeños», «VPS para empresas en crecimiento» y «Servidores dedicados para cargas elevadas». Cada H3 introduce una subsección de entre 80 y 120 palabras. De este modo, la página sigue siendo fácil de leer y Google puede indexar cada sección por separado. Para los lectores que solo quieren saber qué es un VPS, la estructura H3 ofrece una ruta rápida. Esto aumenta la probabilidad de que tu página aparezca en los bloques «La gente también pregunta». Otra ventaja: puedes incluir enlaces internos a términos relacionados de la base de conocimientos, como «alojamiento WordPress», lo que anima a los visitantes a explorar tu sitio web más a fondo.

Páginas de destino con secciones detalladas sobre los argumentos de venta únicos (USP)

Una agencia de diseño web crea una página de destino para «Diseño web para bufetes de abogados». El título H2 reza «Nuestro enfoque». Debajo aparecen títulos H3 como «Análisis inicial y posicionamiento de marca», «Wireframes y pruebas de usuario» y «Entrega y formación». Cada H3 describe una fase del proceso. De este modo, un cliente potencial comprende lo que le espera y qué pasos sigue la agencia. Para Google, esto es una señal de que la página es exhaustiva y está bien estructurada. Un error muy común es utilizar el H3 para testimonios aislados o bloques de llamada a la acción. Eso rompe la jerarquía. Utiliza el H3 solo para subsecciones de contenido, no para acentos visuales.

Cuándo H3 es la opción adecuada y cuándo no lo es

Utiliza H3 si, dentro de una sección H2, tratas varios temas que merecen cada uno su propio título. No lo utilices si solo tienes un párrafo de texto: en ese caso, basta con un H2. Tampoco utilices H3 para elementos de navegación, pies de página o barras laterales. Estos no pertenecen a la jerarquía de contenidos. Otro malentendido: el H3 no es una herramienta de estilo. Si quieres que un título sea visualmente más grande o más pequeño, modifica el CSS en lugar de elegir otro nivel de título. La jerarquía debe seguir siendo lógica, independientemente del diseño. Para los usuarios de lectores de pantalla, una estructura de encabezados irregular supone un obstáculo que puedes evitar fácilmente trabajando de forma coherente.