Problème de balises H1, H2 etc sur mon site

Fermé
nidrasoup Messages postés 7 Date d'inscription dimanche 25 novembre 2012 Statut Membre Dernière intervention 10 décembre 2015 - 28 nov. 2012 à 11:37
nidrasoup Messages postés 7 Date d'inscription dimanche 25 novembre 2012 Statut Membre Dernière intervention 10 décembre 2015 - 28 nov. 2012 à 15:56
Bonjour,

Je suis nouveau sur ce forum et avant tout vous remercie pour l'accueil que vous saurez m'apporter.
Je rencontre un problème sur mon site que je vous expose ainsi :
tout d'abord, adresse du site :
http:/www.andamento-mosaique.com
En utilisant divers outils d'analyse, je m'aperçois que les balises h1, h2, h3 ne sont pas prises en compte et je pense que cela est handicapant sur le plan référencement.
La validation de mon fichier css est acquise mais il semblerai que l'encodage dans le fichier htlm soit erroné ; je transmets ci-dessous une partie du fichier css :
/* [pas de style] */
DIV.s0 {
font-family:"Arial";
font-size:14pt;
color:#800000;
font-weight:bold;
line-height:5mm;
margin-left:3mm;
margin-right:3mm;
margin-top:0mm;
margin-bottom:3mm;
text-indent:2mm;
text-align:left;
list-style-type:none; }
A.s0 {
color:#000000;
text-decoration:none;
}
/* [pas de style tableau] */
DIV.s1 {
font-family:"Arial";
font-size:12pt;
color:#800000;
font-weight:bold;
margin-left:0mm;
margin-right:0mm;
margin-top:2mm;
margin-bottom:2mm;
text-indent:0mm;
text-align:left;
list-style-type:none; }
A.s1 {
color:#800000;
font-style:italic;
font-weight:bold;
}
/* Normal */
DIV.s2 {
font-family:"Arial";
font-size:12pt;
color:#000000;
margin-left:3mm;
margin-right:3mm;
margin-top:0mm;
margin-bottom:0mm;
text-indent:0mm;
text-align:left;
list-style-type:none; }
A.s2 {
color:#FFFF00;
}
/* TITRE */
DIV.s3 {
font-family:"Bookman Old Style";
font-size:36pt;
color:#031038;
font-style:italic;
margin-left:3mm;
margin-right:3mm;
margin-top:0mm;
margin-bottom:0mm;
text-indent:0mm;
text-align:center;
list-style-type:none; }
A.s3 {
color:#000080;
}
/* PARAGRAPHE */
DIV.s4 {
font-family:"Book Antiqua";
font-size:12pt;
color:#181E45;
font-weight:bold;
margin-left:3mm;
margin-right:3mm;
margin-top:0mm;
margin-bottom:0mm;
text-indent:0mm;
text-align:justify;
list-style-type:none; }
A.s4 {
color:#000080;
}
/* Definition Term */
DIV.s5 {
font-family:"Arial";
font-size:10pt;
color:#000000;
margin-left:3mm;
margin-right:3mm;
margin-top:0mm;
margin-bottom:0mm;
text-indent:0mm;
text-align:left;
list-style-type:none; }
A.s5 {
color:#0000FF;
}
/* Definition List */
DIV.s6 {
font-family:"Arial";
font-size:10pt;
color:#000000;
margin-left:6mm;
margin-right:3mm;
margin-top:0mm;
margin-bottom:0mm;
text-indent:0mm;
text-align:left;
list-style-type:none; }
A.s6 {
color:#0000FF;
}
/* H1 */
DIV.s7 {
font-family:"Bookman Old Style";
font-size:14pt;
color:#C0C0C0;
font-weight:bold;
margin-left:3mm;
margin-right:3mm;
margin-top:2mm;
margin-bottom:2mm;
text-indent:0mm;
text-align:left;
list-style-type:none; }
A.s7 {
color:#0000FF;
}
/* H2 */
DIV.s8 {
font-family:"Bookman Old Style";
font-size:13pt;
color:#C0C0C0;
font-style:italic;
font-weight:bold;
margin-left:3mm;
margin-right:3mm;
margin-top:2mm;
margin-bottom:2mm;
text-indent:0mm;
text-align:left;
list-style-type:none; }
A.s8 {
color:#0000FF;
}
/* H3 */
DIV.s9 {
font-family:"Arial";
font-size:13pt;
color:#C0C0C0;
font-style:italic;
margin-left:3mm;
margin-right:3mm;
margin-top:2mm;
margin-bottom:2mm;
text-indent:0mm;
text-align:left;
list-style-type:none; }
A.s9 {
color:#0000FF;
}
/* H4 */
DIV.s10 {
font-family:"Arial";
font-size:12pt;
color:#000000;
font-weight:bold;
margin-left:3mm;
margin-right:3mm;
margin-top:2mm;
margin-bottom:2mm;
text-indent:0mm;
text-align:left;
list-style-type:none; }
A.s10 {
color:#0000FF;
}
/* H5 */
DIV.s11 {
font-family:"Arial";
font-size:10pt;
color:#000000;
font-weight:bold;
margin-left:3mm;
margin-right:3mm;
margin-top:2mm;
margin-bottom:2mm;
text-indent:0mm;
text-align:left;
list-style-type:none; }
A.s11 {
color:#0000FF;
}
/* H6 */
DIV.s12 {
font-family:"Arial";
font-size:8pt;
color:#000000;
font-weight:bold;
margin-left:3mm;
margin-right:3mm;
margin-top:2mm;
margin-bottom:2mm;
text-indent:0mm;
text-align:left;
list-style-type:none; }
A.s12 {
color:#0000FF;
}
/* Adresse */
DIV.s13 {
font-family:"Arial";
font-size:10pt;
color:#000000;
font-style:italic;
margin-left:3mm;
margin-right:3mm;
margin-top:0mm;
margin-bottom:0mm;
text-indent:0mm;
text-align:left;
list-style-type:none; }
A.s13 {
color:#0000FF;
}
ainsi que la partie du fichier htlm concerné :

<div align="center" class="s1" style='text-align: center;'>
<table style="margin-left:auto;margin-right:auto" width="100%" border="1" cellpadding="2" cellspacing="2">
<tr>
<td width="100%" valign="top">
<div align="center" class="s7" style='text-align: center;'><font style='color:#D3D3D3;'><b>La  mosaïque, élément décoratif  </b></font></div>
<div align="center" class="s33" style='text-align: center;'><font style='color:#D3D3D3;'><b> </b></font></div>
<div align="center" class="s33" style='text-align: center;'>
<table style="margin-left:auto;margin-right:auto" width="83%" border="0" cellpadding="2" cellspacing="2" bgcolor="#031038">
<tr>
<td width="14%" valign="top">
<div align="center" class="s1" style='text-align: center;'><b> </b></div>
<div align="center" class="s1" style='text-align: center;'><b><a href="index.htm" onmouseover="IperF_over('i00004b','siteewe_i0000b0.jpg');" onmouseout=
"IperF_over('i00004b','siteewe_i0000b3.jpg');"><img src="siteewe_i0000b3.jpg" border="0" align="top" alt="Décor de piscine" name="i00004b" width="231" height="145" id="i00004b" /></a> </b></div>
<div align="center" class="s1" style='text-align: center;'></div>
</td>
<td width="56%" valign="top">
<div class="s8"><b><i> </i></b></div>
<div class="s8"><b><i>M</i></b><font style='color:#FFFFFF;'><b><i>osaiques  pour : </i></b></font></div>
<div class="s9"><font style='color:#D3D3D3;'><i>Fond et environnement de piscine </i></font></div>
<div class="s8"><font style='color:#D3D3D3;'><b><i> </i></b></font></div>
<div align="right" class="s8" style='text-align: right;'><font style='color:#FFFFFF;'><b><i>Mosaiques murales: </i></b></font></div>
<div align="right" class="s9" style='text-align: right;'><font style='color:#D3D3D3;'><i>Salles de bain et cuisines</i></font></div>
</td>
<td width="41%" valign="top">
<div class="s8"><b><i> </i></b></div>
<div class="s8"><b><i> </i></b></div>
<div align="center" class="s8" style='text-align: center;'><b><i><a href="index.htm" onmouseover="IperF_over('i00005d','siteewe_i00009b.jpg');" onmouseout=
"IperF_over('i00005d','siteewe_i000064.jpg');"><img src="siteewe_i000064.jpg" border="0" align="middle" alt="Fresque murale en mosaique" name="i00005d" width="200" height="159" id=
"i00005d" /></a> </i></b></div>
<div class="s8"></div>
</td>
</tr>
<tr>
<td width="14%" valign="top">
<div align="right" class="s1" style='text-align: right;'><b> </b></div>
<div align="center" class="s1" style='text-align: center;'><b><a href="index.htm" onmouseover="IperF_over('i00005e','siteewe_i0000b9.jpg');" onmouseout=
"IperF_over('i00005e','siteewe_i0000b8.jpg');"><img src="siteewe_i0000b8.jpg" border="0" align="middle" alt="Decoration en mosaique" name="i00005e" width="182" height="171" id=
"i00005e" /></a></b></div>
</td>
<td width="56%" valign="top">
<div class="s8"><b><i> </i></b></div>
<div class="s8"><b><i> </i></b></div>
<div class="s8"><b><i> </i></b></div>
<div class="s8"><font style='color:#D3D3D3;'><b><i>Ornementation en mosaique: </i></b></font></div>
<div class="s9"><i>Tableaux en mosaïque </i></div>
<div class="s8"><b><i> </i></b></div>
<div class="s8"><font style='color:#D3D3D3;'><b><i> </i></b></font></div>
<div class="s8"><font style='color:#D3D3D3;'><b><i> </i></b></font></div>
<div align="right" class="s9" style='text-align: right;'><font style='color:#D3D3D3;'><i>Mobilier pour intérieur et extérieur</i></font></div>
</td>
<td width="41%" valign="top">

Quelqu'un pourrait me préciser si il y a erreur et si oui où se situe les erreurs.
Merci d'avance.
juste une précision, la codification a été effectuée avec un logiciel.
A voir également:

3 réponses

gaerebut Messages postés 1017 Date d'inscription mardi 30 octobre 2007 Statut Membre Dernière intervention 22 novembre 2013 171
28 nov. 2012 à 11:57
Bonjour,

Un mots : AOUTCH ! :-)

Trop de CSS et HTML pour pas grand chose. Tu peux amplement simplifier tout ça en évitant la redondance CSS.
Pour ce qui est de tes balises Hn, tu dis qu'elles ne sont pas prises en compte, mais que veux-tu dire par là ?

A+
Gaerebut
0
astuces72 Messages postés 7762 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 15 novembre 2024 1 639
28 nov. 2012 à 12:02
slt

elle sont ou tes balises h1..... ?
0
Ne cherche pas, il n'y en a pas, les titres ont été paramétré en bloc DIV :
/* H1 */ 
DIV.s7 {
/* H2 */ 
DIV.s8 {
/* H3 */ 
DIV.s9 {
/* H4 */ 
DIV.s10 {
/* H5 */ 
DIV.s11 {
/* H6 */ 
DIV.s12 {

Donc ne pas se plaindre que pour le référencement, ça ne fonctionne pas! Remplace tes blocs DIV par des balises de titre H et tout rentrera dans l'ordre, autant pour la sémantique HTML que pour le référencement...
0
nidrasoup Messages postés 7 Date d'inscription dimanche 25 novembre 2012 Statut Membre Dernière intervention 10 décembre 2015
28 nov. 2012 à 15:56
Merci ReDLog pour le conseil, j'y pensais mais n'en était pas sûr.
Pour Gaerebut, voici le resultat d'une requête d'analyse sur Atypitek :
LES TAGS DE LA PAGE
Balise Heading <H1>
Détectée(s) : 0
Aucune balise <H1> n'a été détectée dans le contenu de votre page ! La balise <H1> est considérée comme un élément primordial, elle renseigne sur la structure de votre page, elle fait office de « tête de chapitre » (le chapitre étant votre page). Les moteurs de recherche donnent une grande importance au texte contenu dans la balise <H1>. Attention toutefois de ne mettre qu'une balise <H1> par page : <H1>Titre de l'article</H1>.
Balise Heading <H2>
Détectée(s) : 0
Aucune balise <H2> n'a été détectée dans le contenu de votre page ! La balise <H2> renseigne sur la structure et l'organisation du contenu de votre page et fait office de sous-chapitre de votre page. Il peut y en avoir plusieurs. Les moteurs de recherche considèrent le texte contenu dans les balises <H2> comme important (moins cependant que celui de la balise <H1>).
Balise Heading <H3>
Détectée(s) : 0
Aucune balise sur la page ! La balise renseigne sur la structure et l'organisation du contenu de votre page. Elle est considérée comme un titre de paragraphe dans le contenu d'une page. Les moteurs de recherche considèrent le texte contenu dans les balises h3 comme un peu plus important que le texte normal.
0