Generi tag Open Graph per la condivisione social

Inserendo titolo, descrizione, URL dell’immagine e tipo di oggetto, Lei riceve sia il markup completo sia le singole righe. Lo strumento verifica che l’immagine utilizzi HTTP o HTTPS, elimina gli spazi esterni e converte in entità i caratteri che potrebbero interrompere un attributo HTML. Il risultato è deterministico, adatto a modelli e sistemi editoriali, e disponibile tramite API a $0.002 per richiesta.

Scelga contenuti che descrivano la pagina condivisa

Parta dalla pagina stessa, non dal social network sul quale potrebbe comparire. Il titolo Open Graph dovrebbe identificare con precisione l’articolo, il prodotto, il profilo o la pagina di destinazione, mentre la descrizione dovrebbe offrire al lettore un motivo concreto per aprirla. Mantenga entrambi i testi accurati e comprensibili da soli, perché un link condiviso può apparire senza il contesto del sito. Il generatore richiede valori non vuoti e rimuove gli spazi alle estremità, ma non riscrive, accorcia o inventa testi promozionali. In questo modo Lei conserva il controllo editoriale e ottiene risultati prevedibili nei flussi automatizzati. Anche se i limiti accettati consentono pratiche diverse, un testo conciso è più leggibile e meno soggetto a tagli. Non lasci informazioni essenziali soltanto alla fine di una descrizione lunga. I metadati devono inoltre corrispondere al contenuto visibile e non promettere ciò che la destinazione non offre.

Fornisca un’immagine web pubblica e il tipo corretto

L’URL dell’immagine deve essere un indirizzo assoluto con schema http o https. Percorsi relativi, file locali, URL di dati, indirizzi FTP e URL non validi vengono rifiutati, perché i crawler social devono poter raggiungere la risorsa sul Web. Il controllo conferma soltanto formato e protocollo: non scarica l’immagine, non ne misura le dimensioni, non verifica il tipo di file e non dimostra che un crawler esterno possa accedervi. Preferisca un URL di produzione stabile a un indirizzo temporaneo di anteprima e controlli che autenticazione, regole per robot o protezioni contro hotlink non blocchino i servizi che creano le schede. Il campo type diventa il valore og:type. website è comune per una pagina generale e article per contenuti editoriali. Il generatore ammette qualsiasi tipo non vuoto, così da supportare namespace ed estensioni compatibili.

Installi i tag e controlli il risultato pubblicato

La risposta comprende un campo html con quattro elementi meta separati da nuove righe e un array tags con gli stessi elementi singoli. Li inserisca nell’intestazione del documento tramite il sistema di metadati delle route, il modello server o la fase di build statico responsabile della pagina. L’ordine è stabile: titolo, descrizione, immagine e tipo. E commerciali, parentesi angolari, virgolette e apostrofi vengono convertiti in entità affinché i valori non interrompano il markup. Non esegua una seconda conversione quando inserisce il risultato in un modello HTML. Dopo la pubblicazione, esamini il sorgente effettivamente servito e confermi che esista un solo valore autorevole per proprietà; temi, plugin e impostazioni predefinite possono produrre tag concorrenti. Infine provi l’URL con i debugger delle piattaforme rilevanti. Un markup valido offre dati chiari, ma ogni piattaforma controlla comunque ritaglio, troncamento, cache e presentazione.