Guarda come appare la tua pagina quando qualcuno condivide il link
Guarda la scheda che sei piattaforme costruiscono quando qualcuno condivide un link alla tua pagina.
Quando un link viene condiviso, la piattaforma non mostra semplicemente l'indirizzo. Recupera la pagina, legge alcuni tag dal head e costruisce una scheda: un'immagine, un titolo, una riga di testo. Quali tag legge dipende da dove è stato pubblicato il link. X cerca prima i propri tag e solo dopo ripiega su quelli Open Graph, mentre Facebook e LinkedIn leggono soltanto Open Graph. Se un tag manca non resta un vuoto; la piattaforma prende qualcos'altro dalla pagina, spesso il primo testo che trova. Inserisci un indirizzo qui sotto per leggere i tag di una pagina, oppure scrivili tu, e la scheda viene disegnata come la costruisce ciascuna delle sei piattaforme.
Quali tag legge ogni piattaforma
X guarda prima i propri tag e ripiega su Open Graph quando mancano. Facebook e LinkedIn leggono solo Open Graph, quindi un tag X lì non serve a nulla. Slack e Discord accettano entrambi. Una stessa pagina può così produrre sei schede che non coincidono, e un titolo che sei certo di aver impostato può mancare in metà di esse. Ogni anteprima qui segue l'ordine che quella piattaforma usa davvero.
Facebook e LinkedIn ricordano ciò che hanno letto
Entrambi conservano una copia di quello che hanno trovato la prima volta che hanno scaricato la tua pagina, e la tengono a lungo. Correggi i tag e la scheda non cambia: è il motivo più comune per cui una correzione giusta sembra fallita. Devi chiedere alla piattaforma di rileggere la pagina, ed entrambe offrono uno strumento apposta: il Sharing Debugger su Facebook, il Post Inspector su LinkedIn. Nessuno strumento può svuotare quelle cache al posto tuo, questo compreso. Quello che vedi qui è ciò che dicono i tag adesso, non ciò che Facebook sta ancora mostrando.
Un tag mancante non lascia uno spazio vuoto
Le piattaforme sostituiscono invece di lasciare un buco. Senza tag di descrizione prendono una riga dalla pagina, di solito il primo testo che incontrano, e su molti siti quel primo testo è una voce di menu o un avviso sui cookie. Senza immagine la scheda si riduce a una riga di testo accanto a una favicon. Le anteprime riproducono queste sostituzioni.
La dimensione, e dove cade il ritaglio
Sotto i 600px di larghezza circa, la maggior parte delle piattaforme smette di mostrare la scheda con immagine grande e passa a una miniatura accanto al testo, una scheda molto più debole. 1200 per 630 è la dimensione a cui puntano quasi tutti. Il ritaglio parte dal centro, quindi tutto ciò che sta vicino al bordo superiore, inferiore o laterale può sparire: un numero di telefono in fondo a una fotografia, un nome in cima a un manifesto. L'immagine viene caricata e misurata qui nel tuo browser, così la dimensione che vedi è quella vera e non quella dichiarata dal tag di larghezza.
Un solo insieme di tag, sei schede, perché le piattaforme non li leggono allo stesso modo.
- Nel layout di ciascuna
- Nell'ordine di tag che ciascuna usa
- Una accanto all'altra
- Misurata nel tuo browser
- Pixel reali, non il tag
- Ritagliata come verrà ritagliata
- Titolo e descrizione
- Dove ciascuno viene tagliato
- Da quale tag arriva ciascuno
- Qualunque tag ci sia
- Ogni ripiego seguito
- Niente conservato