Genera meta tag HTML, Open Graph e Twitter Card
Un generatore di meta tag costruisce i tag HTML che dicono ai motori di ricerca e alle piattaforme social come descrivere la tua pagina — il titolo e la descrizione che appaiono nei risultati di Google, più i tag Open Graph e Twitter Card che controllano la scheda di anteprima quando un link viene condiviso. Questi tag vivono nel <head> della pagina e sono invisibili ai visitatori, ma sono ciò che determina se il tuo link mostra un'anteprima ricca con immagine e titolo, o un URL spoglio e poco attraente. Compili i dettagli e lo strumento produce i tag completi da incollare.
Farlo bene conta perché l'anteprima è spesso la prima impressione della tua pagina: un'immagine Open Graph mancante o sbagliata fa apparire rotto un link condiviso su Facebook, LinkedIn o Slack, e una meta descrizione debole costa clic nella ricerca. La parte complicata è che la stessa informazione va ripetuta su diversi formati di tag — meta standard, Open Graph (og:) e Twitter (twitter:) — ciascuno con i propri nomi di proprietà. Questo strumento li genera tutti in modo coerente nel browser, così copi un blocco corretto invece di assemblarlo a mano.
I meta tag standard (titolo, descrizione) servono soprattutto ai motori di ricerca. I tag Open Graph (og:title, og:image, ecc.) controllano come appare la pagina quando condivisa sulle piattaforme social. Le Twitter Card sono un insieme simile per X/Twitter. In genere vuoi tutti e tre così ricerca e condivisione appaiono bene.
Di solito manca il tag og:image, punta a un URL non valido o l'immagine è troppo piccola. Le piattaforme leggono og:image per costruire la scheda di anteprima, quindi deve essere un'immagine valida, raggiungibile pubblicamente e di dimensione adeguata — e alcune piattaforme la mettono in cache, quindi ricondividere può richiedere un aggiornamento della cache.
I motori di ricerca mostrano tipicamente circa i primi 50-60 caratteri di un titolo e circa 150-160 di una descrizione prima di troncare. Tieni le parole importanti all'inizio così il messaggio sopravvive se viene tagliato nei risultati o nelle anteprime.
Open Graph è letto dalla maggior parte delle piattaforme, incluso come fallback da X/Twitter, quindi copre molto da solo. Aggiungere i tag twitter: dà un controllo più fine sulla scheda Twitter in particolare, come il tipo di scheda, quindi includerli entrambi è la scelta più sicura.
Generatore UUID · Convertitore di timestamp · Codificatore Base64 · Decodificatore Base64 · Generatore di hash · Convertitore di colori