En un video reciente, John Mueller de Google respondió una pregunta sobre cómo el HTML semántico ayuda a los motores de búsqueda a comprender el contenido del sitio web.
Mueller discutió cómo el HTML semántico afecta el SEO, la accesibilidad y las clasificaciones de búsqueda de un sitio.
Pero primero, definamos HTML semántico y cómo funciona.
HTML semántico 101
Los elementos HTML semánticos proporcionan significado y estructura al contenido web.
Ayuda a los motores de búsqueda y navegadores a comprender mejor el contenido y las relaciones en la página.
Algunos elementos semánticos comunes incluyen los siguientes:
encabezados se utilizan para denotar importancia y crear jerarquía.
es lo mas importante,
es lo menos.
Párrafos se utilizan para representar bloques de texto. El
elemento define un párrafo. Liza se utilizan para organizar elementos.
y
crear listas desordenadas y ordenadas, respectivamente.
Imágenes () representan fotografías o gráficos. El atributo alt proporciona una descripción de texto de la imagen, lo que ayuda con la accesibilidad y el SEO.
Artículos ( ) representan contenido independiente y reutilizable, como publicaciones de blog o noticias.
Secciones ( ) agrupan contenido relacionado, como capítulos o partes de un documento.
Apartes (
Cifras ( y) representan una imagen, diagrama o ilustración, junto con una leyenda. Muestran la relación entre el medio y el texto circundante.
HTML semántico: ¿un factor de clasificación?
Aunque el HTML semántico ayuda a los motores de búsqueda a analizar el contenido y la estructura de la página, no es un factor de clasificación directo, aclara Mueller:
“El HTML semántico ayuda a comprender una página. Sin embargo, no es un multiplicador mágico para hacer que un sitio web se clasifique más alto”.
Si bien es posible que el HTML semántico no aumente de inmediato las clasificaciones, mejora el SEO y la accesibilidad y sigue siendo una mejor práctica fundamental.
Usándolo, puede optimizar para los motores de búsqueda mientras crea una experiencia de usuario óptima.
Cómo el HTML semántico beneficia a Google
El uso adecuado de elementos HTML semánticos puede ayudar con el SEO de las siguientes maneras:
Tener encabezados para estructurar pasajes de texto.
Poner imágenes junto a las palabras que son relevantes para ellos
Usar etiquetas de tabla para tablas de datos, no solo para posicionar contenido
Tener enlaces de anclaje en lugar de enlaces que funcionan a través de JavaScript
Mueller señala que los algoritmos de Google no son demasiado precisos sobre elementos similares.
Por ejemplo, al agrupar secciones de texto, Google trata los elementos de sección, artículo y div de la misma manera. El elemento específico utilizado es menos importante que tener una estructura clara y una relación entre los elementos.
Cómo el HTML semántico beneficia a las personas
El HTML semántico mejora en gran medida la experiencia de los usuarios de diversos orígenes, incluidos aquellos con discapacidades.
Lo hace de las siguientes maneras:
El HTML semántico ayuda al software lector de pantalla a transmitir contenido web a usuarios ciegos o con problemas de visión.
El HTML semántico garantiza la navegabilidad del teclado. Elementos como `` enlaces y ``/`
Las tecnologías de asistencia, como los lectores de Braille y el software de texto a voz, se benefician de la estructura y el significado claros del HTML semántico.
Los elementos semánticos facilitan el diseño web receptivo, asegurando que el contenido sea accesible en varios dispositivos.
El HTML semántico prepara el contenido para el futuro al adherirse a los estándares web. Esto significa que es probable que todos los usuarios puedan acceder al contenido incluso a medida que avanza la tecnología.
Los desarrolladores pueden crear contenido web que los humanos y las máquinas entiendan siguiendo los principios de HTML semántico, lo que lleva a una experiencia web inclusiva.
Súplica de Mueller a los propietarios de sitios web
Mueller concluye el video con una súplica a los propietarios de sitios web para que usen HTML semántico aunque no sea un factor de clasificación directo.
“Utilice HTML semántico. No es un factor de clasificación, pero puede ayudar a nuestros sistemas a comprender mejor su contenido”.
