Guide de création de site web optimisé

Guide d'optimisation de site web © Abondance.com - Avril 2013
Guide de création de site web optimisé
Vous trouverez ci-après un résumé des différents points à prendre en compte pour créer
un site web optimisé pour les moteurs de recherche en termes de code HTML et de
conception de site.
1. CODE HTML
 Structuration en balises Hn
- La page d'accueil doit proposer une structure de balises Hn cohérente et présentant ce
que l'on va trouver sur le site.
H1 (5 à 7 mots descriptifs) : Nom du site et mots clés importants décrivant son
activité.
H2 : Petit texte (1 paragraphe) présentant les différents concepts du site.
H3 : Différentes rubriques (mots clés importants).
H4 : Eventuelles sous-rubriques.
- Les pages internes doivent proposer également une structure en balises Hn dont les 4
premiers niveaux (au moins) décrivent parfaitement leur contenu éditorial.
H1 (5 à 7 mots descriptifs) : Elle explique "de quoi parle la page ?" en reprenant
des mots clés importants.
H2 : Petit texte (1 paragraphe) présentant sous forme de chapô un résumé de ce
que dira la page.
H3 : Intertitres éventuels.
H4 : Tags, fil d'Ariane ou autre.
Toutes ces balises Hn sont conçues comme étant des "réservoirs à mots clés" visibles
par l'internaute et les moteurs de recherche. Tous ces champs doivent pouvoir être
remplis à la main dans la zone d'administration du contenu.

Balises Title
Les balises Title contiennent en règle générale 7 à 10 mots clés et sont basées sur la
structure suivante :
- Page d'accueil : reprise du contenu de la balise h1, avec éventuellement quelques
modifications sémantiques. La balise est rédigée et modifiable à la main.
- Pages internes : les balises Title des pages internes ont la structure suivante :
<title>[Reprise de la balise H1] - [Catégorie éventuelle] - [Nom du site]</title>
SARL RESEAU ABONDANCE - Olivier Andrieu - Consultant - 3 rue des Châteaux - 67140 Heiligenstein Tél : 03 88 08 83 26 - Fax : 03 88 08 83 27 - E-mail : [email protected] - Web : www.abondance.com
Page 1
Guide d'optimisation de site web © Abondance.com - Avril 2013
Les balises Title des pages internes sont construites automatiquement mais peuvent
éventuellement être modifiées dans la zone d'admin.
 Balises Meta "description"
Les balises meta "description" reprennent de façon automatique le contenu de la balise
H2 de chaque page (accueil et interne) mais peuvent être éventuellement modifiées à la
main dans l'interface d'admin du contenu. Pas de limite maximale de taille (mais en
pratique, il est peu utile de dépasser les 300 caractères). La balise doit en revanche
contenir au minimum 200 caractères.

Balises Meta "keywords"
Cette balise peut être prévue dans l'interface d'admin mais n'est pas obligatoirement
remplie dans un premier temps (impact trop faible en termes de SEO). Ne pas l'insérer
dans le code si elle est vide. Pas de limite de taille maximale.
 Mise en gras du contenu rédactionnel
Vérifier que le fait de mettre en gras un mot dans le contenu éditorial des pages est bien
effectué à l'aide de la balise <strong>.
 Nom des images
Il doit être prévu la possibilité de nommer les images du site avec des termes explicites.
Exemples : airbus-a320.jpg, petite-maison-dans-la-prairie.gif, etc.

Attribut ALT des images
Les personnes chargées de saisir le contenu textuel du site ont la possibilité d'ajouter
des images et de saisir le contenu de l'attribut ALT pour chacune d'entre elle.
2. CONCEPTION

Contenus Flash et freins au référencement
Le site doit proposer le moins possible de contenus Flash (mais cela n'empêche pas des
"petites animations" dans certaines pages) ou des technologies peu ou mal comprises
par les moteurs de recherche :
- Pop-up ;
- Javascript ;
- Ajax ;
- Identifiants de session ;
- Frames / iframes ;
- Redirections autres que 301 ;
- Etc.
SARL RESEAU ABONDANCE - Olivier Andrieu - Consultant - 3 rue des Châteaux - 67140 Heiligenstein Tél : 03 88 08 83 26 - Fax : 03 88 08 83 27 - E-mail : [email protected] - Web : www.abondance.com
Page 2
Guide d'optimisation de site web © Abondance.com - Avril 2013

Plan du site
Un plan du site pour les internautes doit être présent avec un lien depuis la page
d'accueil. Idéalement, ce plan du site doit permettre d'atteindre toutes les pages
importantes (fiches produits) en 3 clics maximum depuis la page d'accueil.

URL
Un point important, dans l'optimisation d'un site web, est de rendre les intitulés d'URL
"search engine friendly" en y insérant des mots clés relatifs au contenu éditorial des
documents. Logiquement, une URL optimisée pour les moteurs de recherche doit pouvoir
être lue "en français", c'est-à-dire qu'en lisant son intitulé, on doit comprendre ce que
contient la page. Elle doit reprendre les étapes essentielles du fil d'Ariane (navigation) de
vos pages. Nous préconisons les règles suivantes pour les réécritures d'urls (U R L
rewriting) :
- Terminer l'URL par le contenu de la balise H1.
- Indiquer les mots clés importants (fil d'Ariane la plupart du temps) dans l'URL.
- Séparer les mots par un tiret haut (-) et pas par un underscore (_).
- Ne pas oublier les éventuelles apostrophes (remplacées par un tiret haut) et autres
caractères de ponctuation, etc.
- Changer les lettres accentuées et caractères diacritiques par leur équivalent non
accentué (é >> e, à >> a, ç >> c, etc.).
- Eviter un trop grand nombre de "/" dans l'URL. Préférer les tirets hauts ou la virgule
comme séparateur.
- Indiquer éventuellement la date du jour de publication ou une autre séquence de 3
chiffres minimum (le fait que 3 chiffres soient présents dans l'URL est un critère
indispensable pour être présent dans Google News si vous n'avez pas de Sitemap XML
spécifique de cet outil). Ce critère n'a pas à être suivi si l'indexation dans Google
News ne vous intéresse pas.

Duplicate Content
La problématique du "Duplicate content" est constante sur les sites actuels. Attention
donc à prendre en compte ces différents points :
- Ne pas reprendre sur votre site un contenu éditorial existant sur un autre site ou,
dans ce cas, le réécrire de la façon la plus approfondie possible.
- Ne pas répéter sur votre site, dans des pages différentes, le même texte. Ou alors,
utiliser la balise "link rel canonical"
(http://support.google.com/webmasters/bin/answer.py?hl=fr&answer=139394) pour
indiquer à Google quel est le contenu canonique (celui à privililégier).
- Chaque page du site doit être accessible au travers d'UNE ET UNE SEULE URL.
Attention notamment à d'éventuels paramètres de tracking notamment. Pour éviter
tout problème de DUST (Duplicate URL, Same Text), chaque page contient donc une
balise "link rel canonical" sous cette forme (exemple pour une page
http://www.votresite.fr/tshirt-coton-bio-col-blanc.html), reprenant sa propre URL :
<link rel="canonical" href="http://www.votresite.fr/tshirt-coton-bio-col-blanc.html" />

Fichier Sitemap
SARL RESEAU ABONDANCE - Olivier Andrieu - Consultant - 3 rue des Châteaux - 67140 Heiligenstein Tél : 03 88 08 83 26 - Fax : 03 88 08 83 27 - E-mail : [email protected] - Web : www.abondance.com
Page 3
Guide d'optimisation de site web © Abondance.com - Avril 2013
Un fichier Sitemap (http://www.sitemaps.org/) doit être créé et soumis à Google au
travers de ses Webmaster Tools et du fichier robots.txt (voir ci-après). Il peut être
complet (URL, date de dernière modification, fréquence de mise à jour et priorité) ou
simplifié (URL uniquement) mais doit surtout être exhaustif et mis à jour
automatiquement par le CMS.

Fichier robots.txt
Un fichier robots.txt doit être créé à la racine et lister les répertoires interdits aux
moteurs de recherche. La directive "Sitemap:" indique également l'adresse du fichier
Sitemap du site.

Outils de suivi
- Un compte Google Webmaster Tools doit être créé.
- Un compte Google Analytics (ou autre système de mesure d'audience) doit être mis en
place pour suivre le trafic du site.

Performances du site
La vitesse d'affichage des pages maximale pour Google est fixée à 1,5 seconde. Il est
important de ne pas trop dépasser (voire de rester en dessous de) cette limite. De
nombreuses actions sur le serveur et dans le code des pages peuvent être envisagées
pour réduire ce temps d'afichage.
Ce critère est important pour l'expérience utilisateur de vos visiteurs mais également
pour le crawl par les robots de google.
Son influence en termes de "ranking" reste en revanche encore à prouver...

Gestion de l'arche
Pour analyser le contenu d'une page web, Google effectue une différenciation entre, d'un
côté, la partie "arche" (header / footer / navigation) et d'autre part le contenu éditorial de
la page.
SARL RESEAU ABONDANCE - Olivier Andrieu - Consultant - 3 rue des Châteaux - 67140 Heiligenstein Tél : 03 88 08 83 26 - Fax : 03 88 08 83 27 - E-mail : [email protected] - Web : www.abondance.com
Page 4
Guide d'optimisation de site web © Abondance.com - Avril 2013
Les moteurs de recherche, pour analyser le contenu d'une page web, détectent la zone éditoriale
de la page (en rouge) et se servent des autres zones (en bleu) pour en suivr les liens et
identifier d'autres pages.
Cette différenciation s'effectue en comparant les différentes pages indexées du site. Pour
aider le moteur de recherche dans cette tâche, il est donc important que l'arche soit la
plus similaire possible d'une page à l'autre.

Prise en compte de l'existant
Si le site à optimiser est une refonte d'un site plus ancien et voit ses URL (nom de
domaine ou intitulé complet) changer, il doit être prévu un plan de redirection (en
redirection définitive 301) des anciennes URL vers les nouveaux intitulés.
Si aucune page du nouveau site ne correspond à une ancienne URL, la redirection 301
pointe alors vers la page d'accueil ou vers une tête de rubrique adéquate et pertinente.
SARL RESEAU ABONDANCE - Olivier Andrieu - Consultant - 3 rue des Châteaux - 67140 Heiligenstein Tél : 03 88 08 83 26 - Fax : 03 88 08 83 27 - E-mail : [email protected] - Web : www.abondance.com
Page 5
Guide d'optimisation de site web © Abondance.com - Avril 2013
Guide de rédaction de contenu optimisé
(exemple avec l'article "Under the hood : pour en savoir plus sur la façon dont
Google fonctionne..." : http://www.abondance.com/actualites/20120118-11236-underthe-hood-pour-en-savoir-plus-sur-la-facon-dont-google-fonctionne.html)
 1ère étape : Identifier 1 mot clé majeur + 2 ou 3 mots clés secondaires grâce au
générateur de mots clés de Google
(http://adwords.google.fr/o/Targeting/Explorer?__u=1000000000&__c=1000000000&i
deaRequestType=KEYWORD_IDEAS) .
 2ème étape : Le mot clé majeur commence le titre éditorial de l'article (H1). Ce titre
a une taille de 5 à 7 mots (mots vides non compris). Le titre H1 doit être le plus
descriptif possible !
 3ème étape : Une occurrence du mot clé principal dans le chapo (H2), emplacement
(début/milieu/fin) peu important. Placer éventuellement un ou deux mots clés
secondaires dans ce chapo.
 4ème étape : Placer une occurrence du mot clé principal par (environ) chaque
centaine de mots dans la page. Exemple : 200 mots = 2 occurrences. 300 mots = 3
occurrences, etc. Si possible, indiquer ces mots en gras. Placer également, si possible,
quelques occurrences des mots clés secondaires dans le texte.
SARL RESEAU ABONDANCE - Olivier Andrieu - Consultant - 3 rue des Châteaux - 67140 Heiligenstein Tél : 03 88 08 83 26 - Fax : 03 88 08 83 27 - E-mail : [email protected] - Web : www.abondance.com
Page 6
Guide d'optimisation de site web © Abondance.com - Avril 2013
 5ème étape : Placer quelques occurrences du mot clé principal dans les intertitres
(sans exagérer).
 6ème étape : Proposer des liens contextuels (à l'intérieur du texte de l'article) vers
d'autres pages connexes du site ou d'autres sites web. Penser à créer des liens donnant
"bonne réputation"...
 7ème étape : Si certains liens sont importants selon vous et n'ont pas pu être
intégrés dans le corps de l'article, proposer une zone de liens de type "Pour en savoir
plus" à la fin de l'article.
SARL RESEAU ABONDANCE - Olivier Andrieu - Consultant - 3 rue des Châteaux - 67140 Heiligenstein Tél : 03 88 08 83 26 - Fax : 03 88 08 83 27 - E-mail : [email protected] - Web : www.abondance.com
Page 7
Guide d'optimisation de site web © Abondance.com - Avril 2013
Référencement d'un site web multilingue
Pour optimiser l'aspect multilingue d'un site web, nous vous conseillons la mise en place
des points suivants en 6 étapes distinctes :
*
*
*
*
Etape 1 : créer un site web (une extension) par pays. Exemple :
www.votresite.com pour les Etats-Unis.
www.votresite.fr pour la France.
www.votresite.es pour l'Espagne.
Etc.
Si, pour certains pays, vous n'avez pas pu obtenir l'extension correspondante, vous
pouvez éventuellement utiliser un sous-domaine (cn.votresite.com ou de.votresite.com
par exemple).
Vous pouvez également utiliser des noms de répertoires comme
"www.votresite.com/es/", "www.votresite.com/it/ ou "www.votresite.com/de/" mais les
extensions spécifiques et, en second choix, des sous-domaines, seront préférables.
- Etape 2 : supprimer - si elle existe - toute éventuelle redirection automatique de
l'internaute vers tel ou tel site en fonction de son adresse IP, de la langue de son
navigateur ou de tout autre critère. D'expérience, ce type de redirection pose de
nombreux problèmes en SEO, les robots des moteurs étant considérés dans 100% des
cas comme américains.
Il vaut mieux laisser venir l'internaute sur le site de son choix et montrer, de façon
facilement visualisable, que le site est disponible dans d'autres langues.
Votre cible est professionnelle et cela ne devrait lui poser aucun problème de passer d'un
site à l'autre en cliquant sur une fonctionnalité de choix de langue (dans ce cas, préférer
les liens textuels ou sur des images-drapeaux et ne pas utiliser de menus déroulant,
souvent incompatibles avec les moteurs de recherche).
- Etape 3 : utilisez les balises linguistiques de Google
(http://actu.abondance.com/2011/12/nouvelle-balise-google-pour-les-sites.html), par
exemple ici pour un site espagnol :
<link rel="alternate" hreflang="es" href="http://www.votresite.com/esl/" />
Vous pouvez également indiquer, pour différencier un pays d'un autre qui aurait un
contenu dans la même langue (exemples : Etats-Unis et Grande-Bretagne, ou France,
Belgique et Suisse) les mêmes balises linguistiques, par exemple ici pour un site
espagnol et mexicain dans la même langue :
<link rel="alternate" hreflang="es-ES" href="http://www.votresite/es/" />
<link rel="alternate" hreflang="es-MX" href="http://www.votresite.mx/" />
Voir la documentation fournie par Google à ce sujet :
http://support.google.com/webmasters/bin/answer.py?hl=en&answer=189077
La balise "link rel hreflang" doit être utilisée conjointement avec la balise "Contentlanguage" :
SARL RESEAU ABONDANCE - Olivier Andrieu - Consultant - 3 rue des Châteaux - 67140 Heiligenstein Tél : 03 88 08 83 26 - Fax : 03 88 08 83 27 - E-mail : [email protected] - Web : www.abondance.com
Page 8
Guide d'optimisation de site web © Abondance.com - Avril 2013
<meta http-equiv="Content-language" content="en-GB" />.
- Etape 4 : vérifier que chaque site a uniquement des pages dans la langue qui le
concerne (et des Title, meta "description" + intitulés d'URL dans cette même langue).
- Etape 5 : créer un compte Google Webmaster Tools pour chaque langue/pays.
- Etape 6 : dans chaque compte Google Webmaster Tools, vérifier que le pays-cible est
bien indiqué dans la zone "Configuration > Paramètres" :
Profitez-en pour indiquer également à Google l'option "Domaine favori" avec le choix
"Afficher les URL de la manière suivante : www.votresite.com" (encadré orange ci-dessus),
ce qui évitera également quelques soucis de "duplicate content".
Ces quelques conseils devraient vous permettre d'obtenir des sites web bien référencés
(si tout est fait par ailleurs sur chacun des sites :-) ) dans chaque pays et/ou langue
visés.
SARL RESEAU ABONDANCE - Olivier Andrieu - Consultant - 3 rue des Châteaux - 67140 Heiligenstein Tél : 03 88 08 83 26 - Fax : 03 88 08 83 27 - E-mail : [email protected] - Web : www.abondance.com
Page 9