Comment créer un site Web d'une page avec n'importe quel thème WordPress

Nous recevons beaucoup de questions sur la façon de créer un site Web d'une page ou si nous vendons des thèmes WordPress d'une page. Permettez-moi de répondre à ces deux questions dès le début. Chaque thème WordPress peut être un site Web d'une page et je vais vous montrer à quel point c'est simple.

Qu'est-ce qu'un site Web d'une page ?

Un site Web d'une page n'est rien de plus qu'un site Web avec tout le contenu essentiel sur une seule page, généralement la page d'accueil.

Il est principalement utilisé par les entreprises qui souhaitent promouvoir un seul produit ou service de manière claire et directe . Quelques exemples sont la présentation d'un portefeuille à vos clients, l'organisation d'un événement ou le démarrage d'une nouvelle entreprise.

Lorsque vous êtes sur un site Web d'une page, un clic sur les liens de navigation ne vous enverra pas vers une nouvelle page, mais il sautera ou défilera vers le bas sur la même page jusqu'à la section de contenu liée au lien. Cela peut rendre l'expérience utilisateur bien meilleure et augmenter l'engagement de l'utilisateur.

Il existe de nombreux thèmes WordPress d'une page disponibles en ligne, mais comme je l'ai déjà dit, nous pouvons transformer n'importe quel thème en un pager avec juste un peu de travail.

Comment créer un site Web d'une page avec WordPress ?

Liens d'ancrage

Pour un site Web de base d'une page, tout ce dont nous avons besoin est un menu , du contenu et des liens d'ancrage . Je crois que vous savez tous ce que font le menu et le contenu, alors parlons un peu des liens d'ancrage. Les liens d'ancrage sont constitués d'un lien normal, qui pointe vers l'ancre et l'ancre elle-même. Les liens pointant vers l'ancre sont des liens normaux, qui commencent par le caractère # . Et l'ancre elle-même est un endroit spécifique quelque part sur votre page. Prenons un exemple simple.

Voici notre lien dans le menu qui pointe vers l'ancre :

 <a href="#middle">Go to the middle</a>

Et voici notre contenu avec l'ancre elle-même :

 <h1>Learning about anchor links</h1> <p> Some lorem ipsum content ….</p> <h2>Middle of the page</h2> <p> Some lorem ipsum content ….</p>

Dans ce cas, #middle est notre lien d'ancrage et id=”middle” est notre ancre. Lorsque nous cliquons sur le lien "Aller au milieu", nous sauterons à notre ancre avec le titre "Middle of the page". C'est ça! C'est ainsi que nous pouvons créer le site Web d'une page le plus basique. Vous pouvez ajouter autant d'ancres que vous le souhaitez sur votre site Web. Prenons nos connaissances nouvellement acquises et utilisons-les sur un site WordPress.

Créer des liens d'ancrage avec le menu WordPress

Juste à cette fin, j'ai déjà créé un site Web simple d'une page avec notre thème GrowthPress, qui sera notre exemple pratique. Tout d'abord, j'ai créé une nouvelle page et ajouté du contenu. Le contenu se compose uniquement de quelques paragraphes et titres. Nous pouvons ajouter des ancres sur presque tous les éléments HTML, mais dans notre cas, nous les ajouterons à tous les titres du contenu.

Vous pouvez voir sur la capture d'écran que pour éditer le HTML du contenu, nous devrons changer l'éditeur de Visual à Text. Nous pouvons maintenant voir toutes les balises HTML de notre contenu. Dans notre cas, tous les titres utilisent la <h2> et nous les utiliserons pour ajouter des ancres. Tout comme dans la capture d'écran ci-dessus, vous devrez ajouter un identifiant avec l'ancre sur ces balises. Par exemple : <h2 id=”our-anchor”>Some Title</h2> . Notez que les ancres sont écrites sans # , mais tous les liens d'ancre doivent commencer par le # . Une fois que nous avons ajouté toutes les ancres dans notre contenu, nous pouvons les connecter avec des liens d'ancrage.

Si vous êtes familier avec WordPress, vous saurez que nous pouvons modifier les liens de menu dans wp-admin -> Apparence -> Menus et c'est exactement là que nous créons nos liens d'ancrage.

Sur la capture d'écran, vous pouvez voir que j'ai sélectionné des liens personnalisés et qu'au lieu d'une URL classique, j'ai ajouté le lien d'ancrage #about-us . Un clic sur ce lien vous amènera maintenant à notre ancre id=”about-us” dans le contenu. Une fois que nous avons ajouté tous les liens d'ancrage, notre site Web simple d'une page est terminé. Cliquez sur les liens nouvellement créés et voyez par vous-même !

Défilement fluide

Oui, je suis tout à fait d'accord, le site Web d'une page que nous avons créé jusqu'à présent est génial, mais ces sauts instantanés ne sont pas aussi géniaux qu'un défilement fluide, n'est-ce pas ? Pour obtenir un défilement fluide, nous devrons ajouter un peu de code javascript à notre site Web.

La plupart des thèmes premium ont une sorte de champ pour ajouter du code personnalisé. Par exemple, dans nos thèmes, vous pouvez accéder à wp-admin -> Customizer -> Options du thème -> Code personnalisé, où vous trouverez les champs que vous pouvez utiliser pour ajouter du code personnalisé comme nous le ferons maintenant.

Si votre thème n'a pas de place pour le code personnalisé, vous pouvez utiliser un plugin approprié. Je recommanderais le plugin Insert Headers and Footers de WPBeginner. Une fois que vous avez activé le plugin, vous trouverez des champs pour ajouter du code personnalisé dans wp-admin -> Paramètres -> Insérer des en-têtes et des pieds de page.

Collez le code ci-dessous dans l'un des champs (nous vous recommandons d'utiliser des scripts dans le réglage du pied de page) et vous avez maintenant un défilement fluide sur vos liens d'ancrage. Toutes nos félicitations! Vous venez de créer un site Web d'une page avec n'importe quel thème WordPress !

 <script> ( function( $ ) { $(document).on('click', 'a[href*="#"]:not([href="#"])', function(e) { if (location.pathname.replace(/^\//,'') === this.pathname.replace(/^\//,'') && location.hostname === this.hostname) { var hashStr = this.hash.slice(1); var target = $(this.hash); target = target.length ? target : $('[name=' + hashStr +']'); if (target.length) { $('html, body').animate({ scrollTop: target.offset().top }, 1000); window.location.hash = hashStr; return false; e.preventDefault(); } } }); }(jQuery)); </script>

Le code ci-dessus animera l'effet de défilement lorsque vous cliquez sur un lien d'ancrage et il mettra également à jour l'URL du navigateur actuel pour refléter le lien d'ancrage cliqué. Vérifiez notre résultat final sur le site Web d'une page fini.

Comment définir un décalage pour un défilement fluide ?

Si vous avez un menu collant fixe, je vous recommande de définir également un décalage, de sorte que le début du contenu commence sous votre menu collant. Pour y parvenir, vous devrez modifier cette ligne de code :

 $('html, body').animate({ scrollTop: target.offset().top}, 1000);

La seule chose que nous devons faire ici est d'ajouter une valeur de notre décalage. Il doit être au moins aussi grand que la hauteur de votre menu collant fixe.

 $('html, body').animate({ scrollTop: target.offset().top - 180 }, 1000);

Avec cela, nous éviterons un problème où le début de votre contenu se cache derrière le menu.

Avantages des sites Web d'une page

Maintenant que vous savez comment créer un site Web d'une page, passons en revue les avantages de l'utilisation d'un site Web d'une page.

Les sites Web d'une page offrent une meilleure expérience utilisateur mobile

Les sites Web d'une page se composent d'une seule page à défilement long, idéale pour l'affichage mobile. Pensez à Facebook et à son fil d'actualité. Vous ne pouvez pas vous empêcher de continuer à faire défiler le terrier du lapin. Un site Web d'une page est conçu pour faire exactement cela et le défilement continu se prête parfaitement aux appareils mobiles.

Compte tenu de la quantité limitée d'espace d'écran sur les appareils mobiles, il est beaucoup plus facile de continuer à faire défiler l'écran que de déterminer où se cache le menu, puis de cliquer sur le lien correct pour accéder à la page suivante de votre site Web. En d'autres termes, un site Web d'une page offrira une excellente expérience utilisateur à quiconque visite votre site Web sur son appareil mobile.

Les sites Web d'une page nécessitent moins de texte

Un site Web traditionnel de plusieurs pages nécessite beaucoup de texte afin qu'il ne paraisse pas trop vide ou, pire, inachevé. Comparez cela aux sites Web d'une page qui auront l'air encombrés et écrasants si vous avez trop de contenu. En tant que tel, vous voudrez garder votre copie au minimum et utiliser des phrases et des paragraphes courts pour transmettre les informations les plus importantes.

Un autre avantage de cette approche est le fait que la rédaction d'un texte peut être l'une des tâches les plus ardues associées au lancement d'un site Web. Un site Web d'une page pourrait être un excellent choix si la copie de votre site Web n'est pas entièrement étoffée.

Les sites Web d'une page fonctionnent bien avec les images

Les images peuvent faire des merveilles pour tout type de site Web, y compris les sites Web d'une page. En fait, lorsque vous utilisez des images associées à l'effet de parallaxe, vous pouvez produire un effet visuellement attrayant sur votre site Web.

Même si vous décidez de ne pas utiliser l'effet de parallaxe, vous pouvez toujours utiliser efficacement les images sur un site Web d'une page. Vous pouvez les utiliser pour différencier les différentes sections, sans parler de partager des galeries de photos ou des images de portefeuille.

Vous pouvez également tirer parti des images pour booster le référencement de votre site Web, car les images ont tendance à apparaître dans les résultats des moteurs de recherche lorsqu'elles sont correctement optimisées. En tant que tel, assurez-vous d'ajouter un nom à vos images en utilisant des titres descriptifs et d'ajouter des balises alt à chaque image que vous ajoutez à votre site.

Les sites Web d'une page peuvent stimuler l'engagement des utilisateurs et les conversions

Selon une étude, un site Web d'une page peut entraîner des conversions plus élevées par rapport à son homologue multipage. La raison derrière cela est simple : un site Web d'une page est généralement très ciblé et conçu pour inciter les visiteurs à passer à l'action.

Il a un message plus ciblé et il est plus facile de comprendre pour vos visiteurs ce que vous voulez qu'ils fassent lorsqu'ils atteignent la fin de la page.

Lorsque vous n'avez qu'un seul choix, il est facile de cliquer sur ce bouton ou d'appeler à l'action plutôt que d'aller de page en page en vous demandant ce que vous devriez faire ensuite.

Les sites Web d'une page sont plus faciles à naviguer

Il convient également de mentionner que les sites Web d'une page sont plus faciles à naviguer. Comme tout est sur une seule page, il est très difficile de se perdre et de retrouver le chemin du début, surtout sur les appareils mobiles.

Bien que vous puissiez utiliser des liens d'ancrage pour accéder à différentes sections de la page (comme indiqué dans cet article), il est tout aussi facile de faire défiler vers le haut ou vers le bas et de trouver la section souhaitée.

En plus de cela, un site Web d'une page bien conçu entraîne le visiteur dans un voyage qui raconte l'histoire de votre entreprise ou de votre marque de manière logique.

Les sites Web d'une page facilitent le ciblage d'un public spécifique

Comme mentionné précédemment, les sites Web d'une seule page sont conçus pour inciter les visiteurs à agir. Vous pouvez l'utiliser à votre avantage et cibler un public très spécifique prêt à passer à l'étape suivante. En les guidant à travers les différentes sections de votre site Web, vous pouvez présenter votre produit ou service, leur montrer comment il résout leur problème et leur proposer la solution sous la forme d'un appel à l'action.

Cette approche fonctionne très bien lorsque vous ciblez un mot clé ou un public très spécifique qui sait déjà qu'il a un problème particulier et recherche la solution.

Inconvénients de l'utilisation d'un site Web d'une page

Avec les avantages à l'écart, examinons certains des inconvénients de l'utilisation d'un site Web d'une page.

Il sera plus difficile d'analyser les données de Google Analytics

À présent, vous savez probablement que Google Analytics peut vous fournir des tas d'informations utiles sur les visiteurs de votre site Web. Une fois installé sur votre site, vous pouvez voir quelles pages sont populaires, quels messages attirent de nouveaux visiteurs et quelles pages doivent être optimisées pour inciter les gens à rester plus longtemps sur votre site.

Avec un site Web d'une page, vous êtes limité à une seule page. Vos visiteurs atterrissent sur la même page et redescendent sur la même page, ce qui rend plus difficile de savoir quelles parties de votre site Web doivent être améliorées. Si vous décidez d'opter pour un site Web d'une page, assurez-vous de vous inscrire à un outil comme Hotjar pour obtenir une carte thermique visuelle de la façon dont les gens utilisent votre site Web.

Partager votre site Web sur les médias sociaux est plus délicat

Avec un site Web d'une page, vous n'avez qu'une seule URL à partager sur les réseaux sociaux. Cela peut rapidement devenir répétitif, sans compter qu'il n'offre pas beaucoup d'opportunités pour envoyer des personnes vers différentes parties de votre site Web pour trouver des réponses à leur problème. Une fois que vous avez partagé votre URL principale, l'intégralité de votre site Web est partagée au lieu d'une page ou d'une section particulière, comme vous pouvez le faire avec un site Web multipage.

Une solution de contournement simple serait d'intégrer un blog sur votre site Web où vous pouvez partager du contenu utile et utile qui attirera votre public. Cela facilite le partage de votre site Web sur les réseaux sociaux tout en conservant la majorité des informations condensées sur une seule page. .

Un site Web d'une page peut prendre plus de temps à charger

Selon la taille de votre site Web d'une page et le type de contenu que vous partagez, sachez que le chargement de votre site Web peut prendre plus de temps.

De manière générale, les sites Web d'une page ont tendance à être assez légers, mais si vous avez beaucoup d'images qui ne sont pas optimisées pour le Web, vous rencontrerez des temps de chargement lents. Il en va de même si vous avez beaucoup de contenu vidéo sur votre site.

En tant que tel, il est important de sauvegarder vos images dans le format approprié ainsi que de compresser leur taille avant de les ajouter à votre site. Une autre chose à considérer est d'utiliser le chargement paresseux pour les images et les vidéos afin qu'elles se chargent lorsque l'utilisateur fait défiler jusqu'à cette section particulière de votre site au lieu de les charger immédiatement.

Vous êtes limité avec le ciblage par mots-clés

Un site Web d'une page ne vous offrira pas beaucoup d'opportunités pour cibler plusieurs mots-clés. Avec un site Web multipage, vous pouvez avoir une page distincte pour chaque mot clé que vous essayez de cibler. Un site Web d'une page ne fonctionne pas de la même manière.

Les sites Web d'une page, comme mentionné dans la section pros, sont conçus avec un objectif et un public spécifiques à l'esprit. Cela se traduit généralement par le ciblage d'un mot-clé spécifique et de ses variantes, ce qui signifie que vous feriez mieux de créer un site Web de plusieurs pages si vous avez besoin de cibler plusieurs mots-clés distincts.

Bien qu'aucune règle ne stipule que vous ne pouvez pas incorporer plus d'un mot-clé distinct par page, vous ne pourrez pas optimiser votre page de manière adéquate, surtout si vous tenez compte du fait que la copie légère fonctionne mieux avec les sites Web d'une page.

Vous ne pouvez pas utiliser de tactiques de référencement avancées

En parlant de référencement, un site Web d'une page ne vous permet pas d'utiliser des tactiques de référencement avancées connues sous le nom de cloisonnement. Le cloisonnement fait référence à la pratique consistant à structurer votre site Web en principaux domaines d'intérêt afin que vous puissiez démontrer votre autorité dans ces domaines. En termes simples, il s'agit de créer des catégories et des sous-catégories pour organiser votre contenu.

Le principal avantage du cloisonnement est qu'il ouvre des possibilités de classement pour une multitude de mots clés et d'expressions de mots clés qui couvrent presque toutes les questions qu'un visiteur intéressé pourrait avoir, ainsi que toutes les objections possibles.

Alors que les sites Web de plusieurs pages excellent dans ce domaine, les sites Web d'une page deviendraient rapidement trop écrasants et encombrés, laissant votre public frustré.

Les sites Web d'une page peuvent ne pas fournir de détails

Enfin, en raison d'une copie et d'un message courts et concis, les sites Web d'une page peuvent ne pas fournir à vos visiteurs tous les détails nécessaires. Cela peut alors entraîner une augmentation du nombre d'e-mails demandant des clarifications ou laissant vos visiteurs confus.

Vous pouvez surmonter ce problème en ajoutant un blog à votre site Web d'une page et en fournissant aux visiteurs un contenu plus approfondi et en répondant aux questions au fur et à mesure qu'elles se posent.

Devriez-vous utiliser un site Web d'une page ?

Comme vous pouvez le voir, il y a certainement des avantages et des inconvénients à utiliser un site Web d'une page. Alors, comment savoir si un site Web d'une page est le bon choix pour votre entreprise ?

Si vous venez de démarrer votre entreprise et que vous générez beaucoup d'affaires grâce au bouche à oreille, un site Web d'une page vous permet de mettre votre entreprise en ligne sans passer trop de temps sur la conception et le développement.

Si, d'autre part, vous souhaitez vous concentrer sur l'obtention d'un trafic plus organique en vous concentrant sur le référencement et si vous développez vos opérations commerciales, un site Web multipage vous conviendra mieux.

En fin de compte, c'est une question de préférence personnelle et de vos objectifs commerciaux. Évaluez où vous en êtes avec votre entreprise et notez ce que vous essayez d'accomplir. Ensuite, considérez les avantages et les inconvénients mentionnés ci-dessus avant de prendre la décision finale.

Conclusion

Nous recevons vraiment beaucoup de questions, demandant si nous avons une sorte de thèmes d'une page et je pense que la situation est la même avec d'autres auteurs de thèmes. Cet article devrait préciser que tous les thèmes WordPress peuvent également être utilisés comme sites Web d'une page et si vous le souhaitez, vous pouvez changer votre site Web actuel en un pager en un rien de temps. Nous avons également couvert les avantages et les inconvénients des sites Web d'une page et expliqué comment décider s'il s'agit du bon choix pour votre site Web.

Faites-moi savoir si l'article vous a aidé à mieux comprendre les sites Web d'une page et laissez-moi un commentaire si vous avez des questions supplémentaires .