web-dev-qa-db-fra.com

Comment faire en sorte que Facebook et Pinterest reconnaissent des images spécifiques sur une page

Je travaille sur un site client qui contient des centaines d'images. Le voudrait montrer ces images sur Facebook et Pinterest. Mon problème est le suivant: lorsqu'ils tentent de publier un message sur Facebook ou Pinterest, ces sites leur permettent uniquement de sélectionner le logo du site (ou une autre image non pertinente) pour le message. Comment faire en sorte que ces sites reconnaissent des images significatives sur une page? Dois-je utiliser une classe spéciale ou une balise méta?

2
Hoytman

Facebook et Pinterest.com utilisent tous deux le protocole Open Graph qui ressemblera à quelque chose comme:

<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.example.com/" />
<meta property="og:site_name" content="Example" />
<meta property="og:image" content="http://www.example.com/images/001.jpg" />
<meta property="og:image" content="http://www.example.com/images/002.jpg" />

Vous pouvez également trouver de nombreuses informations sur développeurs Facebook , développeurs Pinterest , développeurs Linkedin , développeurs Twitter et - Développeurs Google Plus .

2
Simon Hayter