Apprendre le  Référencement
::: Définitions    ::: Comment faire ?     :::  Les outils de recherche     :::  Evolution    ::: Ressources
L'optimisation avancée   

 

::: Contact

::: Page accueil

 

 

 

  
Les scripts et les feuilles de style

Définition du problème :

Les moteurs de recherche emploient un certain nombre de critères pour estimer le sujet du contenu d'une page web. Ces critères peuvent être différents d'un moteur de recherche à un autre et peuvent même changer auprès d'un même moteur de recherche.

Alors que les conditions particulières peuvent changer, il y a quelques critères qui demeurent constants. Un de ces critères est l'endroit où les mots-clés sont situés sur la page. Typiquement des mots qui sont situés plus près du début d'une page sont considérés comme plus importants que les mots qui se produisent plus loin en bas de la page.

Une autre mesure importante est la "densité de mot-clé". Il s'agit en gros du rapport des mots-clés d'une page au nombre total de mots sur la page. Avoir un ratio plus élevé des mots-clés par rapport au nombre total de mots rendra la page plus pertinente pour une recherche sur ces mots-clés.

Quand un moteur de recherche envoie son robot pour visiter votre page, vous chercherai donc à vous assurer qu'il trouve l'information importante près du haut de la page Web, et que la page ait une densité élevée de mot-clé. Parfois il y a des complications, même lorsque vous avez beaucoup de texte riche en mots-clé en haut dans la partie visible de votre page. Deux de ces complications, code étendu lié à la présence de Javascript et les feulles de style en cascade peuvent être facilement remédiés.

Problème de Javascript
Les grandes quantités de code de Javascript peuvent bloquer le passage du robot vers le contenu textuel d'une page. Généralement la plus grande quantité de code de Javascript dans un page Web est trouvée dans la section <head>. C'est habituellement là que les variables et les fonctions sont définies, et ainsi de suite.

La densité de mot-clé est également importante. Ici encore, si vous avez plusieurs centaines de mots de code de Javascript dans une page, la densité de mot-clé—le rapport de vos mots-clés à tous les mots dans la page entière, texte et code—va être beaucoup moins importante. Cela signifie que certains moteurs de recherche pourraient décider que votre page est moins appropriée.

Solution pour le Javascript
Vous pouvez mettre le code Javascript dans un fichier séparé, en mettant un lien enretour vers la page Web.

La page initiale, "mapage.html", peut ressembler à quelque chose comme ceci :

<html>
<head>
<title>My Title</title>
<script>
     function helloWorld(){
       alert("Hello, World!");
       return;
   }
</script>
</head>
<body onLoad="helloWorld()">
...body of page...
</body>
</html>

Exemple 1—mapage.html avec le code de Javascript

Nous substituons le code de Javascript avec une instruction pour que le browser aille saisir le code à partir d'un fichier séparé. La nouvelle page ressemblera à ceci.

html>
<head>
<title>My Title</title>
<script src="codepage.js"></script>
</head>
<body onLoad="helloWorld()">
...body of page...
</body>
</html>

L'exemple 2—mapage.html sans le code du Javascript

On crée alors une nouvelle page qui comporte le code qui se trouvait dans les balises du SCRIPT. Nous l'appellerons "codepage.js", et il ressemble à ceci :

function helloWorld(){
alert("Hello, World!");
return;
}

L'exemple 3—codepage.js inclut seulement le code de Javascript

Ce nouveau fichier n'a besoin d'aucun marquage de code HTML. Il contient seulement le code qui a été initialement tenu entre les balises SCRIPT.

Haut de page

Problème de feuille de style
Pour les mêmes raisons que le Javascript —déplacement du contenu important plus loin en bas de la page, et diluant la densité de mot-clé—il est important d'écarter le code des styles sur une autre page.

Solution de feuille de style
Même si l'idée de déplacer le code d'une feuille de style ressemble au déplacement du code de javascript, la syntaxe à faire est différente.

La page initiale, "mypage.html", peut ressembler quelque chose comme ceci.

<HTML>
<HEAD>
<TITLE>My Title</TITLE>
<style>
body{
background:white;
color:red;
}
</style>
</HEAD>

<BODY>

...body of page...

</BODY>
</HTML>

Exemple 4—mypage.html avec le code de feuille de style

Nous voulons entrer ce code dans un fichier séparé, ainsi nous le retirons de la page initiale, et ajoutons un lien qui pointe vers un fichier séparé qui comporte maintenant le code de feuille de style.

<HTML>
<HEAD>
<TITLE>My Title</TITLE>
<link rel='stylesheet' href='style.css' type='text/css'>
</HEAD>

<BODY>

...body of page...

</BODY>
</HTML>

L'exemple 5—mypage.html sans le code de feuille de style

On crée alors une nouvelle page qui comporte le code qui se trouvait autrefois tenu dans les balises de STYLE. Nous l'appellerons "style.css", et il ressemble à ceci :

body{
background:white;
color:red;
}

L'exemple 6—style.css inclut seulement le code de feuille de style

Ce nouveau fichier n'a besoin d'aucun marquage de code HTML. Il contient seulement le code qui a été initialement tenu entre les balises STYLE.