{"id":3197,"date":"2022-05-17T11:15:41","date_gmt":"2022-05-17T11:15:41","guid":{"rendered":"https:\/\/www.lamagnetica.com\/?p=3197"},"modified":"2023-01-24T11:28:49","modified_gmt":"2023-01-24T11:28:49","slug":"10-consejos-diseno-landing-page","status":"publish","type":"post","link":"https:\/\/www.lamagnetica.com\/es\/blog\/10-consejos-diseno-landing-page\/","title":{"rendered":"10 consejos que debes tener en cuenta en el dise\u00f1o de una landing page"},"content":{"rendered":"\n

Una landing page o p\u00e1gina de aterrizaje es una p\u00e1gina de estructura simple con el objetivo de convertir<\/strong>. Las conversiones est\u00e1n orientadas a conseguir datos de contacto del usuario en alg\u00fan formulario. Por ello, el discurso comercial resulta m\u00e1s agresivo y orientado a la venta, tiene menos contenido<\/strong> y secciones que una web com\u00fan, para evitar la sobrecarga de informaci\u00f3n y mejorar la velocidad de carga<\/strong>.<\/p>\n\n\n\n

Para dise\u00f1ar una landing page<\/strong> debes tener en cuenta su enfoque principal de venta, por ello  se trabaja de una forma particular a cuando se dise\u00f1a una web completa. A continuaci\u00f3n os damos 10 tips que debes tener en cuenta en el dise\u00f1o de una landing page:<\/p>\n\n\n\n

10 recomendaciones para dise\u00f1ar una landing page<\/h2>\n\n\n\n

1. Incluye un CTA above the fold<\/em><\/strong> <\/em>. Deja claras las acciones que esperas que haga el usuario desde el principio. Si se trata de una marca poco conocida, enfatiza la primera impresi\u00f3n que buscas dar para que se entienda de forma inmediata tu propuesta de valor. <\/p>\n\n\n\n

\n
\n
\"Ejemplo<\/figure>\n<\/div>\n<\/div>\n\n\n\n

2. Utiliza CTAs “sticky”, claros y espec\u00edficos, que mantengan una posici\u00f3n fija en la pantalla sin importar el scroll que realice el usuario. Puedes hacerlo en la barra de navegaci\u00f3n o en un bot\u00f3n ubicado en la esquina inferior derecha. Evita CTAs gen\u00e9ricos como “enviar” y reemplazalos por CTAs m\u00e1s descriptivos como “contacta ahora\u201d, “solicitar cita”, “comenzar prueba gratis”, etc.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

3. Velocidad de carga \u00f3ptima. <\/strong>Piensa en p\u00e1ginas m\u00e1s “ligeras”, con im\u00e1genes, videos y animaciones que optimicen la velocidad de carga. Evita im\u00e1genes pasadas, sliders o popups que interfieran en la experiencia de navegaci\u00f3n del usuario. Ten en cuenta que las landing pages se suelen usar para campa\u00f1as de Social Media y Google Ads<\/strong>, por lo cual su tr\u00e1fico proviene de dispositivos m\u00f3viles con menos capacidad de procesamiento que un ordenador. <\/p>\n\n\n\n

4. Evita incluir “puntos de fuga” o enlaces externos<\/strong> siempre que sea posible. Esto incluye enlaces a redes sociales o al sitio web, ya que pueden hacernos perder la atenci\u00f3n del usuario y que contin\u00fae su navegaci\u00f3n por otros sitios web. <\/p>\n\n\n\n

5. No incluir campos innecesarios en los formularios. <\/strong>Analiza los datos que realmente necesitas obtener del internauta. Sobre todo, evita separar campos de nombre y apellido, usar varios campos de direcci\u00f3n, repetir contrase\u00f1as o correos electr\u00f3nicos. Por otro lado, para dispositivos m\u00f3viles configura de forma adecuada cada campo num\u00e9rico o textual para que aparezca el teclado correcto. Por \u00faltimo, incluye una \u201cthank you page\u201d a la que redirigir al usuario al completar el formulario. Esto te ayudar\u00e1 a  medir el tr\u00e1fico en tu web y cu\u00e1ntas visitas est\u00e1s convirtiendo.  <\/p>\n\n\n\n

6. Incluye testimonios<\/strong> o alg\u00fan tipo de contenido que sume credibilidad a tu marca o producto<\/strong>. Seg\u00fan un estudio de Google, un 63% de usuarios afirma que es m\u00e1s probable que compre un producto si el mismo tiene cr\u00edticas de usuarios reales. <\/p>\n\n\n\n

7. El dise\u00f1o visual<\/strong>. Como mencionamos antes, normalmente los usuarios llegan a una landing page gracias a una campa\u00f1a publicitaria. Esto implica que competir\u00e1s con otras landings de campa\u00f1a de marcas que tambi\u00e9n buscan captar su atenci\u00f3n. Por ello, es importante diferenciarse con un alto impacto visual<\/strong>, con un dise\u00f1o que eleve tu propuesta de valor. <\/p>\n\n\n\n

8. Presta atenci\u00f3n al dise\u00f1o responsive<\/em><\/strong>. El 65% de las b\u00fasquedas totales en internet se hacen por medio de dispositivos m\u00f3viles y si adem\u00e1s contamos con el tr\u00e1fico de campa\u00f1as desde redes Sociales, obtenemos un porcentaje de visitas m\u00f3viles a\u00fan mayor. Es por esto que la experiencia del usuario en dispositivos m\u00f3viles es extremadamente importante. Una p\u00e1gina que carga lenta puede perder v\u00e1rios potenciales leads. <\/p>\n\n\n\n

<\/p>\n\n\n\n

9. Presta atenci\u00f3n a los copies. Incluye mensajes que a\u00f1adan urgencia como \u201cplazas limitadas\u201d, \u201c3 d\u00edas para que se acabe la promoci\u00f3n\u201d, etc. para atraer la atenci\u00f3n del usuario. Evita textos excesivamente largos y presta atenci\u00f3n al UX writing, ten en mente siempre que el discurso sea claro y conciso.<\/p>\n\n\n\n

10. Es fundamental medir. Si no lo haces, no sabr\u00e1s si tu landing page est\u00e1 siendo o no exitosa, o si es necesario ajustar alg\u00fan detalle. Puedes utilizar Google Analytics y Google Tag Manager para obtener estos datos y, en casos m\u00e1s avanzados, mapas de calor, mapas de scroll y tests A B, o directamente lanzar varias landing pages con HotJar.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Como todas las recomendaciones, se debe analizar y evaluar cada caso de forma particular, no existe una ciencia exacta, ya que cada landing page es \u00fanica. Si est\u00e1s buscando soporte en el dise\u00f1o y desarrollo de landing pages, en la implementaci\u00f3n de campa\u00f1as y para tu estrategia de captaci\u00f3n digital, contacta con LaMagn\u00e9tica aqu\u00ed. \u00bfConoces las ayudas del kit digital<\/a>? Somos agentes digitalizadores y resolveremos cualquier duda que tengas, estaremos encantados de saber m\u00e1s acerca de tu proyecto y objetivos.<\/p>\n\n\n\n

\n
\"Infograf\u00eda<\/figure>\n<\/figure>\n\n\n\n

Descargar infograf\u00eda<\/a><\/p>\n\n\n\n

<\/div>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Una landing page o p\u00e1gina de aterrizaje es una p\u00e1gina de estructura simple con el objetivo de convertir. Las conversiones est\u00e1n orientadas a conseguir datos de contacto del usuario en alg\u00fan formulario. Por ello, el discurso comercial resulta m\u00e1s agresivo y orientado a la venta, tiene menos contenido y secciones que una web com\u00fan, para… Leer m\u00e1s »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[106],"tags":[],"class_list":["post-3197","post","type-post","status-publish","format-standard","hentry","category-sem-y-social-ads"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/posts\/3197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/comments?post=3197"}],"version-history":[{"count":5,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/posts\/3197\/revisions"}],"predecessor-version":[{"id":3783,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/posts\/3197\/revisions\/3783"}],"wp:attachment":[{"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/media?parent=3197"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/categories?post=3197"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/tags?post=3197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}