Le HTML et le REFERENCEMENT

Nous allons dans cette partie détailler le rapport entre les différentes balises html et le referencement, en d'autre termes, quel sont les balises html à utiliser et de quel façon les utiliser pour que les robots des moteurs lisent le mieux possible vos pages.

<title>
Une balise de la plus haute importance (placée dans les metas-tags). Cette balise placera le titre de votre site en haut du navigateur de votre visiteur, c’est aussi ce titre qui sera inscrit dans les moteurs sur les pages de résultats. Ne le négligez pas et faites très attention aux mots que vous employez et ne faites pas de répétition, certains moteurs pénalisent les sites ayant des titres avec trop de répétition. Évitez aussi de l’écrire tout en majuscule, il est aussi déconseillé d’employer des caractères spéciaux tel que les accents. Ce titre doit être clair, évitez les formules trop publicitaire tel que « le meilleurs site du web ».

<a href="xxx">...</a>
Les liens textes, aussi bien externes qu'internes, sont très importants, leur format doit être optimal et ils doivent comporter des mots clés. Les liens sont l'élément déterminant qui pourra faire augmenter votre Page Rank, et donc votre visibilité dans les moteurs (en particulier dans Google). Pour être optimaux, ils doivent être au format suivant:
<A HREF="http://www.URL.com">nom du lien</A>

Constituez le nom du lien avec une courte phase contenant des mots clés ou bien simplement avec un mot clé, évitez le le nommer par exemple "cliquez ici".

EXEMPLE:
-Avec le code suivant:
<a HREF="http://www.google.com" target="_blank">Un lien vers Google</a>
-Vous obtiendrez ceci:
Un lien vers Google
-Ici le     target="_blank"      sert à ouvrir le lien dans une nouvelle fenêtre.

<h1>
Les balises H1 à H6 permettent de donner 6 tailles différentes à votre texte, H6 étant la plus petite et H1 la plus grande. Elles sont lues par les Robots des moteurs de recherches et comprises, c'est-à-dire que le moteurs de recherche accordent de l'importance à ce qui est écrit entre ces balises (ils accordent plus d'importance à ce qui est écrit en H1 qu'à ce qui est écrit en H2 et ainsi de suite) placez-y donc des mots clés importants (par exemple utilisez la balise H1 pour faire le titre de votre page).
Attention, si vous écrivez entièrement votre page au même format (par exemple H1), rien ne sera mis en valeur et cela ne servira donc à rien.
Pour les changements de taille de caractère, préférez donc utiliser <h1>, <h2>, etc plutôt que size=2, size=3, etc.
Elle se présente de la façon suivante:
<h1>...</h1> avec votre texte entre les balises.

EXEMPLE:
-Avec le code suivant:
<h1>Écrit avec H1</h1>
-Vous obtiendrez ceci:

Écrit avec H1

Attribut ALT des images:
Cela consiste à optimiser les images de votre site pour le referencement. En effet, les robots des moteurs ne peuvent pas lire les images, il ne peuvent donc tirer des informations de votre site qu'avec du texte, l'attribut ALT rend donc vos images lisibles par les robots en y associant un texte avec des mots clés. Vos visiteurs pourrons voir ce texte ou ces mots clés en restant quelques secondes sur l'image, cela permettra donc aussi de donner des informations sur l'image à vos visiteurs.
Voici comment présenter le code html pour ajouter une balise ALT à vos images:

Si un lien hypertexte est associé à l'image:
<A HREF="http://www. URL.com"><IMG SRC="ADRESSE_DE_VOTRE_IMAGE" ALT="Ferrari : La Passion">

Pour une image toute simple:
<IMG SRC="ADRESSE_DE_VOTRE_IMAGE" ALT="Ferrari : La Passion">

Placez vos mots clés dans ALT="....."> et le tour est joué. Il est conseillé d'y placer une courte phrase avec quelques mots clés, et non une liste de mots clés brute.

-EXEMPLE:
-Avec le code suivant:
<IMG SRC="http://referesite.free.fr/referencement/images/image_exple.gif" ALT="Placez quelques mots clés ici...">
-Vous obtiendrez ceci:

-Laissez quelques secondes votre curseur sur l'image et vous verrez la balise ALT...

Le Javascript
Attention, tout ce qui est en Javascript est ignoré par tous les moteurs de recherches (y compris Google), un lien en Javascript n'est donc pas pris en compte par Google et ne jouera donc pas sur votre Page Rank, il ne permettra pas non plus d'indexer vos différentes pages (pensez y si par exemple la navigation dans votre site n'est possible que par des liens en Javascript). C'est la même chose pour le langage Flash de Macromédia.

<strong> 
La balise STRONG affichera le texte que vous placez dedans en caractère gras. Il est conseillé de mettre les mots importants de votre site dans cette balise, ils seront ainsi mis en évidence non seulement pour vos visiteurs mais aussi pour les Robots des moteurs, en effet, il s'avere que certains Robots mettent de l'importance sur ces mots mis en évidence, partant du principe que si ils sont mis en évidence, ils sont important pour le sujet du site. 
La balise BOLD (<B>...</B>) donne le même effet que STRONG, mais il est plutôt conseillé d'utiliser STRONG pour des raisons de compatibilité avec les différents navigateurs, et de compréhension des Robots. De plus, <strong> est compris par les navigateurs pour personnes aveugles, tandit que <B> ne l'est pas.
Il suffit de placez dans le code html votre texte ou vos mots à mettre en évidence entre <strong> et </strong>.

EXEMPLE:
-Avec le code suivant:
Quelques mots <strong>en GRAS</strong> pour plus d'importance.
-Vous obtiendrez ceci:
Quelques mots en GRAS pour plus d'importance.

<em> 
De la même façon que la balise <strong>, la balise <em> sert à mettre en évidence des termes importants, sauf que <em> marque cette importance en mettant les mots en question en italique. Il est conseillé de mettre les mots importants de votre site dans cette balise, ils seront ainsi mis en évidence non seulement pour vos visiteurs mais aussi pour les Robots des moteurs, en effet, il s'avere que certains Robots mettent de l'importance sur ces mots mis en évidence, partant du principe que si ils sont mis en évidence, ils sont important pour le sujet du site. 
La balise <i> ... </i> fait aussi apparaître le texte en italique, mais comme pour <B>...</B>, il n'est pas conseillé de les utiliser, pour les mêmes raisons, à savoir que certains navigateurs ne les lises pas (dont les navigateurs pour personnes aveugles) et les Robots des moteurs de recherche ne les comprennes pas.
les balises <em> se présente de la façon suivante:
<em>...</em> avec votre texte entre les balises.

EXEMPLE:
-Avec le code suivant:
Le mot <em>BONJOUR</em> est en italique.
-Vous obtiendrez ceci:
Le mot BONJOUR est en italique.

SELECTION DE LIVRES POUR VOUS AIDER DANS LA CONCEPTION ET LE REFERENCEMENT DE VOTRE SITE