Cómo crear la página de inicio perfecta con Spectra [7 pasos].

Create perfect homepage with UAG

La página de inicio es, para la mayoría de los sitios, la página más importante.

A menudo es la que recibe la mayor parte de su tráfico. Pero, por desgracia, la mayoría de las páginas de inicio no están optimizadas por falta de contenido o por una redacción deficiente.

Pero no te preocupes, hoy, Vlad, un consultor de marketing web (visite el sitio web), detalla cómo crear la página de inicio perfecta con Spectra.

Así que si quieres aumentar tu tráfico y tus conversiones, este artículo es para ti.

Empecemos.

Paso 1: Empezar con una promesa poderosa

Asegúrate de que tu titular es claro

El titular es el lo primero que ve su visitante. En una frase, debe explicar claramente lo que ofrece.

Aquí tienes algunos consejos para escribir un buen titular:

  • Nombre a sus clientes - Por ejemplo: "Profesores: aquí las mejores herramientas para organizar su jornada
  • Hable del problema de su cliente - Por ejemplo: "¿Necesita un sitio web superrápido? Le encantará nuestro plugin"
  • Si es necesario, utilice palabras poderosas: potente, mejor, nuevo, asombroso, único, rápido, último...
  • Utiliza tu palabra clave principal en el titular
  • Coloque este titular en una etiqueta H1
  • Sea conciso: de 10 a 15 palabras

En el siguiente ejemplo, el eslogan de Vlad es el siguiente:

"Hola, soy Vlad, un consultor de marketing web que quiere cosas buenas para tu negocio".

Vlad website

CONSEJO PROFESIONAL:

Humanice su sitio web con una bonita foto suya o de su equipo. Esta imagen ayudará a mejorar la confianza.

Bloques Spectra para usar: Sección + Rúbrica avanzada

Vlad website using gutenberg editor

Utilice el vídeo si puede

Según Unbounceincluir un vídeo en su página de aterrizaje puede aumente su tasa de conversión hasta 80%.

El vídeo es muy eficaz para mostrar directamente las ventajas de su oferta. Recuerde el dicho: "Mostrar, no contar.”

He aquí un ejemplo: Hamacas de hojas amarillas es una marca que vende hamacas fabricadas por artesanos locales de Tailandia que obtienen unos ingresos estables.

Yellow leaf website example

La página de inicio aprovecha perfectamente el vídeo para mostrar que la hamaca es ideal para relajarse. Es atractiva.

Estos son los diferentes tipos de vídeos que puedes mostrar:

  • Cómo se fabrica su producto
  • Cómo se utilizan sus productos en la vida cotidiana
  • Vídeo centrado en los valores de su marca

¿Necesita inspiración?

Puede encontrar muchos ejemplos de vídeos para su página de inicio aquí.

Paso 2: Muestre su prueba social inmediatamente

La tasa media de conversión de un sitio web es de 2,35% (Fuente: Wordstream).

Esta baja tasa podría explicarse por el hecho de que la mayoría de los visitantes de su página de inicio descubren su sitio web por primera vez.

Por eso es esencial tranquilizarles desde el principio de su visita.

Recuerde: la confianza es el elemento clave para aumente sus conversiones.

La prueba social puede adoptar distintas formas:

  • Cifras clave
Add social proof
  • Logotipos de clientes prestigiosos
add prestigious customers logo
  • Comentarios de los clientes
add customer reviews
  • Recomendaciones de personas influyentes de su sector
Add influencers review

Acuérdate, los más vendidos son sus clientes.

Todos conocemos el ejemplo del restaurante.

Un establecimiento lleno de gente atrae naturalmente a los clientes, mientras que uno vacío no.

En Amazon, las opiniones de los clientes son un factor de compra muy importante. De hecho, el 79% de los consumidores se dejan influir por los productos con las mejores valoraciones y reseñas (Fuente). Los productos con 5 estrellas nos atraen de forma natural.

Así que asegúrese de obtener el máximo de opiniones de clientes y planifique una página dedicada a ello en su sitio web, como en el ejemplo siguiente:

Customer review example

CONSEJO PROFESIONAL:

Si opta por las opiniones de clientes, incluya fotos para que sus testimonios sean aún más auténticos.

Testimony example

Bloque Spectra a utilizar : Testimonio

UAG testimony block

¿Cómo puedo conseguir pruebas sociales si no tengo clientes o tengo pocos?

En esta situación, le aconsejamos que haga que la gente pruebe su producto o servicio, aunque sea gratis, para obtener algunas opiniones.

Paso 3: Describa brevemente su oferta

Recuerde divida su oferta en bloques diferenciados.

Asegúrese también de que el título es claro. Vlad, por ejemplo, tiene el siguiente título para describir su oferta: "Competencias: Especialista más que generalista

Describe your services

Desde el punto de vista del SEO, esta es la forma correcta de enlazar a sus páginas más importantes.

CONSEJO PROFESIONAL:

Añadir pictogramas SVG para ilustrar su oferta.

Bloque Spectra a utilizar : Columnas avanzadas y llamadas a la acción

UAG advanced columns ad call to action

Para un sitio de comercio electrónico, puede insertar un enlace a las categorías principales. Asegúrese de utilizar elementos visuales atractivos como casper.com :

casper website

Paso 4: Utilizar la combinación problema/solución

He aquí un consejo de redacción publicitaria: describa el problema de su cliente objetivo y exponga su solución. Este consejo es muy eficaz para convertir a un posible cliente.

Asphalte.comuna marca francesa de ropa en línea, utiliza esta técnica para todos los productos que ofrece.

He aquí un ejemplo con vaqueros.

La marca describe brevemente los problemas generales de los vaqueros:

Asphalte website example

Y luego presenta su jean perfecto con las diferentes características :

Asphalte website example 2

En el sitio web de Vlad, describe los 3 principales problemas a la hora de elegir un autónomo:

  • Confiar en alguien desconocido
  • Falta de comunicación
  • No se respetan los plazos
Vlad website example

Y detalla su solución en forma de claros beneficios:

  • Sólo paga si está satisfecho
  • Una disponibilidad exacta sólo para usted
  • Socio en lugar de autónomo
Vlad website example 2

Siéntase libre de ilustrar con pictogramas, es más agradable de leer.

Bloque Spectra a utilizar: Columnas avanzadas

UAG advanced columns block

Paso 5: Describa cómo funciona su oferta

Es hora de explicar paso a paso cómo funciona su oferta. Sea lo más directo posible.

ManyPixelsun servicio de diseño gráfico a la carta, explica muy bien cómo funciona.

Al hacer clic en un paso, los detalles se muestran a continuación. Muy bonito.

Manypixels website example

En el sitio web de Vlad, el servicio se describe en 3 pasos :

  • Paso 1: Rellene un formulario rápido
  • Paso 2: Consulta telefónica de 30 minutos - Sin compromiso
  • Paso 3: Plan de acción
Manypixels timeline content example

CONSEJO PROFESIONAL:

Inserte una CTA potente como "Let's impulse su negocio

Bloque Spectra a utilizar: Contenido de la línea de tiempo

UAG timeline content example

Paso 6: Preséntese o presente a su equipo

Rápidamente describa la razón de lo que hace. Es esencial mostrar tu pasión y entusiasmo para que la gente trabaje contigo o utilice tu producto/servicio.

Considere la posibilidad de incluir un enlace a su página "Acerca de" en este punto.

Si formas parte de la narrativa de tu organización, cuéntale a la gente un poco sobre ella a modo de teaser, animándoles a saber más.

Una vez más, el vídeo es ideal para humanizar la marca y generar confianza.

Founders Brewing Co. tiene un gran vídeo "sobre nosotros".

Paso 7: Insertar una FAQ

Las preguntas frecuentes son una excelente manera de añadir contenido a su página de inicio y, por lo tanto mejore su SEO. También es una excelente oportunidad para responder a las preguntas habituales de los usuarios antes, durante y después de la conversión.

¿Cómo encontrar sus preguntas?

Puede pregunte a sus clientes actuales enviando un formulario de Google por correo electrónico.

Puede utilizar el botón "La gente también pregunta"de Google para encontrar las preguntas más frecuentes.

Google people also ask example

O Quora:

Quora website

O en la sección de preguntas de Amazon. Aquí tienes un ejemplo para una hamaca:

Amazon questions and answers

Construir una estructura de navegación perfecta

Si tiene muchas preguntas que responder, es muy interesante para su SEO haga una página para cada pregunta.

Empieza por crear una página pilar en la que agruparás todas tus preguntas por categorías. Cada pregunta enlazará con una página específica en la que responderás en detalle.

MentaUna aplicación para gestionar tu dinero utiliza esta estrategia:

Mint FAQ example

Compruebe regularmente los análisis

Es fundamental que compruebe su solución de análisis para asegurarse de que sus preguntas frecuentes responden a las consultas de sus consumidores.

Además, fíjese en otros indicadores, como el tiempo que pasan en la página o el camino que siguen después de consultar la página de preguntas frecuentes.

Con esta información, podrá revisar sus FAQ.

Esquema Spectra FAQ

FAQ schema block

¿Sabe qué tiene de bueno nuestro bloque de esquema de preguntas frecuentes? Le permite añadir preguntas fácilmente, y utiliza automáticamente los datos estructurados correctos

CONSEJO PROFESIONAL:

Para mejorar su SEO, elija la etiqueta H2 o H3 para sus preguntas.

Para más información, lea nuestro artículo sobre el FAQ-Schema.

Bonificación: SEO para su página de inicio

Su página de inicio y el sitio web en su conjunto deben cumplir unos requisitos técnicos específicos para obtener una buena clasificación en Google.

Lista de control para conseguir un buen SEO on page :

Escriba la mejor etiqueta de título y meta descripción que pueda

Prestar atención al título y a la meta descripción es crucial, porque es su única oportunidad de animar a los usuarios a visitar su sitio web desde los resultados de Google.

Con la aplicación de Google Rank Brain, el CTR (porcentaje de clics) es un criterio esencial para clasificar los resultados.

Si mucha gente hace clic en tu artículo, Google lo considera una gran señal.

La diferencia de CTR entre 2 títulos puede ser significativa. Cambiar unas pocas palabras puede tener un impacto real.

Mira por ejemplo estas 2 versiones:

  • Versión 1 :
Web page title and meta description
  • Versión 2 :
Web page title and meta description 2

Lo cambia todo, ¿no crees? 😊

He aquí algunos consejos para que su título y meta descripción sean correctos:

  • Inserte su palabra clave principal en la etiqueta Título y en la meta descripción
  • Describa con precisión el contenido de su página
  • Utiliza verbos de acción: "Descubre", "Disfruta", "Aquí está el"...
  • Destaque sus ventajas: "Entrega gratuita", "Pago sencillo"...
  • Sea conciso: unos 60 caracteres para el título y 200 caracteres para la meta descripción.
  • Respete en la medida de lo posible la regla de las 4 U : Único, Ultraespecífico, Útil, Urgente

Imagen SEO

Aquí tienes algunos consejos para el SEO de tus imágenes:

  • Nombre descriptivo del archivo
  • Presencia de una etiqueta alt
  • Insertar la semántica adecuada antes y después de la imagen
Image SEO

Inserte de 3 a 5 enlaces internos

Es esencial enlazar los contenidos. La página de inicio suele ser la más poderosa de su sitio web..

Aproveche para enviar "jugo SEO" a las páginas más importantes.

Por ejemplo, para un sitio de comercio electrónicopuede destacar las categorías más populares. Esto qué Zappos hace, por ejemplo:

Zappos website example

Obtenga una puntuación semántica excelente

Si los días del "relleno de palabras clave" han pasado, la optimización semántica sigue siendo imprescindible. Google entiende el contenido como nunca antes y un contenido largo con palabras clave semánticamente relacionadas es un factor clave para clasificar.

Por lo tanto, necesita escribir suficiente contenido para su página de inicio.

La buena noticia es que existen muchas herramientas para facilitar esta tarea.

Por ejemplo, puede utilizar la función Semrush Herramienta "Plantilla de contenidos SEO":

Semrush

Escriba su palabra clave y la herramienta analizará los primeros resultados de búsqueda de los competidores para ofrecerle muchas recomendaciones:

Semrush info

La lista de palabras relacionadas semánticamente es muy útil. No dude en integrarlas en su texto.

También tiene indicaciones sobre la longitud del contenido a la que debe aspirar.

Optimice su texto con WordPress

Si utiliza WordPress para su sitio web, puede instalar un plugin SEO para ayudarle con la optimización semántica.

Puede utilizar Yoast SEO :

Yoast SEO content improvement suggestion

O Rankmath :

Rank math content improvement suggestions

Estructure su etiquetado Hn

Los motores de búsqueda utilizan las etiquetas Hn como "resumen". En la práctica, estas etiquetas son los títulos y subtítulos de su contenido.

Para su etiquetado Hn, inserte :

  • Un único H1 en su página de inicio
  • Varios H2 y H3 que se suceden en una jerarquía lógica

CONSEJO PROFESIONAL:

obtenga la estructura Hn de sus competidores con la extensión de Chrome SEO META 1 clic.

SEO Meta chrome extension

Optimice la velocidad de su página de inicio y de su sitio web

La velocidad de carga es un criterio cada vez más importante tanto para los internautas como para los motores de búsqueda..

Google ha desplegado recientemente su actualización "Experiencia de la página de Google"que tiene en cuenta el tiempo de carga. Por tanto, es esencial ofrecer un sitio web rápido a sus usuarios.

Aquí tienes algunas medidas que puedes tomar:

También puede leer nuestro artículo "Experimenta páginas Gutenberg más rápidas con código optimizado".

Los mejores plugins de WordPress para aumentar la velocidad

Los siguientes plugins tienen muchas características para mejorar la velocidad de su sitio web.

Cohete WP:

Caching Plugin for WordPress WP Rocket

Nitropack:

NitroPack performance optimization

Conclusión: Ahora te toca a ti

Esperamos que estos consejos y ejemplos te ayuden a crear una página de inicio estupenda.

La estructura que hemos visto es clara y convincente, pero recuerda que la clave está en conocer las necesidades de tus clientes para proponer contenidos que conviertan.

Asegúrese también de ofrecer una solución de contacto sencilla, como un chatbot. Esto es muy importante para generar confianza.

Técnicamente, nunca ha sido tan fácil crear un sitio web. Como hemos visto, puede crear rápidamente su página de inicio con la aplicación gratuita Spectra.

Dinos, ¿qué probarás primero?

¿Integrar más pruebas sociales?

¿Utilizar la combinación de solución de problemas?

¿Insertar una FAQ?

No olvides compartir tu opinión en los comentarios.

Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Astra es gratis. Ahora y siempre.

Creemos que crear sitios web atractivos no debería ser caro. Por eso Astra es gratis para todos. Empieza gratis y amplía con paquetes asequibles.

La descarga está a un solo clic

Download Checklist

REWIND

RESUMEN DEL AÑO

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form
Scroll al inicio