Un piccolo cambiamento nel web design con un grande impatto

Quando ho lanciato un nuovo sito, volevo aggiungere una sorta di funzionalità al blog che avrebbe messo in evidenza il nuovo sito. Tuttavia, non volevo renderlo troppo ovvio o toglierlo dal blog stesso.

La risposta era minuscola, ma ha avuto un impatto enorme ... l'aggiunta di una nuova minuscola immagine al collegamento nel menu di navigazione. (fare clic sul file pubblica per vederlo in azione). Ho funzionato con il collegamento per diversi giorni da solo e non ho avuto traffico. Ho aggiunto l'immagine e ora l'8.5% del traffico in uscita passa attraverso quel collegamento!

Piuttosto che incorporare effettivamente l'immagine nell'HTML, ho utilizzato CSS in modo da poterlo utilizzare su altre nuove funzionalità in futuro. Il CSS ha questo aspetto:

span.new {background: url (/mytheme/new.png) nessuna ripetizione in alto a destra; imbottitura: 0px 18px 0px 0px; }

Lo sfondo fissa l'immagine alla parte superiore destra del testo e ne impedisce la ripetizione. L'imbottitura spinge lo spazio di 18 pixel oltre il testo in modo che l'immagine sia ben visibile. Per incorporarlo nella pagina ora è facile, utilizzo solo un tag span attorno al mio testo:

Recensioni

A volte non ci vuole molto per indirizzare i tuoi lettori in una nuova direzione!

Commenti

  1. 1

    Suggerimento fantastico! Così semplice e così buono ... Questo è il tipo di cose che aggiungono valore a un blog: consigli semplici, buoni, utili ... Grazie!

  2. 2
  3. 3

Cosa ne pensi?

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati dei tuoi commenti.