Sobre aquesta eina
Les etiquetes Open Graph (OG) controlen com apareix una pàgina quan es comparteix a les plataformes socials. Facebook, LinkedIn, Slack, Discord i molts altres llegeixen etiquetes OG per construir targetes de vista prèvia. Sense les etiquetes OG adequades, els enllaços compartits semblen trencats: favicons genèrics, imatges que falten, títols truncats. Amb ells, les accions semblen polides i els percentatges de clics milloren significativament.
Les etiquetes OG estàndard: og:title (el títol que es mostra a la vista prèvia), og:description (el fragment de text), og:image (la imatge de vista prèvia, idealment 1200×630), og:url (URL canònic), og:type (normalment "lloc web" o "article"). Capa d'etiquetes de Twitter Card a la part superior: twitter:targeta, twitter:títol, twitter:descripció, twitter:imatge. La majoria de les eines tornen a OG quan no hi ha etiquetes específiques de Twitter.
Aquest generador produeix un conjunt complet d'etiquetes OG i Twitter Card a partir de la vostra entrada. Enganxeu l'HTML resultant al <head> de la pàgina. El resultat és una visualització prèvia correcta a totes les plataformes socials principals.
Per què utilitzar un generador d'etiquetes OG
Les pàgines sense etiquetes OG es veuen malament quan es comparteixen. Imatge buida, títol genèric, descripció que falta: la previsualització competeix malament amb les pàgines etiquetades correctament als canals. Per al màrqueting de contingut i l'intercanvi d'enllaços, això afecta directament el percentatge de clics.
L'escriptura manual de les etiquetes OG és repetitiva. Cada pàgina necessita el seu propi conjunt. Un generador que produeix etiquetes correctes a partir d'unes quantes entrades evita les errades i les propietats perdudes que trenquen les previsualitzacions socials.
Detalls tècnics
Les etiquetes OG utilitzen l'atribut de metapropietat (no el nom): <meta property="og:title" content="..." />. L'atribut de propietat és necessari per a OG; alguns analitzadors accepten el nom com a alternativa, però la propietat és correcta.
Requisits d'imatge: 1200 × 630 píxels per a la representació de la retina, relació d'aspecte 1,91:1. Les etiquetes og:image:width i og:image:height ajuden les plataformes a guardar les imatges a la memòria cau correctament. og:image:alt proporciona text d'accessibilitat.
Les etiquetes de Twitter Card utilitzen l'atribut de nom: <meta name="twitter:title" content="..." />. Twitter torna a les etiquetes OG quan no hi ha etiquetes específiques de Twitter, de manera que l'OG ben establert sovint n'hi ha prou. Afegir twitter:card tria explícitament el tipus de targeta (summary_large_image és el més comú).
Preguntes freqüents
- Puc personalitzar la sortida generada?
- Sí. L'eina ofereix diverses opcions de personalització per adaptar la sortida a les vostres necessitats específiques. Ajusta la configuració abans de generar o regenera amb diferents opcions.
- El contingut generat és d'ús gratuït?
- Sí. Tot el que genereu amb aquesta eina és vostre per utilitzar-lo amb finalitats personals, educatives o comercials sense cap restricció ni requisit d'atribució.
- Això requereix un compte?
- No. L'eina està a punt per utilitzar-se immediatament sense registrar-se, sense correu electrònic i sense registre. Només has d'obrir la pàgina i començar a generar.
- Les meves dades d'entrada es mantenen privades?
- Sí. Tot el processament es fa al vostre navegador. Les vostres dades d'entrada i la sortida generada mai s'envien a cap servidor extern.
- Puc utilitzar la mateixa imatge OG per a cada pàgina?
- Possible però subòptim. Les imatges específiques de la pàgina superen les imatges genèriques de tot el lloc per fer clic. Utilitzeu un valor predeterminat per a la alternativa, però produïu imatges per pàgina per a contingut important.
- És necessària la declaració de la dimensió de la imatge?
- Útil però no estrictament obligatori. og:image:width i og:image:height permeten a les plataformes emmagatzemar imatges a la memòria cau sense tornar-les a obtenir per determinar les dimensions. Accelera les accions posteriors.
- S'han penjat les meves dades?
- No. La generació es produeix al vostre navegador.
- Com puc provar les etiquetes OG?
- El depurador de compartició de Facebook, el validador de targetes de Twitter i l'inspector de publicacions de LinkedIn s'obtenen i es validen. Utilitzeu-los després de desplegar noves etiquetes OG.