<balise> et role="attribut" = redondances

s-o-m-e-y · 3 Septembre 2015

Bonjour

Depuis peu le validator wc3 html5 a changé.
Aujourd’hui il m'indique un "Warning" sur les balises + role qui semblent faire redondance.

Exemple de "Warning" du validator wc3 html5:
Code:
<header role="banner">
<nav role="navigation">
<main role="main">
<article role="article">
<aside role="complementary">
<footer role="contentinfo">
- Est-il important d'enlever ces redondances en ne laissant que les <balises> ?
- Est-il plus judicieux d'utiliser la <balise> ou par exemple <div id="*" role="attribut"> ?
- Niveau SEO et sémantique, est-il mieux d'utiliser <balise role="attribut"> ou <balise> ou <div id="*" role="attribut"> ?

indigene · 3 Septembre 2015

- oui car moins de code
- pour moi <balise> est plus fort sémantiquement que <div id="DegfesdF" role="attribut"> mais c'est plus judicieux d'utiliser id= car ça permet de se positionner dans la page avec un lien de type page.html#DegfesdF
- <balise> pour les mêmes raisons que le point un, et <div id= pour les mêmes raisons que le point 2. Donc l'avantage de <balise role="attribut"> je n'en vois pas vraiment niveau SEO, des inconvénients, oui.

J'attends d'autres avis. Ceci est juste ma vision des choses. Et je pense que le html5 n'apportent rien niveau SEO. Le 4 était très bien.

s-o-m-e-y · 4 Septembre 2015

Merci pour tes infos indigene, je vais donc rester sur <balise>.

Petite question, je voit par ci et par la des <div id-"content" role="main"> ou des <div="main" role="main">.
La balise <main> n'est pas encore officialisée / utilisée et prise en compte par les navigateurs ?

indigene · 4 Septembre 2015

Ces balises ne sont pas encore officialisées mais pourtant certains les utilisent déjà

Code:

<meta name="mobile-friendly"     content="true" />
    <meta name="mobile-usability"    content="100" />
    <meta name="pagerank"            content="9" />
    <meta name="trustrank"           content="10" />
    <meta name="authorrank"          content="10" />
    <meta name="google-ranking"      content="all keywords" value="1" />
    <meta name="google-not-provided" content="disabled" />
    <meta name="google-panda"        content="false" />
    <meta name="google-penguin"      content="false" />
    <meta name="google-sandbox"      content="0 day" />

bogey · 5 Septembre 2015

Je ne connaissais pas les dernières, je vais donc m'empresser de les utiliser...