John Mueller de Google aconseja usar HTML semántico. Aunque no es un factor de posicionamiento, ayuda a los motores de búsqueda a comprender el contenido y aumenta la accesibilidad.
- El HTML semántico da significado y estructura al contenido web. Ayuda a los motores de búsqueda y las tecnologías de asistencia a comprender el contenido.
- El HTML semántico no es un factor de posicionamiento directo, pero mejora el SEO y la accesibilidad.
- El uso de HTML semántico crea una experiencia óptima para todos los usuarios.
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:
- Los encabezados se utilizan para denotar importancia y crear jerarquía. <h1> es el más importante, <h6> es el menos.
- Los párrafos se utilizan para representar bloques de texto. El elemento <p> define un párrafo.
- Las listas se utilizan para organizar elementos. <ul> y <ol> crean listas desordenadas y ordenadas, respectivamente. <li> define un elemento de lista.
- Las tablas estructuran datos tabulares. <table> crea una tabla, <tr> define filas, <th> define encabezados de columna y <td> define celdas de datos.
- Los enlaces o anclas (<a>) crean hipervínculos entre páginas. Ayudan a mostrar las conexiones entre el contenido.
- Las imágenes (<img>) 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.
- Los artículos (<article>) representan contenido independiente y reutilizable, como publicaciones de blog o noticias.
- Las secciones (<sección>) agrupan contenido relacionado, como capítulos o partes de un documento.
- Los apartes (<aside>) contienen contenido relacionado tangencialmente con el contenido principal, como las barras laterales.
- Las figuras (<figure> y <figcaption>) 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 posicionamiento?
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 posicionamiento 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 posicione más alto”.
Si bien es posible que el HTML semántico no aumente de inmediato las posiciones, 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. Se puede acceder a elementos como los enlaces `<a>` y los formularios `<input>`/`<button>` usando los controles del teclado, que ayudan a los usuarios con problemas de motricidad.
- 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 semánticos de HTML, 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 posicionamiento directo.
“Utilice HTML semántico. No es un factor de posicionamiento, pero puede ayudar a nuestros sistemas a comprender mejor su contenido”.
Fuente : Centro de búsqueda de Google
Imagen destacada: captura de pantalla de YouTube.com/GoogleSearchCentral, junio de 2023.
