El uso de etiquetas semánticas en nuestro código HTML siempre es algo beneficioso, pues ayuda a los web-crawlers (incluyendo los de los buscadores) a comprender mejor el contenido de nuestra web. En concreto, las etiquetas de encabezado (H1, H2 y así hasta H6) y de énfasis son indispensables para jerarquizar los textos y comunicar adecuadamente los términos más relevantes.
Ahora bien ¿cómo podemos sacar el mejor partido de estas etiquetas si tenemos un blog? A continuación repasamos unas recomendaciones que nos ayudarán a mantener nuestro código semánticamente correcto y a obtener los mejores resultados en cuanto a indexación.
Cómo etiquetar los títulos de los posts
Un error bastante común es incluir los títulos de las entradas de un blog siempre dentro de etiquetas H1. Esto tiene resultados contraproducentes en la página principal del blog, donde aparecen varias entradas en la misma carga de pantalla. Es importante no incluir más de una etiqueta H1 en la misma página para evitar que algunos buscadores como Google detecten un uso excesivo de la misma y, como consecuencia, ignoren su presencia.
Por tanto, lo más adecuado es:
- Utilizar H2 para marcar los títulos de las entradas en la página principal (index.php si usamos el editor de WordPress)
- Utilizar H1 para marcar el título de la entrada en la página individual de la entrada (single.php si usamos el editor de WordPress)
Con esto conseguimos dar la mayor relevancia posible al título de la entrada en cada una de las páginas en las que aparece. Decir también, que podemos incluir el título del blog como H1 en la página principal, si es que está escrito con texto.
Cómo etiquetar los subtítulos o encabezados secundarios
Probablemente en el texto de nuestras entradas utilicemos algunos subencabezados para estructurar diferentes secciones. En este caso, teniendo en cuenta que deberemos incluir la etiqueta en el propio texto de la entrada, lo ideal será utilizar la etiqueta H3.
Así, cuando el texto aparezca en la portada o página principal será el segundo elemento más relevante (H2 los títulos y H3 los subtítulos) y de la misma manera lo será cuando aparezca en la página individual del post (H1 los títulos y H3 los subtítulos).
Cómo etiquetar otros términos relevantes de nuestro texto
A lo largo de un escrito seguramente querremos destacar las frases principales o las ideas clave, de modo que la práctica más habitual es resaltar los términos más relevantes en negrita. No obstante, esto puede hacerse utilizando tanto la etiqueta B como la etiqueta STRONG (dado que no todos los navegadores muestran por defecto en negrita esta última, es recomendable estilar la etiqueta con font-weight:bold en el CSS del blog).
Debemos tener en cuenta que la etiqueta B simplemente muestra el texto acotado en negrita, mientras que la etiqueta STRONG también aporta énfasis y peso al texto en cuestión. Por tanto, el uso de una u otra dependerá de si el motivo para usar las negritas es un tema meramente visual o se trata más bien de una manera de remarcar algo importante dentro del texto.
Finalmente, lo mismo sucede con el uso de las etiquetas I, que muestra el texto en cursiva y EM, que además enfatiza (aunque en menor medida que STRONG).
En definitiva, hacer un uso óptimo de este tipo de etiquetas semánticas es una práctica muy recomendable. Seleccionar a qué partes de nuestro contenido queremos conceder más peso contribuirá a que se llegue a nuestra web especialmente a través de búsquedas relacionadas con esas ideas enfatizadas.
Blog de David P. Toscano