Afficher des Rich Snippets

WRInaute discret
J'ai peur que ma question soit tellement idiote que je me fasse huer... mais bon, voilà plusieurs heures que je cherche et je ne trouve pas...

Je veux implanter un rich snippet sur la page d'un hotel, mais je ne sais pas ou mettre le code dans ma page... quand j'analyse les pages ou il y en a, je ne vois pas le code ! et quand je mets mon code dans le head il apparait en clair en haut de ma page !

juste ca par exemple:
<div itemscope itemtype="http://schema.org/Hotel">
<span itemprop=name">Ixchebeachhotel</span>
</div>

Quelqu'un peut-il me mettre sur la voie ?!?!

Merci !!!
Sophie
 
WRInaute accro
Le code que tu indiques correspond au nommage du microdata, celui-ci ne donne lieu à aucune représentation graphique visible sur Google (qui ne le prend aps en compte) contrairement au hreview
 
WRInaute accro
va sur mon site mipc.fr et inspire toi du code surtout la partie hreview, c'est la plus importante et n'oublie pas la re=me ou rel=author que tu fais pointer sur ta page google+, et sur google+ dans ton profile google+ indique que tu es l'auteur de la page ou tu à insérer ton rel=me ou rel=author.
 
Olivier Duffez (admin)
Membre du personnel
JanoLapin a dit:
Le code que tu indiques correspond au nommage du microdata, celui-ci ne donne lieu à aucune représentation graphique visible sur Google (qui ne le prend aps en compte) contrairement au hreview
tu es en train de dire que Google ne supporte pas schema.org, projet qu'il a pourtant lancé ?
 
WRInaute accro
Tu as mal compris, Olivier: je souligne simplement ce que Google écrit lui-même sur ses blogs et son outils de test des rich-snippet: à ce jour, le nommage (le fait de désigner un terme comme "nom" d'une entité) n'est pas repris par cet outil.
Et donc qu'il ne donne lieu à aucun affichage graphique particulier... contrairement au hreview

S'il n'est pas repris, cela ne veut pas dire pour autant que les moteurs n'en tiennnent pas compte...

Enfin, dire que Google a lancé shema.org est aussi un rien.... schématique. Ils sont au moins trois dans l'histoire, plus de nombreux groupes d'influences / de travail consacrés au web.
 
WRInaute accro
non olivier(mdr j'ai l'impression de me parler à moi même), se que JanoLapin à voulus dire c'est que pour afficher les étoiles et les critiques et les nombres d'avis, google ne prends en compte que hreview et son équivalent RDFa et surement l'équivalent de schema.org à hreview, si le bute c'est afficher les étoiles et les AVIS et les nom des auteurs c'est ça qu'il faut utiliser, y a surement un équivalent schema.org à hreview.


sur google.com, lorsqu'on est pas connecter à aucun compte google, Rel=author ainsi que rel=me et peut etre rel=publisher( à vérifier) sont repris dans les SERP de google.com, pour cela il faut dans votre profile google+, signifier les sites et/ou pages dont vous êtes l'auteur, ce ainsi bien sur votre page profile personnel que sur votre profile google+ for business autrement dit votre page entreprise, aussi il est judicieux d'associer un image ou une photo à votre compte, après je ne sais pas si il faut ou pas signifier dans votre profile google+ que la personne en photo est vous même, aussi sur vos site et vos pages dont vous êtes l'auteur utiliser comme ceci, exemple:
Code:
<meta href="https://plus.google.com/102458792647670326726/posts" rel="author" content="OLIVIER LUMINAIS" name="CREATOR">

ou encore

<a onclick="_gaq.push(['_trackEvent', 'clic-sortie', 'sortie vers page google+ olivier luminais']);" title="OLIVIER LUMINAIS sur GOOGLE+" target="_blank" href="https://plus.google.com/102458792647670326726/posts" rel="me">OLIVIER LUMINAIS</a>

pour les pages dont vous êtes l'auteur.

finallement-je-vais-peut-etre-r%e9cuperer-mes-%e9toiles.png
 
WRInaute accro
@mipc: tu peux arrêter deux secondes de nous gaver avec des con*er*es et / ou des textes incompréhensibles STP ?
 
WRInaute accro
JanoLapin a dit:
@mipc: tu peux arrêter deux secondes de nous gaver avec tes con*er*es et / ou tes textes incompréhensibles STP ?

que se soit des conneries j'en doute un peut et même très fortement, en suite que j'écrive mal soit, mais le plus intelligent de ta part plutôt que de remué le couteau dans la plaie, se serai de me dire se que tu ne comprends pas et de me montré mes fautes et de m'aider à corriger mon texte, là juste que se tu fais c'est te moquer et m'insulter.
 
WRInaute accro
Je ne me moque ni ne t'insulte. Et je prends bien garde à ne pas le faire, car je ne le veux pas.

Par ailleurs, je ne suis pas là pour faire tes corrections, trouves-toi un autre répétiteur.

Globalement, ce qui est (trop) mal écrit est incompréhensible. Si tu ne veux pas faire les efforts toi-même, n'en attends pas des autres...
 
Olivier Duffez (admin)
Membre du personnel
désolé JanoLapin, je ne suis pas sûr d'avoir compris la subtilité de tes propos... Je sais bien que Google n'est pas le seul à avoir lancé schema.org. En te lisant on a l'impression qu'il ne vaut mieux pas coder ses données structurées avec schema.org

Je voulais en effet simplement dire qu'il n'y a pas que hreview ou RDFa mais aussi schema.org

@mipc : une bonne partie de tes posts est hors-sujet, tu n'expliques pas le rôle ou l'impact de schema.org
par ailleurs c'est vrai que c'est très pénible d'avoir à lire des messages avec autant de fautes, il faut que tu fasses des efforts
 
WRInaute passionné
Perso j'ai des hreview et hproduct sur mon site (et @ mipc j'ai aussi mon profil G+ linké) et bien dans les Serps de google j'ai "étoiles + prix € + En stock" pour les fiches produits qui ont un avis de client ou "prix € + En stock" pour les fiches produit qui n'ont pas d'avis. Concernnant l'image du profil G+ je ne l'ai jamais vu apparaitre dans une SERP, idem pour la photo d'un produit.

Donc pour répondre au sujet :
<div itemscope itemtype="http://schema.org/Hotel">
<span itemprop=name">Ixchebeachhotel</span>
</div>
Tu dois structuré les informations qui sont sur la page de ton site. En gros tu met <div itemscope itemtype="http://schema.org/Hotel"> au début de ta page (après <body> par exemple) puis là où habituellement il y a le nom de l'hotel, tu "l'encadre" avec les balises correpondantes <span itemprop=name">Ixchebeachhotel</span> et ainsi de suite pour chaque info concernant l'hotel sur ta page.

Tu peux tester et avoir plein d'infos ici https://www.google.com/webmasters/tools/richsnippets

Pour ma part il arrive que les rich snippets disparaissent/réaparaissent de temps en temps.

Si elle sortaient toutes comme celle-la je serais le roi du pétrole :)
 
WRInaute accro
WebRankInfo a dit:
désolé JanoLapin, je ne suis pas sûr d'avoir compris la subtilité de tes propos... Je sais bien que Google n'est pas le seul à avoir lancé schema.org. En te lisant on a l'impression qu'il ne vaut mieux pas coder ses données structurées avec schema.org

Je voulais en effet simplement dire qu'il n'y a pas que hreview ou RDFa mais aussi schema.org

@mipc : une bonne partie de tes posts est hors-sujet, tu n'expliques pas le rôle ou l'impact de schema.org
par ailleurs c'est vrai que c'est très pénible d'avoir à lire des messages avec autant de fautes, il faut que tu fasses des efforts


qu'il y a des fautes j'en conviens bien, ce n'est pas un manque de respect de ma part, pour le moment le seul truc qui me permet de faire de moins en moins de fautes, c'est d'écrire, tous le reste est passer à la trappe, c'est par l’expérience qu'on apprend, pas en faisant de la théorie ou en apprenant par cœur des truc aussi tôt lu aussi tôt oublier surtout si ça n'est pas captivant.

en suite, un j'abondais dans ton sens en disant que dans schema.org et les RDFa il y avait un équivalent à hReview.

En suite, si jai bien compris se que souhaite sophieplaya, c'est par rapport à la concurrence, se démarquer dans les SERP pour attiré L'Œil de l'utilisateur de google, un peux comme dans un linéaire d'hyper marcher ou entre tous les articles certaines attire plus le regarde et font un cassure qui et c'est le bute attire l'attention du client, là c'est la même chose, et là ou j'ai voulus en venir avec mon conseil d'utiliser rel=me ou rel=author ou rel=publisher ainsi que d'éditer sont profile google+ pour signifier les liens des sites et des pages dont vous etes l'auteur, permet dans google.com pour le moment, et que pour ceux qui ne sont pas connecter à leurs compte google, d'afficher des SERP diffèrente pour votre site internet, avec le cas échéant une photo issus de votre profile google+(afficher dans les SERP pour votre site internet dont vous êtes l'auteur, ainsi que votre nom et prénom et des liens spécieaux associer à votre site internet, et je dis ça parce que c'est bien plus facile de faire cela, que de tenté de faire le contenu hreview ou sont équivalent à schema.org dans les SERPs de google, d'autant plus chiant qu'y a les petits mal, qui font du spam repport in rich snippets, là dans le cadre de rel=author ou rel=me il n'y a pas de spam repport du moins pour le moment.
 
WRInaute accro
Commençons par une mise au point: oui, Google supporte les microformats et le RDFa, ainsi que les microdata, lesquelles sont communes aux (au moins) trois moteurs que sont Yahoo, Bing et Google. Ces microdata sont présentées sur le site dédié schema.org.

Pour revenir au cas de sophieplaya:

1- le code que tu nous as mis dans ton poste correspond aux microdata servant à indiquer le nom du organisation. C'est bien, mais Google ne prend pas le balisage du nom en compte pour l'affichage de rich snippet (ce qui ne veut pas dire qu'il ne tient pas compte de l'info en elle-même: les microdata l'aident à mieux comprendre les infos contenues).

2- si tu veux afficher les étoiles jaunes, liées à la satisfaction (prétendue, à cause du spam) des visiteurs, il te faut utiliser le code des microdata relatif à review (*), lequel est bien une balise décrite sur schema.org/Hotel.
En général on place cela sous une image représentant l'objet / le produit à promouvoir, placée plus ou moins au centre et au milieu de la page de présentation.


(*) review est du microdata, hReview est du microformat: j'ma emmêlé les pinceaux,comme mipc l'a indiqué
 
Olivier Duffez (admin)
Membre du personnel
on voit avec l'exemple donné par lambi521 qu'on peut aussi utiliser data-vocabulary.org

@JanoLapin : quand tu dis "Google ne prend pas le balisage du nom en compte pour l'affichage de rich snippet", tu veux juste dire que Google n'exploite pas les données de type "nom de l'organisation", c'est ça ?
 
WRInaute accro
WebRankInfo a dit:
on voit avec l'exemple donné par lambi521 qu'on peut aussi utiliser data-vocabulary.org

@JanoLapin : quand tu dis "Google ne prend pas le balisage du nom en compte pour l'affichage de rich snippet", tu veux juste dire que Google n'exploite pas les données de type "nom de l'organisation", c'est ça ?

non JanoLapin parle pour l'affichage dans les SERP, le bute de sophieplaya et de tout le monde, c'est d'avoir des zoulies étoiles dans les SERP de google, c'est tous, par contre oui organisation n'est pas supporter par google du moins dans sa version microformat, ça c'est vrai, mais là en l’occurrence que qui intéresse le plus sophieplaya c'est hreview(microformat) et sont équivalent en schema.org et/ou RDFa.

donc oui le snippet organisation des microformat ne sont pas pris en compte par google, et non JanoLapin ne parlais pas de ça des review et un peux des information sur le type d'entreprise avec http://schema.org/LocalBusiness .
 
WRInaute accro
WebRankInfo a dit:
@JanoLapin : quand tu dis "Google ne prend pas le balisage du nom en compte pour l'affichage de rich snippet", tu veux juste dire que Google n'exploite pas les données de type "nom de l'organisation", c'est ça ?
oui.

Plus exactement: Google ne l'exploite pas graphiquement dans les rich snippet (cad qu'il n'y a pas d'effet graphique qui y soit rattaché). A ce jour... mais cela peut changer.
Je suis néanmoins certain que Google exploite l'information pour sa compréhension du contenu d'une page, ou d'autres pages d'autres sites.

<edit>
Pour data-vocabulary.org, n'est-ce pas du RDFa?
 
WRInaute impliqué
Je ne suis pas sûr d'avoir tout compris la conversation (honte sur moi). Utiliser le format schema.org n'entraîne pas de représentation graphique sur Google, c'est bien ça ?

Pourtant initié par Google et consort, ce serait étrange. D'autant qu'après avoir étudié les autres formats, schema.org me semble être la syntaxe la plus structurée et la plus logique de toutes.
 
WRInaute discret
Merci à tous pour vos réponses, c'est enfin plus clair pour moi.

En fait, ce que je n'avais pas compris, c'est que l'information qu'on veut passer en rich snippet doit être à priori visuellement présente sur la page.

Google dit que qu'on peut mettre ça en rich snippets "sans apporter de modification à la page", alors moi j'ai compris qu'on mettait ça invisible dans le header, mais ce n'est pas ça qu'ils voulaient dire....

Merci, j'ai bien regardé, et j'ai passé l'après midi a calquer ce que tu avais fait, Merci !!
En fait, je crois que j'avais un peu aussi mélangé microdata et microformat, et j'ai bien trouver les 2 pages de référence microdata.org et schema.org, http://www.data-vocabulary.org.
Il me reste une question :
D'après ce que je vois, tu as mis une partie dans le head, dans une div <div itemscope itemtype="http://schema.org/....."> en nommant tes éléments <meta itemprop"..." content"...">,
D'après ce que je comprends, ce sont les éléments que tu veux que google lise, sans les mettre pour autant en visible sur la page.

Ensuite, tu as mis dans la page le hreview, en visible.
Moi je le voudrais en snippet, mais pas forcément sur la page car je l'annonce autrement, alors je l'ai mis en style="display:none". Je pourrais aussi bien le mettre en meta dans le head ? ou c'est mieux en display:none ?
Que dois-je ajouter si je veux que quelque chose d'autre que le review apparaisse dans le snippet, je veux dire, quels sont les codes qui donnent lieu a une représentation graphique ?

Merci!!

Sophie
 
WRInaute accro
Rogers a dit:
Je ne suis pas sûr d'avoir tout compris la conversation (honte sur moi). Utiliser le format schema.org n'entraîne pas de représentation graphique sur Google, c'est bien ça ?

Pourtant initié par Google et consort, ce serait étrange. D'autant qu'après avoir étudié les autres formats, schema.org me semble être la syntaxe la plus structurée et la plus logique de toutes.

si il suffit que se soit un review comme ceci:
http://schema.org/Review

exemple:

Code:
<div itemscope itemtype="http://schema.org/Product">
  <span itemprop="name">Kenmore White 17" Microwave</span>
  <img src="kenmore-microwave-17in.jpg" alt='Kenmore 17" Microwave' />
  <div itemprop="aggregateRating"
    itemscope itemtype="http://schema.org/AggregateRating">
   Rated <span itemprop="ratingValue">3.5</span>/5
   based on <span itemprop="reviewCount">11</span> customer reviews
  </div>

  <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    <span itemprop="price">$55.00</span>
    <link itemprop="availability" href="http://schema.org/InStock" />In stock
  </div>

  Product description:
  <span itemprop="description">0.7 cubic feet countertop microwave.
  Has six preset cooking categories and convenience features like
  Add-A-Minute and Child Lock.</span>

  Customer reviews:

  <div itemprop="reviews" itemscope itemtype="http://schema.org/Review">
    <span itemprop="name">Not a happy camper</span> -
    by <span itemprop="author">Ellie</span>,
    <meta itemprop="datePublished" content="2011-04-01">April 1, 2011
    <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
      <meta itemprop="worstRating" content = "1">
      <span itemprop="ratingValue">1</span>/
      <span itemprop="bestRating">5</span>stars
    </div>
    <span itemprop="description">The lamp burned out and now I have to replace
    it. </span>
  </div>

  <div itemprop="reviews" itemscope itemtype="http://schema.org/Review">
    <span itemprop="name">Value purchase</span> -
    by <span itemprop="author">Lucas</span>,
    <meta itemprop="datePublished" content="2011-03-25">March 25, 2011
    <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
      <meta itemprop="worstRating" content = "1"/>
      <span itemprop="ratingValue">4</span>/
      <span itemprop="bestRating">5</span>stars
    </div>
    <span itemprop="description">Great microwave for the price. It is small and
    fits in my apartment.</span>
  </div>
  ...
</div>
 
WRInaute accro
sophieplaya a dit:
Merci à tous pour vos réponses, c'est enfin plus clair pour moi.

En fait, ce que je n'avais pas compris, c'est que l'information qu'on veut passer en rich snippet doit être à priori visuellement présente sur la page.

Google dit que qu'on peut mettre ça en rich snippets "sans apporter de modification à la page", alors moi j'ai compris qu'on mettait ça invisible dans le header, mais ce n'est pas ça qu'ils voulaient dire....

Merci, j'ai bien regardé, et j'ai passé l'après midi a calquer ce que tu avais fait, Merci !!
En fait, je crois que j'avais un peu aussi mélangé microdata et microformat, et j'ai bien trouver les 2 pages de référence microdata.org et schema.org, http://www.data-vocabulary.org.
Il me reste une question :
D'après ce que je vois, tu as mis une partie dans le head, dans une div <div itemscope itemtype="http://schema.org/....."> en nommant tes éléments <meta itemprop"..." content"...">,
D'après ce que je comprends, ce sont les éléments que tu veux que google lise, sans les mettre pour autant en visible sur la page.

Ensuite, tu as mis dans la page le hreview, en visible.
Moi je le voudrais en snippet, mais pas forcément sur la page car je l'annonce autrement, alors je l'ai mis en style="display:none". Je pourrais aussi bien le mettre en meta dans le head ? ou c'est mieux en display:none ?
Que dois-je ajouter si je veux que quelque chose d'autre que le review apparaisse dans le snippet, je veux dire, quels sont les codes qui donnent lieu a une représentation graphique ?

Merci!!

Sophie


à priori les méta tu peut le mettre dans le head(en fait c'est un peux le bute des méta), à confirmer tous de même.

pour le review, pour qu'il apparaice, il faut qu'il soit visible pour un humain( n’oublier pas que google fait des vérifications humaines de temps à autres et pas que depuis mountain view, mais à l'aide de société extérieur), par contre la note écrit en texte genre 5 out of 5 peut à priori d'après mon expérience être en Display:none dans un DIV par exemple et n'afficher que les étoiles, cela semble ne pas posé de problème, exemple:
https://www.google.com/#hl=en&output=search&sclient=psy-ab&q=site:mipc. ... 5c5607bd30

(je recommande d’être déconnecter à votre compte google, sauf pour la note et la critique)
 
WRInaute passionné
@sophieplaya: Cite le pseudo de la personne à laquelle tu te réfère, ou utilise les quotes, sinon ça devient vite le bordel ^^

sophieplaya a dit:
alors je l'ai mis en style="display:none"
C'est interdit dans les guidelines de Google, il faut bien lire la doc tout est clairement expliqué. Les infos structurées par ces balises doivent être visible sur la page, sinon tu risque d'être sanctionné et de ne plus avoir aucun rich snippet

Dans le head en non visible tu peux mettre les balises meta qui relient ton profil G+ car forcément, tu ne peux pas le faire apparaître sur ton site. Mais pour les review etc tout doit etre contenu dans ta page. J'avoue que j'ai eu bcp de mal à structuré mes fiches produits pour qu'elles soient OK dans les Rich Snippet et OK pour la validation W3C

D'ailleurs, quelqu'un sait quel doctype il faut mettre pour que les RDFa passent le W3C ?
 
WRInaute discret
Merci lambi521,

Bien compris,

J'enlève donc mon display none, et je mets tout en clair.

En revanche, le seul truc qui m'interesse c'est le rating, et le reviewer.... quel est l'intérêt des autres champs pour google, si visuellement pour mes clients il n'y en a aucun. Exemple de ce que j'avais mis dans ma page pour l'instant:

Code:
<div  style="display:none">		
		<div class="hreview">
			<div class="item vcard">
				<span class="reviewer vcard">
					<span class="fn">
						<span class="r">TRIP ADVISOR</span>
					</span>
					<a class="url fn n" href="http://www.tripadvisor.com/Hotel_Review-g150810-d622600-Reviews-Ixchel_Beach_Hotel-Isla_Mujeres_Yucatan_Peninsula.html">
						<span class="additional-name"></span>
						<span class="family-name"></span>
					</a>
				<div class="fn">Hotel Isla Mujeres</div>						
				<div class="adr">
					<span class="locality">ISLA MUJERES</span>
					<span class="region">RIVIERA MAYA</span>
					<span class="postal-code">77400</span>
					<span class="country-name">MEXICO</span>
			
					<span class="rating">4.5</span> stars, based on out of 5, based on <span class="count">357</span> reviews

					<span class="hgeoh">
						<abbr class="latitude" title="21.25918">N 21.25918</abbr>
						<abbr class="longitude" title="86.75114">W 86.75114</abbr>
					</span>
					
					<span class="version" style="display: none;">0.3</span>
				</div>
				<div class="tel" id="business_phone">52 (998) 999-2010</div>
			</span>
			<div class="hproduct">
				<span class="currency">USD,MXN,EUR</span>
			</div>
		</div>
	</div>					
</div>
 
WRInaute accro
lambi521 a dit:
D'ailleurs, quelqu'un sait quel doctype il faut mettre pour que les RDFa passent le W3C ?
html5 , soit:
Code:
<!DOCTYPE html>
maintenant, si tu mets un autre doctype GG reconnaîtra tout de même les siens... tu perdras juste la conformité W3C. A toi d'en évaluer l'impact réel...
 
WRInaute impliqué
si il suffit que se soit un review comme ceci:
http://schema.org/Review

Merci, je n'avais pas bien saisi. Etant donné que c'est le format que j'utilise, délimiter le site (header, footer, pub...) c'est bien mais si ça ne pouvait pas produire d'affichage reviews ou notes, j'aurai trouvé ça idiot. Bref, je laisse alors :)
 
WRInaute passionné
@sophieplaya : ça m'a l'air pas mal, à part le <div class="hproduct"><span class="currency">USD,MXN,EUR</span></div> qui n'a pas l'air de servir à grand chose ^^

@JanoLapin: OK donc il n'y en a pas pour mon doctype actuel ? Car si je met celui de HTML 5 mon site risque de faire la gueule :lol: Pour la validation W3C je sais que ça ne sers pas à grand chose, j'aime juste le travail bien fait (et ça me fait une sorte de "garantie" sur la compatibilité avec les navigateurs etc) De toute manière ma page reste valide, c'est juste W3C validator qui ne sait pas les reconnaitre, j'y suis pour rien moi :)
 
WRInaute passionné
lambi521 a dit:
OK donc il n'y en a pas pour mon doctype actuel ?

essaie ceci:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">

pour passer la validation il te suffira probablement de vérifier uniquement les fermetures de balises (passage de transitional à xhtml)
 
WRInaute accro
à sophieplaya et aux autres, je ne sais pas trop si cela permet quoi que se soit ou quoi, mais je ne saurai que trop vous conseiller d'aller sur cet page de google de déclaration au rich snippets:

http://support.google.com/webmasters/bin/request.py?contact_type=rich_ ... s_feedback

si c'est pas déjà fait, juste histoire de parfaire les choses,vous vous déclarez intéresser au rich snippets et déclarer les pages qui comporte des rich snippets et le type de rich snippets utiliser.
 
Discussions similaires
Haut