Open Graph Protocol

nclas-hyper8

Membre actif
16 Avril 2009
145
19
38
Paris/Tours
open.spotify.com
Bonjour,

Je cherche à utiliser l'Open Graph Protocol de Facebook pour le développement d'un site. Je cherche simplement à faire en sorte que lorsqu'on copie/colle l'adresse du site sur un mur Facebook, avant même de cliquer sur "Publier" apparaisse une courte description et une image représentative.

Les explications sur http://ogp.me/ semblent pourtant très claires, mais manifestement quelque chose m'échappe, je n'arrive rien à en tirer. J'ai même essayé de bêtement copier/coller leur exemple dans mon code :

<html prefix="og: http://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>


... mais rien n'y fait.

Es-ce que quelqu'un a une idée ?
 
Bon je suis moins nul que ce que je pensais, en fait ça marche, mais à une condition :

Si je copie/colle l'adresse du site telle quel, (http://www.exemple.fr), ça ne marche pas, et si je copie/colle l'adresse du site + "/index.html" ça marche (http://www.exemple.fr/index.html).

Pourquoi diable sur n'importe quel autre site il suffit de copier/coller "http://www.exemple.fr" ?
 
C'est sûrement que l'url de ta meta canonical est mauvaise, elle devrait ressembler à ça :

Bloc de code:
    <link rel="canonical" href="/" />

ou :

Bloc de code:
    <link rel="og:url" href="/" />