{"id":1532,"date":"2019-05-08T09:00:46","date_gmt":"2019-05-08T14:00:46","guid":{"rendered":"https:\/\/www.marketerosagencia.com\/?p=1532"},"modified":"2025-06-05T07:25:21","modified_gmt":"2025-06-05T12:25:21","slug":"estructura-correcta-landing-page","status":"publish","type":"post","link":"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/estructura-correcta-landing-page\/","title":{"rendered":"Conoce la estructura correcta de una Landing Page"},"content":{"rendered":"<p>Como lo hemos venido hablando en casos anteriores, el <strong>dise\u00f1o web<\/strong> es un elemento que no puede ser tomado a la ligera, ya que es a partir de \u00e9ste que atraemos, enganchamos y conducimos al usuario a trav\u00e9s del sitio web con el fin de que lleve a cabo una acci\u00f3n determinada. Sin embargo, es fundamental tener presente que cada p\u00e1gina tiene un objetivo puntual, por lo que no podemos hablar de una f\u00f3rmula m\u00e1gica que se aplique a todo tipo de web, por lo que en este caso hablaremos sobre la estructura m\u00e1s adecuada para una Landing Page capaz de obtener un excelente porcentaje de conversiones.<\/p>\n<p>Primero que todo, una <strong>Landing Page<\/strong>, o p\u00e1gina de aterrizaje, es un sitio al cual llega un usuario que debe llevar a cabo una acci\u00f3n puntual, sea descargar contenido de valor, realizar una compra, fijar una cita, obtener una demostraci\u00f3n, etc. No obstante, para que el prospecto obtenga el contenido por el cual ha ingresado a la p\u00e1gina, primero debe suministrar algo de informaci\u00f3n a cambio, lo cual tiende a ser mediante un formulario.<\/p>\n\n\n<blockquote><p><strong>Te puede interesar: <\/strong><a href=\"https:\/\/www.marketerosagencia.com\/blog\/diseno-web\/bancos-imagenes-gratis\/\"><strong>Los mejores bancos de im\u00e1genes gratis para tu empresa<\/strong><\/a><\/p><\/blockquote>\n\n\n<p>El objetivo de una Landing Page, pues, es ser lo suficientemente atractiva, directa, concisa y convincente para que el usuario comprenda qu\u00e9 es lo que va a adquirir y diligencie el formulario sin problemas. Sin embargo, el principal problema de una p\u00e1gina de aterrizaje que no genera suficientes conversiones no radica en el producto que se promociona, sino en su dise\u00f1o web. En este orden de ideas, a continuaci\u00f3n, explicaremos los elementos m\u00e1s importantes dentro de una Landing Page y su estructura con el fin de ayudarte a incrementar tu obtenci\u00f3n de leads.<\/p>\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_69_1 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Indice de Contenido<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69e63904beaec\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69e63904beaec\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/estructura-correcta-landing-page\/#Mensaje_claro_corto_y_directo\" title=\"Mensaje claro, corto y directo\">Mensaje claro, corto y directo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/estructura-correcta-landing-page\/#Imagenes_atractivas\" title=\"Im\u00e1genes atractivas\">Im\u00e1genes atractivas<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/estructura-correcta-landing-page\/#Elimina_todo_tipo_de_distraccion\" title=\"Elimina todo tipo de distracci\u00f3n\">Elimina todo tipo de distracci\u00f3n<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/estructura-correcta-landing-page\/#Un_formulario_sustancioso\" title=\"Un formulario sustancioso\">Un formulario sustancioso<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/estructura-correcta-landing-page\/#No_olvides_la_jerarquia_de_la_informacion\" title=\"No olvides la jerarqu\u00eda de la informaci\u00f3n\">No olvides la jerarqu\u00eda de la informaci\u00f3n<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Mensaje_claro_corto_y_directo\"><\/span>Mensaje claro, corto y directo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>En primera instancia, debes tener en cuenta que los usuarios navegan a velocidades vertiginosas en la web, por lo que debes ofrecer una vista sencilla que ofrezca un mensaje directo y convincente. Por lo tanto, utiliza un t\u00edtulo corto que haga alusi\u00f3n al producto o servicio que recibir\u00e1 una vez suministre sus datos, y acomp\u00e1\u00f1alo con un subtexto corto que resalte el beneficio principal de \u00e9ste.<\/p>\n<p>Asimismo, puedes crear un apartado explicando m\u00e1s puntualmente qu\u00e9 es el producto que recibir\u00e1 (eBook, gu\u00eda, infograf\u00eda, free trial, etc.), y a\u00f1ade una lista de beneficios secundarios puntuales.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Imagenes_atractivas\"><\/span>Im\u00e1genes atractivas<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Si es posible, utiliza un MockUp del producto que entregar\u00e1s o fotograf\u00edas que hagan alusi\u00f3n a los beneficios de \u00e9ste. Es importante que la persona sepa qu\u00e9 est\u00e1 adquiriendo y las im\u00e1genes son una excelente forma de hacerlo. Sin embargo, debes tener en cuenta que debe ser un elemento sutil que no genere ruido ni acapare toda la atenci\u00f3n del usuario.<\/p>\n\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1503 aligncenter\" src=\"https:\/\/cdn.marketerosagencia.com\/wp-content\/uploads\/2019\/06\/13215225\/estructura-correcta-de-una-Landing-Page.jpg\" alt=\" estructura correcta de una Landing Page\" width=\"750\" height=\"321\" \/><\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Elimina_todo_tipo_de_distraccion\"><\/span>Elimina todo tipo de distracci\u00f3n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Un ejercicio fundamental a la hora de crear una p\u00e1gina de aterrizaje es eliminar cualquier distracci\u00f3n que pueda llevar al usuario hacia otro sitio, por lo que debes retirar las barras de navegaci\u00f3n, barras de b\u00fasqueda, entradas de blog u otros elementos que puedan resultar en la p\u00e9rdida del contacto.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Un_formulario_sustancioso\"><\/span>Un formulario sustancioso<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Ahora, teniendo en cuenta que la gran mayor\u00eda de usuarios tienden a ser un poco reservados a la hora de suministrar su informaci\u00f3n, lo m\u00e1s aconsejable es generar formularios cortos que soliciten informaci\u00f3n verdaderamente valiosa, por lo que es crucial estudiar muy bien el estado del usuario y los <strong>datos relevantes para garantizar un buen flujo del lead.<\/strong><\/p>\n<p>As\u00ed pues, procura que tus formularios contengan \u00fanicamente entre 3 y 4 espacios, un caj\u00f3n para aceptar las pol\u00edticas de privacidad y, finalmente, un Call To Action (bot\u00f3n de llamada a la acci\u00f3n) que se destaque.<\/p>\n<p>Entre los consejos m\u00e1s recurrentes respecto a un buen <strong>Call To Action<\/strong>, los expertos sugieren utilizar un elemento de otro color (sin discrepar con la paleta de colores de la compa\u00f1\u00eda). Asimismo, el bot\u00f3n debe estar acompa\u00f1ado de una un verbo de acci\u00f3n como \u201cDescargar\u201d, \u201cAcceder\u201d, \u201cComprar\u201d, etc.<\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"No_olvides_la_jerarquia_de_la_informacion\"><\/span>No olvides la jerarqu\u00eda de la informaci\u00f3n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Cada elemento es fundamental para obtener un \u00edndice de conversiones satisfactorio, por lo que la jerarqu\u00eda de la informaci\u00f3n juega un papel crucial. En primera fila, coloca el t\u00edtulo y el texto que resalta el beneficio principal del producto, la imagen de \u00e9ste y el formulario.<\/p>\n<p>Luego, debajo de ello, puedes colocar el texto complementario con los beneficios secundarios.<\/p>\n<p>Recuerda el orden de lectura del usuario y ten en cuenta qu\u00e9 es m\u00e1s importante para garantizar la obtenci\u00f3n de un nuevo lead.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Como lo hemos venido hablando en casos anteriores, el dise\u00f1o web es un elemento que no puede ser tomado a la ligera, ya que es a partir de \u00e9ste que atraemos, enganchamos y conducimos al usuario a trav\u00e9s del sitio web con el fin de que lleve a cabo una acci\u00f3n determinada. Sin embargo, es [&hellip;]<\/p>\n","protected":false},"author":26,"featured_media":1610,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_lock_modified_date":false,"footnotes":""},"categories":[9],"tags":[],"class_list":["post-1532","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"acf":[],"_links":{"self":[{"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/posts\/1532"}],"collection":[{"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/comments?post=1532"}],"version-history":[{"count":2,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/posts\/1532\/revisions"}],"predecessor-version":[{"id":1649,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/posts\/1532\/revisions\/1649"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/media\/1610"}],"wp:attachment":[{"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/media?parent=1532"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/categories?post=1532"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/tags?post=1532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}