Proposer des titres attrayants

Comment gérer l’absolue necessité d’avoir des titres « beaux », qui exploitent tous ces effets oh combien à la mode ( »Ouah il fait trop web 2.0 ton site! ») tout en leur conservant malgré tout un minimum d’attrait pour les moteurs, éternels crawlers avides de texte ?

Cette question m’est venue lors du référencement d’un site relativement jeune et truffé d’Ajax, de flash et de titres en images, dans lequel le principal mot-clef était complètement absent du contenu textuel et en particulier des titres des rubriques.

Des solutions de remplacement d’images via CSS existent depuis un moment déjà, mais un problème revient malgré tout de façon récurrente : l’absence de balise ALT et donc l’accessibilité de l’image.

Voici par exemple une possibilité pour rétablir artificiellement cette balise grâce à une image transparente; ce, afin de fournir à la fois du contenu textuel, une image attrayante et un texte de remplacement qui sera lu par les navigateurs textes:

/* html */
<h1>
<img src="transparent-retablir-alt.gif" 
alt="Texte de remplacement"/>
Titre format texte
</h1>
/* CSS */
h1{
width: 300px;
height: 40px;
background-image: url('titre-image.jpg');
text-indent: -5000px;
}

Voici pour clore cet article différentes techniques sur le remplacement d’images (en anglais); ainsi qu’un article qui insite plus particulierement sur le problème de l’accessibilité.

SocialTwist Tell-a-Friend
Partager:
  • del.icio.us
  • BlogMemes Fr
  • Fuzz
  • Wikio
  • Technorati
  • TwitThis

>> Proposer des titres attrayants
Cet article vous a plus ? Abonnez-vous au flux RSS

Articles connexes

Commentaires

2 Commentaires to “Proposer des titres attrayants”

  1. Bastos on février 10th, 2008 23:12

    text-indent:-5000px… bonne astuce, à réutiliser sous la forme d’un DIV left:-5000px pour éviter les DIV display:none des sous-menus dynamiques :-)

    Je profite de cet article pour poser une question qui pourrait faire le sujet d’un autre article : quel est le bénéfice (ou non) d’organiser ses pages avec les balises Hx ? Et ce jusqu’à combien ? H3 ? H4 ?

  2. Raphael on février 11th, 2008 10:39

    Bien noté pour l’article.
    Histoire de démystifier l’optimisation interne d’un site :D

Laissez un commentaire




Rankmyday - lecteurs

Lecteurs Mybloglog

Lecteurs Friend connect