: Tuto Par :
Integration d'OpenGraph

Être référencé, c'est bien, être sur les réseau sociaux, c'est déjà mieux. Être partagé facilement sur les réseaux c'est encore mieux.

Pour cela facebook a mis en place un protocole nommé l'OpenGraph, le concept est simple avec de petites balises HTML on indique au réseau social ce qu’il doit et comment l'afficher.

Voila le strict minimum pour activer cette mise en page, c'est à mettre entre les balises <head></head>

Je vous propose une version optimisé pour un article de blog :

<!-- normalement vous avez déjà ces ligne sur votre site c'est pas du opengraph mais elle sont indispensables -->
<meta name="keywords" content="html referencement yolo">
<meta name="description" content="ici une description de 160 caractère maximum">  

<!-- pour Facebook et les autres -->
<meta property="og:type" content="article" /><!-- A changer pour d'autre type de contenu -->
<meta property="og:url" content="http:// l'url actuelle" />
<meta property="og:title" content="Le titre de votre article | le nom de votre site" />
<meta property="og:description" content="une courte description de votre article" />
<meta property="og:image" content="http://lien vers une image" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:site_name" content="Nom de votre Site" />

<!-- pour twitter -->
<meta property="twitter:card" content="summary" /><!-- Pour faire un encard de résumé dans un tweet -->
<meta property="twitter:url" content="http:// l'url actuelle" />
<meta property="twitter:title" content="Le titre de votre article | le nom de votre site" />
<meta property="twitter:description" content="une courte description de votre article" />
<meta property="twitter:image" content="http://lien vers une image" />
<meta property="twitter:site" content="@votreCompteTwitter" />
<meta property="twitter:creator" content="@votreCompteTwitter" />

Ressources :
Ressource officielle et complète d'OpenGraph
 

 

Avatar de l'utilisateur Nodoka

Nodoka

PedoQueen des intrawebz 2.0, antéchristine de la connerie, j'aime les loli, les vocaloid, l’humour noir (car le blanc est raciste) et les Animés. Promis je te mangerais trollement bien avec amour. Ma devise : "If her age is on the clock, she's old enough for the cock".

Articles Aléatoires

Sélection d'anime de l'hiver 2015/16

Sélection d'anime de l'hiver 2015/16

Petite sélection personnelle et non exaustive des animes de l'hiver 2015/16 et du visionnage... Voir +
Brave le nouveau navigateur

Brave le nouveau navigateur

Brave le navigateur open source qui vous veut du bien, par un ex-mozilla. Voir +
Après poodle et Heartbleed accueillez Drown

Après poodle et Heartbleed accueillez Drown

Drown la nouvelle casse généralisé de SSLv2 Voir +

Dernieres Quotes DTC

MacTheZazou: Youpidaki

MacTheZazou: Je suis viré de mon école pendant 3 semaines

MacTheZazou: o /

Maxigregrze: Wat

Maxigregrze: Kestafoutu

MacTheZazou: J'ai fait un flappy bird avec la tête d'un élève

Maxigregrze: Attend, quoi?

Maxigregrze: Tu veux dire que tu as été viré 3 semaines seulement car t'as dev un machin avec la tête d'un élève...?

MacTheZazou: OUI

MacTheZazou: c'est magique hein

Maxigregrze: Je vais construire un temple en ton honneur, je reviens

#19132 - Voir les commentaires

<A3fka> A tous ceux qui pensent qu'ils ont un nom de merde

<A3fka> Sachez-le :

<A3fka> Dans Pokémon version argent, dans l'arène d'Ecorcia, il y a un dresseur qui s'appelle Jean-Loïc.

#19129 - Voir les commentaires

<Kiwi> T'es super mignonne :D

<Elise> Tu es sérieux? :x

<Elise> Tu penses que j'suis jolie ? :x

<Kiwi> Mais oui

<Kiwi> j'en suis même complètement dur

<Kiwi> sur*

#14161 - Voir les commentaires

(Par the despered)

Dédicace à tous les Jean Loïc de la vraie vie.