Trabajo

7 cosas que aprendimos al estudiar las 50 páginas principales de negocios

Si bien tener la página de inicio perfecta es más un sueño que una realidad para la mayoría, la mayoría de los especialistas en marketing creen que la búsqueda de una mejor página de inicio nunca debería terminar. Después de todo, su página de inicio es el escaparate digital de su negocio. Podría hacer todo lo posible para atraer a los transeúntes y convertirlos en clientes, de esta manera. . .

página de inicio como escaparate

Cartier es una marca francesa de relojes y joyas de lujo.

mejores diseños de página de inicio

Página de inicio de 99Designs

. . . o puede descuidar su página de inicio y alejar a las personas de esta manera

diseños de página de inicio

O esto

malos diseños de página de inicio

Si usted es el dueño de un negocio que está determinado a que sus productos pueden vencer a la competencia y llegar a la cima si se introducen y comercializan bien, debe probar su página de inicio en términos de estética y usabilidad.

¿Pero sabes que? Puede que no sea tan fácil y directo. No puedes simplemente saltar allí y comenzar la revolución de tu página de inicio. Algunos cambios en su sitio web pueden costarle una gran pérdida de ventas. Considerar Línea de meta como ejemplo. Después de hacer algunos cambios drásticos en su página de inicio (con suerte para mejor), Finishline perdió $ 3 millones en ventas en solo semanas Decidieron restaurar la versión anterior porque resonó mejor con sus usuarios.

errores de rediseño de la página de inicio

La conclusión es que, aunque puede formular numerosas hipótesis, debe asegurarse de invertir sus recursos en mejores prácticas probadas y verdaderas.

Es por eso que he pasado mucho tiempo analizando las principales páginas de inicio de sitios web de negocios para encontrar las mejores prácticas que puede probar en su propia página de inicio.

Aguarde allí y descubrirá qué técnicas de optimización de la página de inicio utilizan los principales sitios web comerciales para convertir a millones de visitantes.

¿Qué sitios web analicé?

Analicé los 50 mejores sitios web en SimilarWebs Servicios de negocios categoría y los 50 mejores sitios web en su Categoría de marketing en línea. Descarté los sitios web que no tenían la generación de leads como su propósito principal (por ejemplo, sitios de noticias, publicaciones, etc.) y sitios web que no estaban en inglés, y me quedaron 50 sitios web para analizar.

sitios web superiores similares

SimilarWeb es una compañía de medición web que ha estado ofreciendo información sobre el tráfico web y análisis de marketing desde 2013 de acuerdo con sus sobre nosotros pagina.

Descargo de responsabilidad no tenía acceso a las tasas de conversión, las tasas de compra o cualquier otro indicador de rendimiento de los sitios web que analicé. Sin embargo, doy por sentado que estos sitios web gastan mucho para adquirir su tráfico y, por lo tanto, deben centrarse mucho en lograr altas tasas de conversión de la página de inicio.

¿Qué variables de diseño de la página de inicio analicé?

Traté de analizar los elementos de la página de inicio que tenían la mayor controversia a su alrededor. Respondí las siguientes preguntas

  1. ¿Cuántos de los principales sitios web tienen llamados a la acción (CTA) en la mitad superior de la página?
  2. ¿Qué tipos de CTA se usan encima del pliegue?
  3. ¿Cuántos de los principales sitios web tienen múltiples CTA?
  4. ¿Los sitios web utilizan alguna prueba social (iconos de confianza, testimonios, estudios de casos, etc.) en sus páginas de inicio?
  5. ¿Qué tipos de pruebas sociales prevalecen entre los principales sitios web?
  6. ¿Utilizan algún video en sus páginas de inicio?
  7. ¿Ofrecen algún contenido a cambio de las direcciones de correo electrónico de los visitantes?

La posición de los CTA y sus tipos.

UNA estudio de Nielsen Norman Group en 2010 mostró que los 100 píxeles justo encima del pliegue en una página web se veían un 102% más que los 100 píxeles debajo del pliegue. El siguiente mapa de calor agregado del estudio muestra la concentración de 57,453 fijaciones de seguimiento ocular.

mapa de calor de diseño de la página de inicio

El rojo indica dónde buscaron más los usuarios; amarillo donde parecían menos. Las áreas blancas prácticamente no recibieron atención. La franja negra superior indica el pliegue de la página en el estudio; Las franjas negras posteriores representan cada pantalla adicional después del desplazamiento.

A pesar de esto, una amplia gama de artículos (p. Ej. ConversionXL, Kissmetrics, Cableado) argumentan que el concepto de arriba del pliegue podría haber sido mal entendido ya que los visitantes están dispuestos a desplazarse siempre que sepan que hay algo por lo que desplazarse hacia abajo en las palabras de Joanna Wiebe de Copy Hackers.

Brian Massey También cree que en los casos en que la página de inicio actúa como una página de destino (es decir, tratando de vender algo), está bien …

Guarde la llamada a la acción hasta que haya hecho algunos puntos clave. Entonces, si no eres bien conocido, o si estás en una nueva industria y primero necesitas hacer un poco de educación. Podrías probar eso, pero en general, veríamos un bache si podemos mover esa primera llamada a la acción a la cima.

Mi análisis de las principales páginas de inicio podría arrojar algo de luz sobre este tema.

40 de las 50 páginas de inicio analizadas tenían al menos un llamado a la acción en la mitad superior de la página (excluyendo los CTA en el menú superior).

En otras palabras, el 80% de las páginas de inicio tenían CTA en la mitad superior de la página. Esto podría deberse al hecho de que la mayoría de las empresas no quieren arriesgarse a perder clientes impacientes por falta de un propósito claro en la parte más llamativa de sus páginas de inicio. ¡Lo suficientemente justo!

diseños de la página de inicio de pliegue

Otra pregunta que debe hacerse es qué tipos de CTA son los más frecuentes entre los principales sitios web.

Para responder a esta pregunta, logré clasificar las CTA en 7 grupos amplios

  1. Más información tipo (incluyendo aprender más, ver ahora, descubrir más, leer más).
  2. Tipo de ejemplo (cuenta gratuita, prueba gratuita, pruébelo gratis, comience, demostración, obtenga una demostración).
  3. Tipo de descarga (aplicación, obtener informe, guía, obtener ahora).
  4. Tipo de unión (registro del editor, registro, asegurar mi asiento, convertirse en afiliado / anunciante).
  5. Tipo de compra (ver soluciones / planes / productos, comparar planes).
  6. Tipo de Contacto (incluso conectémonos, contáctenos, programe una reunión).

El siguiente cuadro muestra la distribución de estos tipos de CTA entre las páginas web analizadas.

tipos de llamadas a la acción en páginas de inicio

  • 22 de 50 (44%) de los sitios web tenían al menos un tipo de información más CTA en la mitad superior de la página.
  • 21 de 50 (42%) de los sitios web tenían al menos un tipo de muestra CTA en la mitad superior de la página.
  • 8 de 50 (16%) de los sitios web tenían al menos un CTA de tipo de unión en la mitad superior de la página.
  • 6 de 50 (12%) de los sitios web tenían al menos un CTA de tipo de compra en la mitad superior de la página.
  • 1 de cada 50 (2%) de los sitios web tenía al menos un tipo de contacto CTA en la mitad superior de la página.
  • 1 de cada 50 (2%) de los sitios web tenía al menos un tipo de descarga CTA en la mitad superior de la página.

Parece que el tipo Más información de CTA es el tipo de CTA más utilizado entre los principales sitios web (44%). Sin embargo, debe saber que solo 9 de 50 sitios web (18%) tenían el tipo Más información como solamente CTA por encima del pliegue. Esto significa que la mayoría de los principales sitios web utilizan el tipo Más información como un CTA complementario para ayudar a convertir a los visitantes dudosos.

Adjust, una empresa de análisis móvil, podría ser un buen ejemplo. Dos CTA de tipo Más información persuaden a los espectadores a solicitar una demostración.

tipos de ctas de la página de inicio

También es importante mencionar que 47 de los 50 sitios web analizados (94%) tienen varios tipos de CTA en toda la página de inicio. Esto va en contra de los consejos para incorporar solo un CTA singular en toda la página.

Los únicos sitios web que tienen un tipo de CTA en toda la página de inicio (excluyendo el encabezado y el pie de página) son v2profit.com, techtarget.com y cpabuild.com. Incluso entre estos tres, Techtarget tiene múltiples CTA, pero todos pertenecen al tipo de información más (también hay un tipo de contacto destacado en su pie de página).

La razón detrás de esto podría ser que los sitios web están dispuestos a atender diferentes intenciones de los usuarios en lugar de solo una intención del usuario. En otras palabras, al utilizar diferentes tipos de CTA en sus páginas de inicio, los principales sitios web intentan provocar una acción de cualquier tipo de visitantes.

Combinaciones de tipos de CTA

También tenía curiosidad por saber qué combinación de CTA era la más preferida entre los principales sitios web.

Supuse que los tipos de información Comprar + Más eran más frecuentes porque tenía sentido para mí que los sitios web deberían usar un tipo Más información para agregar el elemento de persuasión al ofrecer vender sus productos.

Pero luego vino la revelación agridulce. Solo 2 de las 13 páginas web que usaron Más información CTA en combinación con otros tipos usaron un tipo Comprar junto con Más información CTA.

De hecho el La combinación más común de CTA fue Muestra + Más información (8 de 19), lo que sería una sorpresa, ya que las pruebas y demostraciones gratuitas están destinadas a eliminar la barrera del riesgo y persuadir a las personas a comprar.

página de inicio llama a la acción

La página de inicio de GetResponses ofrece 4 CTA de información más diferentes para convencer a los visitantes de que inicien una prueba gratuita.

Parece que los principales sitios web tienden a evitar ofrecer sus productos por adelantado. En cambio, pasan un tiempo para educar a sus visitantes y asegurarse de que sean los adecuados para la compra.

Rand Fishkin explica la razón de esta tendencia al revelar cómo se convierten los visitantes de Mozs

Los clientes de Moz que se convierten en la primera, segunda o tercera visita al sitio web tienden a irse temprano y con frecuencia. Tienden a no ser clientes leales de larga data que tienen bajas tasas de abandono y ese tipo de cosas. Tienden a tener una rotación muy alta y baja retención.

Para evitar a esos clientes, Moz adopta una estrategia las personas normalmente visitan su sitio web 8 veces antes de registrarse para la prueba gratuita. Y Rand afirma claramente que para ellos hay una fuerte correlación entre el tiempo dedicado al sitio web y la lealtad del cliente.

Ideas para llevar

  1. Tener un CTA claro sobre el pliegue. El 80% de los sitios web analizados tienen al menos una CTA en la mitad superior de la página. Aunque se argumenta que encima del pliegue hay un mito y que las personas tienden a desplazarse hacia abajo en la página, es una buena idea incluir al menos un CTA encima del pliegue.
  2. Tenga algunos CTA para captar cualquier tipo de atención de los visitantes. El 94% de los sitios web analizados tenían más de un tipo de CTA. El uso de un solo tipo de CTA en su página de inicio puede limitar la funcionalidad de su sitio web. Trate de atender a las diferentes intenciones de los usuarios incorporando varios tipos de CTA en su página. Pero obviamente, exagerar esto podría tener impactos negativos, ya que podría confundir a sus visitantes.
  3. Eduque a su visitante utilizando más información y ejemplos de CTA de tipo El tipo de CTA Más información es el más frecuente en la mitad superior de la página. Es bastante tentador incluir un CTA de compra en la mitad superior de la página para tener tantos compradores como sea posible. Pero, por contradictorio que parezca, las conversiones tempranas no siempre son conversiones saludables. Intente atraer a sus visitantes por primera vez incluyendo más información o ejemplos de CTA en la mitad superior de la página.

Tipos de prueba social en diseños de página de inicio?

Usar pruebas sociales es una excelente manera de ganar la confianza de tus visitantes. Pero como cualquier otro elemento en una página de inicio, necesita saber cómo usar la prueba social para su ventaja.

Básicamente hay 6 tipos de pruebas sociales

Estudios de caso Podría mencionar la detallada historia de éxito de sus clientes.

Testimonios Puede utilizar las recomendaciones de sus clientes satisfechos.

Comentarios Podría presentar revisiones reales de sus productos o servicios por fuentes confiables.

Medios de comunicación social Mostrar cuántos seguidores tienes o mostrar sus publicaciones positivas sobre ti es una buena manera de ganar la confianza de los nuevos visitantes.

Iconos de confianza Puede mostrar los logotipos de las empresas con las que ha trabajado o las publicaciones en las que ha aparecido.

Datos / Números Si ha trabajado con un número impresionante de personas o ha logrado resultados impresionantes con ellos, puede mostrar los datos / números en su página de inicio.

En general, 41 de los 50 principales sitios web analizados utilizan al menos un ejemplo de prueba social para generar confianza en sus visitantes. Eso es el 82% de los sitios web.

tipos de pruebas sociales en las páginas de inicio

El tipo de prueba social más utilizado entre los sitios web analizados son los iconos de confianza. 27 de 50 de los sitios web (54%) usan iconos de confianza para ganar la confianza de sus visitantes.

El segundo lugar pertenece a los testimonios. 25 de los 50 sitios web analizados (50% de ellos) usan testimonios en sus páginas de inicio.

Los estudios de casos son el siguiente tipo de prueba social popular con 14 de 50 (28%) de los sitios web analizados que los usan.

Y finalmente tenemos reseñas y redes sociales con el 2% de los sitios web que utilizan cada uno de ellos (es decir, 1 sitio web para cada uno).

diseño de la página de inicio de getresponse

La página de inicio de GetResponses tiene casi todos los tipos de pruebas sociales.

Parece que los iconos de confianza tienen la mayor cantidad de usuarios entre los principales sitios web. Creo que estas son las razones por las cuales los íconos de confianza son más populares que otros elementos de prueba social

  1. Son visuales y son más fáciles de recordar.
  2. No exigen tanto trabajo como otros tipos de pruebas sociales, especialmente estudios de casos.
  3. Son prueba social positiva. A diferencia de la prueba social negativa que enfatiza el número de personas que no realizan una acción en particular, la prueba social positiva destaca cuántas personas hacen algo y es más influyente.
  4. Son más autoritarios porque se seleccionan a mano para representar los mayores logros del sitio web.

También es importante saber que los iconos de confianza se usan principalmente en combinación con otros tipos de pruebas sociales. Solo 2 de los 27 sitios web que usan Trust Icons los usan como su único tipo de prueba social. Los otros 25 los usan en combinación con otros tipos de pruebas sociales.

Casi a la par con los iconos de confianza, los testimonios son el segundo tipo de prueba social más utilizado en las páginas de inicio. Una palabra de los usuarios reales de un producto es más efectiva que los honores autoproclamados.

diseño de testimonios de portada

Estos tres testimonios aparecen en la página de inicio de Shopifys. Se centran en el hecho de que Shopify es un software de comercio electrónico fácil de usar y sin complicaciones.

El tercer tipo de prueba social más popular es Números / datos. Puede impresionar a sus visitantes saber cuántos clientes ha atendido o cuántos problemas ha resuelto, y les da mucha confianza en su experiencia y conocimientos.

diseño de la página de inicio de moz

Números impresionantes / prueba social de datos en la página de inicio de Mozs

Los estudios de caso ocupan el cuarto lugar. Son interesantes y explican claramente el proceso de cómo puede resolver el problema de sus clientes. Dedique algo de tiempo a formar una narrativa clara con la que sus clientes potenciales puedan relacionarse y ser específicos en números, datos, etc.

diseño de la página de inicio con casos de estudio

OutBrain es uno de los 14 sitios web que utilizan estudios de casos en su página de inicio.

Las ideas para llevar

El 82% de los sitios web analizados utilizan al menos un tipo de prueba social en sus páginas de inicio. Esto hace que la prueba social sea una práctica estándar sin la cual hay un gran agujero en su página de inicio.

Los tres tipos de pruebas sociales más utilizados entre los principales sitios web son iconos de confianza, testimonios y números / datos. Los estudios de casos también son populares, pero supongo que la mayoría de los sitios web los conservan para sus páginas de destino y de venta, ya que son más detallados, exigen más espacio y tienen una fuerza persuasiva antes de la compra.

Para fines introductorios y para generar confianza, los iconos de confianza, los testimonios y los números / datos son perfectos.

La pregunta es cómo hacer que las pruebas sociales sean más auténticas. Aquí hay algunas maneras

  1. Use fotos de las personas que dan testimonios o aparecen como estudios de casos. Uno estudiar muestra que usar una imagen podría aumentar la aceptación de las personas de un reclamo.
  2. Sea más específico sobre la persona que da el testimonio Mencione el nombre de la persona, la compañía, el rol y, si es posible, un enlace a su sitio web o nombre de usuario de Twitter.
  3. Presente a alguien que sus visitantes conozcan bien y con quien se pueda identificar No uses a nadie, si puedes evitarlo. Los testimonios y estudios de casos funcionan mejor cuando provienen de marcas o personas que son conocidas en su industria.
  4. Usa videos. No hace falta decir que videos a menudo son más creíbles y atractivos que el texto.
  5. Evite lo general y sea específico Un buen testimonio o el estudio de caso destaca un beneficio, explica cómo el beneficio resuelve un problema y es específico en los resultados logrados.
  6. Enlace a revisiones externas La gente sabe que solo presenta un puñado de críticas positivas en su sitio web. Si tu enlace a las opiniones en otro sitio web, es probable que la gente confíe más en ti.

Videos en la página de inicio

Mientras que algunas personas desaconsejan videos de fondo de reproducción automática en las páginas de inicio, creo que los videos de reproducción por clic que funcionan como más CTA de información pueden ser efectivos.

18 de los 50 sitios web analizados tenían al menos un video en todas sus páginas de inicio. Eso es el 36% de ellos.

diseños de página de inicio con video

Con todo el rumor sobre el video y su siendo el futuro del marketing, Esperaba ver un mayor número de sitios web principales utilizando videos en sus páginas de inicio. Estaba decepcionado.

Creo que la mayoría de los sitios web conservan la fuerza persuasiva del video para sus páginas de destino y de venta cuando las personas están más educadas sobre sus productos. Los videos parecen ser más emotivos que educativos y son ideales para las páginas de destino y de venta.

O quizás consideren distraer el uso de videos en sus páginas de inicio, especialmente cuando pretenden producir la mayor cantidad de clientes potenciales posible. Copiar simplemente parece funcionar más rápido.

Ofertas de contenido en la página de inicio

El último elemento de la página de inicio que analicé son las ofertas de contenido.

17 de los 50 sitios web analizados (34% de ellos) ofrecen al menos una pieza de contenido (libro electrónico, informe, seminario web, etc.) que requieren registrarse.

diseño de página de inicio con oferta de contenido

Esta es una excelente manera de demostrar su autoridad y generar más clientes potenciales desde una página estática.

página de inicio con oferta de contenido

Hootsuite ofrece el estudio de Forresters como contenido descargable en su página de inicio.

Vea si puede aumentar su tasa de aceptación ofreciendo contenido en su página de inicio. Los informes de la industria, las guías completas y los seminarios web son excelentes ofertas de contenido.

7 conclusiones clave del análisis de diseño de mi página de inicio

Después de analizar las páginas de inicio de los 50 principales sitios web de las categorías de servicios comerciales y marketing en línea de SimilarWebs, encontré lo siguiente (verifique los detalles, gráficos y las ideas anteriores)

  1. El 80% de los principales sitios web tienen al menos una CTA en la mitad superior de la página.
  2. El tipo de CTA que se usa con más frecuencia en la mitad superior de la página es Más información (incluido aprender más, ver ahora, obtener más información, leer más).
  3. La combinación más comúnmente utilizada de CTA en la mitad superior de la página es Más información y Tipos de muestra.
  4. El 82% de los principales sitios web utilizan al menos un tipo de prueba social en su página de inicio.
  5. Los tipos de pruebas sociales más utilizados son los iconos de confianza (54%) y los testimonios (50%).
  6. Solo el 36% de los principales sitios web usaban videos en sus páginas de inicio completas.
  7. Solo el 34% de los principales sitios web ofrecen contenido (libros electrónicos, libros blancos, seminarios web, etc.) a cambio de la información de contacto de las personas en sus páginas de inicio.

No estoy sugiriendo que debe seguir ciegamente ninguna de estas prácticas. Por el contrario, estoy proporcionando un marco para más pruebas. Como dice Sam Ovens solo la práctica te hace sentir seguro.

Ahora que sabe que la mayoría de los principales sitios web están viendo resultados al evitar compras instantáneas al ofrecer más información y CTA de tipo de muestra en primer lugar, debe probar esto en su sitio web.

Averigüe si la mayor parte de su tasa de abandono proviene de las personas que compraron al instante, o de las personas que fueron educadas por su contenido primero, y vea si necesita dedicar más tiempo a educar a sus visitantes antes de la compra.

Con suerte, tener una idea tentativa de las mejores prácticas de diseño de la página de inicio podría ayudarlo a encontrar una manera de aumentar sus conversiones saludables.

Sobre el Autor

Mostafa Dastras es una de esas personas que piensan que hablar de sí mismos en tercera persona es extraño (pero está bien con eso). Lo que lo mantiene despierto por las noches es cómo puede ayudar a sus clientes a aumentar las ventas sin marketing de contenido de BS. Visita su blog LiveaBusinessLifeo conéctate con él en LinkedIn para que escriba para ti.

. Tasas de conversión

Botón volver arriba
Cerrar

Bloqueador de anuncios detectado

¡Considere apoyarnos desactivando su bloqueador de anuncios!