jvrdice

minimize to maximize

La landing page perfecta

Cómo hacer la landing page perfecta

1 comentario

Diseñar un aeropuerto no debe de ser fácil… No tengo ni idea del tema, pero seguramente haya que eligir un lugar suficientemente amplio, lo más llano posible, resguardado de corrientes aéreas y, a ser posible, dotado de buenas instalaciones e infraestructuras… Se podrá construir sin seguir determinadas pautas, pero su rendimiento no será el mismo y los pilotos evitarán en lo posible aterrizar sus aviones ahí. ¡Pues con una landing page sucede lo mismo!

Como digo, si quieres que los usuarios lleguen a tu página, tienes que tener en cuenta una serie de pautas y recomendaciones a fin de acondicionar tu “aeropuerto” recogidas perfectamente en la infografía* a continuación. Son las siguientes:

Elementos <title>, meta y URL

  • Cuida estos tres elementos básicos, pues son los responsables de mostrar la información en los rich snippets de las SERP de Google.

Un valor único

  • El contenido único, simplemente significa que las palabras usadas, y en ese orden, no aparecen en ningún otro lugar de la web. Como valor único se refiere a la utilidad obtenida por los visitantes de esa página.

Buena experiencia de usuario

  • Un orden y disposición claros de los elementos que forman la página, unos efectos visuales sólidos, y un diseño bonito y simple hacen que la página sea provechosa y fácil de usar. Todo ello sin olvidarnos de que, además, sea rápida en cargar y visible en cualquier navegador y dispositivo.

Accesible para el robot/araña

  • Asegúrate de que no hay impedimentos para que los bots lleguen correctamente a la página. Igualmente, haz que la página sea la única dirección en la que aparece el contenido, y si no es así, el resto de direcciones URL deberán canonizar al original.

Orientado a las palabras clave

  • Las palabras clave primarias y secundarias deberán aparecer en posiciones destacadas como el head, title, cuerpo, URL, atributos de imagen, enlaces internos y externos, meta-description, y meta-keywords (que, pese a lo que se diga, nunca vienen de más).

Facilidad para ser compartida en redes sociales

  • La página dispondrá de tantos botones para compartir en redes sociales como creamos que nuestros usuarios son propensos a utilizar, pero tampoco un mar de ellos para redes que apenas conozcamos de su existencia y que puedan hacer que el usuario se pierda y abandone su idea de compartir. Una buena URL, descriptiva y corta, también ayuda a compartir con el simple corta y pega.

Preparada para multi-dispositivo

  • Sólidamente testada y con un diseño responsivo, la página deberá verse sin problemas en cualquier dispositivo, tamaño de pantalla y buscador.

Autoría, metadatos, schema y fragmentos enriquecidos

  • Google ofrece las opciones rel = autor y rel = editor para mostrar una imagen y los detalles junto con los resultados del perfil o de la marca, además de una amplia gama de opciones para los fragmentos enriquecidos a través del marcado schema.org, que muestran de diversas maneras al lado, encima, o por debajo de los resultados de búsqueda. Puedes ver la herramienta de Google para probar los fragmentos enriquecidos aquí.
Cómo hacer la langing page perfecta

Elements of an Optimized Page – Rand Fishkin

Con todo esto, un ejemplo de página de aterrizaje perfectamente optimizada sería el siguiente:

Ejemplo de la landing page perfecta

Y tú, ¿cómo optimizas tus landing? ;)

* The Moz Blog. A Visual Guide to Keyword Targeting and On-Page Optimization – Posted by Rand Fishkin

Anuncios

Un pensamiento en “Cómo hacer la landing page perfecta

  1. Y si os gustan las infografías, aquí tenéis dos más… y de las buenas! :)

    Anatomía de una landing page perfecta, en español.

    The recipe for a perfect landing page, en inglés.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s