About Us
Lorem ipsum dolor sit amet, consectetur adipi Suspendisse ultrices hendrerit nunc vitae vel a sodales. Ac lectus vel risus suscipit venenatis. Morbi dignissim mi non dui phaedrum ullamcorper.

Hirtenstraße 19, 10178 Berlin, Germany

+49 30 24041420

ouroffice@any.com

Follow Us
Síguenos en las redes




Queremos conocer tu idea
Cómo hacer la landing page perfecta

Cómo hacer la landing page perfecta

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í.

 
elements-optimized-lrg
 
Con todo esto, un ejemplo de página de aterrizaje perfectamente optimizada sería el siguiente:
perfectly-optimized-page3
 
Y tú, ¿cómo optimizas tus landing? 😉

To design an airport must not be easy … I have not even idea of the topic, but surely we have to choose a sufficiently flate space protected from air currents and, if it’s possible, with good facilities and infrastructures … It will be possible construct this airport without follow criterions and recommendations but the return will not be the same and pilots will avoid to land there. So, for a landing page the same thing happens!

As I say, if you want that users come to your page, you have to take into account a serie of guidelines and recommendations in order to build your “airport” perfectly as we can see in the next graphic:

Element <title>, target and URL

  • You have to take care of these three basic elements, which are in charge of showing the information in the rich snippets of Google’s SERP.

The only value

  • This only content, simply means that words used in this order, do not appear in any other place in the web. As the only value refers to the usefulness obtained by visitors of this page.

Good user’s experience

  • A clear order and disposition of the elements which form the page, a few visual solid effects, and a nice and simple design, they do that the page is profitable and easy to use. Without forgetting that is rapid in loading and visibly in any browser and device.

Accessible for the robot / spider

  • Make sure Yourself that there are no obstacles in order that bots come correctly to the page. Also, do that the address page is the only one in which the content appears, and if it’s not the case, the rest of URL addresses will have to canonize the original one.

Orientated to the keywords

  • Primary and secondary keywords will have to appear in positions emphasized as the head, title, body, URL, attributes of image, internal and external links, target- description, and target – keywords (that, in spite of what it is said, never are left over).

Easiness to be shared in social networks

  • The page will have so many button to share in social networks as believe that our users are inclined to use them, but not a lot of them either, which are unknown and that could do that the user gets lost and leaves his idea of sharing. A good URL, descriptive and short, also helps to share with a simple one cut and paste.

Prepared for multi-device

  • Solidly tested and with a design which is adapted, the page will have to be seen without problems in any device, size of screen and search-engine.

Authorship, targets, schema and enriched fragments

  • Google offers options rel = author and rel = editor to show a picture and details together with results of the profile or of the brand, also a wide range of options for the enriched fragments across through the marked schema.org, that show of diverse ways to the side, raises, or below of search. Results You can see the Google’s tool to test the enriched fragments here.

 
 
elements-optimized-lrg
With all this informations, an optimized landing page must be like this:
 
perfectly-optimized-page3
And you, how do you optimize your landing page? 😉

Dessiner un aéroport ne doit pas être une tâche facile… Je n’ai d’ailleurs aucune connaissance à ce sujet, mais je suppose qu’il faut choisir un espace suffisamment vaste, le plus plat possible, à l’abri de courants d’air et, si possible, doté d’excellentes installations et infrastructures… Il pourrait être construit sans prendre en compte le cahier des charges, ni  les recommandations évoquées, mais le rendement ne serait pas le même et les pilotes éviteraient le plus possible d’atterrir là-bas. Et bien concernant une page d’accueil, c’est exactement la même idée!

Comme je le disais, si vous voulez que les utilisateurs viennent sur votre page, vous devez prendre en compte un certain nombre de critères et de recommandations en vue de conditionner votre “aéroport” (voir infographie) qui sont les suivants:

Elément <title>, but et URL

  • Il est extrêmement important d’être vigilant concernant ces trois éléments basics qui ont pour mission de montrer l’information aux rich snippets des SERP de Google.

Une valeur unique

  • Le contenu unique signifie simplement que les mots utilisés, et dans cet ordre, n’apparaissent dans aucun autre endroit de la page web. La valeur unique signifie l’utilité obtenue par les visiteurs de cet page web.

Bonne expérience de l’utilisateur

  • Un certain ordre ainsi qu’une disposition claire des éléments qui forment la page web, de bons effets visuels, et un design recherché feront que la page sera toujours attrayante, agréable et facile à utiliser. Sans oublier qu’il est important qu’elle ait un temps de chargement rapide, et qu’elle soit visible à travers n’importe quel dispositif.

Accessible pour le robot/araignée

  • Assurez vous pour qu’il n’y ait aucun empêchement à ce que les bots arrivent correctement sur votre page. De plus, veillez également à ce que la page soit l’unique adresse dans laquelle apparait le contenu, et si ce n’est pas le cas, le reste des adresses  URL devront revenir à l’origine.

Orientation aux mots clés

  • Les mots clefs primaires et secondaires devront être mis en relief et apparaitre come le head, title, corps, URL, attribut d’image, liens internes et externes, but-description, et but-mots clés

Facilité pour être partagée sur des réseaux sociaux

  • La page disposera de nombreuses icones pour pouvoir partager sur les réseaux sociaux car nous pensons que nos utilisateurs seront enclins à les utiliser, mais pas trop non plus et encore moins les réseaux sociaux que nous connaissons à peine et qui peuvent faire que l’utilisateur se perde et abandonne son idée de partager. Une bonne URL descriptive et courte, aussi, aide à partager avec un simple copier-coller.

Créée pour plusieurs dispositifs.

  • Solidement testée et au design recherché, la page devra pouvoir se voir sans problème sur n’importe quel dispositif, taille d’écran et chercheur.

Auteur, ressources, schéma, fragments riches

Google offre les options rel=auteur et rel= editeur afin de montrer une image et des détails en relation aux résultats du profil ou de la marque, en plus d’une grande gamme d’options pour les fragments riches à travers du marché schema.org, qui montrent diverses manières sur le coté, au dessus ou en dessous des résultats de la recherché. Vous pouvez voir l’outil de Google pour essayer les fragments riches ici.

elements-optimized-lrg

Avec tout cela, l’exemple de page d’accueil parfaitement optimisée serait le suivant:

perfectly-optimized-page3

Et vous, comment optimisez-vous votre page d’accueil ? 😉