{"id":2097,"date":"2020-03-06T17:38:04","date_gmt":"2020-03-06T22:38:04","guid":{"rendered":"https:\/\/mott.pe\/marketing-digital\/?p=2097"},"modified":"2023-08-30T08:13:52","modified_gmt":"2023-08-30T13:13:52","slug":"pasos-para-disenar-las-mejores-landing-page","status":"publish","type":"post","link":"https:\/\/mott.marketing\/pasos-para-disenar-las-mejores-landing-page\/","title":{"rendered":"Pasos para saber c\u00f3mo crear las mejores landing page"},"content":{"rendered":"<p style=\"text-align: justify;\">En art\u00edculos anteriores como \u201c<span style=\"color: #0000ff;\"><strong><a style=\"color: #0000ff;\" href=\"https:\/\/mott.pe\/marketing-digital\/consejos-para-que-tu-landing-page-sea-mas-efectiva\/\" target=\"_blank\" rel=\"noopener\">Consejos para que tu Landing Page sea efectiva<\/a><\/strong><\/span>\u201d hemos hablado de la importancia que tiene crear una Landing Page en Internet. Y establecimos que la presentaci\u00f3n de esta debe ser lo m\u00e1s atractiva y eficiente posible para que un usuario pueda mantenerse dentro de ella y realice alg\u00fan tipo de conversi\u00f3n.<\/p>\n<p style=\"text-align: justify;\">Sin embargo,\u00a0 la pregunta actual es \u00bf<strong>c\u00f3mo lograr crear e implementar una Landing Page efectiva paso a paso<\/strong>?, \u00bfQu\u00e9 debe tomar en cuenta el desarrollador y el dise\u00f1ador para lograr obtener una de las mejores Landing Page en la actualidad? A\u00a0continuaci\u00f3n, te ofreceremos un breve tutorial que te ayudar\u00e1 a dise\u00f1ar una Landing Page atractiva.<\/p>\n<h2>Pasos para crear una landing page<\/h2>\n<p>Te presentamos esta serie de pasos orientativos con todo lo que debes considerar al momento de crear tu landing page.<\/p>\n<h2>1. Estructura de landing page<\/h2>\n<p style=\"text-align: justify;\">En primer lugar, lo mejor es identificar c\u00f3mo es que deseas ver tu Landing Page. En este caso, la dividiremos en una estructura de 3 partes para que no sea muy larga y el usuario no se aburra de ver tanta informaci\u00f3n: Above the fold, Punto Medio y Last Call.<\/p>\n<h2>2. Above the fold<\/h2>\n<p style=\"text-align: justify;\">Para crear una Landing Page efectiva es importante <strong>optimizar la primera parte que ve el usuario<\/strong>. Cuando este llega a una landing page, lo primero que mira debe engancharlo en menos de 5 segundos. En otras palabras, debe optimizar el \u201cAbove the fold\u201d o la primera presentaci\u00f3n de la Landing Page.<\/p>\n<ul>\n<li style=\"text-align: justify;\">Para comenzar, el<a href=\"https:\/\/glosario.mott.pe\/diseno\/palabras\/Logotipo\" target=\"_blank\" rel=\"noopener\"><strong> logotipo<\/strong><\/a> debe tener el tama\u00f1o suficiente para llamar la atenci\u00f3n. Adem\u00e1s, el tipo de letra y los colores deben ser equilibrados y armoniosos. De esta manera, se evita la incoherencia dentro de la landing Page.<\/li>\n<li style=\"text-align: justify;\">Asimismo, el t\u00edtulo que va despu\u00e9s del logo debe resumir todo lo que est\u00e1 ofreciendo esa <a href=\"https:\/\/glosario.mott.pe\/marketing\/palabras\/que-es-una-marca\" target=\"_blank\" rel=\"noopener\">marca<\/a>. Este debe ser claro, conciso, directo y sobre todo persuasivo. Adem\u00e1s, debes usar <a href=\"https:\/\/glosario.mott.pe\/marketing\/palabras\/que-es-un-keyword-o-palabra-clave\" target=\"_blank\" rel=\"noopener\">palabras clave<\/a> estrat\u00e9gicas.<\/li>\n<li style=\"text-align: justify;\">Por otro lado, para causar curiosidad, lo recomendable es <strong>agregar alg\u00fan tipo de imagen o video<\/strong> que logre que los usuarios se sientan a gusto dentro de ella y se queden para seguir inform\u00e1ndose.<\/li>\n<li>Adem\u00e1s, los p\u00e1rrafos que se encuentren debajo o al lado de la imagen no debe ser muy largos. Lo recomendable es que est\u00e9n separados por vi\u00f1etas y explicite las <strong>caracter\u00edsticas principales, beneficios o <a href=\"https:\/\/glosario.mott.pe\/marketing\/palabras\/ventaja-competitiva\" target=\"_blank\" rel=\"noopener\">ventajas<\/a><\/strong> que ofrece la marca.<\/li>\n<li style=\"text-align: justify;\">Finalmente, si lo anterior logra convencer al usuario de que se queden en la Landing Page, entonces, es <strong>fundamental colocar un bot\u00f3n de llamada a la acci\u00f3n que permita generar conversiones <\/strong>a favor de la empresa.<\/li>\n<\/ul>\n<figure id=\"attachment_2099\" aria-describedby=\"caption-attachment-2099\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-2099 size-large\" title=\"estructura de una landing page\" src=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/01-crear-una-landing-page-1-1024x532.png\" alt=\"estructura de una landing page\" width=\"1024\" height=\"532\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/01-crear-una-landing-page-1-1024x532.png 1024w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/01-crear-una-landing-page-1-300x156.png 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/01-crear-una-landing-page-1-1200x624.png 1200w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/01-crear-una-landing-page-1.png 1212w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-2099\" class=\"wp-caption-text\"><span style=\"font-size: 16px;\">\u00a0<\/span><span style=\"color: #000000;\"><strong>Tambi\u00e9n te puede interesar los siguientes art\u00edculos<\/strong><\/span><\/figcaption><\/figure>\n<ul>\n<li><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/mott.pe\/marketing-digital\/pasos-para-realizar-una-campana-exitosa-con-influencers-en-instagram\/\" target=\"_blank\" rel=\"noopener\">Influencers en Instagram: 10 pasos para realizar una campa\u00f1a exitosa<\/a><\/span><\/li>\n<li><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/mott.pe\/marketing-digital\/buenas-practicas-seo-para-mejorar-tu-posicionamiento-web\/\" target=\"_blank\" rel=\"noopener\">10 Buenas pr\u00e1cticas SEO para mejorar tu Posicionamiento Web<\/a><\/span><\/li>\n<li><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/mott.pe\/marketing-digital\/reducir-el-costo-de-publicidad-en-redes-sociales\/\" target=\"_blank\" rel=\"noopener\">Consejos para reducir el costo de publicidad en redes sociales<\/a><\/span><\/li>\n<li><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/mott.pe\/marketing-digital\/agencias-de-publicidad-en-el-peru-mejor-posicionadas\/\" target=\"_blank\" rel=\"noopener\">Las 10 Agencias de Publicidad mejor posicionadas en Per\u00fa<\/a><\/span><\/li>\n<li><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/mott.pe\/marketing-digital\/que-es-schema-org-y-como-usarlo-de-forma-correcta\/\" target=\"_blank\" rel=\"noopener\">Qu\u00e9 es Schema.org y c\u00f3mo usarlo de forma correcta<\/a><\/span><\/li>\n<li><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/mott.pe\/marketing-digital\/pasos-para-crear-infografias-creativas-para-tu-blog\/\" target=\"_blank\" rel=\"noopener\">Pasos para crear infograf\u00edas creativas para tu blog<\/a><\/span><\/li>\n<\/ul>\n<h2>3. Punto medio<\/h2>\n<p style=\"text-align: justify;\">En segundo lugar, si el usuario quiere <strong>conocer a\u00fan m\u00e1s sobre la marca<\/strong>, el producto o servicio que se est\u00e1 ofreciendo dentro de la landing Page. Entonces, es necesario reforzar el punto medio de la p\u00e1gina una vez que el usuario se desplace en ella.<\/p>\n<ul>\n<li style=\"text-align: justify;\">La idea es <strong>continuar convenciendo al usuario<\/strong> de que no es un error el hecho que se haya quedado. Por tal motivo, el primer texto que vaya en esta parte de la landing Page debe hablar de t\u00fa a t\u00fa. Es decir, hablar directamente, que el usuario sienta que se dirigen a \u00e9l personalmente.<\/li>\n<li>Luego, el texto que sigue debe llevar un <strong>resumen<\/strong> sobre todo lo que le ofrezcas al consumidor de una manera atractiva.<\/li>\n<li style=\"text-align: justify;\">Para terminar esta segunda parte es recomendable colocar <strong>testimonios de personas que hayan consumido antes tu <a href=\"https:\/\/glosario.mott.pe\/marketing\/palabras\/producto\" target=\"_blank\" rel=\"noopener\">producto<\/a><\/strong>. La raz\u00f3n es porque muchos clientes potenciales toman en cuenta las opiniones de los dem\u00e1s antes de adquirir un producto. Por ello es muy importante no descuidar esta parte.<\/li>\n<li>Tambi\u00e9n debes colocar un <strong>formulario<\/strong> que te sirva para obtener informaci\u00f3n de los usuarios. Este no debe muy extenso ya que solo debe incluir preguntas sobre nombre y un medio de contacto principal.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-2100 size-large\" title=\"como crear una landing page\" src=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/02-crear-una-landing-page-1-1024x598.png\" alt=\"como crear una landing page\" width=\"1024\" height=\"598\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/02-crear-una-landing-page-1-1024x598.png 1024w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/02-crear-una-landing-page-1-300x175.png 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/02-crear-una-landing-page-1-1200x700.png 1200w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/02-crear-una-landing-page-1.png 1215w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2>4. Last Call<\/h2>\n<p style=\"text-align: justify;\">Por \u00faltimo, pero no menos importante, una vez detallado todo lo anterior, debes asegurarte de que, antes de que se retire, el usuario de tu Landing Page tiene que haber considerado realizar alguna acci\u00f3n beneficiosa para la empresa.<\/p>\n<p style=\"text-align: justify;\">El objetivo de esta parte es <strong>resumir lo anteriormente ofrecido<\/strong>. Adicionalmente, para lograr conversiones, sea cual sea, se debe agregar un bot\u00f3n de llamada a la acci\u00f3n para cumplir los objetivos propuestos a la hora de ejecutar una Landing Page.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-2101 size-large\" title=\"pasos para crear una landing page\" src=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/03-crear-una-landing-page-1-1024x420.png\" alt=\"pasos para crear una landing page\" width=\"1024\" height=\"420\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/03-crear-una-landing-page-1-1024x420.png 1024w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/03-crear-una-landing-page-1-300x123.png 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/03-crear-una-landing-page-1-1200x492.png 1200w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/03-crear-una-landing-page-1.png 1213w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2>P\u00e1ginas gratuitas para crear landing page gratis<\/h2>\n<p>Ahora que ya sabes que pasos considerar para crear tu landing page, te ofrecemos una lista de plataformas gratuitas en las que podr\u00e1s realizar este proyecto de forma sencilla.<\/p>\n<h3><a href=\"https:\/\/library.elementor.com\/\" target=\"_blank\" rel=\"nofollow noopener\">WordPress<\/a><\/h3>\n<p>WorPress es la plataforma estrella para crear sitios web pero tambi\u00e9n ofrece herramientas o plugins para crear landing pages. Para ello debes activar el pluggin gratuito Elementor. Al crear tu landing page desde este sencillo editor, podr\u00e1s elegir diversas plantillas y personalizarlas agreg\u00e1ndole texto y otros elementos. Tambi\u00e9n podr\u00e1s agregar formularios para nuevos usuarios y datos de contacto a tu empresa.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10341 size-large\" title=\"worpress landing page\" src=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/worpress-landing-page-1024x594.jpg\" alt=\"worpress p\u00e1ginas de destino\" width=\"1024\" height=\"594\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/worpress-landing-page-1024x594.jpg 1024w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/worpress-landing-page-300x174.jpg 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/worpress-landing-page.jpg 1120w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h3><a href=\"https:\/\/acumbamail.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Acumbamail<\/a><\/h3>\n<p>Esta plataforma permite crear, editar y publicar landing pages en poco tiempo para las campa\u00f1as publicitarias. Lo mejor es que no necesitas ser un experto en programaci\u00f3n o dise\u00f1o web. Para ello cuenta con una interfaz sencilla con herramientas y plantillas de edici\u00f3n para crear landing pages visibles en cualquier dispositivo.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10339 size-large\" title=\"crear p\u00e1gina de destino en Acumbamail\" src=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/Acumbamail-landing-page-1024x594.jpg\" alt=\"crear p\u00e1gina de destino en Acumbamail\" width=\"1024\" height=\"594\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/Acumbamail-landing-page-1024x594.jpg 1024w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/Acumbamail-landing-page-300x174.jpg 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/Acumbamail-landing-page.jpg 1120w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h3><a href=\"https:\/\/es.wix.com\/website\/templates\/html\/landing-pages\" target=\"_blank\" rel=\"nofollow noopener\">Wix<\/a><\/h3>\n<p>Si bien es una plataforma especializada en la creaci\u00f3n de sitios web, tambi\u00e9n brinda la posibilidad de crear landings pages. Esta plataforma ofrece m\u00e1s de 500 plantillas para landings pages que puedes personalizar a tu gusto. Tambi\u00e9n tienes la posibilidad de hacer que tu landing page sea visible para versiones m\u00f3viles. Asimismo, se recomienda enlazar la landing page al sitio web principal.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10340 size-large\" title=\"p\u00e1ginas de destino en wix\" src=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/wix-landing-page-1024x594.jpg\" alt=\"p\u00e1ginas de destino en wix\" width=\"1024\" height=\"594\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/wix-landing-page-1024x594.jpg 1024w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/wix-landing-page-300x174.jpg 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/03\/wix-landing-page.jpg 1120w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2>Conclusi\u00f3n<\/h2>\n<p style=\"text-align: justify;\">Como acabamos de ver en este art\u00edculo es fundamental dise\u00f1ar una landing page adecuada y lo suficiente atractiva para obtener el mayor n\u00famero de conversiones y as\u00ed lograr los objetivos trazados en nuestra\u00a0estrategia de <strong><span style=\"color: #0000ff;\"><a href=\"https:\/\/mott.pe\/cursos\/diplomado-marketing-digital-neuromarketing\" target=\"_blank\" rel=\"noopener\">Marketing Digital<\/a>.<\/span><\/strong><\/p>\n<p>Por ello es importante considerar estos pasos y recomendaciones para elaborar la estructura de la landing page. Recuerda que una<a href=\"https:\/\/glosario.mott.pe\/marketing\/palabras\/landings\" target=\"_blank\" rel=\"noopener\"> landing page<\/a> es un recurso muy beneficioso para tus estrategias de marketing. Por lo tanto, debes dedicar tus mejores esfuerzos en realizarla.<\/p>\n<p><strong>Te podr\u00eda interesar<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/mott.marketing\/herramientas-y-aplicaciones-gratuitas-para-marketing-digital-2020\/\" target=\"_blank\" rel=\"noopener\">20 Herramientas y Aplicaciones Gratuitas para Marketing Digital 2021<\/a><\/li>\n<li><a href=\"https:\/\/mott.marketing\/factores-que-debes-tener-en-cuenta-para-tener-una-campana-de-marketing-digital-efectiva\/\" target=\"_blank\" rel=\"noopener\">Factores que debes tener en cuenta para tener una campa\u00f1a de marketing digital efectiva<\/a><\/li>\n<li><a href=\"https:\/\/mott.marketing\/10-pasos-para-crear-una-campana-de-email-marketing-exitosa\/\" target=\"_blank\" rel=\"noopener\">10 pasos para crear una campa\u00f1a de Email Marketing exitosa<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>En art\u00edculos anteriores como \u201cConsejos para que tu Landing Page sea efectiva\u201d hemos hablado de la importancia que tiene crear una Landing Page en Internet. Y establecimos que la presentaci\u00f3n de esta debe ser lo m\u00e1s atractiva y eficiente posible para que un usuario pueda mantenerse dentro de ella y realice alg\u00fan tipo de conversi\u00f3n. &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/mott.marketing\/pasos-para-disenar-las-mejores-landing-page\/\"> <span class=\"screen-reader-text\">Pasos para saber c\u00f3mo crear las mejores landing page<\/span> Leer m\u00e1s &raquo;<\/a><\/p>\n","protected":false},"author":4,"featured_media":10647,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","footnotes":""},"categories":[36,32],"tags":[62,64,70],"_links":{"self":[{"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/posts\/2097"}],"collection":[{"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/comments?post=2097"}],"version-history":[{"count":0,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/posts\/2097\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/media\/10647"}],"wp:attachment":[{"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/media?parent=2097"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/categories?post=2097"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/tags?post=2097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}