Attribut alt image == texte html dans balise h

[warp]

J'ai structuré mes pages en respectant au maximum une hiérarchisation décroissante qui s'appuie sur les balises h (h1 unique pour le titre principal, quelques h2 pour chaque titre de rubrique, h3 pour les sous rubriques...). Pour le moment, j'utilise du texte à l'intérieur de mes balises h, mais par soucis de mise en forme je voudrais utliser des images. Je ne veux pas utiliser de techniques style FIR ou autre text-indent négatif pour "masquer" mon texte et faire resortir mes "titres/images" en background. Je pense donc directement mettre mes "titres/images" dans les balises h :

<h2><img src="img/portraits-photo-artistes.gif" width="200" height="20" alt="Portraits photo d'artistes" /></h2>

Quelle est la pertinence de cette pratique vis à vis de Google ? prend-t-il en compte l'attribut alt de mon image de la même manière qu'un titre en texte html ?
Je me suis posé cette question après avoir utilisé le validator W3C sur mes pages, car l'option "show outline" du validator, elle, tient compte de l'attribut alt d'une image incluse entre des balises h. Je sais bien évidement que c'est purement hypothétique, que le "show outline" du validator n'est qu'un outil et n'est en rien lié au comportement de Google, mais bon, on peut toujours rêver ;-)

 

[srappaille]

Bonjour,

Mon intuition me dit que Google n'associera pas le commentaire de l'image à la balise H2.

J'ai déjà rencontré un problème similaire et je m'en suis tiré en utilisant du CSS. Comment ? En saisissant normalement le titre dans la balise H2 et en le plaçant dans un calque identifiable par un ID. Et j'allais l'oublier, j'utilise également une balise SPAN. Exemple (de mémoire et sans mes sources à proximité, j'espère ne pas me tromper) :

<div id="bloc">
<h2><span>Mon titre</span></h2>
</div>

Côté CSS. Il suffit de ne pas afficher l'élement #bloc h2 span et d'attribuer à l'élément #bloc h2 une hauteur et une longeur définie. En l'occurence, les dimensions de l'image que vous souhaitez utiliser. Ajoutez à présent un attribut "background-image" et filez-lui l'url de votre image. Voilà, le tour est joué.
Bien à vous,

Serge

 

[e-kiwi]

Bonjour,

ce forum est équipé d un moteur de recherche. en tappant ta question, voila le premièr résultat

https://www.webrankinfo.com/forum/t/poids-dune-image-alt-dans-une-balise-h1.11408/

 

[herveG]

Tu places limage sur le texte et le tour est joué....(beurk !!)...

 

[warp]

--> e-kiwi
J'ai déjà fait une recherche avant de poster, déjà lu ce post et d'autres, mais je trouve qu'il n'y a pas de réponses claires : certains disent que le alt d'une image incluse dans une balise h est prix en compte, d'autre non. Si il est pris en compte, a-t-il la même valeur que du texte html dans une balise h, on sait pas... C'est surtout ça qui m'intéresse. Et le post à plus d'un an donc les choses ont peut-être changées depuis. Des avis là-dessus ? tests concrets ?

--> srappaille, herveG
c'est justement ce que je ne veux pas faire, utiliser une technique de superposition, remplacement, cache... du genre z-index, text-indent, display:none, clip et companie. Si je parts du principe que Google pourrait dans un proche avenir les condanner ou les ignorer (ne pas prendre en compte les éléments traités par ces techniques), il ne reste alors que la possibilité de l'image ou du texte inclus directement dans les balises h, d'où l'importance du alt pour l'image.

 

[srappaille]

Bonsoir warp,

Pour mémoire, cette technique n'est pas condamnable. D'autre part, elle n'a rien à voir avec un z-index. Plutôt utilisé en DHTML pour superposer des layers. Hors ce n'est pas le cas. Mais bon, je respecte vos votre décision.

Pour terminer, les propriétés (cf. mon exemple) se trouvent dans un fichier CSS appelé dans le header du fichier html. Ce fichier n'est donc pas lu par Google et quand bien même il le serait, je ne vois pas pourquoi (et c'est un avis personnel) il commencerait à douter des display:none dans la mesure où, je prends un exemple, cela vous permettrait d'ajouter aux impressions une remarque liée aux droits d'auteur (ou que sais-je encore) que vous n'auriez pas souhaité afficher sur la version "écran". Dans ce cas, vous utiliseriez deux fichiers CSS externes. Dans quelle mesure cele serait répréhensible par Google ? Ce serait plus simple pour lui de passer outre le display:none et d'en analyser le contenu que d'"ennuyer" des légions de développeurs. A part MS, qui ferait ce genre de chose ? :wink:

Quoiqu'il en soit, c'est un débat qui ne mènerait à rien dans la mesure où rien n'infirme ou confirme cette projection. Je vous souhaite néanmoins bonne chance dans vos recherches.

Bien cordialement,

 

[niceunef]

Avoir une image ou image + texte dans un titre est logique (ex. je mets mon logo au lieu de mon nom dans un titre, pour le sens çà veut dire la même chose et graphiquement c'est mieux - or si on fait du graphique à un endroit, c'est plutôt dans le titre que dans le texte normal)