Salut,
on m'a déjà conseillé plusieurs fois, pour être bien référencé, de séparer le contenu de la forme. D'un point de vue général je vois bien ce que cela veut dire mais en html, je ne vois pas ce que cela veut dire.
Avez-vous un exemple de page "clean" séparant forme et contenu ?
yo
Version complète: sur le forum Webmaster Hub : séparation forme / contenu
Salut
Ben tout simplement:
... et dans le fichier page.css:
Ben tout simplement:
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>page.html</title>
<link rel="stylesheet" type="text/css" href="page.css" />
<body>
<div id="haut"> </div>
<div id="menu">
<p class="menuitem">
<a href="page2.html">Lien</a>
<a href="page2.html">Lien</a>
<a href="page2.html">Lien</a>
<a href="page2.html">Lien</a>
<a href="page2.html">Lien</a>
</p>
<p class="menuitem">
<a href="page2.html">Lien</a>
<a href="page2.html">Lien</a>
<a href="page2.html">Lien</a>
<a href="page2.html">Lien</a>
<a href="page2.html">Lien</a>
</p>
</div>
<div id="contenu">
<p class="introduction"> </p>
<p class="paragraphe"> </p>
<p class="paragraphe"> </p>
<p class="conclusion"> </p>
</div>
<div id="bas"> </div>
</body>
</html>
<html>
<head>
<title>page.html</title>
<link rel="stylesheet" type="text/css" href="page.css" />
<body>
<div id="haut"> </div>
<div id="menu">
<p class="menuitem">
<a href="page2.html">Lien</a>
<a href="page2.html">Lien</a>
<a href="page2.html">Lien</a>
<a href="page2.html">Lien</a>
<a href="page2.html">Lien</a>
</p>
<p class="menuitem">
<a href="page2.html">Lien</a>
<a href="page2.html">Lien</a>
<a href="page2.html">Lien</a>
<a href="page2.html">Lien</a>
<a href="page2.html">Lien</a>
</p>
</div>
<div id="contenu">
<p class="introduction"> </p>
<p class="paragraphe"> </p>
<p class="paragraphe"> </p>
<p class="conclusion"> </p>
</div>
<div id="bas"> </div>
</body>
</html>
... et dans le fichier page.css:
CODE
div#haut {
style1: value1;
style2: value2;
}
div#menu {
style1: value1;
style2: value2;
}
div#menu .menuitem {
style1: value1;
style2: value2;
}
div#contenu {
style1: value1;
style2: value2;
}
div#bas {
style1: value1;
style2: value2;
}
style1: value1;
style2: value2;
}
div#menu {
style1: value1;
style2: value2;
}
div#menu .menuitem {
style1: value1;
style2: value2;
}
div#contenu {
style1: value1;
style2: value2;
}
div#bas {
style1: value1;
style2: value2;
}
Cela signifie simplement que le code html de la page ne comprend aucune balise dite de présentation, comme font, bold, align etc. Toute la présentation est contenue dans la feuille de style.
et vous pensez que ça aide vraiment au référencement ou non?
Cela permet d'avoir une bien meilleure densité de mots clés sur la page... donc les moteurs aiment bien.
Prends pour exemple les pages "allégées" du Hub (lien en bas, au milieu) grâce auxquelles le Hub ressort très bien sur plus de 75000 expressions (selon SpyWords
)
Prends pour exemple les pages "allégées" du Hub (lien en bas, au milieu) grâce auxquelles le Hub ressort très bien sur plus de 75000 expressions (selon SpyWords
)
Donc en gros, (si j'ai bien compris) on bannit tous les style inline.
Qu'en est-t-il des styles dans le header, ça diminue aussi la densité des mots clés ou la densité n'est-elle calculée que dans le BODY?
Qu'en est-t-il des styles dans le header, ça diminue aussi la densité des mots clés ou la densité n'est-elle calculée que dans le BODY?
En fait je crois perso que les moteurs nettoient le code des balises avant de calculer les occurences, densité etc. Mais ce qui est sur, c'est que la demarche de separation contenu/forme va habituellement de pair avec un code propre, leger, respectant la valeur semantique des balises, ce qui est tout benef à la fois en terme de positionnement et de maintenance.
ça je comprends, et je suis d'accord!
En fait le couple contenu/présentation ne rend pas vraiment compte de ce dont il est question et on comprend mieux en parlant de structuration/présentation.
L'enjeu de cette séparation c'est avant tout de bien réaliser ce qui doit être fait au niveau du document html lui même. C'est à dire une structuration aussi aboutie que possible (utilisation des en têtes de section hn, listes quand c'est nécessaire etc...) du contenu.
Il semblerait effectivement que ceci fait il y a un petit plus pour le référencement même si les vrais bébéfices sont ailleurs, du coté de l'accessibilité par exemple.
L'enjeu de cette séparation c'est avant tout de bien réaliser ce qui doit être fait au niveau du document html lui même. C'est à dire une structuration aussi aboutie que possible (utilisation des en têtes de section hn, listes quand c'est nécessaire etc...) du contenu.
Il semblerait effectivement que ceci fait il y a un petit plus pour le référencement même si les vrais bébéfices sont ailleurs, du coté de l'accessibilité par exemple.
accessibilité, c'est à dire: les "Aural Style Sheets" du css2???
Je parlais simplement du fait qu'un travail sur l'accessibilité en général se fait beaucoup mieux si l'on travaille dans une perspective de document bien structuré.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.