📇 SEO de compartición social

Xerador de tarxetas Open Graph e Twitter

Encha os detalles da páxina e vexa unha tarxeta real de Facebook, LinkedIn e X que se renderiza en directo mentres escribe. Obteña un conxunto validado de etiquetas meta de Open Graph e Twitter Card, copiando e pegando, as plataformas de marcaxe exactas que se leron para construír a vista previa da ligazón.

✓ Vista previa da tarxeta en directo Executa no navegador Sen rexistro
Procure uns 60 caracteres para que non se trunque.
Cerca de 110 caracteres mostrados na súa totalidade na maioría das tarxetas sociais.
URL https absoluto, recoméndase 1200x630.
Vista previa de Facebook / LinkedIn
Sen imaxe — engadir un URL de og: image
example.com
Vista previa de X (Twitter) Name
Sen imaxe — engadir un URL de og: image
example.com
Metaetiquetas xeradas

Como xerar etiquetas de Open Graph e Twitter Card

Catro pasos desde os detalles da páxina ata unha vista previa social validada, copia- apega.

1

Indique o URL da páxina, o título e a descrición

Apegue o URL absoluto da páxina que está a compartir, e logo escriba o título e a descrición que queira mostrar nas tarxetas sociais.

2

Engadir unha imaxe compartida e definir os tipos

Forneza unha imaxe https og: image absoluta (idealmente 1200x630), escolla o tipo og: e o tipo de tarxeta Twitter e engada o seu @ identificador.

3

Comprobe as vistas previas en directo de Facebook e X

Vexa como se renderizan as tarxetas de Facebook/LinkedIn e X mentres escribe e resolva calquera aviso de validez de imaxe ou de lonxitude que se mostre en baixo.

4

Copiar as etiquetas na cabeceira da páxina

Copie as metaetiquetas xeradas de Open Graph e Twitter e apézelas dentro do <head> da páxina, e logo re- raspe co depurador da plataforma.

Preguntas de Open Graph & Twitter Card

Open Graph (og:) é o protocolo compartido que Facebook, LinkedIn, Slack, WhatsApp, Pinterest e a maioría das plataformas le para construír unha vista previa da ligazón. Twitter Card (twitter:) é o vocabulario propio de X que controla a disposición da tarxeta, por exemplo resume vs summary_ large_ image. Sobrepóñense moito: título, descrición e imaxe poden provenir das etiquetas og:. As etiquetas específicas de Twitter só engadirán o que og: non pode expresar, como o estilo da tarxeta e o identificador @ site.
Empregue 1200x630 píxeles (unha proporción de 1, 91: 1) para a tarxeta grande que Facebook, LinkedIn e X summary_ large_ image empregan, que enche o marco sen recortar. Manteña o ficheiro por baixo de 5 MB e ofrézao mediante un URL https absoluto, xa que as plataformas non obterán unha imaxe relativa ou http de forma fiable. O mínimo que acepta Facebook é 200x200, pero as imaxes pequenas renderízanse como miniaturas diminutas no canto dunha tarxeta heroe.
Cada plataforma almacena na caché a primeira versión da tarxeta que raspa, ás veces durante semanas, polo que os títulos e imaxes antigos persisten despois de corrixir as etiquetas. Forzar unha nova raspa: apegue o URL no Depurador de Compartición de Facebook e prema Raspar de novo, use o Inspector de Publicacións de LinkedIn e comparta a ligazón unha vez en X para refrescar a caché. Confirme que as etiquetas están realmente na cabeceira HTML servida e non inxectadas máis tarde por JavaScript, que a maioría dos raspadores non executan.
Non totalmente. Cando falta unha etiqueta de Twitter, X regresa á etiqueta Open Graph correspondente - og: título, og: descrición e og: imaxe cobren a maior parte da tarxeta. Polo tanto, o mínimo práctico é un conxunto completo de etiquetas og: máis twitter: tarxeta para escoller a disposición e twitter: sitio para atribuír. Engadir etiquetas og: tamén significa que a mesma vista previa funciona en Facebook, LinkedIn, Slack e en calquera outro lugar, polo que comece con og: e engada só un puñado de etiquetas twitter: que og: non pode expresar.

Precisa etiquetas sociais xeradas a escala?

Esta ferramenta executase completamente no navegador, non hai nada que chamar e nada que sae da páxina. Para as extensións CMS, CI e páxinas masivas, está dispoñíbel unha API Open Graph programática nos plans de pago.

✓ Ferramenta libre: 100% do lado do cliente API de Open Graph: plans de pago

Xere bloques validados de Open Graph e Twitter Card por páxina desde un único punto final e conéctelos directamente á súa compilación. Consulte os plans e cotas na páxina de prezos.

Ver os plans da API →