: 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

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 +
Utiliser les extensions Doctrine dans Symfony 2 et 3 via les extensions gedmo

Utiliser les extensions Doctrine dans Symfony 2 et 3 via les extensions gedmo

Tutorial pour installer Stof\DoctrineExtensionsBundle et le configurer afin d'automatiser certaines... Voir +
Connecter un ordinateur linux à un NAS Synology au démarrage

Connecter un ordinateur linux à un NAS Synology au démarrage

De manière automatique avec des partages smb/cifs Voir +

Dernieres Quotes DTC

<Moi> Très drôle aujourd'hui au taff !

<Poutix> Raconte

<Moi> Extrait de la conversation :

<Moi> Moi : « Je peux coder le site si tu veux, même si ça m'arrangerait que non »

<Moi> Patron : « Mais non t'as pas besoin, prend un fichier word et fais enregistrer sous, il te propose le format html ! »

<Moi> Moi : « Non mais ça marche pas comme ça, faut d'abord que je code en html, là ça change juste le format »

<Moi> Patron : « Si ça le propose c'est que ça marche, aller essaye »

<Moi> ...

<Moi> Moi : « Tu vois ça marche pas »

<Moi> Patron : « Bah si, ça l’ouvre dans google chrome »

<Moi> Moi : « Oui ça l’ouvre mais y a aucun code derrière »

<Moi> Patron : « Mais pourquoi tu veux du code ? »

<Moi> Moi : « Mais là ça marche juste que c’est du texte, tiens regarde je mets une image »

<Moi> Patron : « T’as fais quoi ? Y a plus rien qui marche ! »

<Moi> Moi : « Je te le dis depuis 1h, faut du code dedans »

<Moi> Intervention de l’autre stagiaire

<Moi> Autre : « En gros là ça change juste ton extension pas le contenu de ton fichier »

<Moi> Patron : « Je comprends rien. Mais bon, t’es parti pour tout coder. »

<Poutix> Du génie

<Ramos> Captain Obvious

#19340 - Voir les commentaires

Neremsa : Je meurs à petit feu.

Elric : De ?

Neremsa : De ce cours qui bouffe mon âme

Elric : ^^

Neremsa : Nan mais il (le prof) a reproduit le phénomène de la bulle temporelle

Neremsa : "ohputain ça fait 15 min qu'il parle"

Neremsa : *consultation de l'heure sur le pc : 5 min sont écoulée depuis le début du cours*

Elric : Ne regarde plus l'heure, à chaque fois que tu y penses le temps retourne au début ^^

Neremsa : Réfléchir aux implications théoriques, quantiques et philosophiques de ta phrase est plus passionnant que mon cours.

#19337 - Voir les commentaires

Mounts : bordel

Mounts : j'ai rêvé que je me créais un mot de passe

Mounts : un truc hyper secure et tout

Mounts : impossible à cracker et facile à retenir

Mounts : J'arrive à me dire dans le rêve "réveille-toi faut absolument le noter"

Mounts : Ce que je fais apparemment

Mounts : je me lève ce matin : m0unts

Mounts : ><

#19341 - Voir les commentaires

Tom : pas de conseils à prendre de cet eunuque ^^'

Pralinette : eunuque?

Sytarie : Un eunuque c'est quelqu'un à qui on a retiré le cou (la nuque plus précisément) chirurgicalement en fait.

Pralinette : ah x3

Pralinette : mais ca fait pas un peu mal?

#19342 - Voir les commentaires