\u00bfPor qu\u00e9 es importante tener una buena landing page?<\/h2>\n
La landing page va a tener una misi\u00f3n. Explicarle al cliente qu\u00e9 ofrecemos, cuales son nuestros servicios, mejores productos o mejores ofertas. Todo en cuesti\u00f3n de segundos. El contenido debe ser claro, relevante y espec\u00edfico. Met\u00e1monos en la cabeza del visitante.<\/p>\n
Es una persona con poco tiempo, abrumada por la cantidad de resultados que encuentra. Quiere respuestas r\u00e1pidas a sus preguntas. \u00bfQu\u00e9 preguntas deber\u00e1 pues, responder una landing page?<\/p>\n
- \n
- Qu\u00e9 productos o servicios ofrecemos<\/li>\n
- A qui\u00e9n van destinados, tipo de persona, edad necesidades que tiene<\/li>\n
- Por qu\u00e9 nos tiene que elegir a nosotros y no a nuestra competencia<\/li>\n<\/ul>\n
As\u00ed, cuando un visitante contacte con nosotros, ya va a conocer de antemano toda la informaci\u00f3n que necesita. La p\u00e1gina web habr\u00e1 hecho ese trabajo por ti. Tu misi\u00f3n ser\u00e1 cerrar el trato con el cliente. Imag\u00ednate el escaparate de una tienda o la portada de un peri\u00f3dico.<\/p>\n
<\/p>\n
Ejemplo de landing page que muestra la navegaci\u00f3n a la izquierda, lo que se ofrece, para qui\u00e9n va destinado y una selecci\u00f3n de productos.<\/em><\/p>\n
\u00bfC\u00f3mo debe ser una landing page?<\/h2>\n
Como hemos se\u00f1alado con anterioridad, el objetivo de una landing page o p\u00e1gina de aterrizaje es ser el punto de partida de la navegaci\u00f3n del usuario por el resto de la p\u00e1gina web. Por este motivo, vamos a aprovecharnos de ello para guiar al visitante hacia las secciones o apartados de la web que nos interese a nosotros que visite. Ello se puede lograr de diferentes formas.<\/p>\n
- \n
- Elementos captadores de atenci\u00f3n. O call to actions.<\/li>\n
- Dise\u00f1o web estructurado<\/a> y navegaci\u00f3n intuitiva por medio de men\u00fas.<\/li>\n
- Empleo de breadcrumbs o migas de pan.<\/li>\n
- Banners, elementos con un buen dise\u00f1o gr\u00e1fico.<\/li>\n
- Chat en vivo con el visitante.<\/li>\n
- Y un largo etc…<\/li>\n<\/ul>\n
Por lo tanto y a modo de resumen, nuestra landing page deber\u00e1 responder a las preguntas del visitante y lograr encaminarlo hacia la secci\u00f3n o secciones que m\u00e1s nos interese a nosotros.<\/p>\n
Ejemplos de landing page efectivas<\/h2>\n
Dependiendo del tipo de p\u00e1gina web su landing page ser\u00e1 diferente. Vamos a ver diferentes ejemplos de landing page adaptados a las necesidades de cada tipo de negocio online.<\/p>\n
Tienda online<\/h3>\n
Su landing page va a mostrar los productos que m\u00e1s nos interese vender. Deber\u00e1 tener a mano el \u00e1rbol de navegaci\u00f3n, con todas las categor\u00edas y subcategor\u00edas. A ser posible se destacar\u00e1n por medio de call to actions aquellas familias de productos que nos dejen m\u00e1s margen de beneficio. Deber\u00e1 incorporar un resumen de quienes somos, qu\u00e9 vendemos, para qui\u00e9n son nuestros productos y por qu\u00e9 nos deben comprar a nosotros.<\/p>\n
Veamos el ejemplo de \u00e9sta tienda online creada por iberotecno.<\/a> En su portada se resume todo lo que hemos ido diciendo. Respuesta a preguntas y los productos y categor\u00edas que m\u00e1s nos interesa vender.<\/p>\n
Blog, Wiki o enciclopedia<\/h3>\n
Mostrar\u00e1 los \u00faltimos posts publicados. Puede incorporar de forma resaltada o en grande aquellos posts que queramos que m\u00e1s sean visitados, reciben el nombre de \u00abfeatured posts\u00bb. Es interesante mostrar un acceso sencillo e intuitivo a todas las categor\u00edas del blog. Si disponemos de un dise\u00f1o con una columna secundaria, podremos meter en ella widgets, banners o enlaces patrocinados. Un ejemplo claro ser\u00eda la landing page de Wikipedia.<\/a> Llena de art\u00edculos para cada tema, en su landing page muestra una selecci\u00f3n de los m\u00e1s recientes o interesantes.<\/p>\n
P\u00e1gina web para Amazon Afiliados<\/h3>\n
Podemos disponer de 2 tipos de landing page de uso preferente para este tipo de p\u00e1ginas web. Una landing page tipo blog, como la de este ejemplo<\/a>, es perfecta para aquellos que quieran trabajar m\u00e1s bien el SEO on page. Es decir, posicionar en Google cada uno de los productos o posts del blog. La landing page actuar\u00e1 como hemeroteca.\u00a0 Otro formato que funciona muy bien para webs de Amazon Afiliados es una landing page tipo tienda online. Como un cat\u00e1logo de productos. Aqu\u00ed tienes un ejemplo de landing page<\/a> tipo tienda online.<\/p>\n
Como crear una buena landing page<\/h2>\n
A la hora de crear la mejor landing page posible,<\/a> deberemos hacerlo teniendo en cuenta los siguientes aspectos.<\/p>\n
Mensaje y contenido<\/h3>\n
Debe responder a las preguntas, quienes somos, que ofrecemos, a qui\u00e9n va destinado lo que ofrecemos y por qu\u00e9 deben elegirnos a nosotros. Incluiremos una buena lista de palabras clave relevantes para nuestro negocio. Deber\u00e1 tener elementos captadores de atenci\u00f3n tales como botones, banners, animaciones y\/o buenos recursos gr\u00e1ficos. Mostraremos nuestros productos o servicios principales. No detallaremos las cosas con exceso, a no ser que se trate de un sitio web de una p\u00e1gina (onepage website). Redirigiremos al visitante hacias las zonas de la web que nos interese a nosotros que vea.<\/p>\n
Rendimiento<\/h3>\n
No deberemos descuidar el rendimiento y tiempo de carga. Si nuestra landing page tardase m\u00e1s de 3 segundos en cargar, el 90% de los visitantes se ir\u00eda a otra p\u00e1gina web. Por lo tanto deberemos utilizar im\u00e1genes con un peso reducido, por ejemplo usando el formato .webp y no excedernos en el contenido que metamos. Ser\u00eda ideal contar con un buen hosting web,<\/a> que tenga disponible alg\u00fan sistema de cach\u00e9, como por ejemplo Litespeed, memcache o redis. Deberemos analizar nuestra landing page en Google Pagespeed Insights y ver que tenga buena puntuaci\u00f3n.<\/p>\n
<\/p>\n
Ejemplo de buen rendimiento de una landing page creada por iberotecno<\/em><\/p>\n
Sistema a emplear<\/h3>\n
Una buena landing page se puede hacer por medio de muchos sistemas o de diferentes formas. Podemos crear una landing page haciendo uso solamente de c\u00f3digo fuente HTML5 y CSS, existen muchas plantillas gratuitas para hacer landing pages sencillas. Por ejemplo en este enlace.<\/a> Son plantillas ligeras y sencillas. Se pueden editar con por ejemplo notepad++ o vistual studio Code.<\/p>\n
Otra de las plataformas m\u00e1s populares para crear p\u00e1ginas de aterrizaje es WordPress. Con una amplia gama de complementos y temas, puedes crear una p\u00e1gina de aterrizaje de aspecto profesional en poco tiempo. En estos casos es recomendable utilizar un tema o plantilla que tenga editor visual, como por ejemplo Elementor o Avada Builder. Ello nos va a facilitar mucho la creaci\u00f3n de nuestra landing page.<\/p>\n
Si queremos crear una buena landing page para nuestra tienda online, podemos usar el sistema Prestashop. Tambi\u00e9n existen temas o plantillas para Prestashop compatibles con el editor visual Elementor.<\/p>\n
En resumen, una p\u00e1gina de aterrizaje es un elemento clave en cualquier campa\u00f1a de marketing. Te ayuda a transmitir tu mensaje y anima a los visitantes a tomar una acci\u00f3n espec\u00edfica. Si est\u00e1s buscando aumentar las conversiones, la creaci\u00f3n de una p\u00e1gina de aterrizaje debe estar en la parte superior de tu lista de tareas pendientes.<\/p>\n
![\"que](\"https:\/\/iberotecno.com\/staging\/wp-content\/uploads\/2023\/03\/marketplace-bebes.jpg\")
<\/p>\n![\"landing](\"https:\/\/iberotecno.com\/staging\/wp-content\/uploads\/2023\/03\/pagespeed.jpg\")
<\/p>\n