jeudi, 08 juillet 2021 18:49

Partager votre page sur les réseau sociaux : oui, mais avez vous pensé à bien la formater ?

Écrit par
Évaluer cet élément
(0 Votes)

Je ne sais pas vous, mais moi, je ne suis déja demandé à plusieurs reprises quelle était la "magie" qui engendrait ce que les réseaux sociaux "composent" lorsque vous partagez une url ? Vous savez, le ... truc, bidule, enfin le machin dont je le retiens jamais le nom (dites le mois si vous retrouvez le nom, envoyez mon un message sur Facebook que je corrige mon mot). Aller une image explicative.

copie ecran

Mais c'est quoi le truc de ce tour de magie ? J'avais déja vu une API qui permettait de générer ces petites "bulles" (dont je ne retrouve toujours pas le nom) sur les réseaux sociaux. Mais comment Facebook génère t il ce cadre ? D'où sort il les données ?

La réponse tient en un mot : Open Graph Protocol. Bon, en 2021, je doute qu'il y ait encore des gens qui ne le connaisse pas mais dans le doute, je résume. L'Open Graph Protocol est... un protocol. Oui oui.. Un protocole mis en place les les mastoddontes des réseaux sociaux qui se sont entendus pour partager des méta données que vous implémentez sur votre page web. Simple en fait. Vous pouvez retrouver le protocole (en une page !) à l'adresse https://opengraphprotocol.org/

Mais après .

Et ben une fois qu'on intégre des méta dans une page, méta bien codifiées, il ne reste plus qu'à en faire une extraction par régex (encore faut il maitriser, ce qui est loin d'être mon cas) pour recomposer un encadré synthétique, publié sur votre post. Un simple bout de html en quelque sorte..

Pour répondre à ma question posée dans le titre, il sufffit donc "tout simplement" à ce que votre code HTML dans son head comporte les méta décrites dans l'opengraph protocole, afin de recomposer cet encart synthétique, à partir d'une URL. Ces données sont à placer dans le <head></head> de votre page.Et ca tombe super bien car pour connaitre l'url, c'est vous qui la collez dans le cadre de partage du réseau social. Il intercepte la saisie et si cette dernière semble être une URL, il compose le cadre.

Facile non ?

 

Lu 702 fois