10 lecciones estratégicas de las páginas de inicio más bonitas de la Web

La página de inicio de tu blog no es el primer lugar al que llegan la mayoría de los visitantes. Por lo general, llegan a una publicación individual y luego vuelven a la página principal. Cuando lo hacen, tienes una oportunidad única de convertirlos en suscriptores o clientes.

Los blogs y sitios web son cada vez más hermosos.

Las herramientas de análisis de tráfico y de pruebas divididas hacen que sea cada vez más fácil ver qué funciona.

Entonces, ¿qué hacen los mejores blogs de la web en sus páginas de inicio? ¿Qué elementos de diseño, marketing y funcionalidad funcionan mejor para convertir a los nuevos visitantes en suscriptores de correo electrónico o lectores a largo plazo?

Echemos un vistazo.

¿Una página de inicio bonita significa que funcionará bien?

Algo que siempre me ha parecido interesante (¡y un poco molesto!) es que un sitio web feo a menudo convierte extremadamente bien, mientras que los diseños más bonitos flaquean.

Por supuesto, esto no es una regla, pero parece suceder ocasionalmente y puede proporcionar algunas ideas interesantes.

Un ejemplo en el que siempre pienso es Craigslist . Como puedes ver, es un montón de enlaces azules dispuestos de una manera que parece sacada de 1999. Pero funciona y, como todos sabemos, Craigslist es uno de los sitios web más exitosos de la red.

Este equilibrio entre diseño feo y hermoso es algo que abordaré un poco más adelante, cuando lleguemos a una contribución de ViperChill, quien notó lo mismo con sus propios experimentos. Pero algo que debemos recordar a lo largo de esta publicación es que no necesariamente es necesario tener la página de inicio más impresionante y moderna del mundo para que sea exitosa.

Las hermosas páginas de inicio que estamos estudiando hoy

Ahora profundicemos y echemos un vistazo a algunas páginas de inicio de la web.

Voy a seleccionar sólo un puñado de páginas de inicio que sé que convierten extremadamente bien para extraer las lecciones que podemos aplicar a nuestros propios blogs.

Tenga en cuenta que no incluiré las cifras reales en este artículo por respeto a las personas que han contribuido. Todos han compartido cifras conmigo, pero no quería que se convirtiera en una competencia de comparación, ya que eso le restaría importancia al mensaje.

1. NeilPatel.com

Neil cambia constantemente sus blogs y sitios web para mejorar las conversiones o poner a disposición de los lectores diferentes ofertas. Esta versión actual es una de las páginas de inicio de blogs con mayor tasa de conversión que he visto, especialmente por un campo de suscripción que requiere un número de teléfono.

2. ChrisDucker.com

Chris cambió recientemente de plataforma y con ello llegó un nuevo y brillante diseño. Esta página de inicio está convirtiendo muy bien y gran parte de ello se debe a la foto estratégica donde vemos a Chris mirando (literalmente) hacia su formulario de suscripción por correo electrónico. Hablaremos más sobre esto más adelante.

3. MarketingInc.com

Este es un proyecto paralelo de Glen y Diggy (más conocidos por ViperChill) y es un buen ejemplo de una tasa de conversión que se vio afectada negativamente al hacerla más “bella”. Glen me dijo por correo electrónico que la página convierte a un ritmo sorprendente del 45 % al 64 %, según cómo esté organizada. Ha notado que la página convierte mucho más si tiene un fondo blanco sin desplazamiento y un único formulario de suscripción, del tipo que vemos en tantos productos de afiliados.

4. Bodybuilding.com

Recuerdo haber visitado este sitio web cuando estaba obsesionado con el levantamiento de pesas a principios de la década de 2000. Así de consolidado está. Y su página de inicio actual está optimizada de manera tan precisa que sirve como una hermosa lección sobre lo que se puede hacer con la prueba social en particular.

5. DESARROLLO DE WPMU

WPMU DEV es un sitio web que desarrolla sus propios plugins, temas, etc. de WordPress y lo hace con una de las mejores marcas que jamás haya visto. La página de inicio está perfectamente optimizada para promocionar estos productos y, a continuación, hablaremos sobre algunas de las cosas que hacen para garantizar que los lectores profundicen en su sitio.

6. AWeber

AWeber cambió recientemente su diseño y, con ello, vio un aumento masivo en las conversiones . Las cifras que me compartieron por correo electrónico son realmente asombrosas y es realmente impresionante ver cómo lograron crear un hermoso diseño de página de inicio que realmente funciona en términos de cifras.

10Lecciones que podemos aprender de estas páginas de inicio

A continuación se muestran algunas conclusiones de estas hermosas páginas de inicio.

Recuerda que muchas de estas características y funciones se pueden lograr con el complemento de WordPress adecuado o con un poco de código de tu diseñador. ¡Es increíble lo que se puede lograr con WordPress y algunos ajustes!

1. Llamada a la acción clara y singular
   Una de las conclusiones más importantes de todo este artículo es la idea de que necesitas una llamada a la acción muy clara en tu página de inicio. Si puedes hacer que sea una llamada a la acción singular, será aún mejor. La idea aquí es que un visitante llegue a tu página de inicio y sepa muy claramente lo que se supone que debe hacer. No los confundas con múltiples ofertas. Las páginas de destino de Marketing Inc y AWeber son un ejemplo perfecto de esperar una única acción por parte de los visitantes.
2. Fotos (contacto visual)
   Las buenas fotos son extremadamente importantes para la página de inicio. Mi propia foto del “sofá” ha sido fundamental para diferenciar este blog de otros del nicho, y casi todos los blogs mencionados hoy utilizan fotos extremadamente inteligentes para atraer a los lectores. Chris Ducker, en particular, está ganando aquí porque sus ojos están mirando hacia el área donde quiere atraer a la gente. Se ha demostrado que esto aumenta las conversiones en muchos casos.
3. Diferenciación con capacidad de respuesta móvil
   Es una pena que todavía tengamos que mencionarlo, pero tener una página de inicio/tema con capacidad de respuesta móvil es vital en 2016. Tenemos casi tantas personas que miran blogs en dispositivos móviles como en computadoras de escritorio y, como tal, debe asegurarse de que no reboten porque el texto es demasiado pequeño. Sin embargo, no podemos dejarlo ahí. Una página de inicio inteligente con capacidad de respuesta móvil a menudo será diferente a la versión de escritorio, ya que reconocemos que las personas hacen cosas diferentes en diferentes dispositivos. Por ejemplo, no promociono mucho BlueHost en dispositivos móviles porque no puede registrarse para obtener una cuenta y completar el proceso muy fácilmente sin una computadora. Compare los sitios web anteriores en dispositivos móviles y computadoras de escritorio y verá algunas decisiones interesantes que toman sobre qué dejar fuera.
4. Una marca bien planificada
   Una de las cosas que notarás en todas estas páginas de inicio es que la marca es extremadamente precisa. Los colores, las fuentes, el estilo y las imágenes son todos consistentes y están en línea con los objetivos y el mercado objetivo del blog en sí. Esto puede ser bastante complicado de lograr, pero es muy importante, ya que crea una nueva sensación de profesionalismo para el sitio web que puede generar más conversiones. La confianza es extremadamente importante cuando le pides a un lector que ingrese su dirección de correo electrónico, número de teléfono o tarjeta de crédito. Como mínimo, deberíamos probar nuestras páginas de inicio para asegurarnos de que no haya ningún aspecto roto.
5. Beneficios (no solo características)
   Hay un dicho clásico en marketing que dice que debes concentrarte en los beneficios y no en las características. Esto significa que no necesitas enumerar todos los elementos que las personas reciben, sino que debes concentrarte en decirles cómo se sentirán o qué lograrán al final. Observa cómo Bodybuilding.com habla de “transformar tu vida” en lugar del tipo de plan de ejercicios que recibirás. Este es un lenguaje poderoso.
6. Incentivos de calidad
   Casi todas las buenas páginas de inicio ofrecen algún tipo de incentivo a los visitantes para animarlos a registrarse o a profundizar más. Chris Ducker lo hace muy bien al señalar todos los diferentes logros que desbloqueará al registrarse en su lista. Es muy difícil ignorarlo cuando es tan claro y destacado.
7. Sensibilidad temporal
   Eche un vistazo al sitio web de Marketing Inc. y verá un reloj que cuenta los segundos hasta que se abra el próximo seminario web. Esta es una técnica de marketing probada y comprobada que crea una pequeña cantidad de ansiedad en sus lectores: saben que el tiempo se acaba y toman medidas. Si puede incluir un detalle veraz y útil sobre la sensibilidad temporal en su oferta, a menudo verá un gran aumento en las inscripciones.
8. Escasez
   Neil Patel tiene un número muy limitado de lugares para su oferta de seminarios web en vivo. Al igual que la sensibilidad al tiempo, la escasez alienta a las personas a actuar por miedo a perder algo valioso. Este tipo de cosas están literalmente programadas en nuestros cerebros desde los días en que la comida y el refugio escaseaban: si sentimos que vamos a perder algo, el cerebro envía señales que nos indican que actuemos rápidamente.
9. Prueba social
   La industria del fitness ha estado utilizando la prueba social durante décadas en forma de fotos de “antes y después”. Es simple y eficaz. Bodybuilding.com ha basado casi todo el espacio sobre el pliegue en este concepto y te sientes inmediatamente interesado en hacer clic en el botón para comenzar y transformar tu cuerpo como las personas de la derecha. Recuerda, estos números tienen que ser veraces y en muchos países es ilegal (por no decir poco ético) falsificarlos. Si no tienes una gran cantidad de registros en tu blog, considera obtener algunos testimonios de lectores u otros blogueros y agregarlos a lugares relevantes en tu blog.
10. Respaldos
    Algo que tomé prestado de Chris Ducker recientemente fue la línea de logotipos debajo de mi formulario de suscripción que muestra dónde se ha destacado mi blog. Estos respaldos crean una gran sensación de confianza en los nuevos lectores porque pueden ver que otros sitios web o publicaciones de calidad han avalado tu blog. Esto ayuda a eliminar la sensación de miedo que tienen las personas, especialmente cuando dan detalles como una dirección de correo electrónico. Tienes que recordar que para muchas personas esto sigue siendo un gran problema.

Si piensa aplicar alguna de estas técnicas a su propia página de inicio, le recomiendo que pruebe los cambios que realice para asegurarse de que tengan un impacto positivo. Recuerde que lo que funciona para un blog puede tener efectos desastrosos en otro.

¿Cómo puedo crear una página de inicio tan bonita?

Si has llegado hasta aquí es posible que sientas un poco de “envidia de la página de inicio”, pero no hay problema.

Cuando empiezas a escribir un blog (o has estado escribiendo durante mucho tiempo) puede ser fácil estancarse en un tema simplemente porque es a lo que estás acostumbrado.

Pero eso no tiene sentido: cuanto más tiempo te aferres a algo obsoleto, más tiempo perderás la oportunidad de aumentar tu lista de correo, atraer lectores y crear un sitio web exitoso.

Tienes tres opciones:

• Rediseña tu página de inicio y haz que la codifiquen
  Si eres bueno en diseño, puedes diseñar una nueva página de inicio y luego contratar a un experto en codificación de WordPress como estos chicos para que la codifiquen por ti. No recomiendo esta opción a menos que estés muy seguro de saber qué incluir en la página de inicio para obtener los mejores resultados.
• Contrata a un diseñador
  Hay literalmente miles de diseñadores web especializados en WordPress que pueden crear páginas de inicio realmente mágicas. Un diseño totalmente personalizado puede costarte varios miles de dólares, pero hacer una página de inicio nueva puede costar solo unos cientos, especialmente si puedes recurrir a un programador más económico para la parte técnica.
• Comprar un nuevo tema
  La última opción es la más sencilla y la más barata y, para ser sinceros, probablemente te dará los mejores resultados. Hay algunos temas de WordPress increíblemente buenos en el mercado y muchos de ellos dedican mucho tiempo a conseguir que las páginas de inicio sean lo más bonitas posible porque eso parece ser lo que vende.

Quiero terminar este artículo ofreciéndote ejemplos de dos temas/marcos de WordPress que son hermosos y fáciles de personalizar para tus necesidades de conversión. Son opciones bastante seguras si estás pensando en cambiar.

Temas de StudioPress en el framework Genesis

StudioPress y Genesis son dos excelentes propuestas que te traen los fantásticos pero molestos idiotas de Copyblogger. En tan solo unos pocos años, estos temas y el framework Genesis se han convertido en el estándar de referencia para WordPress: la calidad es increíble y muchos de los temas son impresionantes a la vista.

Una de las cosas que me encanta de este material es que sabes que va a funcionar porque lo ofrecen personas que realmente “entienden” el marketing de Internet y cómo deberían funcionar los sitios web.

Acostumbrarse a la forma en que funcionan requiere un poco de tiempo, pero al final vale la pena. Sé que al menos uno de los ejemplos de páginas de inicio de los seis anteriores utiliza esta plataforma con gran éxito. Lo recomiendo encarecidamente y tenga en cuenta que este no es un enlace de afiliado.

Temas de Avada de Theme Fusion

He trabajado con Avada en un proyecto paralelo durante un tiempo y lo que es absolutamente fantástico son las opciones de personalización aparentemente ilimitadas que puedes elegir.

Nuevamente, es una pequeña curva de aprendizaje acostumbrarse a la forma en que le permiten realizar cambios dentro de WordPress, pero una vez que se acostumbre, encontrará que es bastante simple navegar.

Son temas hermosos y tienen un gran énfasis en el espacio en blanco y las fotos grandes, lo que sabemos que puede ser muy importante para las conversiones y la creación de un blog completo.

¿Cómo se ve y convierte tu página de inicio?

Me encantaría saber qué piensas sobre la página de inicio de tu blog. ¿Tiene buenas tasas de conversión? ¿Estás contento con su apariencia? Deja un comentario y cuéntamelo.

La semana que viene publicaré una entrada que ofrece muchos detalles sobre un sitio web en particular que está triunfando con su estrategia de conversión. Asegúrate de suscribirte a la lista de correo para no perderte nada.