{"id":1291,"date":"2018-01-23T10:43:33","date_gmt":"2018-01-23T10:43:33","guid":{"rendered":"https:\/\/sitechecker.pro\/?page_id=1291"},"modified":"2025-02-24T13:05:38","modified_gmt":"2025-02-24T13:05:38","slug":"open-graph","status":"publish","type":"page","link":"https:\/\/sitechecker.pro\/it\/open-graph\/","title":{"rendered":"Cosa sono i tag Open Graph e come usarli efficacemente?"},"content":{"rendered":"

Ecco un esempio di come sono strutturate le informazioni sul link a un articolo sui social network<\/p>\n

 <\/p>\n

Facebook open graph<\/strong><\/p>\n

 <\/p>\n

\"Facebook<\/div>\n

 <\/p>\n

Google+ open graph<\/strong><\/p>\n

 <\/p>\n

\"Google+<\/div>\n

 <\/p>\n

Siamo sicuri che tu sia d’accordo, questi post sono molto attraenti e cliccabili, essendo solo un link che l’utente di social network ha condiviso con i suoi amici, pubblicato sulla loro timeline o in community.<\/p>\n

Ma cosa dovresti fare se il codice \u00e8 scritto correttamente, ma mentre lo condividi su Facebook, vengono visualizzate le informazioni errate \/ obsolete? Benvenuto a Facebook for developers. Seguendo questo link \u00e8 possibile cancellare la vecchia cache di informazioni che \u00e8 memorizzata sul social network per la tua pagina e darle un nuovo title e description.<\/p>\n

Forse ora ti viene in mente un’idea per personalizzare il layout dell’OG per il tuo sito e lo spam (solo per un po’) in gruppi e community di social network?<\/p>\n

 <\/p>\n

Come customizzare il layout OG<\/h2>\n

 <\/p>\n

Vediamo ora come impostare il protocollo Open Graph per il tuo sito per trasformare questa idea in realt\u00e0. Tutto \u00e8 estremamente semplice! Ecco come appare il codice sorgente del protocollo:<\/p>\n

 <\/p>\n

\"Open<\/div>\n

 <\/p>\n

\u00c8 inserito nel codice della pagina, nella sezione <head> … <\/ head> ma pu\u00f2 essere inserito dopo il main meta tags.<\/p>\n

Trattiamo separatamente ogni tag Open Graph e il loro significato:<\/p>\n