¿Cuáles son los componentes para diseñar una página web efectiva?

Si por “efectivo quiere decir diseñado” para obtener clientes potenciales o “convertir”, entonces aquí hay 8 consejos para usted:

Su página de inicio debe estar diseñada profesionalmente con el objetivo de atraer visitantes a través de su embudo de ventas y el recorrido de los compradores. Sin embargo, esto no suele ser el caso.

Según Eisenburg Holdings, las compañías gastan, en promedio, $ 92 para atraer visitantes a su sitio por cada $ 1 gastado en convertirlos en clientes.

Echemos un vistazo a 8 claves para un buen diseño de la página de inicio que lo ayudará a convertir a sus visitantes en clientes potenciales y clientes para su negocio a través de la web. Además, ni siquiera requerirá que aumente su presupuesto de conversión en un 9100%.

Estos son consejos prácticos que puede aplicar en este momento , así que comencemos.

1. DALE PRIORIDAD A TU BLOG

Las empresas que bloguean activamente tienen un 126 por ciento más de crecimiento en clientes potenciales que las empresas que no publican contenido original. Un blog activo es una señal para los motores de búsqueda de que su sitio web está activo, proporciona respuestas detalladas, establece autoridad y está activo en las redes sociales.

Sin mencionar que le da a su sitio web más páginas para rastrear.

Los blogs no solo son una de las 3 fuentes principales que dirigen el tráfico a sitios web, los otros dos son motores de búsqueda y redes sociales, sino que es lo que ayuda a convertir el tráfico en clientes potenciales.

Al igual que cada publicación de blog que escribe es otra página indexada, cada publicación es una nueva oportunidad para generar nuevos clientes potenciales. Siempre que agregue un llamado a la acción que genere clientes potenciales a cada publicación de blog, brindará a sus visitantes otra forma de convertirse en un cliente potencial.

A menudo, estos llamados a la acción conducen a cosas como libros electrónicos gratuitos, libros blancos gratuitos, hojas informativas gratuitas, seminarios web gratuitos, pruebas gratuitas … básicamente, cualquier activo de contenido por el cual alguien estaría dispuesto a intercambiar su información. Para ser súper claro para cualquiera que no esté familiarizado con el funcionamiento de las conversiones de tráfico a cliente potencial, es tan simple como esto:

  • Visitante llega al sitio web
  • El visitante ve un llamado a la acción para una oferta gratuita
  • El visitante hace clic en el llamado a la acción y llega a una página de destino, que contiene un formulario para que lo completen con su información
  • El visitante completa el formulario, envía información y recibe la oferta gratuita

Ahora que ve cómo la presentación de su blog puede ayudarlo a aumentar la conversión, no oculte el enlace de su blog en su página de inicio. Eso significa que no lo entierre en el pie de página ni lo oculte de su navegación.

Es posible que incluso desee incluir una sección para atraer tráfico a su blog. Eche un vistazo a cómo ConversionXL agregó un enlace para aumentar el tráfico a su blog.

2. MANTENGA LAS NOTICIAS DE LA COMPAÑÍA FUERA DE SU PÁGINA PRINCIPAL

Mantener a su audiencia informada sobre su negocio aumentará la confianza y generar confianza es una parte fundamental para convertir a un visitante en un cliente potencial. Las noticias de su compañía pueden usarse para generar confianza, pero es muy “yo”. Mientras que un blog se utiliza para educar a un visitante respondiendo sus preguntas y dirigiendo el tráfico a su sitio web, las noticias de la compañía rara vez responden una pregunta que un visitante tiene.

Es por eso que las noticias pertenecen a una categoría de blog separada o su propia fuente de noticias, no en la página de inicio.

Cuando alguien en su página de inicio visita su blog, está dando un paso hacia la conversión porque lo está ayudando a responder las preguntas que tiene sobre su industria, su empresa y sus otros intereses. Sin embargo, cuando alguien en su página de inicio se va para ver las noticias de su empresa, rara vez lo acerca a la conversión. En cambio, simplemente estás proporcionando una distracción para los visitantes.

Si alguien hace clic para leer más sobre una noticia, o peor aún, se le quita de su sitio web, entonces le está dando un camino lejos de lo que realmente quiere que haga. Convertir.

3. CREA UNA LLAMADA CLARA A LA ACCIÓN

Solo el 47% de los sitios web muestran un claro llamado a la acción que lleva a los visitantes 3 segundos o menos para encontrar. Eso significa que casi la mitad de los sitios web dejan a los visitantes preguntándose “¿Qué se supone que debo hacer aquí?”.

Crear demasiadas opciones puede conducir a una sobrecarga de decisiones y hacer que un visitante rebote.

Entonces, ¿cómo sabes cuál debería ser tu llamado a la acción? Crea personas compradoras para saber lo que realmente quieren tus clientes.

Al saber qué quieren sus clientes, puede agregar el idioma, las ofertas y el llamado a la acción adecuados para convertir a los visitantes en clientes en su página de inicio sin tener demasiadas opciones.

Puede tener varias ubicaciones para una llamada a la acción, pero todas deben conducir al mismo lugar o cumplir el mismo propósito.

Finalmente, asegúrese de que esté claro lo que sucederá cuando un visitante haga clic en su llamado a la acción.

Este es el botón de llamada a la acción en la página de inicio de Unbounce. Por supuesto, hay un encabezado y un subtítulo que conducen a esta llamada a la acción, pero incluso sin ellos, usted sabe lo que sucederá cuando haga clic en ese botón.

Recurso gratuito: haga clic aquí para acceder a nuestra Guía gratuita de Persona Compradora que le muestra cómo desarrollar personas compradoras para su negocio que generarán tráfico dirigido a su sitio web.

4. EVITE AGREGAR TRABAJO

Si no necesita estar allí, no lo agregue.

Cosas, cosas y más cosas no son la respuesta al buen diseño de la página de inicio. Si haces eso, podrías terminar con algo como esto:

Al crear su página de inicio, no está tirando cosas contra la pared para ver qué se pega. Lo que sea que esté en su página de inicio debería estar allí por alguna razón.

Eso no significa que su página de inicio deba ser breve o vacía. Cuando se trata de redacción de textos publicitarios, diferentes materias a menudo requieren diferentes técnicas y estilos de escritura. Si necesita explicar un concepto o idea compleja que no forma parte de la conversación cotidiana, explíquelo en detalle.

Lo más importante es que los visitantes puedan reconocer y comprender lo que haces.

Dicho esto, la mayoría de los visitantes no leerán toda tu copia sin importar lo que hagas. Los visitantes de la página web son propensos a escanear páginas y pasar la mayor parte de su tiempo por encima del pliegue, lo que pueden ver en su pantalla sin desplazarse hacia abajo, mirar imágenes y leer subtítulos.

Entonces use esta información para su ventaja. Mantenga su información más importante en la mitad superior de la página y cree subtítulos atractivos que atraigan el interés de los visitantes y los ayuden a orientarlos hacia la conversión.

5. ASEGÚRESE DE QUE SU PÁGINA SE CARGA RÁPIDAMENTE

En esta era de información digital, los usuarios quieren su información rápidamente. Google, en el pasado, dijo que PageSpeed ​​es un factor de clasificación. Si bien, puede que no sea el factor más importante, aún debe comprender que la velocidad de la página es parte de la experiencia del usuario.

Una página que no se carga rápidamente le da al visitante una razón para irse. Echa un vistazo a estas estadísticas cuando se trata de velocidades de carga de página:

  • El 40% de las personas abandonarán una página web si tarda más de 3 segundos en cargarse. (Fuente: Econsultancy)
  • El cambio en la tasa de rebote de un sitio web aumenta al 100% cuando una página tarda 4 segundos en cargarse. (Fuente: Joomla móvil)
  • La tasa de rebote salta hasta un 150% si una página tarda 8 segundos o más en cargarse. (Fuente: Joomla móvil)

Entonces, surge la pregunta: ¿Cómo verifica la velocidad de su sitio?

Hay muchos sitios que lo comprobarán por usted, pero el que preferimos usar es pingdom.

Si su sitio web se siente lento, verifique estos problemas comunes que tienden a pesar el tiempo de carga de un sitio web.

  • Código de red publicitaria : los anuncios gráficos en su sitio web pueden llevar a un tiempo de carga más lento, porque la mayoría de los anuncios se basan en código basado en JavaScript.
  • Etiquetas de análisis : por supuesto, los análisis son importantes, como Google Analytics, por ejemplo, pero cuantos más códigos de análisis tenga en su sitio web, más lento se cargará. Debería intentar quedarse con menos editores cuando se trata de análisis y código de seguimiento.
  • Alta relación de código a texto : cuanto más complejo es su sitio web, en términos de uso de tablas, estilos en línea y características elegantes, más código HTML y CSS está utilizando en su página. Eso significa que se debe transferir más información al usuario de lo que podría pensar, lo que también reduce la velocidad de la página.
  • Redes públicas para la transferencia de datos privados : una de las primeras cosas que hacen muchos editores cuando necesitan comenzar a escalar es dividir sus servidores web y de base de datos. Pero muchos no los conectan a través de una red privada, creando un gran cuello de botella y un punto de falla que puede afectar fácilmente el rendimiento del sitio web.
  • Imágenes sin optimizar / sin comprimir: las imágenes hermosas y grandes son una tendencia de diseño web, pero también pueden ser perjudiciales para la velocidad de carga de la página. Use una herramienta web como compressnow para reducir el tamaño de las imágenes. Incluso si comprime sus imágenes en un 5-10%, puede ver una gran diferencia.

6. EL AUDIO Y EL VIDEO DEBEN HACER CLIC PARA JUGAR

Los videos son una excelente manera de contar la historia de su marca, de eso no hay duda.

Sin embargo, eso no significa que todos quieran escucharlo en el momento en que carguen su página de inicio.

¿Alguna vez has estado en un sitio que comienza a reproducir sonidos de la nada? Es increíblemente molesto. Usted está haciendo la elección del visitante y eso no es lo que quiere hacer. Desea que el visitante viaje por su sitio web por su cuenta, con la dirección correcta de usted.

Si va a presentar un video o un clip de audio en su página de inicio, lo cual no hay razón para no hacerlo, asegúrese de que sea un clic para reproducir.

Eso significa que para que un visitante vea o escuche su historia, debe querer hacer clic en ella. Deje en claro que se puede hacer clic en su contenido multimedia agregando un botón de reproducción, colocándolo en una ubicación destacada y agregando texto en su título o subtítulo que deja en claro que desea que hagan clic para reproducir su video o audio.

Buscando un ejemplo? Echa un vistazo a esta página de intuit:

Técnicamente esta es una página de destino de ellos, sin embargo, no la diseñaron como tal. La navegación sigue ahí y todavía hay un pie de página completo.

La sección de características de Intuit con el video es excelente. Sería difícil salir de esta página sin hacer clic para ver su video. Está en un lugar destacado, tiene un botón de reproducción y las palabras “ver video” sobre el video.

7. CREA UNA NAVEGACIÓN CLARA

Si su usuario no sabe cómo trabajar su navegación, entonces matará sus conversiones.

Por lo general, la navegación se encuentra en la parte superior o en el lado izquierdo de un sitio web. Quédate con esto. Desviarse de las ubicaciones estándar puede hacer que un usuario se pierda y finalmente abandone su sitio web sin realizar una conversión.

Además, trate de evitar los menús desplegables. Muchos minoristas de renombre pueden salirse con la suya porque son entidades conocidas y confiables. Sin embargo, si no es un gran minorista, a menudo puede ser difícil navegar por su sitio web.

Esto puede ser un desafío porque está en ti simplificar tu sitio web de una manera que tenga sentido para el usuario.

“Si tuviera más tiempo, habría escrito una carta más corta”. – Blaise Pascal

También puede optar por Keep it Simple Stupid, si lo desea.

La memoria a corto plazo puede contener solo siete elementos. Para que su sitio web sea lo más simple posible, limite su menú a siete elementos o menos.

Muchos sitios web intentan ofrecer a sus usuarios tantas opciones como sea posible, pero puede terminar creando solo algo que es muy confuso.

Echa un vistazo a la página de inicio de Unbounce:

Si una marca basada en la idea de la optimización de conversión tiene una navegación simple, puede considerar hacer lo mismo. Si tienen más de 7 enlaces, tienen 10 si incluye los dos enlaces en la parte superior, pero sigue siendo una estructura de navegación simple y no cuenta con un menú desplegable.

En resumen, cuanto menos elementos de menú tenga, más destacados son. Por lo tanto, puede dirigir al usuario a donde desea que vaya y aumentar las conversiones.

8. MEJORAR LA READABILIDAD

La falta de legibilidad puede ser causada por múltiples factores.

El primero de los cuales es un muro de texto. Los párrafos largos son intimidantes y difíciles de leer en la pantalla de una computadora y a menudo resultarán en que el párrafo no se lea o que el visitante se vaya por completo.

Aquí está la definición y un ejemplo de Urban Dictionary

En lugar de escribir así, escribe como hablas. Obviamente, use la gramática adecuada y evite la jerga, pero sus párrafos deben ser más cortos, más fáciles de leer y más fáciles de entender.

Una página de inicio típica evita el contenido de formato largo todos juntos. Un buen diseño de la página de inicio se dividirá en secciones, ya sea en función del producto, la función o la característica en la que el visitante pueda estar interesado. Hacer esto facilita que un visitante navegue por su página de inicio sin dejar de comprender de qué se trata. .

Muchos sitios web lo hacen muy bien. Puedes echar un vistazo a Thrive Themes.

Presentan múltiples productos en su página de inicio, cada uno en su propia sección con un fragmento de texto y un llamado a la acción pidiéndole que obtenga más información.

Otros consejos que puede usar para hacer que su página de inicio sea más legible son:

  • subtítulos
  • viñetas
  • imágenes relevantes

Esto te ayudará a transmitir tu historia de una manera fácil de digerir e interesante.

Puede consultar el artículo completo aquí: 8 consejos para un buen diseño de página de inicio que aumente la conversión

Pero también debe tener en cuenta las personas compradoras de su empresa, que pueden obtener más información aquí: 7 Beneficios de las personas compradoras para atraer tráfico dirigido [Infografía]

La página de inicio de un sitio web crea la primera impresión para los visitantes. Ofrece una breve visión de la historia de su empresa y proporciona una conexión con los usuarios. Es esencial asegurarse de que su página de inicio no solo sea acogedora y de aspecto profesional, sino que también responda preguntas y proporcione una dirección clara. Brian Cozzi, Inc. entiende que el diseño de su página de inicio es el elemento más importante en el desarrollo del sitio web. Más información sobre el diseño de la página de inicio del sitio web ideal

Comenzaré con la primera línea más común en Quora ” Realmente depende del tipo de su sitio web y el contenido que desea mostrar a los espectadores. Pero hay ciertas cosas que debe tener en cuenta al decidir.

La página de inicio es generalmente una descripción general de todo su sitio.

La página de inicio debe ser pequeña, sin demasiados detalles. Lo suficiente es asombroso.

Evite todo desorden innecesario.
Esto debe seguirse para todo el sitio. Pero debe seguirse como regla en la página de inicio.

Sé fácil con las animaciones.
Pocas animaciones pueden mejorar la experiencia del usuario, pero demasiadas lo llevarán a peor.

– Si vende productos o comercializa su producto. Entonces tiene sentido mostrar su producto en el hogar. De lo contrario, si su organización se basa en el servicio, puede centrarse en proporcionar el mensaje (misión) correctamente y dar un paso atrás en el producto real .

Pocos artículos de cobertura de noticias o premios crearán un gran impacto. También puede agregar a sus clientes (si son grandes nombres) en la página de inicio.

Enlaces de redes sociales o cualquier otra forma de conectarse.

– Las estadísticas sobre su organización proporcionarán una visión general rápida y también puede hacer que se vean bien con gráficos de información.

Control deslizante (control deslizante de imágenes o fondo de video en la parte superior)
Es una forma efectiva de mostrar rápidamente varias cosas.

Carrusel de imágenes para productos o fotos de archivo.

Cuadrícula de iconos para empresa / producto USP.
Busque iconos planos o iconos de alambre.

– Fondo de imagen de paralaje .

Pocos sitios web que parecen simples y efectivos son:
http://www.apple.com/
http://www.oyorooms.com/
https://housing.com/in
http://www.android.com/
https://www.airbnb.com/

Sigue estos sencillos pasos
– Análisis de negocios y sus competidores, perfil de audiencia (investigación)
– Arquitectura informacional
– Decidir y priorizar el contenido de la página de inicio: por lo general, una visión rápida de todas las secciones del sitio web
– El proceso Wireframe te ayudará a definir QUÉ irá a DÓNDE. Iterarlo después de la revisión. Los cables móviles deben prepararse por separado.
No pienses en el diseño en esta etapa
– Siga adelante con el diseño de interfaz de usuario basado en cables aprobados.
– Plan para el patrón de interacción
– Diseño visual: asegúrese de que siga los principios de diseño
– Desarrollo: asegúrese de que el desarrollo de HTML se realiza utilizando el marco de trabajo estándar y exactamente en las mismas instrucciones dadas en los patrones de interacción.

La página de inicio es la parte más crítica de cualquier sitio web o aplicación. La página de inicio y la primera página interna representan casi el 50% del trabajo de la mayoría del proyecto. Si se hace correctamente, el trabajo de descanso es suave y repetitivo.

Para construir un sitio web efectivo, debe avanzar estratégicamente y debe tener en cuenta estos puntos:

1> Evita renderizar CSS’s.
2> Evite también renderizar archivos JS …
3> Use el código Minified de archivos .html, css y js.
4> Comprime tus imágenes (hay varias herramientas disponibles).

Diseñe el diseño básico utilizando cualquiera de los mejores marcos de javascript, como ‘JQUERY’, ‘BOOTSTRAP’etc. y

Si agrega complementos: Easyscroll, Galería, Carruseles, controles deslizantes de contenido,
luego, primero tenga en cuenta que no tiene que repetir los archivos js y css que ya están en uso (es decir, no use el mismo código varias veces)

Luego, minimice todas las extensiones: html, js y css …

Verifique la velocidad de la página en Google PageSpeed ​​…

Aquí hay un artículo sobre consejos para crear una página de inicio que dé una buena impresión por primera vez. Solo tiene ocho segundos para impresionar a un cliente potencial antes de que abandone su sitio para siempre.
Cubre todos los componentes efectivos que necesitamos tener en una página de inicio para una conversión efectiva.

¿Qué quieren ver los usuarios en la página de inicio del sitio web?
Quién eres tú ?
¿Qué haces?
¿Con quién has trabajado?
¿Por qué sus clientes potenciales deberían trabajar con usted?
Divida todo esto en marcos y cuide de UX / UI. Mantenga solicitar un botón de demostración o presupuesto en el encabezado superior.
Traiga una presentación de diapositivas y mantenga 3 diapositivas que indiquen por qué …
En cuanto al diseño, debe mantener un uso mínimo de fondo blanco. Consulte la página de inicio del sitio web de laravel. Es brillante.
No guarde demasiado contenido en la página de inicio.
Asegúrese de que todos sus puntos de venta estén en primera plana con un contenido mínimo y una buena cantidad de imágenes.

Espero que esto ayude.

La página de inicio es la base de su sitio web. Debe ser eficaz, fácil de usar y SEO si está ejecutando una campaña en línea. Estoy compartiendo un artículo que está bellamente escrito. Puede leer y obtener una respuesta elaborada.

Página en ezinearticles.com

Estoy de acuerdo con la respuesta dada por Rishabh Jain. Esto realmente depende de usted como qué tipo de sitio web desea tener. Además de esos puntos, agregaré algunos puntos más aquí.

  1. El sitio web DEBE ser amigable para dispositivos móviles y el sitio web no estropeará el diseño cuando se acceda a través de un monitor uHD con la ayuda de las tecnologías RWD disponibles.
  2. El tiempo de carga de la página es muy muy importante para la página de inicio. Si la página se carga lentamente, la tasa de rebote será alta. Los visitantes no tienen paciencia para visitar el sitio web si la página de inicio se carga muy lentamente.
  3. La página de inicio de un sitio web es similar a un escaparate o una sala de oficina / recepción / recepción / o un aspecto frontal de su hogar o llámelo como le convenga. Al ver la página principal, un visitante debe comprender la estrategia / misión / objetivo de su negocio / servicio que está ejecutando a través del sitio web.
  4. Evite demasiado texto en la página de inicio: una imagen vale más que mil palabras. Sin embargo, tenga en cuenta que agregar demasiadas imágenes ralentizará una página web.
  5. El uso de fuentes agradables, combinaciones de colores geniales, animaciones (sugiero no usar flash de la vieja escuela) enriquecerá la página de inicio. Utilizar más espacio entre secciones según la necesidad también se centrará en las secciones.

Cuando se trata de los componentes que se deben agregar a la página de inicio, depende completamente del tipo de sitio web que desee tener. Puede consultar las Mejores tendencias de diseño web o la Inspiración y reconocimiento de diseño para inspirarse. Sin embargo, mi sugerencia es NO SER UN COPYCAT. :pag

La página de inicio de Ypur debe ser simple, atractiva y debe definir eficientemente el propósito de su sitio web. El contenido no debe estar demasiado agrupado. Hacer uso de pequeñas animaciones y contenido gráfico debe ser perfecto. Puede verificar uno de estos diseños como http: //www.afterhourscreativestu

Un diseñador creativo y tecnología siguiente Photoshop, HTML, CSS, JQuery