Un empleado de Google recomienda cuidar la semántica del HTML. Asegura que no afecta tanto al ranking pero si a los motores de búsqueda para comprender el contenido y volverlo más accesible.
¿Qué es la semántica del HTML?
Se trata de los elementos que otorgan a una web significado y estructura a nivel técnico. Es decir, es lo que ayuda a los buscadores y los motores de búsqueda a comprender el contenido. Esto es esencial para su indexación y posicionamiento, y por lo tanto asegurar el máximo alcance. Estos son algunos ejemplos de los elementos de semántica más habituales:
- Encabezados: sirven para otorgar importancia y una jerarquía dentro del contenido. De esta forma, <h1> es el título más importante y <h6> el menos.
- Párrafos: sirven para indicar los bloques de texto y se definen con el elemento <p>
- Listas: se usan para organizar distintos ítems. Para listas ordenadas se usa <ol>, para listas sin ordenar <ul> y dentro de cada una <li> define los ítems.
- Tablas: sirve para estructurar la información en categorías. Para crear la tabla se usa <table>, las filas con <tr>, los títulos de las columnas con <th> y las celdas con <td>.
- Links: para enlazar el contenido con otras páginas y crear hyperlinks, se usa <a>.
- Imágenes: mediante <img> se pueden representar fotografías y gráficos. Con alt se puede introducir una descripción de la imágen con texto que ayuda al SEO y la accesibilidad.
- Artículos: con <article> se representa el contenido independiente, como posts en blogs o noticias
- Secciones: con <section> se agrupa el contenido similar en grupos, a modo de capítulos o partes de un documento
- Apartes: con <aside> se puede indicar un contenido relacionado con la página, como una barra lateral
- Figuras: con <figure> se muestra un diagrama o ilustración y con <caption> se puede añadir una leyenda para explicar el origen o el contenido de la figura.
Cómo afecta el HTML a los resultados
A pesar de que no afecta directamente en el ranking de posicionamiento en la red de búsqueda, la semántica ayuda a los buscadores a poder analizar el contenido. No tiene un poder mágico para lograr mejores resultados pero en general es una buena herramienta para mejorar la calidad de una página. Una mayor claridad en la estructura de la web permite una mayor accesibilidad, un mejor SEO y una experiencia óptima para el usuario.
Los algoritmos de Google para indexar el contenido pueden agruparlo y catalogarlo de una manera más precisa con el HTML. Según indica el empleado de Google, John Mueller, su punto débil es diferenciar elementos similares. Por ejemplo, tener encabezados para dividir el texto por temas, colocar las imágenes junto al texto relevante, o tener enlaces anclados en lugar de en Javascript puede ser algo positivo. Pero no solo hacer esto es beneficioso para Google, si no que puede ayudar a mejorar la experiencia del usuario. Por un lado, que una web se pueda acceder desde cualquier dispositivo sin que esto afecte a su rendimiento es esencial hoy en día. El formato de móvil resulta el predilecto para muchos usuarios. Además, la semántica ofrece ciertas garantías para que el contenido siga siendo accesible desde los dispositivos nuevos que entran al mercado. Con las novedades en hardware cada poco tiempo esto es algo para tener en consideración y lograr que el contenido no se quede obsoleto.
Sobre todo, una mayor accesibilidad permite a las personas con discapacidad poder acceder a ese contenido. Los softwares para leer el contenido web que permiten a los usuarios ciegos escuchar el contenido funcionan mucho mejor con una semántica de HTML cuidada. Lo mismo sucede con los teclados para personas con movilidad reducida y los generadores de braille. Que internet sea más inclusivo es una parte esencial del progreso que deben incorporar los desarrolladores web en el futuro. En cualquier caso, las razones para tener una buena semántica de HTML en tu página son para tener en cuenta.
