Portrait Olivier Duffez

Olivier Duffez

Créateur de WebRankInfo,
consultant en référencement

Tutoriel : ajouter des caractères spéciaux dans le titre et le snippet des résultats (SERP)

Vous avez peut-être déjà remarqué certains résultats sur Google  et Bing qui intègrent des étoiles, des coeurs ou d’autres caractères spéciaux en plein milieu du « snippet » (les 2 ou 3 lignes de descriptif). Assez logiquement, ces caractères ASCII attirent l’oeil de l’internaute et l’incitent à cliquer. Suivez ce tuto pour savoir comment faire…

Exemple de snippet avec des caractères spéciaux

Exemple de snippets affichant des caractères spéciaux

La technique : inclure des caractères avec leur code Unicode

Il ne s’agit ni de smileys ni d’emoticones, mais simplement de caractères avec un code particulier.

Pour afficher ce genre de caractère spécial, il suffit d’inclure dans la balise title ou la meta description un ou plusieurs codes au format Unicode. Ils commencent tous par &# et se terminent par ;

Vous trouverez ci-dessous un tableau qui fournit un extrait des caractères spéciaux les plus intéressants pour agrémenter vos pages.

Certains caractères peuvent aussi être insérés dans une page à l’aide de leur entité HTML, en voici quelques exemples :

  • © ©
  • ® ®
  • ♣
  • ♦
  • ♥
  • ♠

Ces caractères peuvent être mis dans la balise title et les balises meta (description ou même balises de l’Open Graph Protocol utilisées entre autres pour les partages sur les réseaux sociaux).

Vous verrez par contre que Google n’en tient pas toujours compte, voyez cet exemple (à l’heure où j’écris il n’y a pas de caractères spéciaux affichés pour ma page d’accueil alors que la veille il y en avait et que la page en cache contient bien des caractères spéciaux dans title et meta desc).

Impact sur le référencement

Ces caractères spéciaux jouent-ils un rôle dans le référencement naturel ? Je n’ai pas vu d’étude complète sur le sujet, mais je pense que le seul impact concerne le taux de clics (CTR en anglais). En effet ces caractères peuvent attirer le regard de l’internaute et, je l’espère pour vous, l’inciter au clic. Car on peut aussi imaginer que l’internaute ne trouve pas ça très sérieux, ou même qu’il se demande si c’est bien une page normale qui va s’afficher…

Comme je le dis toujours en formation, il faut mesurer ! Le web nous offre cette possibilité, profitons-en. Une bonne façon de faire est d’utiliser Google Webmaster Tools et d’exploiter les données sur le taux de clics dans les pages de résultats Google (SERP). Pour les détails, venez m’écouter en formation ;-)

Au fait, qu’en pense nos amis Google et Bing ? Je n’ai pas trouvé de position officielle sur ce sujet mais je pense que comme toujours il ne faut pas chercher à trop en faire. Si vous connaissez des articles officiels de Google ou Bing à ce propos, merci de l’indiquer dans les commentaires.

Tableau des caractères spéciaux et codes Unicode

Voici donc un tableau listant quelques uns des caractères spéciaux qui pourraient vous servir.

CodeSymboleCodeSymboleCodeSymbole
&#8471&#8471&#9339&#9339&#9653&#9653
&#8482&#8482&#9340&#9340&#9654&#9654
&#8507&#8507&#9341&#9341&#9655&#9655
&#8592&#8592&#9342&#9342&#9656&#9656
&#8593&#8593&#9343&#9343&#9657&#9657
&#8594&#8594&#9344&#9344&#9658&#9658
&#8595&#8595&#9345&#9345&#9659&#9659
&#8596&#8596&#9346&#9346&#9660&#9660
&#8597&#8597&#9347&#9347&#9661&#9661
&#8598&#8598&#9348&#9348&#9662&#9662
&#8599&#8599&#9349&#9349&#9663&#9663
&#8600&#8600&#9350&#9350&#9664&#9664
&#8601&#8601&#9351&#9351&#9665&#9665
&#8617&#8617&#9398&#9398&#9666&#9666
&#8618&#8618&#9399&#9399&#9667&#9667
&#8624&#8624&#9400&#9400&#9668&#9668
&#8625&#8625&#9401&#9401&#9669&#9669
&#8626&#8626&#9402&#9402&#9670&#9670
&#8627&#8627&#9403&#9403&#9671&#9671
&#8628&#8628&#9404&#9404&#9672&#9672
&#8629&#8629&#9405&#9405&#9680&#9680
&#8656&#8656&#9406&#9406&#9681&#9681
&#8657&#8657&#9407&#9407&#9682&#9682
&#8658&#8658&#9408&#9408&#9683&#9683
&#8659&#8659&#9409&#9409&#9698&#9698
&#8660&#8660&#9410&#9410&#9699&#9699
&#8661&#8661&#9411&#9411&#9700&#9700
&#8662&#8662&#9412&#9412&#9701&#9701
&#8663&#8663&#9413&#9413&#9728&#9728
&#8664&#8664&#9414&#9414&#9729&#9729
&#8665&#8665&#9415&#9415&#9730&#9730
&#8666&#8666&#9416&#9416&#9731&#9731
&#8667&#8667&#9417&#9417&#9732&#9732
&#8668&#8668&#9418&#9418&#9733&#9733
&#8669&#8669&#9419&#9419&#9734&#9734
&#8670&#8670&#9420&#9420&#9742&#9742
&#8671&#8671&#9421&#9421&#9743&#9743
&#8672&#8672&#9422&#9422&#9748&#9748
&#8673&#8673&#9423&#9423&#9749&#9749
&#8674&#8674&#9424&#9424&#9752&#9752
&#8675&#8675&#9425&#9425&#9754&#9754
&#8676&#8676&#9426&#9426&#9755&#9755
&#8677&#8677&#9427&#9427&#9756&#9756
&#8678&#8678&#9428&#9428&#9757&#9757
&#8679&#8679&#9429&#9429&#9758&#9758
&#8680&#8680&#9430&#9430&#9759&#9759
&#8681&#8681&#9431&#9431&#9760&#9760
&#8682&#8682&#9432&#9432&#9762&#9762
&#8683&#8683&#9433&#9433&#9785&#9785
&#8684&#8684&#9434&#9434&#9786&#9786
&#8685&#8685&#9435&#9435&#9787&#9787
&#8686&#8686&#9436&#9436&#9788&#9788
&#8687&#8687&#9437&#9437&#9789&#9789
&#8688&#8688&#9438&#9438&#9790&#9790
&#8853&#8853&#9439&#9439&#9792&#9792
&#8854&#8854&#9440&#9440&#9793&#9793
&#8855&#8855&#9441&#9441&#9794&#9794
&#8984&#8984&#9442&#9442&#9812&#9812
&#8986&#8986&#9443&#9443&#9813&#9813
&#8987&#8987&#9444&#9444&#9814&#9814
&#9195&#9195&#9445&#9445&#9815&#9815
&#9196&#9196&#9446&#9446&#9816&#9816
&#9200&#9200&#9447&#9447&#9817&#9817
&#9312&#9312&#9448&#9448&#9818&#9818
&#9313&#9313&#9449&#9449&#9819&#9819
&#9314&#9314&#9450&#9450&#9820&#9820
&#9315&#9315&#9451&#9451&#9821&#9821
&#9316&#9316&#9452&#9452&#9822&#9822
&#9317&#9317&#9453&#9453&#9823&#9823
&#9318&#9318&#9454&#9454&#9824&#9824
&#9319&#9319&#9455&#9455&#9825&#9825
&#9320&#9320&#9456&#9456&#9826&#9826
&#9321&#9321&#9457&#9457&#9827&#9827
&#9322&#9322&#9458&#9458&#9828&#9828
&#9323&#9323&#9459&#9459&#9829&#9829
&#9324&#9324&#9460&#9460&#9830&#9830
&#9325&#9325&#9461&#9461&#9831&#9831
&#9326&#9326&#9462&#9462&#9833&#9833
&#9327&#9327&#9463&#9463&#9834&#9834
&#9328&#9328&#9464&#9464&#9835&#9835
&#9329&#9329&#9465&#9465&#9836&#9836
&#9330&#9330&#9466&#9466&#9842&#9842
&#9331&#9331&#9467&#9467&#9850&#9850
&#9332&#9332&#9468&#9468&#9851&#9851
&#9333&#9333&#9469&#9469&#9855&#9855
&#9334&#9334&#9470&#9470&#9989&#9989
&#9335&#9335&#9471&#9471&#9990&#9990
&#9336&#9336&#9650&#9650&#9992&#9992
&#9337&#9337&#9651&#9651&#9996&#9996
&#9338&#9338&#9652&#9652&#10084&#10084

Avez-vous déjà testé ça pour votre site ? Quel est votre retour d’expérience ?

Cet article vous a-t-il plu ?

Cliquez pour voter !

Laisser un commentaire

Remarques :

  • Si vous souhaitez poser une question ou détailler un problème technique, il ne faut pas utiliser le formulaire ci-dessous qui est réservé aux avis. Posez votre question directement dans le forum Gmail de WebRankInfo. L'inscription est gratuite et immédiate.

  • En postant un avis, vous acceptez les CGU du site WebRankInfo. Si votre avis ne respecte pas ces règles, il pourra être refusé. Si vous indiquez votre adresse email, vous serez informé dès que votre avis aura été validé (ou refusé...) ; votre adresse ne sera pas utilisée pour vous envoyer des mailings et ne sera pas revendue ou cédée à des tiers.

44 commentaires

123mutuelles

Je vois que Webrankinfo s’inspire de certaines de nos méthodes pour essayer d’augmenter notre taux de clic dans les serps :)) !
Cela fait plaisir d’être cité en référence
Cédric

Répondre
mutuelle en France

Attention toutefois car les étoiles sont parfois supprimés du jour au lendemain.
Etrange et à vérifier : Google à diminuer la position d’un de mes sites lorsque j’ai essayé d’afficher un drapeau à damier dans ma meta description.

Sinon toujours sur « Mutuelle », j’ai ajouté dans ma page pour avoir encore + de clique que la solution proposée :

MutuelleEnFrance.net

4.7 / 5

457 avis

Je n’affiche rien de + sur ma page.
Aucun système de vote présent sur ma page.
Le nombre de vote ne change jamais.
Il faut compter 2 à 4 semaines pour avoir les étoiles jaunes affichées.

Répondre
Olivier Duffez

@MutuelleEnFrance : si tu n’as aucun système de vote dans ta page, ton utilisation des étoiles d’avis relève donc du spam, non ?

Répondre
Mark Le Net

Merci de ce rappel, c’est vrai qu’on n’y pense pas toujours.
Il est conseillé de ne pas dépasser 2 caractères de ce type, sinon en effet le lecteur se méfie.

Par ailleurs, la typo (police/font) pouvant changer, il vaut mieux être sûr du résultat :) du moins en ce qui concerne les caractères Unicode. Pour les codes HTML, il n’y a quasiment aucun risque (le seul étant l’absence du caractère, remplacé en ce cas par un carré vide), donc dans la mesure du possible, privilégier cette approche.
L’originalité oui, mais pas à tout prix :)

M.

Répondre
Sellerie

Cela peut effectivement induire du clic… à tester
Merci pour le listing

Répondre
Waaaouh

Rien que pour cette bonne liste de symboles souvent difficiles à trouver, mais très utiles, la page mérite d’être bookmarkée ! Merci ;)

Répondre
développeur web

Chouette d’avoir un billet sur la question. Il est vrai que ce genre de caractères spéciaux attirent vraiment l’œil, à utiliser avec parcimonie bien évidement, et de préférence dans la balise meta description. On peut dans cette même balise insérer le numéro de téléphone de l’entreprise et son email, nombres de personnes appellent sans même avoir cliqué sur le lien (j’ai fais le test moi même, et ça a porté ses fruits).

Répondre
Jerome (SpeedAirMan)

J’ai déjà (souvent) utilisé cette technique mais jamais réellement mesuré.

En tout cas ça n’empêche absolument pas les pages de bien se positionner.

Répondre
Greg

L’utilisation de tels symboles dans un lien adwords est interdit. Qu’en est-il en référencement naturel ? Cela respecte-t-il la guideline de google ?

Répondre
Jeux

Voilà qui me donne des idées pour mes sites. J’attends quand même de voir les avis de Google à ce sujet… !

Répondre
Nicolas

J’ai ajouté une « flèche » devant toutes les meta descriptions de mes pages car je trouve que cela fait vraiment ressortir le site dans les résultats. Vivastreet utilise depuis très longtemps ce système, de même que paruvendu…

Répondre
Jeux en ligne

J’ai déjà vu ces caractères spéciaux dans des résultats de recherche. je trouve qu’on les remarque immédiatement (même s’ils ne sont pas situés dans le top3) mais cela n’inspire pas confiance et fait penser à un bug d’affichage.

Répondre
Assurance

Je ne pensais même pas que Google pouvait autoriser cela, surtout que cela donne réellement l’impression de votes sur la page.
Tant mieux pour ceux pour qui cela fonctionne, mais je pense aussi que cela ne durera pas longtemps.

Répondre
Soul

« Regardez ce que fait le concurrent et faites ce qui marche. »

Répondre
Stéphane

Selon l’influence de cet article et si de plus en plus de gens utilise la technique, Google va surement réviser son filtrage de caractères et les ignorer dans leur ensemble.
A voir dans quelques semaines.

Répondre
stage en entreprise

ça peut valoir le coup de tester l’impact de ces symboles sur une ou plusieurs pages :) A voir !

Répondre
Yoann

J’avais testé ca par le passé. A noter que si le caractère spécial est placé en tout début du titre, celui-ci est alors ignoré par google (dans l’affichage des serps). Il faut au moins 1 caractère avant.

Répondre
c3m

très utile, merci

Répondre
Arobasenet

De part mon expérience, de tout temps, les webmasters ont toujours essayé d’insérer des caractères spéciaux dans leurs snippets. Et ces caractères spéciaux ont très souvent été ignorés par les moteurs de recherche.
Le mieux, c’est de passer par les microformats (schema.org) ou d’intégrer le script de votes « GD Star » dans vos pages.
C’est la solution que j’ai choisie pour avoir des étoiles qui attirent le regard des internautes si mes liens apparaissent sur Google.
Allez sur Google et tapez « Arobasenet », vous y verrez un exemple.
Mieux, Tapez sur Google « Création site Vichy », vous y verrez un autre exemple qui affiche les étoiles et le fil d’ariane…

Répondre
Olivier Duffez

@Arobasenet : ce que tu conseilles est purement du spam. J’espère que tous ceux qui trichent sur les rich snippets seront pénalisés…

Répondre
Arobasenet

@Olivier Duffez C’est du spam quand c’est sur un site d’information.
Et ça ne l’est pas quand c’est sur un site de recettes de cuisine ?
GD Star rating est unplugin cautionné et utilisé par Google : http://code.google.com/p/gd-star-rating/

Répondre
Olivier Duffez

Pour ma part, je considère qu’il s’agit de spam quand il n’y a pas de vrais avis. Sur la page sur Vichy il n’y a pas d’avis et pourtant des rich snippets, d’où ma réaction. Idem pour la page d’accueil.

Répondre
Greg

Je ne sais pas si « spam » est le terme adapté mais c’est clairement une manoeuvre trompant l’internaute par rapport au contenu auquel il pense avoir accès.
Dans le cas de Vichy, au mieux il pense trouver un contenu considéré bon par les internautes de votre site, mais surtout cela fait penser que votre site et votre service sont meilleurs que les autres sur la même page du classement.

Après on peut se poser la question de ce qui est bien ou mal en matière de référencement… mais en toute bonne foi il est impossible de dire que c’est une utilisation honnête des rich snippets !

Répondre
Stéphane

@Olivier Duffez : Et de proposer à ses lecteurs de décorer son snippet ou title en sapin de Noël grâce à des caractères spéciaux, n’est t-il pas une forme de spam ?

Clairement, je ne vois pas où Arobasenet propose du spam. C’est une possibilité offerte pour ceux qui ont un système de vote, puisse t-il être basé sur des votes et avis rééls et pertinents (genre Allociné), cela apporte un plus.

Il ne faut pas non plus être cupide, Google n’insère pas dans ses résultats tous ceux qui mettent des rich snippets parce qu’ils ont codé leur page en conséquence, ça serait trop facile et ça serait le souk.

Répondre
Arobasenet

@Olivier Duffez On parle des votes (notes) ou des avis ?

Perso, je parle des votes. On peut voter un article sans le commenter. Tout comme on peut plusser (+1) ou Aimer (Like)un article sans le commenter.

On peut aussi faire les 2. On peut aussi donner une note à un commentaire. Il y a donc plusieurs possibilités que choisis le webmaster.

Google recommande d’ajouter des boutons de votes sur les sites. Ce n’est pas pour les soupçonner par la suite…

Donc, sur mon site, je peux mettre des boutons de partage en dessous de mes articles sans y autoriser de commentaires. Est-ce pourtant que les partages de ces articles n’ont pas valeur ou qu’ils ne seront pas comptabilisés par Google ou les différentes plateformes ?

Il en est de même avec les votes qui apparaissent en rich snippet sans forcément être acompagnés de commentaires.

Répondre
mutuelle

@Olivier, entièrement d’accord, d’ailleurs nous pouvons constater une falsification extrème des avis sur de nombreux sites…

@cedric, t’es gonflé pour le « nos méthodes » et « cité en référence ». La veille ne réside pas uniquement dans la copie des concurrents mais surtout dans l’innovation, du moins c’est mon avis. Nous avons utilisé cette méthode des snippets, 5 jours après, copie conforme sur ton site. Enfin bref, c’est de bonne guerre me direz vous.

Après niveau ref, pas grand chose à dire sur cet aspect, c’est surtout du « tout un chacun » point de vue utilisateur.

Répondre
Arobasenet

Merci @Stéphane. Une fois le plugin installé, il ne surtout plus toucher au code. Sinon, c’est grillé !

@Greg Comme le dit @stéphane, c’est une possibilité offerte par Google en introduisant et validant avec Bing et Yahoo les microformats de shcema.org.

Alors, qu’est-ce que l’honnêteté vient faire là-dedans ?

Je présume que quand @Olivier Duffez fait de la formation de référencement, il donne quelques petites astuces de positionnement Web à ces stagiaires. Lesquelles astuces ne sont pas connues de tous. Est-ce pour autant qu’il est malhonnête ? Non ! Tant que l’astuce marche, il la donnera toujours…

L’expérience des notes et avis en rich snippet, Google la laisse courir. S’il constate qu’il y a des abus, il en tirera les conséquences. Ou il demandera aux créateurs du plugin de rendre le code encore plus rigide.

Alors @Greg, en ce qui me concerne, tout est de bonne foi et l’utilisation des notes en rich snippet est jusqu’ici autorisée et il n’y a pas de raison de s’en priver. Et dans tous les cas, c’est encore du White Hat !

Répondre
Annuaire-mutuelle.fr

Marrant de voir un exemple pris sur les mutuelles, c’est l’annuaire que je suis en train de référencer en ce moment en optimisant les mots clés et les titles ! ça va nous donner des idées de mettre des caractères spéciaux !
Merci, moi je dis [+1]

Répondre
Agence Axekap

Je pense que c’est toléré par les moteurs de recherche tant qu’il n’y a pas trop d’abus. Dans tous les tests que j’ai effectué depuis 2008 à ce sujet, les caractères spéciaux ont bien apparu dans les SERP. Je me demande si la non prise en compte par Google sur certaines SERP est algorithmique et non manuelle, et quelles en seraient les critères ?
En ce qui concerne le CTR il me semble que les rich snippets et les microformats donnant la note moyenne des avis ont plus d’impact. A mesurer avec Analytics !

Répondre
Siti Palermo

Très utile, je me lance dans un test immédiatement. Très souvent les premières pages de Google contiennent presque toutes des title semblables, voilà peut être un bon moyen de sortir du lot.

Répondre
Pret immobilier

Je vois pas le code pour l’étoile… ?

Répondre
Olivier Duffez

Pour l’étoile tu as par exemple ★ code 9733

Répondre
Pret immobilier

Ah, merci c’est mon navigateur FF, qui affiche mal les caractères

Répondre
aaalvh

j’ai posté une demande d’éditeur ou des astuces pour coder les pages avec titre et style H1, H2…
car mon outil webacapela ne gère pas cela et je n’ai pas de moyen financier (création de société !) pour avoir les services d’un vrai webmaster.
y a t il une page résumant les codes pour les caractères spécifiques du français ( accents et ç, ù, ô, ê, …) et les codes couleurs le tableau publié dans l’article est très clair.
A moins que je trouve un outil permettant de coder cela en wysiwyg.
Bonne réception

Répondre
Création Sites Web Tours

Je vais tester pour voir si cela a une influence sur le taux de clicks…

Répondre
Cours de l'Or

Je vais tester et voir le résultat sur un site à fort trafic.

Répondre
SEO Vietnam

Google a publié depuis un moment sa position sur les rich snippets et il est pour:
http://fr.goldenspeedseo.com/services-seo-positionnement-internet/une-introduction-aux-rich-snippets-de-google-videos/
Par contre, la manipulation du comptage des avis positifs (étoiles) n’est pas encore régulée et c’est ce qui prédomine en ce moment.
Ce n’est pas du spam mais ce n’est certainement pas honnête, le soucis: ton concurrent est-il clean là-dessus?
Avec WordPress et le plugin GD star rating, comme le dit arobasenet, on l’installe en quelques minutes, l’interface est plutôt complexe mais abordable.
Soit Google peut réguler (et la méthode devra évoluer vers plus de contrôle) et éviter les abus de fausses notations, soit cela ne voudra plus rien dire. Mais beaucoup d’internautes tomberont dans le « piège » pendant un moment je dirais.
En attendant, une page produit ressemble à un sapin de Noël avec les social buttons et maintenant des étoiles en plus.

Répondre
kat

encore de la fraude en vue pour les referenceurs qui cherchent a remonter de maniere illusoire…c’est tout de meme marrant !

Répondre
Seo Vietnam

En fait, les étoiles ou autres snippets ne font pas remonter dans les rankings mais plutôt devraient augmenter le CTR ou le taux de clics alors qu’on est justement en positions 2-5, obtenant une fraction de la part du lion (clicks du number one).

Répondre
jeanvaljean

Merci j’avais déjà testé cette technique sur ma page principale, mais je pense que je vais la généraliser!

Si je commence par un caractère spéciale dès le début plutot que de le mettre à la fin du titre, cela ne pose aucun problème?

Cordialement

Répondre
DZ

Perso, je pense effectivement qu’ils font monter le CTR mais attention à l’augmentation du taux de rebond dans ce cas… (simple suggestion).

Je voulais savoir s’il existe des drapeaux en caractères spéciaux… Enfin, je cherche un caractère ou ensemble de caractères qui pourrait représenter le drapeau de l’Algérie.
Merci de votre réponse.

Répondre
Chine Informations

Il semble que depuis quelques jour, ces caractères sont complètement supprimés des TITLE dans les résultats Google et que les caractères spéciaux noirs (ou pleins) soient remplacés par des « vides ».

Répondre
othy

Il semble aussi que les caractères spéciaux ont été remplacé par un POINT, google tente de combattre toute tentative de manipuler le ctr.

Répondre