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
The Article Title
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 |
Un comentario