Como crear una landing page en WordPress
En esta guía quiero explicarte cómo hacer una página de inicio (home page) y landing page en WordPress sin tener la más mínima idea de este CMS y sin tener que gastarte un euro en plantillas o plugins.
La forma de estructura el artículo va a ser la siguiente. De entrada, vamos a comprender bien que es una página de inicio y su diferencia con una landing page. Tras ello, vamos a ver la estructura propia de nuestra landing y tras ello, vamos a ver cómo implementarla.
Qué es una home page
La home page, o página de inicio, es la página principal de un sitio web y sirve como punto de entrada y guía para los usuarios que lo visitan. Su propósito es brindar una visión general de lo que ofrece la marca o empresa, facilitando la navegación a otras secciones importantes del sitio, como productos, servicios, blog, contacto, y más.
Qué es una landing page
Una landing page es una página diseñada específicamente para captar la atención del visitante y persuadirlo para que realice una acción determinada, como suscribirse a una lista de correos, descargar un contenido o comprar un producto.
Este tipo de página es ideal para campañas de marketing digital y anuncios, ya que permite que los usuarios lleguen directamente a la información que les interesa. Yo por ejemplo, tengo clientes para los que he creado una landing page con el objetivo de conseguir los emails de sus lectores.
Diferencia entre landing y home page
Aquí te dejo una tabla clara y concisa con las diferencias clave entre una landing page y una home page:
| Característica | Landing Page | Home Page |
|---|---|---|
| Objetivo | Enfocado en una conversión específica | Presentar la marca y guiar al usuario por el sitio |
| Estructura | Minimalista, sin enlaces de navegación | Compleja, con enlaces a varias secciones |
| Contenido | Breve y persuasivo, orientado a la acción | Amplio y general, representa toda la marca |
| Llamada a la acción | Una CTA destacada, clara y directa | Varias CTAs para explorar diferentes secciones |
| Uso común | Campañas de marketing y anuncios | Página principal del sitio web |
Dicho esto, una landing page puede ser la página de inicio de una web en algunos casos, especialmente cuando el objetivo principal del sitio es la conversión directa o si se trata de un sitio web de un solo producto o servicio.
Te enseño a auditar tu web con Screaming Frog, para que identifiques y soluciones los problemas que están afectando tu SEO.
¡Comienza mi curso de Screaming Frog gratis hoy!
Cómo hacer una landing page en WordPress
Vamos a empezar a bajar toda esta historia un poco más a tierra. Y para ello, vamos ver cómo dar vida a esta página. Por supuesto, podríamos usar plantillas de WordPress, como Divi, GeneratePress o Astra, con las que crear nuestra home page pero prefiero hacer un ejemplo puro en Gutenberg que puedas replicar con cualquier tema.
Por esta misma razón, tampoco voy a usar Elementor, pues no soy muy partidario de emplearlo por su impacto en el WPO de la web (lo considero solo como opción cuando no me queda más remedio).
Así pues, las herramientas que vamos a usar son:
- Tema de ASAP (aunque realmente da igual).
- Plugin de Ultimate Shortcodes (plugin de WordPress gratuito).
- Plugin de Contact Form 7 (plugin de WordPress gratuito).
- Flaticon (herramienta gratuita para generar iconos).
- Freepick y pixabay (bancos de imágenes gratuitos).
Plantilla de landing pages
Aquí te presento una plantilla de landing page que puede seguir para crear tus páginas de inicio en WordPress. Obviamente, este template es una estructura estándar que puedes tomar como base pero que deberás adaptar según las necesidades de tu nicho.
A modo de estructura tenemos:
- Una above the Fold con el nombre de la web (H1) y un lema que resuma el objetivo de la web.
- Un pequeño párrafo que nos sirva de presentación y propuesta de valor sobre el proyecto.
- Una sección (H2) argumentando por qué el lector debería confiar en nosotros (aquí podemos meterle iconos de herramientas gratuitas como flaticon.es)
- Una sección (H2) mostrando opiniones y reseñas de clientes (aquí hay quien lo trampea con herramientas como this-person-does-not-exist.com).
- Una calculadora (H2) para obtener un pequeño presupuesto gratuito (y con el que captar el lead).
- Una pequeña segmentación basada en intereses, (H2) que podrían ser los servicios que ofrece la empresa.
- Una pequeña segmentación basada en puntos geográficos (H2), que podría ser de utilidad para un nicho geolocalizado.
- Una sección de preguntas frecuentes (H2), que nos servirá también para ampliar semántica.
- Una sección de contacto (H2) con un formulario.
De nuevo, esto es una pagina de inicio estándar que tendremos que adaptarla según el proyecto. En un proyecto de SEO Local o Rank and Rent cobra importancia la sección de servicios y reseñas del cliente, mientras que en un proyecto de tipo directorio, la segmentación geográfica es más importante.
Ejemplo de landing page en WordPress
A modo de ejemplo, he creado la home page de una web de tipo directorio que lista los mejores fotógrafos de España.
Como vemos, lo que hacemos es mostrar bien arriba (en el above the fold) nuestra propuesta de valor y ya incluimos 2 llamadas a la acción (CTAs) en forma de botones: uno para capturar el lead y otro para llevarlo a la sección de la homepage que nos interese, en nuestro caso, a los servicios.
Tras ello, y en caso de que el visitante no haya hecho clic en los botones, le vamos marcando un camino durante el cual, nos ganamos su confianza y establecemos una serie de segmentaciones para intentar llevar al lector allá donde lo necesite.
Finalmente, incluimos un formulario de contacto por si tiene alguna consulta o no hemos sido capaces de satisfacer su intención de búsqueda en algo específico.
Como cambiar la pagina de inicio en WordPress
Una vez tenemos configurada la landing page debemos seleccionarla como página de inicio en WordPress. Algo realmente sencillo, pues solo debemos de ir a Ajustes > Lectura y en la sección de "Tu página de inicio muestra" seleccionamos una página estática. Tras ello, del desplegable de Página de inicio, buscamos nuestra URL y ya la tenemos configurada.
Descargar archivos
Cómo propuse en el video que grabé, aquí abajo te dejo los archivos para que puedas descargarlos gratis y pegarlos en tu proyecto.
Recuerda personalizarlo y cambiar los enlaces (que si no lo haces y me pones un enlace, yo encantado, pero te lo comento para que lo sepas).
Si has llegado hasta aquí… ¡Apúntate a mi Newsletter y sigue aprendiendo cada semana sobre SEO!