📇 SEO di condivisione sociale

Apri generatore di carte di grafico e Twitter

Compila i dettagli della pagina e guarda un vero e proprio rendering di Facebook, LinkedIn e X card in diretta mentre scrivi. Ottieni un set di copy-paste di meta tag Open Graph e Twitter Card. Leggi le piattaforme di markup esatte per creare l'anteprima del link.

✓ Anteprima della carta dal vivo Esegue nel tuo browser Nessun segno
Mira a circa 60 caratteri quindi non è troncato.
Circa 110 personaggi mostrano in pieno sulla maggior parte delle carte sociali.
URL https assoluto, 1200×630 raccomandato.
Facebook / Anteprima LinkedIn
Nessuna immagine
example.com
Anteprima X (Twitter)
Nessuna immagine
example.com
Meta tag generati

Come generare i tag Apri grafico e Twitter Card

Quattro passi dai dettagli della pagina ad un'anteprima sociale convalidata e copiata.

1

Inserisci il tuo URL pagina, titolo e descrizione

Incolla l'URL assoluto della pagina che stai condividendo, poi scrivi il titolo e la descrizione che vuoi visualizzare sulle carte sociali.

2

Aggiungi un'immagine condivisa e imposta i tipi

Fornire un'immagine https assoluta (idealmente 1200x630), scegliere il tipo di scheda og:type e il tipo di Twitter, e aggiungere la tua @handle.

3

Controlla le anteprime in diretta su Facebook e X

Guarda il rendering di Facebook/LinkedIn e X mentre scrivi e risolvi qualsiasi tipo di avviso di validazione di lunghezza o immagine mostrato di seguito.

4

Copia i tag nella tua pagina head

Copiare i meta tag Open Graph e Twitter generati e incollarli all'interno del <head> della tua pagina, poi ri-scrape con il debugger della piattaforma.

Apri domande su Grafico & Twitter

Apri grafico (og:) è il protocollo condiviso Facebook, LinkedIn, Slack, WhatsApp, Pinterest e la maggior parte delle piattaforme lette per creare un'anteprima dei link. Twitter Card (twitter:) è il vocabolario di X che controlla il layout della scheda. Ad esempio, il riassunto vs summary_large_image. Si sovrappongono pesantemente: titolo, descrizione e immagine possono provenire da og: tag. I tag specifici di Twitter aggiungono solo ciò che og: non può esprimere, come lo stile della carta e l'handle @site.
Utilizzare 1200x630 pixel (un rapporto 1.91:1) per la grande scheda che Facebook, LinkedIn e X summary_large_image tutti usano
Ogni piattaforma cache la prima versione della tua scheda raschiata, a volte per settimane, così vecchi titoli e immagini persistono dopo aver risolto i tag. Forzare una ri-scrape: incolla l'URL nel Debugger di condivisione Facebook e fare clic su Scrape Ancora, utilizzare il LinkedIn Post Inspector, e condividere il link una volta su X per aggiornare la sua cache. Confermare che i tag sono effettivamente nella testa HTML servita e non iniettato più tardi da JavaScript, che la maggior parte dei raschiatori non eseguire.
Non completamente. Quando manca un tag Twitter, X rientra nel corrispondente Tag Open Graph Hoppenig og:title, og:description e og:image cover gran parte della carta. Quindi il minimo pratico è un insieme completo di og: tags più solo twitter:card per scegliere il layout e twitter:site per l'attribuzione. Aggiungere og: tags significa anche che la stessa anteprima funziona su Facebook, LinkedIn, Slack e ovunque altro, quindi conduci con og: e aggiungi solo la manciata di twitter: tags che og: non può esprimere.

Hai bisogno di tag sociali generati in scala?

Questo strumento funziona interamente nel vostro browser... non c'è niente da chiamare e nulla lascia la pagina. Per i plugin CMS, CI e pagine di massa, un programmatico API Aperto Grafico è disponibile sui piani a pagamento.

✓ Strumento gratuito: 100% lato client API del grafico aperto: piani a pagamento

Genera i blocchi di Open Graph e Twitter Card convalidati per pagina da un singolo endpoint e li collega direttamente alla tua build. Vedi piani e quote sulla pagina dei prezzi.

Cfr. piani API →