Facebook recupera tutte le immagini dal mio sito.Come utilizzare il meta tag 'og' (Open Graph) per la condivisione di Facebook
Voglio condividere solo un'immagine che si trova su quella pagina.
Ho sentito parlare del meta tag og, ma non so come inserirlo.
Facebook utilizza ciò che viene chiamato il Open Graph Protocol per decidere quali cose visualizzare quando si condivide un collegamento. L'OGP guarda alla tua pagina e prova a decidere quali contenuti mostrare. Possiamo dare una mano e in realtà dire a Facebook cosa prendere dalla nostra pagina.
Il modo in cui lo facciamo è con i tag og:meta.
I tag aspetto qualcosa di simile -
<meta property="og:title" content="Stuffed Cookies" />
<meta property="og:image" content="http://fbwerks.com:8000/zhen/cookie.jpg" />
<meta property="og:description" content="The Turducken of Cookies" />
<meta property="og:url" content="http://fbwerks.com:8000/zhen/cookie.html">
Avrete bisogno di mettere queste o simili meta tag nel <head> del file HTML. Non dimenticare di sostituire i valori per conto tuo!
Per ulteriori informazioni è possibile leggere tutto su come Facebook utilizza questi meta tag nella propria documentazione. Ecco uno dei tutorial da lì - https://developers.facebook.com/docs/opengraph/tutorial/
Facebook ci dà un po 'grande strumento per aiutarci quando si tratta di questi meta tag - è possibile utilizzare il Debugger per vedere come Facebook vede il tuo URL, ed e' Ti dirò anche se ci sono problemi con esso.
Una cosa da notare qui è che ogni volta che apporti una modifica ai meta tag, dovrai inserire nuovamente l'URL attraverso lo Debugger in modo che Facebook cancelli tutti i dati memorizzati nei loro server URL.
Usa:
<!-- For Google -->
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<meta name="copyright" content="" />
<meta name="application-name" content="" />
<!-- For Facebook -->
<meta property="og:title" content="" />
<meta property="og:type" content="article" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:description" content="" />
<!-- For Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />
Riempire il content = "..." in base al contenuto della pagina.
Per ulteriori informazioni, visitare 18 Meta Tags Every Webpage Should Have in 2013.
Sai se il tag 'author' dovrebbe avere il nome dell'autore o un link a un URL del profilo? – tobek
Penso che sia possibile entrambi. Se si desidera l'immagine del profilo sul lato sinistro del post nella pagina di ricerca di google, è necessario fornire il link al proprio profilo google +. – jurihandl
meta tag 'autore' significa autore del sito web o autore dell'articolo corrente (esempio in uso sull'articolo del blog)? – LuiGi
Ho creato uno strumento per la meta generazione. E 'pre-configura voci per Facebook, Google+ e Twitter, ed è possibile utilizzare gratuitamente qui: http://www.groovymeta.com
Per rispondere alla domanda un po' di più, OG tag (Open Graph) tag funziona in modo simile a meta tag, e dovrebbe essere collocato nella sezione HEAD del tuo file HTML. Vedere Facebook's best practises per ulteriori informazioni su come utilizzare i tag OG in modo efficace.
Grazie a @Mogsdad ho ampliato la mia risposta di conseguenza. –
Link rotto, sfortunatamente! –
Vedo tag html nella mia descrizione, sai come aggirare questo? – Neil