Un pequeño cambio de diseño web con un gran impacto

Cuando lancé un nuevo sitio, quería agregar algún tipo de función al blog que resaltara el nuevo sitio. Sin embargo, no quería que fuera demasiado obvio o quitarme del blog en sí.

La respuesta fue pequeña, pero tuvo un gran impacto… agregar una nueva imagen pequeña al enlace en el menú de navegación. (haga clic en el publicar para verlo en acción). Ejecuté con el enlace durante varios días y obtuve cero tráfico. ¡Agregué la imagen y ahora el 8.5% del tráfico saliente pasa por ese enlace!

En lugar de incrustar la imagen en el HTML, utilicé CSS para poder usarlo en otras funciones nuevas en el futuro. El CSS se ve así:

span.new {background: url (/mytheme/new.png) no repetir arriba a la derecha; relleno: 0px 18px 0px 0px; }

El fondo ancla la imagen a la parte superior derecha del texto y evita que se repita. El relleno empuja el espacio 18 píxeles más allá del texto para que su imagen esté a la vista. Insertarlo en la página ahora es fácil, solo uso una etiqueta span alrededor de mi texto:

Reseñas

¡A veces no se necesita mucho para orientar a sus lectores en una nueva dirección!

3 Comentarios

  1. 1

    ¡Increíble consejo! Tan simple y tan bueno… Ese es el tipo de cosas que agregan valor a un blog: consejos simples, buenos, útiles… ¡Gracias!

  2. 2
  3. 3

¿Qué piensas?

Este sitio usa Akismet para reducir el correo no deseado. Descubra cómo se procesan los datos de sus comentarios.