Optimiser son code HTML pour le référencement – Rappel des bases

De Damien Bouvier dans Méthodes et Organisation

12 fév 2013

Quelques conseils et astuce pour optimiser son code HTML pour le référencement. Améliorer la structure de son site web pour le référencement par les  moteurs de recherche.

- “Dit, c’est normal que je ne trouve pas dans google la page web que j’ai faite sur les étapes de construction d’un igloo ?”
- ” Tu as bien mis un titre h1 et des sous-titres h2 ?”
- “heuuu je crois pas”
- “Tu as bien mis un alt à chaque image ?”
- ” …peut-être …”
- “Attends tu as quand même pensé à tes meta descriptions et keyword ??”
- “Mes quoi ?”
Forcément, si on ne respecte pas quelques règles essentielles dans la construction de son code html nous allons retrouver notre superbe notice de construction d’un igloo à la 135eme page de google.
Nous allons donc revoir les étapes importantes à suivre pour avoir un code optimisé pour le référencement.

 

Les balises Meta

On commence par le début, et ça se trouve dans la balise <head> Il y a ici 3 balises importantes à ne pas oublier

<title>Constuire un igloo facilement avec notre guide</title>

La balise title est la plus importante, c’est le titre de la page que l’on retrouve en haut du navigateur, c’est également le nom du lien que l’on voit dans les résultats de recherche de google.

<meta name=”description” content=”Une description de mon site contenant quelques termes clés” />

La balise meta description sert à décrire le site, y glisser des termes clés est recommandé.
ex : “Construire un igloo devient facile en suivant les étapes de notre guide.”
On retrouve ainsi les termes qui seront surement taper dans un moteur de recherche : ”construire igloo”, “igloo”, “guide construire igloo” …

Ce qui nous amène à la 2eme balise meta :

<meta name=”keywords” content=”igloo, construire igloo, bâtir igloo, maison esquimaux, maison inuit, guide igloo, plan igloo” />

La balise keywords contient les mots clés importants du site permettant  également d’être trouvé dans les moteurs de recherche

Ces 3 balises doivent avoir une description, des mots clés et un title différents pour chaque page de votre site afin d’optimiser son référencement, même si on peut y retrouver certains mots clés en communs.

Les balises de titre

Les balises de titre sont les <h1>, <h2>, elles ne servent pas seulement à donner une mise en forme différente aux titres, elles servent surtout à définir l’importance du titre.

<h1>,  pour la page d’accueil, à mettre sur le titre de la page dans le bandeau d’entête. Pour les pages internes, à mettre sur le titre de l’article de chaque page.
<h2>, à utiliser pour le sous-titre de page. Pour un meilleur référencement, si votre menu contient des mots pertinents vous pouvez l’y intégrer :

<ul>
<li><h2><a href=”/solutions.html” title=”ma page solutions”>Nos Solutions</a></h2></li>
<li><h2><a href=”/references.html” title=”ma page références”>Nos Références</a></h2></li>
<li><h2><a href=”/site-web.html” title=”ma page site web”>Site web</a></h2></li>
</ul>

Vous pouvez également accentuer l’importance d’un titre en y ajoutant la balise <strong>, ex :

<h2><strong>Construire un igloo rapidement</strong></h2>

Viennent ensuite les titres <h3> pour les sous sous-titres mais qui ont beaucoup moins d’impact dans le référencement que la balise H2, pareil pour la H4 qui est moins importante que la H3 … etc

Attention : vous pouvez utiliser plusieurs balises de titre H2 ou H3 ou H4 mais il est conseillé d’utiliser une seule balise H1

Les liens

Les liens doivent eux même avoir un nom pertinent, surtout si ce sont des liens internes comme pour le menu. Eviter les liens finissant par .php, mieux vaux utiliser la réécriture d’url pour avoir un .html
Eviter les liens du type : ” www.monsite.fr/page1.php?post=8452″
Préférer un lien du type : “www.monsite.fr/construire-igloo.html”

Le lien en lui-même doit impérativement avoir un attribut “title”, essayer également d’y glisser un mot clé, ex :

<a href=”http://www.monsite.fr/construire-igloo.html” title=”apprendre à construire un igloo”>Construire un igloo</a>

Les images

Les images doivent avoir :

- L’attribut Alt : Remplir obligatoirement cet attribut avec une description courte de quelques mots clés. Le texte doit tout de même correspondre à l’image.  Ne pas écrir un texte trop long.

- L’attribut title : pas obligatoire, mais les visiteurs pourront ainsi voir le titre de l’image dans une info bulle au survol de la souris.

- Un nom pertinent : nommer l’image de façon pertinente avec des mots clés et séparé par un “-” ex : mon-image-importante.jpg

 

La balise strong

Dans le contenu de vos pages, entourer les mots clés importants avec la balise <strong>Igloo</strong> pour les mettre en avant. Vous pouvez également la mettre à l’intérieur d’un titre de type H2 pour lui donner un peu plus d’importance, si ce titre est pertinent.

Le contenu

Soigner au maximum le contenu des premiers paragraphes des pages en utilisant des termes pertinents, la balise strong pour les mots importants.
N’ayez pas 2 pages avec le même contenu. Structurer chaque page comme suit :

<h1>Mon titre principal</h1>
<h2><strong>Mon sous-titre</strong></h2>
<p>mon paragraphe  de texte avec des <strong>mots importants</strong> pour améliorer le référencement</p>
<p>et on met la suite de mon texte</p>

Les URL

Essayer de choisir un nom de domaine comportant au moins un mot clé comme  “www.construire-un-igloo.com” mais n’exagérer par trop, le nom de domaine doit rester simple, n’essayer pas d’y glisser tous vos mots clés comme par exemple “www.guide-construction-igloo-maison-esquimaux.com”, car google risque de le considérer comme de la sur-optimisation et le trouver suspect, ce qui vous pénaliserait plus qu’autre chose.
Créer également une page “plan du site” qui regroupera tous les liens des pages de votre site.

Commentaire

× neuf = 72

iMDEO recrute !

REJOIGNEZ-NOUS

A la recherche de nouveaux talents (développeurs web et mobile, chefs de projet,...)

Voir les annonces