Estructura de una página web: Headings

En el artículo anterior “optimización de los heading en wordpress”  hable sobre la correcta estructura de los Heading o encabezados en las páginas web, dando por sentado que todo el mundo sabe como elaborar una correcta estructura de la página.

Hoy vamos a retomar el tema hablando de la importancia de una correcta estructura de página y en concreto sobre los heading o encabezados.

Estructura de una página

Una página tiene los siguientes elementos, titulo encabezados y contenido. El contenido está elaborado mediante texto el cual puede ser un párrafo, listas, imágenes o tablas..

Encabezado, H1 … H6

Un buen articulo contiene encabezados para hacer más fácil la lectura al usuario y dar a entender de una simple ojeada el tema principal del articulo.

De la misma forma en que a un usuario le llama la atención un buen encabezado, ya sea por que se encuentra destacado mediante una fuente más grande, una negrita y por un frase muy descriptiva que le orienta hacia el tema del articulo… a los buscadores les pasa exactamente los mismo.

En HTML la forma de destacar un texto construyendo un encabezado son los H*, que va desde el H1 hasta H6, de mayor a menos importancia.

Normalmente la páginas se construyen con un sólo H1 en el cual reflejaríamos  el tema principal de la página y una serie de h2 y h3 según la importancia del contenido.

Uno de los principales errores que cometen muchos diseñadores es añadir el H1 en logo de la página para todas las páginas del site. En la home del sitio tiene  sentido darle importancia al Nombre de la página, pero en la páginas interiores lo que queremos es darle relevancia al contenido del articulo y no al nombre de

la web.

Los buscadores dan mas valor a las palabras que  se encuentra en los encabezados de las páginas, ya que estás suelen contener el tema principal de la página.

La palabras claves por las cuales se quiere optimizar la página debería  aparecer al menos una vez en una etiqueta h1 y las palabras clave relacionadas deberían ser usadas en otros encabezados por ejemplo h2 o h3.

Ver ejemplo:

Leyenda:

Rojo: H1
Verde: h2
Lila: h4

En resumen, usaremos el H1 para el título del artículo y los h2 para las subsecciones.

Es importante intentar utilizar las palabras por la cuales queremos optimizar el artículo.

Herramienta para ver los headings: Web Developer extensión para Mozilla



Post relacionados