Facebook : Meta OpenGraph et validation w3c
July 1, 2011
Facebook vous propose d'ajouter des balises META sur votre site afin de mieux l'identifier dans l'OpenGraph : id de l'admin, titre, description, type de site, etc. Ces balises sont de la forme:
[sourcecode language="html"][/sourcecode]
Vous trouverez ainsi tout un tas de balises à ajouter sur la page des plugins sociaux de facebook ("step 2"). Si l'intention me semble louable et le concept plutôt pratique, il n'en reste pas moins que Facebook a tendance à se croire le maître du monde, et pourrit votre validation w3c avec ces balises. Car la w3c ne reconnaît pas ces balises OpenGraph.
Comment donc, rester valide w3c avec ces balises ?
Deux solutions.
1) Mettre ces balises en commentaire HTML.
Vous pouvez encadrer vos meta tags OpenGraph par des commentaires HTML.
Du type :
```html
```
Vos balises META seront ignorées par le navigateur, et par le validateur w3C. En revanche, elles seront lues par le parseur FB. Néanmoins, les maniaques de l'optimisation peuvent se dire qu'il est dommage d'afficher (et donc de faire charger) du code qui ne sert à rien. D'où la deuxième solution ..
2) Checker l'USER_AGENT
Facebook, lorsqu'il "lit" les META de votre site, spécifie un user_agent un peu particulier, vous permettant de l'identifier.
Une fonction pourrait alors détecter si l'user_agent est celui de facebook, et afficher les META opengraph le cas échéant.
Par exemple :
```php
```
Il suffirait alors, dans votre header, de faire quelque chose du genre :
```php
';
}
?>
```
Grâce à ces deux solutions, votre site restera (comment, il ne l'est pas ?? ) valide w3c tout en étant optimisé pour l'OpenGraph facebook. :)
Tu aimeras aussi...
La Tasse Like thé - Pour dire que tu likes le thé
Vous souvenez vous des glaçons like, du rideau douche facebook, ou du tampon encreur like/dislike? Aujourd'hui, on va rester dans la même tonalité, avec...
Et si les personnages d'hunger games étaient sur Facebook?
On trouve parfois des profils facebook "imaginés" par certains internautes. Il y a longtemps, vous pouviez par exemple trouver le profil facebook qu'aur...
Bitstrips: ta vie illustrée sur Facebook
Certaines applications facebook se démarquent par leur fraîcheur. C'est le cas de Bitstrips, qui vient animer (un peu plus ;)) mon feed Facebook: mes co...
Facebook: découvrez le nouveau bouton like
Vous connaissez tous le bouton like de Facebook (il suffit de regarder sur cette page, vous en verrez au moins un :)). On l'a vu apparaître il y a quelq...
Realistic Facebook Security Simulator:Saurez vous sécuriser votre compte Facebook à temps?
Les plus mauvaises langues d'entre nous disent souvent que les paramètres de confidentialité Facebook changent tout le temps, et ne sont jamais très cla...
1500 fans sur la page Geekndev!
Satisfaction personnelle: vous êtes plus de 1500 fans à liker la page facebook Geekndev :) Petite interrogation néanmoins: pourquoi ne likez/...
9 moyens de punir votre enfant en utilisant Facebook
Mashable nous propose un sympathique article en présentant 9 moyens de punir vos enfants en utilisant Facebook :) Irresistible, non ? :p 1) Poster ...
Infographie - Les régions sur facebook
A l'heure où les réseaux sociaux sont devenus l'un des moyens les plus efficaces pour rester en contact avec son public (ou sa clientèle), où en sont le...
Gagnez des milliers de fan sur votre page facebook
Fonctionnement de You4like You4like va vous permettre d?obtenir des likes sur votre page Facebook mais également des +1 sur Google, sur Youtube....
Vidéo - Le facebook de Hollande après son élection
Il fallait s'y attendre: après l'élection de François Hollande, les parodies commencent à fleurir. Exemple avec cette vidéo, qui imagine (avec humour...
When you click on links to various merchants on this site and make a purchase,
this can result in this site earning a commission.
Affiliate programs and affiliations include, but are not limited to,
the eBay Partner Network and Amazon.