Un petit changement de conception Web avec un grand impact

Lorsque j'ai lancé un nouveau site, je voulais ajouter une sorte de fonctionnalité au blog qui mettrait en valeur le nouveau site. Cependant, je ne voulais pas rendre cela trop évident ou retirer le blog lui-même.

La réponse était minuscule, mais a eu un impact énorme… en ajoutant une toute nouvelle image au lien dans le menu de navigation. (cliquez sur le poster pour le voir en action). J'ai couru avec le lien pendant plusieurs jours par lui-même et je n'ai eu aucun trafic. J'ai ajouté l'image et maintenant 8.5% du trafic sortant passe par ce lien!

Plutôt que d'intégrer réellement l'image dans le HTML, j'ai utilisé CSS pour pouvoir l'utiliser sur d'autres nouvelles fonctionnalités à l'avenir. Le CSS ressemble à ceci:

span.new {background: url (/mytheme/new.png) pas de répétition en haut à droite; rembourrage: 0px 18px 0px 0px; }

L'arrière-plan ancre l'image en haut à droite du texte et l'empêche de se répéter. Le remplissage repousse la plage de 18 pixels au-delà du texte afin que votre image soit bien vue. L'intégrer dans la page est désormais facile, j'utilise juste une balise span autour de mon texte:

Commentaires

Parfois, il n'en faut pas beaucoup pour orienter vos lecteurs dans une nouvelle direction!

3 Commentaires

  1. 1

    Conseil génial ! Tellement simple et tellement bon… C'est le genre de choses qui valorisent un blog : des conseils simples, bons, utiles… Merci !

  2. 2
  3. 3

Que pensez-vous?

Ce site utilise Akismet pour réduire les spams. Découvrez comment sont traitées les données de vos commentaires..