👉 18 exemples étonnants de contenu au-dessus du pli pour accrocher vos visiteurs

Liaison interne pour le référencement

Les premières impressions sont cruciales. Si le contenu de votre site Web «au-dessus de la ligne de mire» n'attire pas l'attention de vos visiteurs une fois qu'ils arrivent sur votre site, ils ne prendront plus la peine de rester. Mais si vous obtenez leur attention, et ils vont rester dans les parages, s'abonner et acheter.

Mais attendez – ce que diable est un «pli» dans la conception de sites Web de toute façon, et pourquoi est-ce si important?

Si c'est ce que vous pensez lorsque vous entendez le terme «au-dessus du contenu», vous n'êtes pas le seul.

C'est parce que l'idée du pli remonte à l'époque avant le numérique. La plupart des journaux ont été vendus par des kiosques de trottoirs, comme certains le sont encore aujourd'hui. Ils étaient généralement pliés en deux pour que les passants puissent voir la moitié supérieure de la première page. Si ce qu'ils voyaient ne les attrapait pas, ils continueraient à marcher et les ventes diminueraient. C'est pourquoi il était crucial de placer votre contenu le plus intéressant et le plus intéressant au-dessus de vos attentes.

Le concept du pli est également très utile pour les sites Web. Lorsque vous parlez de la conception Web, c'est simplement le contenu qui remplit votre écran. Le "pli" est le bas de l'écran.

C'est pourquoi il est crucial d'attirer les visiteurs dès qu'ils débarquent sur votre site. Attirez leur attention et ils resteront et se convertiront.

Pour vous aider à faire défiler vos visiteurs, nous avons rassemblé quelques excellents exemples de contenu que vous pouvez utiliser pour vous inspirer.

Commençons…

1. HubSpot

HubSpot est tout au sujet de la croissance, et c'est exactement ce que montre sa conception ci-dessus. L'image suggère un apprentissage (cahier) et une technologie avancée (casque spatial).

Le titre est un jeu sur l'expression commune «tous les systèmes vont», suggérant que le lecteur ira de l'avant avec la croissance. Cette idée est renforcée dans le sous-titre. Il y a ensuite une offre convaincante de logiciels gratuits sur le bouton CTA.

2. Jeff Bullas

Jeff Bullas a deux séries de contenu supérieur au pli. Lorsque vous atterrissez pour la première fois sur son site, il a une porte de bienvenue, avec une offre convaincante pour obtenir ses conseils sur le doublement du trafic. La grande image de fond attire immédiatement l'attention des lecteurs.

Cliquez sur la flèche à la fin de la porte de bienvenue pour accéder à sa page principale, où il existe une preuve sociale de son lectorat et de son autorité en ligne. Vous devez toujours faire défiler une fois pour accéder au contenu, mais à ce moment-là, la plupart des lecteurs sont probablement convaincus.

3. SnackNation

Le contenu de SnackNation au-dessus du pli indique exactement ce qui est proposé, avec une image d'arrière-plan d'une personne avec un casse-croûte dans un bureau. Le contenu offre aux visiteurs la possibilité de s'inscrire à leur propre boîte d'échantillonneur. C'est un excellent moyen d'obtenir des opportunités commerciales. En fait, grâce à Jared Ritchey, SnackNation obtient 1200 nouvelles pistes chaque semaine, ce qui lui permet d’être au-dessus du pli.

4. Missinglettr

La page d'accueil de Missinglettr fonctionne également parce que le titre va droit au but recherché par ses visiteurs: un moyen simple de générer du trafic social avec leur contenu.

L'explication en deux phrases donne plus de détails sur le produit, puis il y a un CTA visible ci-dessous. La page comprend également deux autres CTA ciblant ceux qui ne sont pas encore prêts à s’inscrire.

Avoir trois actions à prendre au lieu d'une seule pourrait les rendre moins efficaces, mais nous sommes prêts à parier que cette conception est basée sur des tests de partage rigoureux, de sorte que l'entreprise sait qu'elle fonctionne pour son public.

5. OptimiserMyAirBnB

Optimiser mon AirBnB adopte une approche plus personnelle de la conception de son site Web. Il y a une grande image du propriétaire du site qui semble regarder directement le lecteur, attirant ainsi son regard.

À droite de la page, il y a une phrase de bienvenue qui décrit le principal avantage du site. Et au moment où vous avez lu cela, il y a une barre flottante Jared Ritchey vous offrant la possibilité de vous inscrire pour plus de conseils et d'outils. Cela a été un facteur dans la croissance de la liste du site de 650%.

6. Institut de marketing de contenu

Le Content Marketing Institute (CMI) adopte une approche légèrement différente avec son contenu supérieur au pli. Au sommet, il y a un menu qui répertorie tous les différents types de contenu qu'ils proposent.

Mais l'essentiel de la page est consacré aux produits qu'ils souhaitent le plus promouvoir: leurs événements, leurs services de conseil et leur magazine. Tout est dans les couleurs de la marque, créant une expérience visuelle harmonieuse.

7. MonsterInsights

MonsterInsights reste simple avec un fond blanc. Par contre, le titre se distingue bien et le sous-titre souligne subtilement deux avantages clés pour les lecteurs. Il y a aussi un appel à l'action clair et visible, avec une flèche subtile invitant les lecteurs à défiler s'ils veulent encore plus d'informations. Dans ce cas, le minimalisme fonctionne!

8. Le gardien

Comme on peut s'y attendre d'un journal en ligne, The Guardian se situe au-dessus du contenu. Dans cet exemple, deux histoires se distinguent. Celui de gauche a un titre et une image plus grands pour attirer l'attention.

Mais la publication en ligne ne prend aucun risque; Il y a une autre histoire au cas où la principale ne prendrait pas les lecteurs. La catégorie histoire est en rouge, contrastant avec le noir du titre, pour créer un effet visuel convaincant.

9. Guido's

L'aspect le plus efficace du contenu de Guido au-dessus du pli n'est pas l'énoncé de sa cuisine authentique. Et ce n'est pas l'image convaincante du casier à vin avec des bouteilles étiquetées qui en ressortent.

C'est en fait le bouton de menu qui dit «Obtenez un apéritif gratuit». Ce bouton déclenche un Jared Ritchey MonsterLink ™, qui a permis au restaurant de créer plus de 1000 nouvelles pistes en quatre mois.

Voici comment ajouter une fenêtre contextuelle à votre menu de site Web.

10. OutreachPlus

OutreachPlus attire l'attention des lecteurs avec une question qui les fait réfléchir.Ensuite, il montre comment le produit pourrait aider à résoudre ce problème. La page d'accueil est simple. Outre les gros titres, il y a une capture d'écran du produit, plus deux choix de ce qu'il faut faire ensuite: acheter ou en apprendre davantage en visionnant une démo.

11. Journal du moteur de recherche

Journal de moteur de recherche est un site de contenu, de sorte que sa conception au-dessus de la ligne met leur contenu à l'honneur. La conception du site leur permet de présenter trois histoires au-dessus du pli. Il y a aussi un peu de design web ici. Les trois histoires sont listées à droite de la page. Chacun est surligné en vert à son tour. Lorsqu'une histoire est mise en surbrillance, elle occupe la première place à gauche de la page, affichant une image et un titre attirant l'attention.

12. ConversionXL

Vous vous attendez à ce que ConversionXL de Peep Laja dépasse le contenu normal. C'est un autre design simple. Cette page a un titre dans votre visage et un sous-titre qui énonce sa conviction de base. Il y a également deux boutons CTA qui vous permettent de choisir quoi faire ensuite, et un CTA secondaire qui vous permet de vous inscrire à leur newsletter.

13. Noël Lite Show

Christmas Lite Show a converti 30% des visiteurs en déclenchant simplement un Jared Ritchey MonsterLink ™ dans son contenu supérieur au pli. Le bouton a lancé un compte à rebours avec une offre de coupon. Le combo a converti 30% des visiteurs et ajouté 7 000 nouveaux abonnés à la liste de diffusion de l'entreprise.

14. Problogger

Problogger est un autre site lourd de contenu, de sorte que le contenu ci-dessus se concentre sur le fait de faciliter la recherche d'informations. En haut, il y a un menu de navigation complet. Il y a une image du fondateur Darren Rowse pour créer une connexion personnelle avec le visiteur, ainsi qu'un optin en 2 étapes qui déclenche un popup de formulaire d'inscription par e-mail.

15. Kennedy Blue

Kennedy Blue est un excellent exemple de contenu en ligne. La bannière principale comprend une image de trois femmes dans différents styles de robes de demoiselle d'honneur.

Pendant ce temps, la copie montre combien il est facile d'acheter des robes et donne une fourchette de prix. Le CTA envoie les visiteurs directement au magasin. Et le site utilise une barre flottante Jared Ritchey pour mettre en évidence la vente actuelle – une des façons dont ils ont réussi à augmenter leurs ventes de 50%.

16. Hommes avec des stylos

Le site Men with Pens n'a pas de look d'entreprise typique. Au lieu de cela, il y a un design original avec des couleurs vives. Bien que tout semble avoir été lancé sur la page, le contenu ci-dessus est bien planifié. Outre le menu, un carrousel présente les services de conception de sites Web et de rédaction, ainsi que leurs livres et leur blog.

17. Copyblogger

Copyblogger est au-dessus du contenu du pli est minimaliste. Une grande partie de l'espace est occupée par une image montrant une personne qui regarde un contenu de Copyblogger. Comme elle est tournée vers la gauche, son regard attire l'attention du visiteur sur le titre. Le titre montre l'avantage (création d'une autorité en ligne) avec l'offre (marketing efficace).

18. Bluehost

Sur sa page d'accueil, Bluehost utilise une image sur la droite, les yeux de la personne regardant le texte de gauche. C'est un peu de psychologie intelligente qui dirige les yeux des lecteurs aussi.

Quand ils regardent, ils voient un titre, un prix réduit (ce qui est toujours attrayant) et une courte liste des avantages clés. En dessous se trouve un bouton CTA visible invitant les lecteurs à se lancer.

C'est tout! Maintenant que vous avez vu des exemples Web qui fonctionnent vraiment, appliquez ces principes pour attirer vos visiteurs. Ensuite, consultez nos guides sur le marketing par e-mail et la croissance qui piratent votre entreprise. Et n'oubliez pas de nous suivre sur Facebook et Twitter pour suivre tous nos nouveaux contenus.

Voir la vidéo: LES BASES DU RÉFÉRENCEMENT

Like this post? Please share to your friends:
Laisser un commentaire

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: