Copia e incolla Con anteprima Consigli immagine/cache inclusi

Generatore di Tag OGP (Output automatico og:title/og:image ecc.)

Inserisci URL, titolo, descrizione e URL immagine. Genera insieme i meta tag Open Graph + Twitter Card.

L'estrazione avviene direttamente nel browser (si applicano i limiti CORS).

Input

1) Info principali

Richiesto

Guida: 30–60 caratteri 0
Guida: 80–120 caratteri 0
Un'anteprima appare quando l'immagine viene caricata.
Rapporto attuale -

Scegli website o article.

2) Twitter Card
Richiudibile / Attivo di default
Includi tag Twitter Card
Regole di sincronizzazione automatica
  • • Se twitter:title è vuoto, usa og:title.
  • • Se twitter:description è vuoto, usa og:description.
  • • Se twitter:image è vuoto, usa og:image.
3) Avanzate
Apri solo se hai bisogno di regolazioni di precisione.

Testo per l'accessibilità. Massimo 420 caratteri.

Aggiungere larghezza/altezza può aiutare i crawler a caricare più velocemente.

Tag articolo (solo se og:type=article)

Usa il formato ISO 8601 se necessario.

Meta tag generati


            

Anteprima

Anteprima OG
example.com
Titolo anteprima
La descrizione apparirà qui.
Molte app social/chat appaiono simili a questa
Anteprima X card summary
example.com
Titolo anteprima
La descrizione apparirà qui.
Passa tra summary e summary_large_image
Note (opzionale)
    Le note appariranno qui in base ai tuoi input.

    Opzioni

    Guida dimensioni immagini (esempi)
    Scegli OG o X per vedere le dimensioni di esempio
    Suggerimento rapporto -

    Come usare / Esempi

    1. Inserisci URL, titolo, descrizione e URL dell'immagine.
    2. Scegli og:type e (opzionalmente) le impostazioni Twitter Card.
    3. Copia i tag generati e incollali nella sezione <head> del tuo sito.
    Esempio rapido

    Inserisci URL + titolo + immagine, quindi copia il set consigliato.

    Note e suggerimenti

    Cos'è l'OGP?

    L'OGP (Open Graph Protocol) consente alle piattaforme social di leggere il titolo, la descrizione e l'immagine della tua pagina.

    Impostando og:title/og:description/og:image, puoi controllare come appaiono i link condivisi.

    Le Twitter Card (X) usano metadati simili e possono ripiegare sui tag OG.

    Guida alle dimensioni delle immagini (per anteprime stabili)

    Guida Meta (Facebook)
    • • Minimo 200×200.
    • • Per una visualizzazione ottimale, 1200×630 o superiore; il riferimento minimo è 600×315.
    • • Un rapporto vicino a 1.91:1 aiuta a evitare ritagli (approssimativo).
    • • Dimensione del file consigliata: 8MB o inferiore.
    Guida X (Twitter) card
    • • summary_large_image supporta un rapporto 2:1; minimo 300×157, massimo 4096×4096.
    • • Si consigliano file sotto i 5MB e formati comuni (JPG/PNG/WEBP/GIF).

    Quando le modifiche non appaiono (cache e ri-estrazione)

    • • I crawler dei social salvano i dati OG in cache. Usa il debugger/ispettore di ogni piattaforma per forzare l'aggiornamento.
    • • Se hai sostituito l'immagine ma non si aggiorna, l'URL dell'immagine stessa potrebbe essere in cache; cambia il nome del file o aggiungi una query string.
    • • Aggiungere og:image:width/height può migliorare la stabilità del rendering.

    Strumenti di validazione

    FAQ

    Includere anche i tag Twitter Card?

    Sì. twitter:card e i tag correlati possono essere generati insieme. X può ripiegare sui tag OG, quindi le configurazioni minime funzionano comunque.

    Dimensione immagine consigliata?

    Come guida, Meta suggerisce 1200×630 o superiore (minimo 600×315) e un rapporto vicino a 1.91:1. La summary_large_image di X ha un rapporto e dei minimi diversi. Scegli in base alla piattaforma target.

    L'anteprima non si aggiorna

    Molto spesso è un problema di cache. Forza l'aggiornamento tramite i debugger/ispettori e, se hai cambiato l'immagine, usa un nuovo URL immagine.