Page d’accueil d’un site vitrine : que mettre en haut ?

En bref : le premier écran de la page d’accueil, ce qu’on voit sans faire défiler, doit dire en quelques secondes ce que vous faites et où, donner une raison concrète de vous choisir, proposer une seule action claire, et montrer une vraie photo. Le reste (votre histoire, la liste complète des prestations, la galerie) peut attendre plus bas.

La plupart des visiteurs du site d’une PME arrivent d’une recherche, sur un téléphone. Ils ne viennent pas découvrir une marque : ils vérifient si vous faites ce qu’ils cherchent, combien ça coûte, et si quelqu’un va leur répondre. Le premier écran doit répondre à la première question et ouvrir les deux autres. Voici comment l’écrire, avec des exemples.

Qu’appelle-t-on le premier écran ?

C’est la partie de la page visible à l’ouverture, avant tout défilement. Sur un téléphone, elle tient en un titre, une ou deux phrases, un ou deux boutons et, souvent, une photo. C’est le seul endroit de votre site que tous les visiteurs voient : ceux qui ne sont pas convaincus repartent sans aller plus loin.

Que mettre dans le premier écran ?

1. Le métier et le lieu, en une phrase

Le titre dit ce que vous faites et où. C’est aussi ce que Google lit en premier pour comprendre votre page : le métier et la ville ou le quartier y ont toute leur place. Un test simple : si le concurrent d’en face peut mettre la même phrase sur son site, elle ne vous sert à rien.

2. Une raison concrète de vous choisir

Juste sous le titre, une phrase qui vous distingue : un détail vrai, que l’on peut vérifier. « Petit-déjeuner servi jusqu’à 10 h 30 », « on se déplace dans tout Bastos », « consultation sans rendez-vous le samedi matin ». Un fait précis vaut mieux qu’un adjectif.

3. Une seule action principale

Un bouton principal, qui dit ce qu’on obtient en le touchant : « Écrire sur WhatsApp », « Demander un devis », « Réserver une table », « Appeler le cabinet ». Un deuxième bouton, plus discret, peut mener à vos prestations. Au-delà, le visiteur hésite.

4. Ce qui se passe après le clic

À côté du bouton, une ligne qui rassure : « vous recevez une réponse avec un créneau », « devis gratuit, sans engagement ». « Contactez-nous » ne dit rien de ce qui arrive ensuite ; une promesse claire lève la dernière hésitation.

5. Une vraie photo

Une photo de votre devanture, de votre salle, de votre équipe au travail ou de vos réalisations. Une image de banque d’images illustre le métier ; elle ne prouve pas que vous existez. Si vous n’en avez pas encore, un premier écran sans photo, bien écrit, vaut mieux qu’une image qui ressemble à celle de tout le monde.

À quoi ressemble un bon premier écran selon le métier ?

Chaque ligne nomme le métier, le lieu, un fait vérifiable et une action. C’est cette précision qui fait rester le visiteur. Les questions que BeeVitrine pose à chacun de ces métiers sont sur leurs pages : restaurant, artisan, cabinet médical, salon de beauté. Pour un restaurant ou une boulangerie, la page entière est détaillée dans Créer le site d’un restaurant ou d’une boulangerie.

Qu’est-ce qui peut attendre plus bas ?

• l’histoire de l’entreprise ;
• la liste complète des prestations ;
• les avis en détail ;
• la galerie de photos ;
• l’équipe.

Tout cela compte, mais le visiteur ne le lira que si le premier écran l’a convaincu de rester.

Que faut-il éviter en haut de page ?

• « Bienvenue sur notre site » : elle occupe la meilleure place sans rien apprendre au visiteur.
• Un carrousel qui fait défiler trois slogans : personne n’attend le deuxième.
• Une vidéo qui démarre seule : elle ralentit l’affichage sur une connexion mobile. Google recommande que le plus grand élément de la page s’affiche en 2,5 secondes au plus (seuils des Core Web Vitals).
• Un menu de dix entrées : il pousse le titre hors de l’écran sur téléphone.
• Une fenêtre qui s’ouvre avant même que l’on ait lu la page.

Comment vérifier votre premier écran en une minute ?

Ouvrez votre site sur votre téléphone, sans faire défiler, et répondez :

1. 1Comprend-on votre métier et votre ville ou quartier ?
2. 2Y a-t-il une raison concrète de vous choisir ?
3. 3Sait-on quoi toucher pour vous écrire, et ce qui se passe ensuite ?
4. 4La photo montre-t-elle votre entreprise, ou celle de n’importe qui ?
5. 5Le titre est-il visible sans attendre ?

Un « non », et c’est par là qu’il faut commencer.

Pour que ce premier écran soit trouvé, suivez Référencement local : comment une PME apparaît sur Google.

Comment BeeVitrine écrit-il ce premier écran ?

BeeVitrine écrit le premier écran à partir de votre métier, de votre lieu et de ce qui vous distingue, que vous indiquez dans le formulaire. Une accroche qui ne nomme ni votre métier ni l’une de vos offres est renvoyée à la réécriture, et le bouton principal mène à WhatsApp, à l’appel ou au formulaire selon ce que vous avez choisi. Voir des sites créés ou parcourir les métiers.