Firebug – Inspector de Elementos HTML

El Inspector de Elementos de HTML de Firebug es uno de las características más resaltantes de este complemento, que nos ayuda en el momento de Testear los Sitios web.

Características

(más…)

El Uso Adecuado de los Encabezados

Bueno en este articulo vamos a hablar del uso adecuado de los encabezados, cuantos existen y la importancia de su uso para el posicionamiento web y mejora de la optimización de nuestra página web.

Los encabezados vienen ser los titulos o heading que usamos en nuestras paginas, al contrario de cuando uno comienza a aprender HTML, se usaba los encabezados como una variante rapida de tamaños de fuente, gran error. Estas etiquetas no deben utilizarse simplemente porque ofrecen variantes rápidas en los tamaños de fuente, este es un trabajo que debe dejarsele al CSS. Esto permite al diseñador centrarse en hacer que el código sea relevante a los contenidos que debe mostrar.

Los encabezados tienen una misión mucho más importante en la semántica de un sitio web, estos ayudan a destacar la jerarquía de los contenidos, definiendo la importancia de los títulos empleados dentro de una pagina web. En HTML y/o XHTML, existen 6 niveles de encabezados <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, siendo el primero el de mayor importancia la cual debe haber tan solo una por pagina, que suele ser parecida a la de la etiqueta title de la pagina, el resto de encabezados (h2,h3..) puede haber mas de uno y dependerán de los demás subtitulos que existirán.

un ejemplo de la estructura y uso correcto de los encabezados seria la siguiente.

<h1>Título</h1>

<h2>Apartado 1<h2>

<h3>Subapartado 1.1<h3>

<h2>Apartado 2<h2>

<h3>Subapartado 2.1<h3>

<h3> Subapartado 2.2<h3>

Como se puede ver esa seria una estructura clásica por así decirlo del uso adecuado de los encabezados, no siempre existe una solución general a la organización de los encabezados del sitio, es decir no siempre podemos usar una misma estructura de encabezados, todo depende de en el que se desea poner el foco, a que damos mayor relevancia. Por ejemplo en la siguiente imagen vemos el uso de los encabezados en la pagina de Digg.

Debemos usar los encabezados en las paginas mas que todo  por accesibilidad web, es decir que  sea donde sea que vean la página, ya sea con un celular, una PDA, etc; éstos dispositivos reconocerán que ése texto es un título y tiene mayor importancia que otro titulo dentro de la página, mientras que si fuera tan solo un texto con tamaño grande, los dispositivos no lo reconocerán, y creerán que es un simple texto más como el contenido, y es así también que los motores de búsqueda reconocerán  la jerarquía y organización dentro de la página web dándole mayor relevancia a los títulos que generalmente contienen las keywords que posicionamos, muy aparte le sera mas fácil de navegar al robot de búsqueda por una página bien estructurada.