Código semántico: es básicamente utilizar las etiquetas HTML de forma correcta (mi forma de verlo y una versión bastante simplificada!)
Sin embargo, las implicaciones de realizar páginas y sitios web en general usando código de forma semántica es bastante importante. Se trata de no usar las etiquetas HTML porque sí, sino usarlas donde deben usarse y para las razones que fueron creadas.
Para esto, me gustaría citar un simple ejemplo. Es con respecto al uso de los encabezados dentro de una página web.
El propósito de una etiqueta H1, es la de ser el “titular” del contenido de una página web. Es tal cual como el titular de una noticia en un periódico. Sin embargo, es triste ver que hay sitios web, que no hacen uso de esta etiqueta, sino que simplemente ajustan con CSS un estilo para que el titular se vea grande y “bonito”.
Por ejemplo:
Esto debería estar dentro de una etiqueta H1
Código: <p style=”font-size:18px;”>Esto debería estar dentro de una etiqueta H1</p>
Visualmente, para la mayoría de las personas esto puede ser lo mismo. Sin embargo, las implicaciones para los motores de búsqueda son importantes. Al hacer uso de este tipo de etiquetas, se le está indicando a Google qué contenido o qué palabras claves son más importantes.
Beneficios para la accesibilidad
Los beneficios para la accesibilidad del sitio web son inmensas! especialmente para los usuarios que posean problemas de visión y que requieran del uso de programas que lean la pantalla para navegar por Internet como por ejemplo JAWS, para windows.
JAWS, tiene la opción de permitir a un usuario saltar entre diferente tipos de contenido, de esta forma, un usuario ciego puede saltar de encabezado en encabezado utilizando la tecla H. Esto le permite recorrer y entender de mejor forma un documento.
En conclusión, siempre es bueno utilizar código escrito semánticamente, hacer uso correcto de las etiquetas HTML, con las funciones para las que fueron creadas. Adicionalmente, tener en cuenta que esto, no solamente va a favorecer el posicionamiento en los motores de búsqueda de las páginas, sino que también trae importantes beneficios para tener páginas web accesibles.
