Softonic

Generatore di tag Open Graph

Passaggio 1 / 2
Avanti

Compila il titolo, la descrizione, l’URL canonico (canonical), l’immagine di anteprima e l’og:type, e questo generatore scrive i corrispondenti tag <meta> Open Graph, pronti da incollare nel <head> della tua pagina. I campi che lasci vuoti vengono semplicemente omessi, e le virgolette e le e commerciali (&) nel tuo testo vengono sottoposte a escape affinché il markup resti valido. Il generatore scrive solo le cinque proprietà og: principali, non i tag Twitter Card o articolo.

Come generare i tuoi tag OG

  1. 1

    Scegli l'og:type

    website per le homepage, article per i post, product per le pagine del negozio, video.other per gli embed. Il campo è testo libero, quindi funziona qualsiasi valore og:type valido.

  2. 2

    Compila i campi principali

    Titolo, descrizione, URL canonico e un URL di immagine assoluto. Qualsiasi campo lasciato vuoto viene omesso dal risultato.

  3. 3

    Genera i tag

    Le virgolette e le e commerciali vengono sottoposte a escape per te, e ottieni una riga meta per ogni campo compilato.

  4. 4

    Copia il blocco nel head

    Incollalo nel `<head>` del modello della tua pagina, sopra eventuali tag social già presenti.

I tag che questo generatore produce

<meta property="og:type" content="article">
<meta property="og:title" content="Your page title">
<meta property="og:description" content="A one-line description.">
<meta property="og:url" content="https://example.com/post/123">
<meta property="og:image" content="https://example.com/og-image.jpg">

Questo è tutto il risultato. og:type viene sempre scritto, mentre og:title, og:description, og:url e og:image vengono aggiunti solo quando li compili. Queste cinque proprietà sono le prime che Facebook, LinkedIn, Slack, Discord, WhatsApp e X leggono, quindi coprono il caso più comune.

Il generatore non scrive i tag card twitter:, né og:image:width / og:image:height, og:site_name, og:locale o i tag article:. Se ti servono, aggiungili a mano accanto al blocco generato.

I valori og:type che contano

Tipo Quando usarlo
website Homepage, pagine di atterraggio, contenuti statici
article Post di blog, notizie, pagine editoriali
product Pagine di dettaglio prodotto per e-commerce
video.other Contenuti video ed embed
profile Pagine di profilo autore o utente
music.song Pagine di singoli brani

Tag che vale la pena aggiungere a mano

Tag Cosa fa Valore di esempio
og:site_name Nome del sito nel suo insieme Example
og:locale Lingua e regione della pagina en_US
og:image:width Aiuta gli scraper a impaginare la card più in fretta 1200
og:image:height Aiuta gli scraper a impaginare la card più in fretta 630
twitter:card Layout della card su X summary_large_image

X ricade sui tag og: quando non ci sono tag twitter:, quindi una pagina che porta solo le cinque proprietà generate viene visualizzata correttamente in anteprima anche lì. Aggiungi i tag twitter: solo quando vuoi un titolo, una descrizione o un’immagine diversi specificamente su X.

Errori comuni che questo generatore ti aiuta a evitare

  • name invece di property. Le proprietà Open Graph vanno in property="og:...". Il generatore scrive sempre l’attributo corretto.
  • Virgolette e e commerciali senza escape. Un " o & grezzo nel tuo titolo rompe il tag. Il generatore le sottopone a escape per te.
  • URL di immagine relativi. Gli scraper social accettano solo URL assoluti. Incolla l’indirizzo https:// completo dell’immagine, perché il generatore non aggiunge il tuo dominio.
  • Dimensione dell’immagine errata. 1200 × 630 pixel è la dimensione sicura universale. Sotto i 200 × 200 pixel l’immagine viene di solito rifiutata.

Domande frequenti

Nel <head> del tuo HTML, in alto, preferibilmente vicino al <title>. Gli scraper leggono il head e spesso si fermano presto, quindi tenere i tag OG in alto evita che vengano persi su pagine molto grandi.

No. Scrive solo le cinque proprietà og: principali. X ricade su Open Graph quando non ci sono tag twitter:, quindi la tua anteprima continua a funzionare. Aggiungi i tag twitter: a mano solo quando vuoi un titolo, una descrizione o un’immagine diversi su X.

1200 × 630 px, JPG o PNG, è la dimensione sicura universale. Funziona su Facebook, LinkedIn, card grandi di X, Slack, Discord e iMessage. Qualsiasi cosa più piccola di 200 × 200 px rischia di essere rifiutata completamente.

Dai a ogni versione linguistica la propria pagina con i propri tag og: e aggiungi og:locale (ad esempio en_US) più og:locale:alternate per le altre versioni a mano. Questo generatore non scrive i tag locale per te.

Strumenti correlati

Controllore della lunghezza della meta descrizione

Misura una meta description in caratteri e pixel stimati, confronta riferimenti editoriali e osserva simulazioni desktop e mobile.

Estrattore di Link Esterni

Incolla HTML grezzo, imposta facoltativamente un URL di base e ottieni un elenco pulito e senza duplicati di ogni link esterno http/https del codice per audit dei link e revisioni SEO.

Estrazione dei link interni

Estrai tutti i link interni da un URL o HTML incollato con testo di ancoraggio, attributi rel e stato nofollow per audit SEO.

Verifica degli header di sicurezza HTTP

Incolla gli header di risposta HTTP e controlla HSTS, CSP, protezione dai frame, MIME, referrer e criteri cross-origin localmente.

Generatore di Schema FAQ

Genera il markup JSON-LD FAQPage dalle coppie di domande e risposte per ottenere i risultati avanzati di Google e comparire nei box di risposta.

Controllore Hreflang

Controlla localmente le annotazioni hreflang dell'HTML incollato: codici, URL completi, duplicati, posizione e auto-riferimento.

Strumento disponibile in altre lingue