","err_audit_input_required":"Incolla prima l'HTML contenente i tuoi meta tag.","mockups_heading":"Come appare come anteprima del collegamento","mockups_disclaimer":"Queste quattro carte sono approssimazioni di stile del vero Chrome di anteprima dei collegamenti di ciascuna piattaforma, create solo a scopo di pianificazione: non sono un recupero dal vivo o uno screenshot di Twitter/X, Facebook, LinkedIn o Discord e le piattaforme potrebbero rinnovare la propria interfaccia utente di anteprima nel tempo.","mockup_twitter_heading":"Twitter/X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Discordia","mockup_image_alt":"Collega l'immagine di anteprima","mockup_no_image":"Nessuna immagine fornita","mockup_no_image_short":"Nessuna immagine","domain_default_fallback":"esempio.com","audit_missing_title":"Missing og:title: la maggior parte delle piattaforme mostra un titolo generico o vuoto senza di esso.","audit_missing_description":"Manca og:description: la scheda di anteprima non mostrerà alcun testo di riepilogo.","audit_missing_image":"Missing og:image: la maggior parte delle piattaforme non mostra alcuna immagine o ricorre alla prima immagine trovata sulla pagina.","audit_missing_url":"Missing og:url: senza di esso, le condivisioni di URL alternativi (con parametri di monitoraggio, versioni AMP, ecc.) potrebbero non consolidarsi nella pagina canonica.","audit_title_too_long":"og:titolo è composto da {length} caratteri, sopra il punto di ~{max} carattere in cui la maggior parte delle piattaforme lo troncherà.","audit_title_long":"og:title è di {length} caratteri, oltre il punto di ~{max} carattere in cui alcune piattaforme iniziano a troncarlo, sebbene possa essere ancora visualizzato completamente altrove.","audit_title_ok":"og:title contiene {length} caratteri, entro l'intervallo sicuro per la maggior parte delle piattaforme.","audit_description_too_long":"og:descrizione è composta da {length} caratteri — oltre il punto di ~{max} carattere in cui la maggior parte delle piattaforme la taglierà.","audit_description_long":"og:descrizione è composta da {length} caratteri — oltre il punto in cui alcune piattaforme iniziano a troncare il carattere ~{max}.","audit_description_ok":"og:descrizione è composta da {length} caratteri, entro l'intervallo sicuro per la maggior parte delle piattaforme.","audit_url_not_absolute":"og:url il valore \"{value}\" non è un URL http(s) assoluto: dovrebbe essere l'URL canonico completo della pagina.","audit_image_not_absolute":"og:il valore immagine \"{value}\" non è un URL http(s) assoluto: la maggior parte delle piattaforme richiede un URL immagine completo.","audit_image_dims_small":"og:image:width/height dichiarato è {w}×{h} — al di sotto del minimo ampiamente consigliato di 1200×630 per le anteprime dei collegamenti.","audit_image_dims_ok":"og:image:width/height dichiarato è {w}×{h}: soddisfa il minimo ampiamente consigliato di 1200×630.","audit_image_dims_unparseable":"og:image:width/og:image:height sono presenti ma non sono numeri validi.","audit_image_dims_unknown":"Non sono dichiarati og:image:width/og:image:height: le dimensioni effettive dei pixel non possono essere verificate senza recuperare l'immagine, cosa che questo strumento non fa mai, in base alla progettazione, per motivi di privacy. Minimo consigliato: 1200×630.","audit_twitter_card_missing":"Nessun tag twitter:card: Twitter/X generalmente ricorre ai tag og: equivalenti, ma un twitter:card esplicito è più affidabile.","audit_twitter_card_invalid":"twitter: il valore della carta \"{value}\" non è uno dei quattro valori accettati dal validatore di carte di Twitter: summary, summary_large_image, app, player.","audit_twitter_card_ok":"twitter:card è \"{value}\", un valore valido.","audit_large_image_needs_image":"twitter:card è summary_large_image ma non è stata trovata alcuna og:image o twitter:image: questo tipo di card necessita di un'immagine per essere visualizzata correttamente.","audit_twitter_title_fallback":"Nessun set twitter:title: Twitter/X tornerà a og:title.","audit_twitter_description_fallback":"Nessun set twitter:description: Twitter/X tornerà a og:description.","audit_twitter_image_fallback":"Nessun set twitter:image: Twitter/X tornerà a og:image.","audit_duplicate_tag_item":"\"{tag}\" è dichiarato {count} volte: solo l'ultimo analizzato dalla maggior parte delle piattaforme avrà effettivamente effetto."};
⭐ 0
🔍
Testo Immagine PDF e Documenti Audio Musica Elettronica Tempo Utilità Validatori Esoterismo Giochi

Generatore di carte OG e Twitter: generatore di meta tag, revisore e anteprima

Crea tag <meta> Open Graph e Twitter Card pronti da incollare da un modulo, oppure incolla un <head> esistente per verificarne i tag mancanti, la lunghezza del titolo/descrizione e la validità di twitter:card, quindi visualizza in anteprima entrambi i modelli di schede di collegamento Twitter/X, Facebook, LinkedIn e Discord autenticamente rinnovati.

Buy Me a Coffee at ko-fi.com
Elaborazione... 0%
Ingresso di lettura
Creazione/controllo dei tag
Anteprime del rendering
Fatto

Risultato

I meta tag Open Graph e Twitter Card decidono come appare un collegamento nel momento in cui viene incollato in Slack, iMessage, un tweet o un canale Discord: un titolo, una descrizione e un'immagine scelti dall'<head> della pagina, non da qualunque cosa la piattaforma riesca a raschiare dal corpo del testo visibile. Questo strumento è sia un costruttore che un revisore, non un compilatore di modelli generici. In modalità BUILD, inserisci titolo, descrizione, URL immagine, URL canonico, tipo di contenuto e tipo di scheda Twitter e comporrà l'esatto blocco di tag <meta property="og:..."> e <meta name="twitter:..."> pronto per essere incollato nella <head> della tua pagina, saltando qualsiasi campo lasciato vuoto anziché emettere tag vuoti con contenuto vuoto.

In modalità AUDIT, incolla il markup <head> esistente o l'HTML di un'intera pagina e lo strumento lo analizza con il DOMParser nativo del browser per estrarre ogni meta tag og: e twitter: già presente, quindi esegue i controlli che contano davvero: i quattro tag comunemente richiesti (og:title, og:description, og:image, og:url) vengono contrassegnati se mancanti; og:title viene misurato rispetto al punto di circa 60 caratteri in cui alcune piattaforme iniziano a troncare e al punto di circa 90 caratteri in cui lo farà la maggior parte delle piattaforme; og:description viene misurato rispetto all'intervallo di circa 155-200 caratteri consentito dalla maggior parte delle piattaforme prima di interromperlo; twitter:card viene confrontato con i quattro valori reali accettati dal validatore di carte di Twitter — summary, summary_large_image, app, player — e contrassegnato se è qualcos'altro; e i tag duplicati (la stessa proprietà dichiarata due volte, un bug di copia-incolla sorprendentemente comune) vengono chiamati per nome.

Le dimensioni dell'immagine ricevono un trattamento onesto: questo strumento non può verificare l'effettiva dimensione in pixel dell'immagine senza recuperarla, e deliberatamente non lo fa mai, rispettando la politica di non richiesta esterna di questo sito. Se il tuo codice HTML dichiara già og:image:width e og:image:height, i numeri dichiarati vengono confrontati con il minimo ampiamente raccomandato di 1200×630; in caso contrario, riceverai una nota guida chiara invece di un superamento o un fallimento inventato. Entrambe le modalità riproducono gli stessi quattro mockup di anteprima del collegamento - Twitter/X (passando dal layout compatto delle miniature "riepilogo" al layout "summary_large_image" a larghezza intera a seconda del valore twitter:carta), Facebook, LinkedIn e Discord - ciascuno autenticamente rinnovato per corrispondere alla tipografia e alle convenzioni di layout della piattaforma piuttosto che a una casella con un logo diverso, e ciascuno è chiaramente etichettato come un'approssimazione illustrativa ai fini della pianificazione, dal momento che le piattaforme reali si rinnovano. la loro anteprima cromata nel tempo e questo strumento non li recupera né li raschia per controllarli.

🛡️
Eseguito nel browser

I tuoi file e input non lasciano mai questo dispositivo. L'elaborazione viene eseguita completamente offline. Sicuro al 100%.

Formati e regole accettati

  • La modalità BUILD compone og:title, og:description, og:image, og:url, og:type, og:site_name e i tag twitter:card/twitter:site/twitter:title/description/image corrispondenti, saltando qualsiasi campo lasciato vuoto, con una copia con un clic del blocco pronto da incollare.
  • La modalità AUDIT estrae ogni tag og:/twitter: <meta> dall'HTML incollato tramite DOMParser del browser, segnala i tag obbligatori mancanti (og:title/description/image/url), i tag duplicati e i valori twitter:card non validi.
  • L'indicazione della lunghezza utilizza le soglie reali comunemente citate: og:title circa 60 caratteri prima che alcune piattaforme inizino a troncarla (fino a circa 90 nella versione più permissiva), og:description circa 155-200 caratteri.
  • Visualizza la scheda Twitter/X nel layout corretto per il tipo di scheda dichiarato (una scheda "riepilogativa" compatta con una piccola miniatura quadrata o il layout "summary_large_image" a larghezza intera) insieme alle anteprime di Facebook, LinkedIn e Discord.

Vantaggi principali

✓ Due veri strumenti in uno: una modalità BUILD che genera l'esatto tag HTML og: e twitter: <meta> da un modulo e una modalità AUDIT che analizza l'HTML incollato per trovare e valutare i tag esistenti.
✓ Convalida reale, non una lista di controllo cosmetica: tag richiesti mancanti, lunghezza og:title/og:description verificata rispetto ai limiti effettivi a cui le piattaforme troncano e twitter:card verificata rispetto ai suoi quattro valori reali consentiti.
✓ Onesto su ciò che non può essere verificato offline: le dimensioni in pixel dell'immagine sono solo indicative a meno che il tuo codice HTML non dichiari già og:image:width/og:image:height, poiché questo strumento non recupera mai la tua immagine, in base alla progettazione, per motivi di privacy.
✓ Quattro modelli di piattaforma veramente diversi (layout di riepilogo di Twitter/X vs summary_large_image, Facebook, LinkedIn, Discord) costruiti dallo stesso titolo/descrizione/immagine, chiaramente etichettati come illustrativi.

Casi d'uso

  • • Spedisci un nuovo post sul blog con le social card appropriate: inserisci il titolo, la descrizione e un'immagine di copertina ospitata, genera il blocco tag og:/twitter: e incollalo direttamente nel <head> della pagina.
  • • Controlla il <head> di una pagina di destinazione esistente dopo una migrazione CMS per individuare un og:image mancante, un og:title sufficientemente lungo da essere troncato su alcune piattaforme o un valore twitter:card rimanente non valido.
  • • Confronta il modo in cui lo stesso titolo e la stessa immagine vengono letti nella scheda riepilogativa compatta di Twitter/X rispetto al layout a larghezza intera summary_large_image prima di decidere quale tipo twitter:card dichiarare.