Comment présenter des Rich Snippets sous forme d'étoiles ?

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par ortolojf, 28 Octobre 2014.

  1. ortolojf
    ortolojf WRInaute accro
    Inscrit:
    14 Août 2002
    Messages:
    3 572
    J'aime reçus:
    32
    Bonjour

    J'ai mon système de votes, sous forme de 7 étoiles, alimenté depuis avant-hier après-midi.

    Comment présenter sur son site, l'apparence du code html d'un Rich Snippet de type Review-aggregate , sous forme d'étoiles ?

    Merci beaucoup de vos réponses, qui me permettront de faire la même interface pour les Rich Snippets, et mon système de votes.

    Respectueusement.

    Jean François Ortolo
     
  2. ortolojf
    ortolojf WRInaute accro
    Inscrit:
    14 Août 2002
    Messages:
    3 572
    J'aime reçus:
    32
    Rebonjour

    Le problème, est soit de présenter mon interface de votes ( avec étoiles ) telle quelle, soit d'intégrer cette interface de votes, aux Rich Snippets de type Review-aggregate ( puisque je ne tiens pas à laisser les visiteurs mettre des avis textuels sur mon site, donc exit les Review ).

    Dans le premier cas, je devrais faire en sorte que les rich snippets ne s'affichent pas, ce que je ne sais pas faire, et qui est incompatible avec les indications de Google.

    Dans le deuxième cas, je pourrais à la rigueur, utiliser ( comme Google l'indique ), des sprites css, mais je ne sais pas trop comment dessiner 7 étoiles horizontales, à partir d'une seule étoile ( dont j'ai le fichier graphique ).

    Ceci avec The Gimp. Je suppose que je pourrais dupliquer et recopier mon fichier graphique ( *.xcf ) représentant une seule étoile, mais je vais chercher comment faire.

    Est-ce la bonne solution, ou la classe css de Google class="rating-foreground" ( je ne sais pas comment ), suffirait à afficher des étoiles par l'opération du saint esprit ?

    Merci de me dire comment vous avez réussi à intégrer vos systèmes de votes, avec l'interface des Rich Snippets de Google ?

    Respectueusement.

    Jean François Ortolo
     
  3. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 163
    J'aime reçus:
    338
    Il ne te faut qu'une seule étoile, en background-repeat: repeat-x.
    Taille des 7 étoiles (score max) = 100%, tu fais le calcul pr modifier width à la volée.
     
  4. ortolojf
    ortolojf WRInaute accro
    Inscrit:
    14 Août 2002
    Messages:
    3 572
    J'aime reçus:
    32

    Bonjour spout ;)

    Super super merci spout. ;)

    Je n'avais pratiquement jamais utilisé repeat, c'était il y a plus de 5 ans. ;)

    Maintenant je vais voir ( demain matin ).

    Google donne l'exemple suivantt :

    <span class="rating-foreground" syle="90%" />
    <meta itemprop="rating" content="4.5" />
    </span>

    Ceci ( la propriété "rating" ) c'est pour les Review ?

    Mais pour les Review-aggregate", c'est bien la propriété "average" qu'il faut mettre ?

    Super merci, je devrais pouvoir changer le width en Javascript avec une fonction et un peu d'Ajax.

    Genre répondant à : "onclick", ou "onfocus" ou même "onmouseover".

    Merci beaucoup pour ta réponse.

    Respectueusement.

    Jean François Ortolo
     
  5. ortolojf
    ortolojf WRInaute accro
    Inscrit:
    14 Août 2002
    Messages:
    3 572
    J'aime reçus:
    32
    Rebonsoir ;)

    Voilà, j'ai mis en place les Review-aggregate sur mon site.

    7 étoiles.

    Merci de me dire si l'interface est correcte.

    Je vais de ce pas vérifier ma Schtoumpferie sur l'outil de vérification.

    Très respectueusement.

    Et reconnaissant.

    Jean François Ortolo
     
  6. ortolojf
    ortolojf WRInaute accro
    Inscrit:
    14 Août 2002
    Messages:
    3 572
    J'aime reçus:
    32
    Bonjour

    Cà marche. ;)

    Malheureusement, l'interface de vote est identique, suivant que le visiteur peut voter ou non ( déjà voté pour ce type de page et depuis moins de 30 jours ) .

    Comment faire, avec une image sprite comme celle-là, pour la rendre entièrement grisée ( = vote inactif ), et aussi pour compléter les étoiles incomplètement affichées, ( vote moyen < 7 ), par des étoiles identiques, de couleur blanche ?

    J'ai mon ficher graphique avec une étoile de couleur blanche, mais je ne sais pas comment le superposer avec le sprite des étoiles jaunes.

    Ainsi, le visiteur saurait qu'il y a 7 étoiles au maximum.

    Merci beaucoup de vos réponses.

    Très respectueusement.

    Jean Francois Ortolo
     
  7. ortolojf
    ortolojf WRInaute accro
    Inscrit:
    14 Août 2002
    Messages:
    3 572
    J'aime reçus:
    32
    Bonjour

    Voilà, je crois que mon interface de vote est finalisée.

    Merci de me dire ce que vous en pensez. ;)

    Très convivial il me semble...

    Respectueusement.

    Jean François Ortolo
     
Chargement...
Similar Threads - présenter Rich Snippets Forum Date
Comment présenter mes services de rédaction web Rédaction web et référencement 11 Mai 2017
comment fait t-on pour se présenter Débuter en référencement 18 Novembre 2016
Présenter des vignettes "articles au hasard" sur la home Demandes d'avis et de conseils sur vos sites 30 Octobre 2016
Pour me présenter et question par rapport à la charte d'inscription Demandes d'avis et de conseils sur vos sites 8 Mai 2015
Htaccess et sous domaine, comment bien le présenter ? Développement d'un site Web ou d'une appli mobile 6 Mai 2015
Je cherche un site pour présenter une bibliographie Le café de WebRankInfo 14 Novembre 2013
créer une video d'animation type cartoon pour présenter son site web Développement d'un site Web ou d'une appli mobile 18 Septembre 2012
L'EU accorde 1 mois de délais à Google pour présenter ses mesures antitrust Google : l'entreprise, les sites web, les services 9 Juin 2012
Google lance une offensive médiatique pour présenter Google TV Google : l'entreprise, les sites web, les services 4 Octobre 2010
Présenter sa newsletter sur son site Développement d'un site Web ou d'une appli mobile 1 Février 2010
Présenter des flux RSS de différents sites en une seule liste Développement d'un site Web ou d'une appli mobile 11 Septembre 2009
me présenter Demandes d'avis et de conseils sur vos sites 16 Décembre 2008
Forums pour présenter son/ses sites ?! Annuaires et moteurs 6 Avril 2008
Présenter votre site sur notre blog Demandes d'avis et de conseils sur vos sites 2 Mars 2008
Je viens vous présenter notre moteur de recherche Demandes d'avis et de conseils sur vos sites 23 Janvier 2007
Je me sens prêt à vous présenter mon site ! Demandes d'avis et de conseils sur vos sites 26 Août 2006
Quelle couleur est censée représenter la vitesse ? Le café de WebRankInfo 14 Février 2005
Rich Snippet annuaire (cf screenshot) Référencement Google 16 Novembre 2021
Mise à jour des rich snippets FAQ dans SERP Google Référencement Google 23 Juin 2021
Comment utiliser rich snippets avec Yoast SEO Premium Référencement Google 24 Avril 2021