: 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

La Censure dans les Jevidéhautlubrique

La Censure dans les Jevidéhautlubrique

La censure est PARTOUT !!!§!§§!§!§! Si si je vous jure, même moi je suis censuré (heureusement... Voir +
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 +
Proteger un courriel facilement de méchant robots qui spam

Proteger un courriel facilement de méchant robots qui spam

Exemples de script et techniques de protection de courriel facile à utliser pour se proteger... Voir +

Dernieres Quotes DTC

(Par LicorneBadass)

À défaut d'avoir la côte auprès de sa patronne, il l'a maintenant sur DTC.

Hitsuke : Comme d'hab, je glandais au taf, sur DTC , j'avais la tête dans le cul, j'avais pas pris mon café (bon en vrai je prend du Nesquick, mais dire que je prend du café, ça fait un peu plus viril)

Hitsuke : Ma patronne se ramène, me demande si je peux lui sortir des quotes

Hitsuke : Là je suis sur le cul, de 1 je me demande comment elle m'a grillé en train de glander, de 2, comment elle connait DTC

Tom : J'avoue ouais

Hitsuke : Du coup, je cherches pas à comprendre, je lui imprime les dernières quotes et je lui file ...

Hitsuke : Elle se tire, et reviens 1h plus tard, me demandant qu'est ce que c'était que je lui avait filé, j'ai pris une charge o/

Tom : Bah pourquoi ??

Hitsuke : Elle avait rendez-vous avec un client, elle voulait les côtes d'un produit ...

Tom : xD

Tom : GROS BOULET

Hitsuke : Bon cela dit, j'aurais quand même voulu voir sa gueule quand le client lui à demander les côtes et qu'elle a sortit ma page de quotes

Hitsuke : Parlons sérieusement sinon ....

Tom : C'est possible avec toi ?

Hitsuke : Comment on s'inscrit à Pole Emploi ? (A titre d'info, c'est pour un ami)

#19750 - Voir les commentaires

(A propos de)

Hitsuke : Comme d'hab, je glandais au taf, sur DTC , j'avais la tête dans le cul, j'avais pas pris mon café (bon en vrai je prend du Nesquick, mais dire que je prend du café, ça fait un peu plus viril)

Hitsuke : Ma patronne se ramène, me demande si je peux lui sortir des quotes

Hitsuke : Là je suis sur le cul, de 1 je me demande comment elle m'a grillé en train de glander, de 2, comment elle connait DTC

Tom : J'avoue ouais

Hitsuke : Du coup, je cherches pas à comprendre, je lui imprime les dernières quotes et je lui file ...

Hitsuke : Elle se tire, et reviens 1h plus tard, me demandant qu'est ce que c'était que je lui avait filé, j'ai pris une charge o/

Tom : Bah pourquoi ??

Hitsuke : Elle avait rendez-vous avec un client, elle voulait les côtes d'un produit ...

Tom : xD

Tom : GROS BOULET

Hitsuke : Bon cela dit, j'aurais quand même voulu voir sa gueule quand le client lui à demander les côtes et qu'elle a sortit ma page de quotes

Hitsuke : Parlons sérieusement sinon ....

Tom : C'est possible avec toi ?

Hitsuke : Comment on s'inscrit à Pole Emploi ? (A titre d'info, c'est pour un ami)

#19750 - Voir les commentaires

(Par Edwon_25)

🎶 Supercalifragilisticexpialidocious... 🎶