Les règles les plus importantes du référencement en 2010

19 octobre 2010 par Sybio | Catégorie: Référencement | 2 commentaires

Certaines personnes n’ont peut-être pas eu la chance de trouver de la documentation ou de lire un bon livre sur le référencement (ou referencing, SEO). Je vous livre les règles de bases à respecter: basez-vous sur celles-ci et vous aurez un référencement efficace à 95% !

Référencement Web

HTML

Commençons dans le vif du sujet: bien adapter votre code HTML pour le référencement.

Balise title:

La balise title (<title></title>) constitue l’élément HTML ayant le plus gros poids au vu du moteur de recherche. Elle doit figurer juste après la balises <head> et avant toutes les balises <meta>, <link> et <script> afin d’augmenter sa valeur ! Son contenu doit être changé pour chaque page afin de cibler les mots clefs de chacunes de vos pages.

Pour une page normale, elle doit être de cette forme:

<title>Description de la page - Titre du site</title>

Pour votre page d’accueil:

<title>Titre du site - Slogan ou brève description du site</title>

Pour une page d’un article (d’un blog par exemple):

<title>Titre de l'article - Titre du site</title>

Meta Description:

Cette balise apparaît dans les explorateurs lorsqu’on entre une recherche, mais elle sert également a référencer des mots clefs concernant votre page. Elle doit donc être optimisé pour chaque page de votre site, et contenir un bref paragraphe (et non une énumération de mots clefs !) d’au maximum 160 caractères environs, dans le cas contraire, les explorateurs ont tendances à l’adapter comme ils veulent.

N’oubliez pas non plus le but de cette balise: décrire la page… et non surcharger la balises de mots clefs qui ne correspondent pas avec le contenu de votre page. Vous devez donc au mieux respecter cette contrainte afin d’améliorer la qualité de votre site pour vos visiteurs !

Meta Keywords:

La meta keywords a été abandonnée par Google, on peut donc considérer que son poids est faible, pour ne pas dire nul. Elle est donc optionnelle. Si vous l’utilisez, ciblés pour chacune de vos pages les mots clefs que vous voulez faire ressortir. Sur Google, elle ne servira strictement à rien. Les moteurs de recherches tel que Yahoo n’en tiennent presque plus compte si ce n’est pas le même cas que Google !

H1:

Les balises de titres ont un poids très conséquent pour le référencement, la balise h1 plus que toutes. Cette dernière égale presque la balise <title> en terme d’importance. Pour optimiser au mieux votre site, n’utilisez qu’une balise h1 par page, celle-ci devra figuré le haut plus possible de votre page HTML ! Rien que le fait d’utiliser cette balise et <title> fera bondir votre référencement.

La balise h1 doit, comme le reste, être changée pour chaque page. Plus important, elle doit être semblable au contenu de votre balise title !

Si ma balise title contient:

<title>Symfony Check, le petit mémo pour mettre son site en ligne ! - Clément Guillemain</title>

Ma balise h1 pour cette même page devra si possible contenir:

<h1>Symfony Check, le petit mémo pour mettre son site en ligne !</h1>

Ce combo vous fera gravir les marches du moteur de recherche .
Pour une page normale, elle doit être de cette forme (en duo avec la balise title):

<h1>Description simple de votre page</h1>

Pour votre page d’accueil:

<h1>Titre du site</h1>

Pour une page d’un article (d’un blog par exemple):

<h1>Titre de l'article</h1>

Strong:

La balise <strong> pèse son poids, et il ne faut pas la négliger ! Utilisez là pour des mots que vous jugez importants dans votre contenu.

Les liens <a>:

Les liens sont un sujet sensible, auquel il y a certaines choses bonnes à savoir. Plus votre page contient de liens, moins les poids de vos liens seront forts. Cela veut dire que si vous affichez sur votre page d’accueil 3 liens qui mènent à la même page d’article, par exemple un lien « titre » de l’article, un lien « image » et un lien « Lire la suite », le pagerank hérité de votre page d’accueil en sera d’autant divisé, votre page d’article ne bénéficiera pas de tout le pagerank offert. (C’est pas clair ? Relisez :p). Bref, plus une page possède de liens, moins les pages ciblées bénéficieront de son pagerank. C’est valable pour vos liens externes vers d’autres sites. Un bon exemple de site inutile, c’est les annuaires de référencements. Ils proposent tellement de liens sur une même page que votre site ne gagnera pas un seul pagerank en plus, à moins de figurer sur la page d’accueil de l’annuaire qui possède un PR de 5…

Ce que je veux dire dans l’exemple des liens vers l’article, c’est que 2 des liens baissent inutilement le pagerank offert par la page d’accueil, car celle-ci est divisée en plus de liens, il ne faut donc pas les utiliser… à moins d’utiliser l’attribut nofollow !

Valide xHTML Strict, nofollow est à ajouter aux liens en trop afin que Google ne les prennent pas en compte, comme s’ils n’existaient pas ou ne pesaient pas sur le pagerank. Utilisez cet attribut avec parcimonie, et ajoutez-le de préférence aux liens dans les sujets de forums ou encore des liens des sites de vos membres (dans leur commentaires par exemple), cela évitera de faire baisser le pagerank offert par vos pages.
Exemple:

<!-- ceci est un exemple d'une présentation d'un article sur une page d'accueil d'un blog -->
<h2><a href="http://www.un-exemple.com/2010/17/symfony-check-le-petit-memo-pour-mettre-son-site-en-ligne.html">Symfony Check, le petit mémo pour mettre son site en ligne !</a></h2>
<div>
  <a rel="nofollow" href="http://www.un-exemple.com/2010/17/symfony-check-le-petit-memo-pour-mettre-son-site-en-ligne.html"><img src="images/symfony-check.jpg" alt="Symfony Check" title="Symfony Check" style="float: left;" /></a>
  Dumque ibi diu moratur commeatus opperiens, quorum translationem ex Aquitania verni imbres solito crebriores prohibebant auctique torrentes, Herculanus advenit protector domesticus, Hermogenis ex magistro equitum filius, apud Constantinopolim.
  <a rel="nofollow" href="http://www.un-exemple.com/2010/17/symfony-check-le-petit-memo-pour-mettre-son-site-en-ligne.html">Lire la suite</a>
</div>

Enfin, dernier point intéressant, les mots à l’intérieur d’une balise <a></a> constitueront des mots clefs pour la page pointée. Donc si vous faîtes un lien, pensez à mettre du contenu explicite. C’est valable pour les liens des sites extérieurs ! C’est arrivé que des malins s’amusent à faire des liens vers le blog de notre cher président avec le mot « bête » (ou une variante du genre), et qu’en tapant dans google ce mot clef, on tombait sur son blog dans les premiers résultats

Pour conclure, si on doit faire le choix entre plusieurs mêmes liens, on gardera celui qui à du contenu textuel, voila pourquoi on applique un nofollow à nos liens « image » et « Lire la suite » dans le bout de code précédent, et qu’on choisi de garder le lien contenu dans le h2 .

Le Javascript et les liens:

Les moteurs de recherches n’aiment pas forcément les liens en javascript. Je ne vais pas m’étendre sur le sujet, mais un lien qui fait une redirection en javascript est déconseillé. Le lien doit toujours posséder l’attribut href, et être de type <a> pour que le moteur le suive. Pour ouvrir un nouvel onglet à partir d’un lien, on évitera d’utiliser target= »_blank » qui est super invalide W3C . On pourra utiliser la propriété Javascript suivante qui cohabite très bien avec les moteurs et qui est valide:

<a href='un-exemple.com' onclick='window.open(this.href); return false;'>Un exemple</a>

Les images <img />:

Les balises images doivent absolument contenir un attribut alt (pour respecter le W3C), vide si l’image n’a pas d’importance pour le référencement (un bouton du site, etc…), avec des mots clefs si elle doit être référencée.

Votre image devra de préférence être nommée avec un nom explicite: mon-image.jpg, en utilisant un tiret et non un underscore (_) en guise de séparateur de mots: Google découpe mieux les tirets, mais mettre des underscore ne doit plus le gêner en théorie. Mettre uniquement des tirets reste donc optionnel, mais conseillé !

Enfin, l’attribut title n’intervient pas actuellement dans le référencement, mais je vous conseille de l’utiliser, de 1 pour l’ergonomie de votre site, de 2 au cas où les moteurs viennent à modifier leur algorithme pour le prendre en compte.

Une balise de manière générale:

Les mots placés au début d’une balise auront un peu plus d’importance que ceux placés à la fin de celle-ci. D’où l’idée de faire figurer le titre de l’article avant le nom du site pour la balise <title>

Enfin, sachez que le texte en début de page pèsera plus que celui en fin de page.

URLs

Format:

Les mots clefs contenus dans une URL pèsent énormément, bien plus qu’une balise HTML.

L’URL d’une page d’article doit compléter le combo h1 + title. Elle doit reprendre le contenu du h1, au format des URLs bien entendu (Slug). De plus, pour un meilleur référencement sur Google, ou pour avoir une chance de figurer dans Google Actualités, bien que cela soit étrange mais véridique (algorithme de Google), il est très conseillé d’avoir quelques chiffres dans votre URL (id + date par exemple, environ 5-6).

http://www.un-exemple.com/2010/17/symfony-check-le-petit-memo-pour-mettre-son-site-en-ligne.html

L’URL pour une page pseudo statique consistera simplement a rajouter l’extension .html (ou .php). Sachez que si vous ne maîtrisez pas l’URL Rewriting, les moteurs de recherches comprennent en théorie 1 ou 2 méthode(s) GET maximum et référence l’URL, mais c’est à éviter !

L’exemple ci-dessous passe, il sera surement référencé, mais c’est très mauvais ! En plus, il ne contient pas de mots clefs… N’utilisez pas ce type d’URL, utilisez du Rewriting !

http://www.un-exemple.com/article.php?id=17

W3C

Google favorise les sites respectant les normes du W3c, alors respectez-les. Vos sites doivent être valident xHTML ! Un site fait par un professionnel doit obligatoirement être valide, sinon c’est vraiment la honte, et je plains les clients pour le reste du site…

Nous avons certainement vu la plupart des règles les plus importantes. Il y en a d’autres, mais qui rentrent peu en compte, ou alors d’autres façons de faire pour des situations précises (site entièrement en flash, etc…). Voyons les points négatifs, à ne surtout pas faire !

A ne surtout pas faire

Mettre un mot inutile pour le référencement dans une balise… importante:

Soyons clair, un mot comme Menu, Site ou Connexion ne servent pas pour le référencement. Ne mettez pas ces mots dans une balise strong ou pire, une balise de type h1, h2, etc…

Si vous voulez une grosse police pour votre mot, faîtes-le en CSS, et non en utilisant quelque chose d’important en HTML.

Autre remarque, réduisez si possibles les mots ou phrases inutiles pour le référencement mais récurant, comme Commentaires, Signaler un abus, etc… Remplacez-les au maximum par des images avec attribut Alt vide

Faire un lien « titre » d’un article sur sa propre page:

Beaucoup font en sorte que le titre d’un article (d’un blog par exemple) soit cliquable afin de renvoyer sur la même page… Ce lien inutile baisse l’importance de la page et même l’importance des mots clefs de cette dernière ! Ne faîtes un lien vers votre article qu’à partir d’une autre page, comme la page d’accueil ou encore dans vos pages d’archives. Bref, ne faîtes pas une boucle infinie au GoogleBot qui visite votre page

Croire que Google Adwords est du référencement:

Le service de pubs de Google n’améliorera pas le référencement de votre site après votre campagne de pub, il est juste là pour amener des visiteurs sur votre site. Il sert uniquement de complément à votre référencement naturel, et c’est une pure arnaque de dire que l’on fait du SEO à votre client avec Adwords…

Disposer des mots clefs de couleur blanche sur fond blanc à la fin ou au début de votre page, ou masqués avec du CSS:

Pour vous faire griller et blacklister par Google, cette pratique est la meilleure… Ne trichez pas ou vous en subirez les conséquences.

Éviter les tableaux en HTML:

Les tableaux <table> sont mal référencés, contrairement aux listes par exemple, donc ne les utilisez que pour vos formulaires de connexion etc…

Pour aller plus loin

Je fais encore un peu de pub pour le livre d’Olivier Andrieu que j’ai lu, et qui vous apprendra bien d’autres choses (comment référencer un site sur évènement court sur le temps comme Halloween, que faire pour un site en Flash, comment fonctionnent les liens des sites, le pagerank, n’est-ce pas tricher que de faire des liens de nos propres sites sur nos autres sites ?…) ! Un savoir à mes yeux indispensable si vous êtes développeurs professionnels.

J’en profite pour dire que mon site est loin de respecter tout ça, mais je vais le changer à l’occasion de mon prochain article, qui parlera du référencement et de wordpress