Las etiquetas HTML son las encargadas de darle formato a nuestro contenido WEB, con ellas podemos definir como se debe mostrar un determinado texto, si es un título o un párrafo, si debe tener énfasis entre otras.

Uno de los errores más comunes que se suele cometer es omitir el uso de dichas etiquetas y solamente utilizar el tag div con estilos definidos por CSS para darle formato al texto.

<div class=”title”>The Article Title</div>

Cuando un robot lee el contenido de nuestro documento, no puede identificar que se hace referencia a un título; esto se puede corregir utilizando las etiquetas de cabeceras

<h1>The Article Title</h1>

Este es solo uno de los casos más comunes que se dan.

El beneficio más importante de escribir nuestro documento HTML de forma semántica, es que le dice a todos, navegadores, robots, indexadores, editores y cualquier otra aplicación o persona que pueda leer y entender HTML, como está compuesto y como debe  nuestro documento.

A continuación, algunas de las etiquetas que nos ayudan a definir nuestro documento de forma semántica

p Párrafo
ul-li Lista de elementos
h1-h6 Cabeceras de Títulos
strong Énfasis (texto en negrita)
abbr Abreviación
acronym Acrónimo
address Dirección (del autor del documento generalmente)
code Referencia de código