En un vídeo recent, John Mueller de Google va respondre a una pregunta sobre com l’HTML semàntic ajuda els motors de cerca a entendre el contingut del lloc web.

Mueller va parlar de com l’HTML semàntic afecta el SEO, l’accessibilitat i els rànquings de cerca d’un lloc.

Però primer, anem a definir HTML semàntic i com funciona.

HTML semàntic 101

Els elements HTML semàntics proporcionen significat i estructura al contingut web.

Ajuda als motors de cerca i als navegadors a entendre millor el contingut i les relacions de la pàgina.

Alguns elements semàntics comuns inclouen els següents:

• Encapçalaments s’utilitzen per denotar importància i crear jerarquia.
  

  és el més important,

  és el menys.

• Paràgrafs s’utilitzen per representar blocs de text. L’element

  defineix un paràgraf.
  Llistes s’utilitzen per organitzar elements.

  i
  creen llistes ordenades i no ordenades, respectivament.
  1. defineix un element de llista.
  2. Taules estructura les dades tabulars. crea una taula,
     defineix files,
     defineix les capçaleres de columnes i
     defineix les cel·les de dades.
  3. Enllaços o les àncores () creen hiperenllaços entre pàgines. Ajuden a mostrar les connexions entre el contingut.
  4. Imatges () representen fotos o gràfics. L’atribut alt proporciona una descripció de text de la imatge, que ajuda amb l’accessibilitat i el SEO.
  5. Articles (
     
     ) representen contingut independent i reutilitzable, com ara publicacions de bloc o notícies.
  6. Seccions () agrupa contingut relacionat, com ara capítols o parts d’un document.
  7. A part () contenen contingut tangencialment relacionat amb el contingut principal, com ara barres laterals.
  8. Xifres ( i

  HTML semàntic: un factor de classificació?

  Tot i que l’HTML semàntic ajuda els motors de cerca a analitzar el contingut i l’estructura de la pàgina, no és un factor de classificació directe, aclareix Mueller:

  “L’HTML semàntic ajuda a entendre una pàgina. No obstant això, no és un multiplicador màgic per augmentar la classificació d’un lloc web”.

  Tot i que l’HTML semàntic pot no augmentar immediatament els rànquings, millora el SEO i l’accessibilitat i segueix sent una bona pràctica fonamental.

  Utilitzant-lo, podeu optimitzar per als motors de cerca alhora que creeu una experiència d’usuari òptima.

  Com l’HTML semàntic beneficia a Google

  L’ús d’elements HTML semàntics correctament pot ajudar amb el SEO de les maneres següents:

  • Tenir encapçalaments per estructurar fragments de text
  • Posar imatges al costat de les paraules que són rellevants per a ells
  • Ús d’etiquetes de taula per a taules de dades, no només per posicionar contingut
  • Tenir enllaços d’ancoratge en lloc d’enllaços que funcionen mitjançant JavaScript

  Mueller assenyala que els algorismes de Google no són massa precisos sobre elements similars.

  Per exemple, quan s’agrupen seccions de text, Google tracta els elements de secció, article i div de la mateixa manera. L’element concret utilitzat és menys important que tenir una estructura i una relació clara entre els elements.

  Com l’HTML semàntic beneficia les persones

  L’HTML semàntic millora enormement l’experiència dels usuaris de diferents orígens, inclosos aquells amb discapacitat.

  Ho fa de les maneres següents:

  • L’HTML semàntic ajuda al programari lector de pantalla a transmetre contingut web a usuaris cecs o amb discapacitat visual.
  • L’HTML semàntic garanteix la navegabilitat del teclat. Es pot accedir a elements com els enllaços `` i els formularis ``/`` mitjançant els controls del teclat, que ajuden els usuaris amb discapacitat motriu.
  • Les tecnologies d’assistència com els lectors Braille i el programari de text a veu es beneficien de l’estructura i el significat clars de l’HTML semàntic.
  • Els elements semàntics faciliten el disseny web responsive, garantint que el contingut sigui accessible en diversos dispositius.
  • El contingut HTML semàntic a prova de futur mitjançant l’adhesió als estàndards web. Això significa que és probable que tots els usuaris puguin accedir al contingut fins i tot a mesura que avança la tecnologia.

  Els desenvolupadors poden crear contingut web que els humans i les màquines entenguin seguint els principis HTML semàntics, donant lloc a una experiència web inclusiva.

  La petició de Mueller als propietaris del lloc web

  Mueller conclou el vídeo amb una súplica als propietaris de llocs web perquè utilitzin HTML semàntic tot i que no és un factor de classificació directe.

  “Si us plau, utilitzeu HTML semàntic. No és un factor de classificació, però pot ajudar els nostres sistemes a entendre millor el vostre contingut”.

  ---

  Font: Central de cerca de Google

  Imatge destacada: captura de pantalla de YouTube.com/GoogleSearchCentral, juny de 2023.