Encabezado HTML
Los encabezados son etiquetas de código HTML que se utilizan para definir los temas de la sección de una pagina. Estos encabezados se definen con las etiquetas que van desde <h1> a <h6> siendo <h1> la más relevante y <h6> la menos relevante.
A su vez, cada nivel de encabezado posee diferentes propiedades de tamaños y espesor, el encabezado h1 es el de mayor tamaño mientras que el encabezado h6 es el de dimensiones mas chicas.
El siguiente código muestra todos los niveles de encabezado.
<h1>Título 1</h1>
<h2>Título 2</h2>
<h3>Título 3</h3>
<h4>Título 4</h4>
<h5>Título 5</h5>
<h6>Título 6</h6>
Y este seria el resultado:
En general un artículo debe tener una etiqueta <h1> para el título
, ya que esta representa el nivel más alto de importancia y proporciona una guía tanto para los lectores como para los desarrolladores sobre el tema central del documento. A continuación, los subtítulos deben utilizar etiquetas <h2>
, las cuales indican secciones importantes que desglosan y organizan el contenido en partes manejables y coherentes. Siguiendo este orden, dentro de cada sección <h2>
, se pueden emplear etiquetas <h3>
para subsecciones, y así sucesivamente hasta <h6>
, conforme la complejidad y detalle del contenido lo requieran.Documento de ejemplo para ilustrar la jerarquía de encabezados:
<h1>Título principal</h1>
<p>Introducción</p>
<h2>Subtitulo 1</h2>
<h3>Sub-subtitulo 1</h3>
<p>Párrafo</p>
<h3> Sub-subtitulo 1</h3>
<p>Párrafo</p>
<h2>Subtitulo 2</h2>
<p>Párrafo</p>
Y este sería el resultado:
Nota importante: Comenzar siempre con <h1> e ir aumentando niveles de forma progresiva, no es recomendable saltearse niveles de jerarquía.
SEO y motores de búsqueda
Aunque parezca algo sin sentido, es muy importante que respetes las jerarquías de los encabezados, ya que estos van a ser de suma importancia en la indexación de los navegadores, lo cual permite que tu pagina tenga mayor relevancia en internet y aparezca entre las primeras opciones. Esto se debe a que los encabezados HTML le indican a los motores de búsqueda cual es el tema principal de la página web y esto lo logra identificando los encabezados.