Meta Tags i Open Graph

Per què són importants en formularis i pàgines informatives

Què són les Meta Etiquetes?

Les meta etiquetes són fragments de codi HTML que proporcionen informació sobre una pàgina web als motors de cerca i als usuaris. No són visibles a la pàgina en si, però són essencials per al SEO i l'experiència d'usuari.

💡

Les meta etiquetes bàsiques inclouen:

  • title: El títol de la pàgina
  • description: Descripció del contingut
  • viewport: Configuració per a dispositius mòbils
  • charset: Codificació de caràcters
  • keywords: Paraules clau (menys important avui dia)

Què és Open Graph?

Open Graph és un protocol que permet a qualsevol pàgina web convertir-se en un objecte ric en una xarxa social. Quan comparteixes un enllaç a Facebook, LinkedIn, Twitter o altres xarxes socials, Open Graph determina com es mostrarà aquesta publicació.

<!-- Exemple d'etiquetes Open Graph -->
<meta property="og:title" content="Títol de la pàgina">
<meta property="og:description" content="Descripció atractiva">
<meta property="og:image" content="URL-de-la-imatge">
<meta property="og:url" content="URL-de-la-pàgina">
<meta property="og:type" content="website">

Per què són importants?

Encara que els formularis i pàgines informatives no semblin el contingut més "compartible", les meta etiquetes i Open Graph són crucials per a:

  1. Millorar el SEO: Els motors de cerca utilitzen aquesta informació per indexar i classificar el teu contingut.
  2. Experiència d'usuari: Quan es comparteix un enllaç, es mostra una vista prèvia atractiva i informativa.
  3. Accessibilitat: Alguns assistents tecnològics s'apropien d'aquesta informació.
  4. Branding consistent: La teva marca es presenta de manera coherent a totes les plataformes.
  5. Taxes de clic més altes: Una vista prèvia ben dissenyada augmenta la probabilitat que els usuaris cliquin.

Comparativa: Amb i sense Meta Tags

Aspecte Amb Meta Tags Sense Meta Tags
Aparició en xarxes socials Vista prèvia atractiva amb imatge i descripció URL simple sense informació contextual
Posicionament SEO Millor indexació i classificació Oportunitats perdudes en motors de cerca
Experiència d'usuari Professional i coherent Genèrica i sense marca
Accessibilitat Millor suport per a tecnologies d'assistència Experiència degradada

Recomanacions per a formularis

Encara que una pàgina de formulari no sembli "compartible", sempre hi ha la possibilitat que algú vulgui enviar-la per correu o compartir-la a xarxes socials. A més, els bots dels cercadors també visiten aquestes pàgines.

  • Proporciona un títol clar que descrigui el propòsit del formulari
  • Crea una descripció atractiva que expliqui per què s'ha de completar el formulari
  • Inclou una imatge rellevant (per exemple, el logotip de la companyia o una il·lustració del formulari)
  • Assegura't que l'URL sigui correcte per evitar errors en compartir

Conclusió

Sí, és necessari i altament recomanable incloure meta etiquetes i Open Graph en totes les pàgines del teu lloc web, incloent formularis i pàgines informatives. Això millorarà la teva presència digital, l'experiència d'usuari i l'efectivitat del teu lloc web en general.

No subestimi el valor d'aquests elements aparentment petits: tenen un impacte significatiu en com es perceb el teu lloc web tant pels usuaris com pels algoritmes.