Menu optimisé pour SEO

[kanon90]

Une question "con" mais bon on ne se refait pas.

J'ai un menu qui se présente comme ca :

<h4>Section 1</h4>
<ul>
<li>blabvla href
<li>blabla href
<li> fehzrfiuerhf href
</ul>

<h4>section 2</h4>
<ul>
<li>blabvdscdscla href
<li>blabsdcsdcla href
<li> fehsdcsdzrfiuerhf href
</ul>

Les "titres" h4 ne sont pas des liens mais bien des titres de section. D'un point de vue SEO, est ce que c'est vraiment légitime de placer cela en titre ??

 

[L.Jee]

Dans le menu, je dirai que non, après je ne suis pas un pro de la sémantique, mais parait logique que les Hn soient cohérents et là pour partager une page... Ah moins que tu es un menu avec au dessus des h1, h2 et h3, je ne vois pas trop ce que vienne faire ici les h4...

 

[kanon90]

j'en sais rien non plus, je devais être bourré le jour la XD

Mon idée c'était de définir ce texte en tant que "titre" de ma section ul.
Il y a une balise pour ça ?

 

[L.Jee]

Non...

 

[kanon90]

bon ben un div remplacera tout ca, merci pour ton avis L.Jee ;-)

 

[SpeedAirMan]

bon ben un div remplacera tout ca, merci pour ton avis L.Jee ;-)

Ou un <p> ? (balise de paragraphe)

Pour moi non plus, h4 ne me parait pas approprié...

div c'est neutre... peut être trop ?

 

[kanon90]

ce n'est finalement pas un paragraphe non plus, pas évident de trouver...
fieldset peut être ?

 

[SpeedAirMan]

Encore moins (fieldset c'est pour les formulaires, non ?).
h4 a un sens trop fort (balise de titre), contrairement à <p>.
A mon avis : <p> ou <div>, rien d'autre ne me semble approprié.

Côté SEO, et même accessibilité, de nombreuses personnes s'accordent à dire que c'est mieux quand le menu vient APRÈS le contenu de la page. On peut faire ça facilement si le menu est latéral. Un peu moins simple quand le menu est en haut.
Ce n'est pas indispensable, et côté SEO ça n'empêche pas d'avoir un bon référencement.

 

[anemone-clown]

Bonjour,
un menu peut se structurer comme ceci :

<ul>

<li>Section 1
<ul>
<li>blabvla href</li>
<li>blabla href</li>
<li>fehzrfiuerhf href</li>
</ul>
</li>

<li>section 2
<ul>
<li>blabvdscdscla href</li>
<li>blabsdcsdcla href</li>
<li>fehsdcsdzrfiuerhf href</li>
</ul>
</li>
...
</ul>

Evidemment, il faut régler le CSS pour l'imbrication des UL et LI. La structure correspond bien à un menu avec sous-menu.

 

[SpeedAirMan]

eh, pas bête le clown !
C'est vrai qu'après tout, @kanon90, ton code est une liste de menus.

 

[kanon90]

oui j'y ai pensé après coup, on va rester sur des div pour l'instant, pas trop le temps de retaper du css la, si jamais j'ai du mieux je vous tiendrais au courant.

(fieldset c'est pour les formulaires en effet)

 

[milkiway]

Bonjour,

C'est effectivement comme dit ci-dessus que l'on doit faire par contre, je procède comme ceci :

<ul>
 <li>Section 1</li>
    <ul>
    <li>blabvla href</li>
    <li>blabla href</li>
    <li>fehzrfiuerhf href</li>
   </ul>
</ul>

 

[anemone-clown]

[hs]
@milkiway : trouves-tu normal que du code non encadré par <li> se trouve à l'intérieur d'un <ul> (je parle du bloc interne <ul >...</ ul>)?
[/hs]

 

[spout]

Oui milkiway, le sous <ul> doit bien être dans le <li>

 

[milkiway]

Ah bon, sur ? Si oui, bien on en apprend tous les jours, merci.

Question bonus.
Pour faire une liste au sein d'un paragraphe, on fait bien :

<p>Ceci est mon joli paragraphe et j'y place une liste :</p>
<ul>
   <li>Item</li>
   <li>Item</li>
</ul>

?

 

[SpeedAirMan]

Oui