Qué son las “etiquetas h”

Las “etiquetas h” son elementos HTML que se utilizan para jerarquizar y estructurar el contenido de las páginas web. Estas etiquetas son las que se muestran en el código HTML de la página como: <h1>,<h2>,<h3>,<h4>,<h5>,<h6>.


Cómo se aplican en nuestra página web

En este pequeño tutorial os explicamos como gestiona el panel las “etiquetas h” de nuestra web :

Etiqueta h1:

  • Si queremos asignar nosotros un <h1> añadimos a cada sección el bloque de texto que muestra el título por defecto “Todo comienza con un título”.

    Si añadimos este bloque pero dejamos el título en blanco la página no tendrá ningúna etiqueta <h1>

  • Si no queremos asignar el <h1> “a mano” (añadiendo este bloque) el panel aplicará la etiqueta <h1> a nuestras páginas de forma “automática”:

    • Si la web no tiene “imagen de logo” el nombre de la empresa que aparece en la cabecera (“Mi empresa” por ejemplo) será asignado como <h1> de la web.
    • En caso de que tenga “imagen de logo” el <h1> se asignará al primer título de bloque (que no sea título principal) que encuentre en cada sección.


Los títulos de las páginas de noticia y producto detallado siempre son <h1>.

Etiquetas h2:

Están etiquetados como <h2> :

  • Todos los títulos principales de bloque (los que se pueden ocultar).
  • Los títulos de los todos los bloques que no sean del tipo bloque de elementos.
  • El nombre de la empresa que se muestra en la cabecera: En caso de que no tenga “imagen de logo” y la página tenga un “bloque de título h1”.

Etiquetas h3:

Están etiquetados como <h3>:

Etiquetas h4:

Están etiquetados como <h4>:

  • Todos los títulos del pie de página.