: 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 +
Sélection d'anime du printemps 2016

Sélection d'anime du printemps 2016

Petite sélection personnelle et non exhaustive des animes du printemps 2016 Voir +
Alerte de confirmation de changement de page avec jQuery pour un formulaire avec ckeditor

Alerte de confirmation de changement de page avec jQuery pour un formulaire avec ckeditor

Petit script jQuery pour afficher une alerte JavaScript pour confirmer la fermeture de la page... Voir +

Dernieres Quotes DTC

(Par Manaphy)

Alors, outre la vérification traditionnelle du petit maillot pour l'hydratation, ce conseiller mériterait de revoir son orthographe et devrait dès maintenant apprendre qu'un contrat ne prend effet que sous signature, manuscrite ou électronique.

Mais c'était bien tenté.

Corporal_Queen : Ok. J'aimerais comprendre pourquoi le proxy de la fac me laisse aller sur 4chan mais pas accéder à des corrigés de commentaires ._.

TheShine : te toucher la nouille tu pourras, aller pomper des corrigés pour ton dossier tu oublieras \o/

#19796 - Voir les commentaires

(A propos de)

Rubent : Bonjour je voudrais souscrire un nouveau contrat chez vous

Conseiller EDF : Bien sûr , à fin de réaliser une estimation au plus juste j'aurais besoin de quelques renseignements.

Conseiller EDF : Combien de personnes vivent dans le logement et de quels équipements dispose t-il ?

Rubent : Alors nous sommes deux , le chauffage est électrique , il y a des plaques de cuissons à induction un lave linge, un four, un micro onde, un pc et télévision ect.

Conseiller EDF : D'après mes estimations la consommation mensuelle s'élèverait à un montant de 150 € par mois, cela vous convient ?

Rubent : Euh .. disons que oui si je fait mijoter un boeuf bourguignon 15h par jour , chauffage à fond et télé allumée en lavant le linge de mes voisins ça doit être ça oui...

Conseiller EDF : Parfait, je vous transmets donc tout les documents par mail, le contrat prendra effet des aujourd'hui .

Conseiller EDF : Bonne fin de journée et au revoir.

* Chat terminé

Rubent : Mais....

#19797 - Voir les commentaires

(Par P45M)

Je pense surtout que l'informaticien ne connaît pas 4chan.. Les informaticiens de collège/lycée sont bien souvent des buses en informatique paradoxalement ^^"