Sobre aquesta eina
Les metaetiquetes en HTML <head> controlen com els motors de cerca i les plataformes socials mostren la vista prèvia d'una pàgina. Les etiquetes més importants inclouen les etiquetes <title>, <meta name="description">, Open Graph (og:title, og:description, og:image) i les etiquetes de Twitter Card (twitter:title, twitter:description, twitter:image). Quan aquestes etiquetes falten, tenen un format incorrecte o són incorrectes, els fragments de cerca i les visualitzacions prèvies socials semblen trencats o utilitzen contingut no desitjat.
Aquest verificador obté un URL i inspecciona totes les metaetiquetes rellevants. Les etiquetes que falten estan marcades. Les etiquetes amb contingut que supera els límits de longitud específics de la plataforma (truncament de fragments de Google, majúscules de caràcters de Twitter) es destaquen. Es verifiquen les referències d'imatge: si og:image apunta a un 404, la previsualització social es trencarà.
Tot això és important perquè la majoria dels clics al vostre lloc provenen dels resultats de la cerca i de les accions socials. Les metaetiquetes són la còpia de màrqueting que decideix si es produeix un clic. Aconseguir-los bé és una de les tasques socials i de SEO de més gran aprofitament.
Per què comprovar les metaetiquetes
Els errors de metaetiquetes són silenciosos. Una pàgina sense og:image encara es carrega correctament; res de la pàgina no us diu que les accions socials semblen trencades. L'error només és visible quan algú comparteix la pàgina, moment en què la primera impressió perduda ja s'ha perdut. La comprovació rutinària de les pàgines detecta aquests problemes abans d'hora.
Després de canvis importants a un lloc (un redisseny, una migració de CMS, una actualització de plantilles), les metaetiquetes sovint retrocedeixen. Una passada de control de qualitat a pàgines importants confirma que no s'ha perdut res crític amb el canvi.
Com utilitzar-la
Introduïu l'URL, vegeu totes les metaetiquetes.
- Introduïu l'URL: Escriviu o enganxeu l'URL per comprovar-ho. Tant http:// com https:// funcionen; HTTPS preferit.
- Obtenir i analitzar: L'eina recupera la pàgina (o us demana que enganxeu HTML si els problemes d'origen creuat impedeixen la recuperació) i analitza la secció de capçalera.
- Inspeccioneu les etiquetes: El títol, la meta descripció, les etiquetes Open Graph, les etiquetes de Twitter Card i altres meta rellevants apareixen en una vista estructurada. Les etiquetes crítiques que falten estan marcades.
- Previsualitza com apareixerà la pàgina: Alguns verificadors mostren fragments de Google simulats, compartició de Facebook i visualitzacions prèvies de targetes de Twitter basades en les etiquetes analitzades. Utilitzeu-los per detectar problemes abans que apareguin en accions reals.
Detalls tècnics
Metaetiquetes necessàries per al SEO: <title> (50-60 caràcters; Google trunca més enllà d'això als fragments de cerca), <meta name="description"> (150-160 caràcters; el text més llarg es trunca). Faltar qualsevol de les dues fa que l'aspecte de la cerca sigui significativament.
Etiquetes Open Graph (utilitzades per Facebook, LinkedIn, Slack i molts altres): og:title, og:description, og:image, og:url, og:type. og:image ha de tenir com a mínim 1200 × 630 píxels per a una representació d'alt DPI. og:image:alt és l'etiqueta d'accessibilitat.
Etiquetes de la targeta de Twitter: twitter:targeta (normalment summary_large_image), twitter:títol, twitter:descripció, twitter:imatge. Twitter torna a utilitzar les etiquetes OG si falten les específiques de Twitter, de manera que un OG ben configurat sovint n'hi ha prou.
Preguntes freqüents
- Quines metaetiquetes són més importants per al SEO?
- Etiqueta de títol (la més important: 50-60 caràcters), meta descripció (150-160 caràcters), URL canònic, meta robots, Open Graph (og:title, og:description, og:image) i viewport per a mòbils. Aquests afecten directament els rànquings de cerca i els percentatges de clics.
- Quant de llarg hauria de ser la meva etiqueta de títol?
- De 50 a 60 caràcters (o ~580 píxels) per a una visualització completa als resultats de la cerca de Google. Els títols més llargs es trunquen amb '...'. Les paraules clau importants de càrrega frontal des del principi són més visibles i tenen més pes SEO.
- Necessito etiquetes Open Graph?
- Sí, si les vostres pàgines es comparteixen a les xarxes socials. Sense og:image i og:title, Facebook/LinkedIn generarà automàticament visualitzacions prèvies que poden semblar pobres. Les etiquetes OG adequades garanteixen que el vostre contingut tingui un aspecte fantàstic quan es comparteix.
- Per a què serveix l'etiqueta canònica?
- L'etiqueta canònica (rel="canonical") indica als motors de cerca quin URL és la versió "oficial" d'una pàgina. Evita problemes de contingut duplicat quan es pot accedir a la mateixa pàgina a diversos URL (amb/sense www, HTTP/HTTPS, amb paràmetres de consulta).
- Per què la meva compartició de Facebook mostra la imatge incorrecta?
- Molt sovint, Facebook utilitza una versió en memòria cau. Utilitzeu el depurador compartit de Facebook per esborrar la memòria cau i tornar a recuperar la vostra pàgina.
- Les metaetiquetes distingeixen entre majúscules i minúscules?
- Els noms de propietat estan en minúscula per convenció. La majoria dels analitzadors són tolerants, però es mantenen amb minúscules per seguretat.
- El meu URL s'obté des del navegador o d'un servidor?
- Depèn de l'eina. La recuperació del navegador pot tenir problemes amb CORS; algunes eines utilitzen un servidor intermediari per obtenir i informar.
- Què passa amb les dades estructurades JSON-LD?
- JSON-LD són dades estructurades per a resultats rics, independents de les metaetiquetes. La majoria dels verificadors de metaetiquetes se centren en el meta head HTML; Els validadors de dades estructurades són una classe separada d'eines.