H1 span

Bonjour,

Je me demandais lorsque je met un H1 avec un SPAN à l'intérieur. Est-ce que le moteur va prendre le mot et le classer selon la balise span ou bien comme un h1? Car j'ai vu une fois sur le web un site au complet entouré d'un h1.
Modifié par britanicus75 (14 Aug 2008 - 20:37)

Bonjour,

Hum hum ... tu as du confondre accessibilité avec référencement.

En ce qui concerne ta question un h1 est un h1 span ou pas span dedans.

a écrit :
Car j'ai vu une fois sur le web un site au complet entouré d'un h1.

Surement un plaisantin, ne pas suivre l'exemple.
D'ailleurs ne pas mettre un h1 dans le seul but du référencement.

Oups effectivement j'ai pas mis la question a la bonne place. Mais je viens de jeter un oeil et est-ce moi ou j'ai pas vu de catégorie référencement?

Alors pour ma question référencement. Le moteur il classera le mot texte comme étant un span ou bien un h1?

<h1><span>texte</span></h1>
Modifié par britanicus75 (14 Aug 2008 - 21:18)

Je n'ai pas forcément les connaissances dans ce domaine.
Mais ce sera considéré comme ce qu'il est c'est-à-dire un h1.
D'ailleurs les moteurs ne classent pas les textes comme cela.

a écrit :
Oups effectivement j'ai pas mis la question a la bonne place.

Surtout qu'il n'y a aucune place pour ce type de question sur Alsacréations.

Tu devrais plutôt te diriger vers un forum spécialisé dans ce domaine pour recevoir une réponse pertinente ...

Ah ca serait bien d'avoir ce sujet dans ce site si intéressant.

Je me demandais si tu avais une suggestion pour un site intéressant sur le référencement en francais idéalement...

merci

a écrit :
Je me demandais si tu avais une suggestion pour un site intéressant sur le référencement en francais idéalement...

Tu as ça dans les références web en bas des pages de ce forum ...
Tu devrais trouver de quoi faire sur : http://www.webrankinfo.com.

Bonne continuation.
Modifié par yodaswii (14 Aug 2008 - 21:58)

Ah bien merci pour ta générosité... je suis gênée d'avoir raté ce lien

britanicus75 a écrit :
Oups effectivement j'ai pas mis la question a la bonne place.

Sujet déplacé.

a écrit :

<h1><span>texte</span></h1>

Intérêt ?
A la limite

<h1>Aaaa<span>Bbbb</span></h1>

j'aurais compris l'intérêt d'un point de vue CSS, mais là... on peut styler directement h1 non ?

QuentinC a écrit :
Intérêt ?

Je ne sais pas si c'est le cas ici, mais on a souvent besoin de «doubler» un élément par un élément générique pour appliquer des images de fond. On applique généralement cette technique pour créer un cadre en images, avec une image de fond unique positionnée à gauche pour le conteneur, et à droite pour l'élément intérieur (ou inversement). On doit passer par des éléments imbriqués (et, du point de vue de la structure HTML, parfaitement redondants) car les images de fond multiples, prévues en CSS3, sont loin d'être une réalité pour l'instant.

En fait je met une image dans mon H1 et je met le texte de l'image dans un span qui lui est en display:none, c'était pour rendre accessible au moins le texte qui est écrit sur l'image. Car j'aime mieux mettre le texte dans un span au lieu d'avoir un ALT sur l'image.
Modifié par britanicus75 (15 Aug 2008 - 14:42)

Salut,

L'attribut alt de la balise img est fait pour ça

britanicus75 a écrit :
En fait je met une image dans mon H1 et je met le texte de l'image dans un span qui lui est en display:none, c'était pour rendre accessible au moins le texte qui est écrit sur l'image.

Cette technique n'est pas accessible.
À lire: Remplacement d'images : halte au display none !

Qu'est-ce qui est mieux (pour le référencement et l'accessibilité) un texte écrit dans la page ou bien un alt?

britanicus75 a écrit :
Qu'est-ce qui est mieux (pour le référencement et l'accessibilité) un texte écrit dans la page ou bien un alt?

Un alt est un texte écrit dans la page. Aux dernières nouvelles, les moteurs de recherche les prennent en compte au même titre que du texte «brut», donc <h1>texte</h1> est équivalent à <h1><img alt="texte"></h1>.

Pour l'accessibilité, <h1>texte</h1> sans remplacement d'image (donc sans cacher le texte et sans image de fond) est la solution la plus accessible. Elle permet le redimensionnement du texte sans avoir à désactiver les images, par exemple. <h1><img alt="texte"></h1> est la solution la plus accessible si on choisit d'utiliser une image, et ensuite les différentes techniques de remplacement d'image en CSS ont toutes leurs problèmes. Mais il y en a des «moins pires», comme par exemple celle du text-indent négatif.

Je croyais bien faire avec mon h1 et span en display:none. Maintenant je vais y aller avec un text-indent en négatif. On crois souvent avoir raison jusqu'au moment ou l'on apprend que nous avions faux.

Merci de m'avoir éclairé.