5568 sujets

Sémantique web et HTML

Html5 =>Open Graph protocol =>Fessebouc

Bonjour,

Avant j'étais en Xhtml Strict et je viens de passer en html5.

Je ne trouve pas de solution pour valider mes pages au W3C avec les tag Open Graph protocol pour FesseBouc

<meta name="fb:admins" content="1231456789101112" />
<meta name="og:title" content="titre de ma page" />


J'en avais une pour du Xhtml Strict mais le html 5 non pas encore Smiley decu

Une idée ?
Salut,

Les tags OG de Facebook ne sont pas standard (évidemment).

Cela dit, ça ne va pas briser ton site si tu t'en sert. Alors, je te dirais d'ignorer le validateur à ce niveau.
C'est vrai que c'est pas bien gênant le rouge du W3C à cause de Facebook mais j'aime bien le vert Smiley cligne

Sur ce blog => http://devset.be/223-utilisation-balises-open-graph-facebook-html5-validation/#comment-97

La solution est d'afficher ces tags uniquement pour le robot Facebook.
Je trouve que c'est une bonne idée, mais si le bot change de nom !!!

<?php 
function is_facebook(){
	if(stristr($_SERVER["HTTP_USER_AGENT"],'facebook') == TRUE){
		return true;
	}
}
?><!DOCTYPE html> 
<html> 
<head> 	
	<!-- PAGE -->
	<meta charset=utf-8 />
	<title>Demo Facebook Meta</title>
	<!-- Facebook -->
	<?php if(is_facebook()){?>
 
	<!-- Static Meta -->
	<meta property="og:site_name" content="NOM_DU_SITE" /> 
	<meta property="fb:admins" content="ID_FACEBOOK_DU_WEBMASTER" /> 
	<meta property="fb:page_id" content="ID_PAGE_FACEBOOK" /> 
	<meta property="og:type" content="CONTENT_TYPE" />
 
	<!-- Dynamic Meta -->
	<meta property="og:image" content="SHARE_IMG" /> 
	<meta property="og:url" content="SHARE_URL" /> 
	<meta property="og:title" content="SHARE_TITLE" /> 
	<meta property="og:description" content="SHARE_DESCRIPTION" />
 
	<?php } ?>
 
</head>
Les tags ogp c'est du rdfa, si tu relis la doc, tu verras que tu as oublié un attribut sur l'élément html. &#128521;
Ce n'est pas sûr que le validateur tienne compte du rdfa et couine quand même. Comme dit plus haut: html5 n'est pas encore normalisé donc faut pas trop se prendre la tête avec.
Un dernier truc: ogp est utilisé aussi par Google+, twitter et plein d'autres, donc ça ne sert à rien de sniffer les visiteurs. Smiley cligne
Sujet clos
Aller à