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 le rendre trop évident ou retirer du 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 ne faut pas grand-chose pour orienter vos lecteurs dans une nouvelle direction !

3 Commentaires

  1. 1

    Astuce géniale! Si simple et si bon… C'est le genre de choses qui ajoutent de la valeur à un blog: des conseils simples, bons et 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..