Vai a: [ Contenuti ] [ Categorie ] [ Cerca ]

Aggiungere i metatag Open Graph di Facebook a Wordpress

Aggiungere i metatag Open Graph di Facebook a Wordpress


Modificare il file header.php

Per utilizzare i metatag del protocollo Open Graph è necessario modificare il tag html del vostro tema.

É necessario cambiare:

1
<html xmlns="http://www.w3.org/1999/xhtml">

in

1
<html lang="it"  xml:lang="it" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/">

Fatto questo possiamo finalmente richiamare le due funzioni.

Inserimento delle funzioni

La prima va messa tra i tag <head> del tema. É possibile richiamarla senza parametri (verrano presi come default i valori delle 5 variabili viste in precedenza):

1
<?php s_fb_metatag(); ?>

La funzione così chiamata stamperà i seguenti metatag:

1
2
3
4
5
6
7
8
<meta property="og:title" content="titolo risorsa" />
<meta property="og:url" content="url risorsa" />
<meta property="og:site_name" content="nome sito" />
<meta property="og:type" content="article" />
<meta property="og:description" content="descrizione risorsa (500 caratteri)" />
<meta property="og:author" content="autore risorsa" />
<meta property="fb:admins" content="9999" />
<meta property="og:image" content="http://www.sito/img.png" />

Questo è il set minimo per attivare le funzionalità Open Graph. Ovviamente “titolo”, “url”, “descrizione” e “autore” saranno personalizzati quando viene caricata una pagina singola o un post; saranno generici invece per la index, le sezioni di archivio o di categoria.

Come accennato prima, è possibile personalizzare la funzione passando alcuni parametri che sovrascriveranno quelli generici:

  • $og_default_page_id
  • $og_default_app_id
  • $og_default_admin_id
  • $og_default_img
  • $og_default_author

Se abbiamo tutti i parametri disponibili potremmo chiamare la funzione in questo modo:

1
<?php s_fb_metatag('7777','8888','9999','http://www.sito/img.png','Pinco Pallino'); ?>

e questo sarebbe il risultato:

1
2
3
4
5
6
7
8
9
10
11
<meta property="og:title" content="titolo risorsa" />
<meta property="og:url" content="url risorsa" />
<meta property="og:site_name" content="nome sito" />
<meta property="og:type" content="article" />
<meta property="og:description" content="descrizione risorsa (500 caratteri)" />
<!-- nuovi metagtag aggiungi -->
<meta property="fb:page_id" content="7777" />
<meta property="fb:app_id" content="8888" />
<meta property="fb:admins" content="9999" />
<meta property="og:author" content="Pinco Pallino" />
<meta property="og:image" content="http://www.sito/img.png" />

Attenzione! Anche se impostato correttamente l’autore verrà visualizzato come dato solo nelle pagine singole e nei post.

Pagina: 1 2 [3] 4

link sponsorizzati

Consiglialo su Facebook

Scrivi un commento

Commenti totali: 2


  1. Ciao, l’articolo è molto interessante, ma quando vado a modificare il file functions.php per la prima parte delle tag variabili nessun problema. Quando devo aggiungere le altre due funzioni mi va in errore nel file functions.php alla determinata riga in cui incollo il codice. A cosa potrebbe essere dovuto?

  2. mi fai vedere il tuo file function? magari mandamelo per posta. io ho provato il codice che ho messo nell’articolo e non ci sono problemi di sorta

Lascia un Commento

Iscriviti alle discussione senza commentare

Torna: [ Inizio ] [ Contenuti ] [ Categorie ] [ Cerca ]

Pagina renderizzata in soli 0,785 secondi dopo aver eseguito ben 61 query (22 in cache). Wordpress... prestazioni da urlo!