Formation 28

Structure du site et des pages

Placer des mots-clé dans le nom des répertoires

Prenons le cas des images qui illustrent vos articles. Les photos associées aux produits auront plus de poids dans le référencement si elles sont stockées dans des répertoires qui portent des noms concrets (« ordinateurs-portables », « cartes-mémoire »... au lieu de « dossier9987546_53 »).

De même, le nom de l'image peut servir à placer plus de mots clés (« clavier-usb-modele-marque.jpg » par exemple).

Utiliser la réécriture d'URL

Ce procédé permet de modifier les URL du type : index.php?auteur=37&sujet=72&article=8685

en des adresses plus lisibles : article-8685-le-rechauffement-climatique-en-europe.html

 

Cette technique présente plusieurs avantages :

  • les url sont plus faciles à retenir pour les internautes

  • les moteurs de recherche accordent beaucoup de poids aux mots-clés placés dans l'url

Placer des mots-clés dans le nom de la page

Si vous avez la possibilité de choisir le nom des fichiers sur le serveur, préférez des noms de pages du style

« contact.html » ou encore « appareils-photos-numériques-pas-cher.html » au lieu de « page1.html » et « page2.html ».

Utiliser des tirets pour séparer les mots-clé dans l'url

Il est en effet déconseillé d'utiliser les espaces (qui peuvent entraîner des bugs côté serveur) ou le symbole « _ » (underscore) car les moteurs de recherche considèrent alors le nom de la page comme un nom composé, sans discerner les mots clés qui le composent.

Éviter les noms de page à rallonge / ne pas sur-optimiser

Le nom des pages ne doit pas contenir plus de 5/6 mots pour que chaque mot conserve sont efficacité.

D'autre part, ne répétez pas plusieurs fois le même mot-clé dans le nom du fichier.

Privilégier les extensions communes : .html, .php, .css, .pdf

Les pages portant des extensions connues sont semble-t-il mieux référencées.

Ne pas utiliser de frames

Cette ancienne technique, qui consistait à découper la page en cadres (un peu comme les « calques » des logiciels photos), nuit énormément au référencement car la page change de contenu sans changer d'adresse.

Cela signifie que, à une même adresse, les moteurs de recherche ne voient pas le même contenu à chacun de leur passage.

Limiter la taille des pages (300 Ko max)

Cette « limite » est surtout valable si vos internautes sont en bas débit ou avec un débit ADSL faible.

L'idéal est que la page apparaisse en moins de 3 secondes.

En revanche, s'il s'agit d'un site de photographie ou d'un site qui nécessite des images ou des animations en haute définition, la limite de poids peut être repoussée car les internautes savent délibérément que le temps de chargement plus long s'explique par la qualité du contenu.

Autoriser la mise en cache

Sauf si vous administrez un site d'actualités dont le contenu est en perpétuelle évolution, ne bloquez jamais la mise en cache dans le navigateur de l'internaute.

La mise en cache améliore significativement le temps de chargement des pages car les éléments graphiques communs à plusieurs pages n'ont pas besoin d'être téléchargés à chaque fois ; ils sont en mémoire sur l'ordinateur de l'internaute.

Proposer un plan du site et un favicon

Si votre site compte plusieurs dizaines de pages, une page « plan du site » reprenant l'organisation du contenu de votre site peut être utile pour aider vos visiteurs à se repérer.

C'est également un excellent moyen de placer des liens avec des mots clés.

 

Le favicon est le petit logo de 32*32px (ou de format équivalent) qui apparaît dans le navigateur devant l'adresse de la page consultée.

 


Le favicon de Google

Pour intégrer un favicon à votre site, il faut rajouter un bout de code dans votre <head> :

<link rel="shortcut icon" href="chemin/acces/favicon.ico" >

 

Le favicon ne porte pas nécessairement l'extension .ico. Ce peut être une image jpg, png, gif animé...

 

C'est également cet icône qui servira « d'illustration » si vos visiteurs décident de mettre l'une de vos pages dans leurs favoris.



Pour plus d'informations, vous pouvez nous contacter par mail.

 

Tutos et cours en ligne

Ergonomie et accessibilit�R�f�rencementHTML / CSS