Des <a> dans les <h1> ?

WRInaute occasionnel
Bonjour à tous,

Je ne sais plus sur quel site j'ai vu des <a> entourés de <h1> c'est cohérent ce genre de chose ? Le web "sémantique" tolère-t-il ce genre de chose ? Telle est ma question... Merci d'avance
 
WRInaute passionné
titifrim a dit:
Bonjour à tous,

Je ne sais plus sur quel site j'ai vu des <a> entourés de <h1> c'est cohérent ce genre de chose ? Le web "sémantique" tolère-t-il ce genre de chose ? Telle est ma question... Merci d'avance
Délicate remarque au sujet de WebrankInfo... :lol:
Pourquoi ne pas le demander directement à Olivier ?

Evitez de placer un lien en H1 vers la Home.
C’est bourrin.
Source : Structure à la hâche et approche canadienne du référencement
... :wink:
 
WRInaute passionné
titifrim a dit:
Bonjour à tous,

Je ne sais plus sur quel site j'ai vu des <a> entourés de <h1> c'est cohérent ce genre de chose ? Le web "sémantique" tolère-t-il ce genre de chose ? Telle est ma question... Merci d'avance

Il faudrait consulter la DTD HTML pour s'en assurer. Ce serait la seule source de réponse fiable (mais j'ai trop la flemme là :oops: )
 
WRInaute impliqué
Franchement sémantiquement euh on s'en tape un peu quand même ?
tu mets une balises h1
un lien dedans avec un title="title="Permanent link ...."
tu rajoute un rel="bookmark" et le tour est joué

suffit juste de regarder tous les articles sur le blog de Matt Cutts
 
Nouveau WRInaute
Si, c'est bon, le tout c'est de mettre les balises a dans les balises h1 et pas le contraire.(h1 balise block et a balise inline)
Pour le référencement, est ce que c'est mieux, j'en sais rien 8O
 
WRInaute occasionnel
narayana a dit:
Franchement sémantiquement euh on s'en tape un peu quand même ?

Pas moi

tu mets une balises h1
un lien dedans avec un title="title="Permanent link ...."
tu rajoute un rel="bookmark" et le tour est joué

suffit juste de regarder tous les articles sur le blog de Matt Cutts

Merci pour l'info ;)
 
WRInaute discret
Bonjour !
A patir du moment que l'on considère l'élément h comme un niveau hiérarchique du document permettant de structurer sa lecture y incorporer une balise appelant une autre page est un non sens !!
Donc sémantiquement <h1><a href=allez voir l'autre page>l'autre page</a></hi> ne représente pas une fonction hiériarchique dans la page en lecture !!!
paul
 
WRInaute accro
lg a dit:
Bonjour !
A patir du moment que l'on considère l'élément h comme un niveau hiérarchique du document permettant de structurer sa lecture y incorporer une balise appelant une autre page est un non sens !!
Donc sémantiquement <h1><a href=allez voir l'autre page>l'autre page</a></hi> ne représente pas une fonction hiériarchique dans la page en lecture !!!
paul


ça devient de l'intégrisme

:twisted:

je rigolerai que ce soit interdit dans h1 et autorisé dans h2 et h3

n'oubliez pas de virer tous les "target blank"
et surtout de ne pas mettre d'adsense puisqu'aucun des deux n'est valide
 
WRInaute discret
Koxin-L a dit:
Sémantiquement parlant, une balise H1 ne peut être un lien de quelque manière que se soit.
Ça n'est pas une question de sémantique à proprement parler. Attention à ne pas abuser du terme.

Au niveau de la validité du code, il est tout à fait possible de placer des <a> dans des <hN>.

Au niveau de la cohérence pour le lecteur, si le titre introduit bien un contenu (si ça n'est pas le cas, ça ne devrait pas être un titre de section...) et est utilisé comme lien vers un autre contenu, ça peut en effet être perturbant. C'est néanmoins utilisé dans des cas précis, par exemple pour les pages d'accueil ou d'index de certains blogs.

Pour la clarté de l'interface, en particulier lors d'une lecture linéaire (lecteur d'écran...), il est sans doute préférable de ne pas brouiller les pistes. On préfèrera donc un lien explicite et séparé du titre (par exemple dans un <p> juste après le titre).

En même temps, ce type de structure est courant, est je suppose que nombre d'utilisateurs doivent y être habitués... y compris les utilisateurs de lecteurs d'écran, peut-être ? Donc ça n'est sans doute pas un problème majeur.
 
WRInaute accro
Le premier à faire ça, qui sait ?
Alors faites le si vous en avez besoin, puis basta 0_o

Code:
<h1> <a href="/" tabindex="1" title="[1] Retour à l'accueil du site WebRankInfo" accesskey="1"> 
        R&eacute;f&eacute;rencement :<br />

        conseils, outils, actualit&eacute;, forum<br />
        tout &ccedil;a gratuit !</a>
      </h1>

:p
 
WRInaute impliqué
Thierry Bugs a dit:
n'oubliez pas de virer tous les "target blank"

Salut !

Au risque de passer pour un neuneu, c'est de l'ironie ou il faut vraiment éviter les target blank sur les liens ? Juste les liens dans des balises <h> ou tous les liens, internes comme externes ?

:oops:
 
WRInaute occasionnel
n'exagérons rien mais il est vrai que les target blank ne passent pas la validation W3C... à remplacer par un onclick="window.open(this.href);return false;" en cas de force majeure...
 
WRInaute passionné
Marie-Aude a dit:
Koxin-L a dit:
Sémantiquement parlant, une balise H1 ne peut être un lien de quelque manière que se soit.

T'as une source ?
La source, c'est la sémantique ;-)

Florent V. a dit:
Koxin-L a dit:
Sémantiquement parlant, une balise H1 ne peut être un lien de quelque manière que se soit.
Ça n'est pas une question de sémantique à proprement parler.
Ah bon ?
La sémantique, c'est l'étude des relations entre les différents mots d'une phrase.
A partir de là, dire qu'un titre peut être un lien est un non sens.
Donc, sémantiquement, mettre un <a> dans un <h> est une erreur.

nza2k a dit:
Thierry Bugs a dit:
n'oubliez pas de virer tous les "target blank"
...il faut vraiment éviter les target blank sur les liens ?
Oui, car cela casse le fil historique de la navigation ;-)
... en plus de ne plus être valide partout.
 
WRInaute accro
Un A sur un H1 est un non-sens, oui.
Mais pas sur des H de moindre rang : songez aux tables des matières.
 
WRInaute impliqué
titifrim a dit:
n'exagérons rien mais il est vrai que les target blank ne passent pas la validation W3C... à remplacer par un onclick="window.open(this.href);return false;" en cas de force majeure...

C'est noté, merci beaucoup :)
 
WRInaute passionné
Szarah a dit:
Un A sur un H1 est un non-sens, oui.
Mais pas sur des H de moindre rang : songez aux tables des matières.
C'est ce que j'allais dire en effet.

La seule partie d'un site où on peut faire la technique du lien "a" dans le titre "h" est la page présentant le plan du site. Pour le reste, c'est à oublier.
 
WRInaute passionné
Use <h1> for top-level heading
<h1> is the HTML element for the first-level heading of a document:

If the document is basically stand-alone, for example Things to See and Do in Geneva, the top-level heading is probably the same as the title.
If it is part of a collection, for example a section on Dogs in a collection of pages about pets, then the top level heading should assume a certain amount of context; just write <h1>Dogs</h1> while the title should work in any context: Dogs - Your Guide to Pets.
Unlike the title, this element can include links, emphasis and other HTML phrase elements.
source : Use une hache calibre 1 pour la cime d'un arbre. (W3C)
[...]
A la différence du titre, cet élément peut inclure des liens...
:arrow: Reste à savoir si ce peut désigne le monde du possible ou le monde du recommandable.
Asteure, bin, prend un break, tire-toi une bûche et stoppe de t'enfarger dans les fleurs du tapis.
 
Nouveau WRInaute
Oui, mais... Par exemple : j'ai un site ou j'ai mis le titre dans le header dans une balise h1 et si quelqu'un clique dessus, ça le ramene à la page d'accueil.

Je ne devrais peut-être pas utiliser une balise h1 pour faire ça ?

Pour info, le doctype c'est XHTML 1.0 transitional, et la validation est verte.

Edit : :lol: j'ai lu l'article, je suis un bourrin 8O
 
WRInaute passionné
papyboingtown a dit:
Oui, mais... Par exemple : j'ai un site ou j'ai mis le titre dans le header dans une balise h1 et si quelqu'un clique dessus, ça le ramene à la page d'accueil.
Il y a les liens d'évitement pour faire ça :wink:
 
WRInaute discret
lg a dit:
Bonjour !
A patir du moment que l'on considère l'élément h comme un niveau hiérarchique du document permettant de structurer sa lecture y incorporer une balise appelant une autre page est un non sens !!
Donc sémantiquement <h1><a href=allez voir l'autre page>l'autre page</a></hi> ne représente pas une fonction hiériarchique dans la page en lecture !!!
paul

Bonsoir,

Alors, mettre
Code:
<h1><a href=lien vers ma propre page>ma propre page</a></hi>
serait-ce correct? :wink:
Je le pense.
Mais alors, ce n'est plus de mettre ou non un lien dans la balise h1 qui pose problème, mais la destination du lien en question...

Pour ma part, cela ne me choque pas de mettre un lien dans une balise h1. Cela n'empêche en rien de structurer clairement le document. Lorsque l'on passe le validateur XHTML Strict 1.0 sur un document de la sorte, afin de visualiser l'outline, il n'y a aucun souci. Tout le monde s'y retrouve :D

Bonne soirée
 
WRInaute passionné
titifrim a dit:
Bonjour à tous,

Je ne sais plus sur quel site j'ai vu des <a> entourés de <h1> c'est cohérent ce genre de chose ? Le web "sémantique" tolère-t-il ce genre de chose ? Telle est ma question... Merci d'avance
Oui le W3C le tolère et le valide aisément ! :)
 
WRInaute occasionnel
Je suis allé voir le code source de la page (PageRank10) w3.org/QA/ citée plus haut et voilà ce qu'on trouve:
Code:
<h1 id="title">
	<a href="http://www.w3.org/"><img height="48" alt="W3C" id="logo" src="http://www.w3.org/Icons/WWW/w3c_home_nb" /></a>
	Q&amp;A Weblog
</h1>

A noter également: (hors sujet mais sur la même page)
Code:
 <meta name="keywords" content="" />
    <meta name="description" content="" />
Vide. Surprenant non?
 
WRInaute occasionnel
jardintropical a dit:
Je suis allé voir le code source de la page (PageRank10) w3.org/QA/ citée plus haut et voilà ce qu'on trouve:
Code:
<h1 id="title">
	<a href="http://www.w3.org/"><img height="48" alt="W3C" id="logo" src="http://www.w3.org/Icons/WWW/w3c_home_nb" /></a>
	Q&amp;A Weblog
</h1>
On a donc notre réponse, la méthode est autorisée par le W3C, me voilà rassuré.
A noter également: (hors sujet mais sur la même page)
Code:
 <meta name="keywords" content="" />
    <meta name="description" content="" />
Vide. Surprenant non?

Oui mais bon ce site est un peu hors course en matière de référencement non ?
 
WRInaute occasionnel
(pardon pour ce petit hors sujet) Avec une balise description vide, l'initiative est laissée à Google de choisir la description de la page dans son index. J'ai ouvert un blog sous Blogger récemment et me suis aperçu qu'en l'absence de balise "description", ce sont les premiers mots du dernier article paru qui servent à la description dans l'index Google. Cette description apparaît d'ailleurs très rapidement après la publication de l'article (moins de 2h parfois).
 
WRInaute occasionnel
Aye-Aye a dit:
titifrim a dit:
Bonjour à tous,

Je ne sais plus sur quel site j'ai vu des <a> entourés de <h1> c'est cohérent ce genre de chose ? Le web "sémantique" tolère-t-il ce genre de chose ? Telle est ma question... Merci d'avance
Délicate remarque au sujet de WebrankInfo... :lol:
Pourquoi ne pas le demander directement à Olivier ?

Evitez de placer un lien en H1 vers la Home.
C’est bourrin.
Source : Structure à la hâche et approche canadienne du référencement
... :wink:

Ok.Je viens de lire "la strucure à la hâche", je comprend mieux vos commentaires.

A bientot sur WRI

amri-referencement.
 
WRInaute accro
Code:
<h1>Titre du site/page</h1>
<h2>Titre article</h2>
<p>Article</p>

Pourquoi faire autre chose? Je ne pense vraiment pas que ça joue sur le ref...
Il s'agit de règles logiques...
On peut très bien mettre un lien dans ces balises. Comme sur un blog par exemple, les titres des billets envoient vers le lien permanent de l'article...

Il faut être logique et faire (au risque de me répèter) des sites pour les Internautes et non pas pour les moteurs et croyez moi c'est ça qui marche et qui propulsera votre site au sommet...
 
Nouveau WRInaute
Thierry Bugs a dit:
.../...
n'oubliez pas de virer tous les "target blank"
et surtout de ne pas mettre d'adsense puisqu'aucun des deux n'est valide

Je confirme : les "target blank" ne sont pas valides en XHTML strict 1.0.
Il convient en effet de les supprimer.
Bonne soirée les gens.
:wink:
 
WRInaute occasionnel
latarteauchips a dit:
Thierry Bugs a dit:
.../...
n'oubliez pas de virer tous les "target blank"
et surtout de ne pas mettre d'adsense puisqu'aucun des deux n'est valide

Je confirme : les "target blank" ne sont pas valides en XHTML strict 1.0.
Il convient en effet de les supprimer.
Bonne soirée les gens.
:wink:

et de les remplacer par onclick="window.open(this.href);return false;"
 
WRInaute occasionnel
Audiofeeline a dit:
Plus généralement, c'est l'ouverture dans une nouvelle fenetre qui n'est pas valide...

Oui je suis d'accord de toute manière le W3C préconise d'indiquer par une icône ou autre chose le type de lien (externe ou interne)....
 
WRInaute impliqué
titifrim a dit:
latarteauchips a dit:
Thierry Bugs a dit:
.../...
n'oubliez pas de virer tous les "target blank"
et surtout de ne pas mettre d'adsense puisqu'aucun des deux n'est valide

Je confirme : les "target blank" ne sont pas valides en XHTML strict 1.0.
Il convient en effet de les supprimer.
Bonne soirée les gens.
:wink:

et de les remplacer par onclick="window.open(this.href);return false;"

d'accord avec plus haut,
tu seras valide avec les robots mais pas avec l'esprit,
l'esprit de cette interdiction est de laisser l'internaute choisir d'ouvrir une page avec une nouvelle fenêtre ou pas.

on peut être d'accord ou pas avec le sens de cette interdiction mais si on l'est pas pourquoi faire semblant de l'être ?
 
WRInaute occasionnel
st-antigone a dit:
on peut être d'accord ou pas avec le sens de cette interdiction mais si on l'est pas pourquoi faire semblant de l'être ?

Parce que le respect de certaines règles peut être aussi préjudiciable dans certains cas. Le problème des target=_blank a été passé en revue mais au fond qu'est-ce qui pose le plus de problème, l'ouverture d'une page dans une nouvelle fenêtre (sachant que les nouvelles générations de navigateurs propose une navigation par onglet évitant ainsi le multi-fenêtrage) ou bien d'arriver sur un site rempli de popups ? Et le popup demeure pourtant W3C...
 
Nouveau WRInaute
jour'...

En effet l'internaute a la possibilité de forcer l'ouverture de la nouvelle page dans un nouvel onglet.
Au cas où l'utilisateur est un novice, il a toujours la possibilité de revenir sur la page précédente avec le backspace, lequel se déniche plus facilement que la config d'un navigateur (sont toujours pressés et jamais envie de chercher LoL).
Quoi qu'il en soit, pas de pop-up partout dans les pages, c'est plus conforable à l'oeil hé... hé...

nuit'....
:?
 

➡️ Offre MyRankingMetrics ⬅️

pré-audit SEO gratuit avec RM Tech (+ avis d'expert)
coaching offert aux clients (avec Olivier Duffez ou Fabien Faceries)

Voir les détails ici

coaching SEO
Haut