En 2020, l’Office de Tourisme Luberon Sud Tourisme (anciennement Luberon Côté Sud) nous a contactés pour procéder à la refonte de leur site internet, en utilisant WordPress.
Quelles étaient les problématiques auxquelles l’Office de Tourisme faisait face ?
- Ils utilisaient un système de gestion de contenu (CMS) propriétaire, liés à un prestataire peu réactif et dont la technologie n’évoluait plus.
- Leur site web n’était pas responsive, une lacune critique à une époque où plus de 80 % des visites de sites web se font via un appareil mobile.
- Le trafic provenant du référencement naturel (SEO) n’était pas qualifié, ce qui signifie que les visiteurs du site n’étaient pas nécessairement intéressés par ce que l’Office de Tourisme proposait, affectant potentiellement les taux de conversion et l’engagement.
- L’intégration des fiches provenant d’Apidae Tourisme était mise en œuvre de manière peu fiable, nécessitant parfois une double saisie des informations.
- Le design du site était devenu vieillissant, ce qui pouvait affecter négativement l’expérience utilisateur et l’image de marque de l’Office de Tourisme.
Pour accompagner l’Office de Tourisme Luberon Sud Tourisme dans leur transition, nous avons élaboré une stratégie de refonte complète.
Définir une stratégie SEO
Avant d’entamer une refonte, il est essentiel de définir une stratégie de référencement. Quel intérêt y a-t-il à posséder un site attrayant si celui-ci ne parvient pas à atteindre votre cible ?
Une stratégie de référencement bien conçue assure que votre site soit optimisé pour les moteurs de recherche, vous permettant ainsi de toucher efficacement votre public cible.
Cela implique une analyse approfondie des mots-clés, l’optimisation du contenu, la structure du site et l’amélioration continue basée sur l’analyse des données de trafic et le comportement des utilisateurs.
Qu’est-ce que le référencement naturel ?
Le référencement englobe toutes les actions requises pour concevoir les pages d’un site web, incluant le contenu sémantique et son organisation, les balises HTML, ainsi que les liens internes et externes. Il s’attache également à l’expérience utilisateur (UX) pour viser un positionnement stratégique et optimiser la visibilité du site web dans les résultats des moteurs de recherche.
Cette démarche stratégique est fondamentale pour assurer que le site ne se contente pas d’exister en ligne, mais qu’il soit également facilement trouvable par les utilisateurs ciblés, augmentant ainsi le trafic qualifié et contribuant au succès global du site.
Le positionnement d’un site sur internet repose sur la sélection d’expressions clés ciblées, choisies pour correspondre aux recherches de son public cible et maximiser sa visibilité.
Sans élaborer un cahier des charges précis pour le SEO, il est peu probable que votre site apparaisse dans les premières pages des résultats de Google pour votre secteur et les expressions clés visées.
Pour assister l’Office de Tourisme dans la structuration de ses objectifs, nous leur avons fourni le document élaboré par notre partenaire, Alangaux Conseil, à remplir. Ce document est également disponible en téléchargement pour vous – c’est notre façon de contribuer !
Après avoir complété le document, nous avons collaboré avec eux pour élaborer leur stratégie de webmarketing, en suivant différentes étapes.
Reprise des éléments stratégiques du projet
Après une analyse approfondie des réponses au questionnaire, nous entamons une série d’échanges constructifs avec l’Office de Tourisme. Cette phase de dialogue nous permet de creuser plus profondément et d’affiner les thématiques identifiées initialement.
Nous explorons ensemble les priorités, les objectifs à court et à long terme, ainsi que les spécificités du territoire et de l’audience ciblée. Cette étape cruciale assure que la stratégie webmarketing qui sera développée est non seulement alignée avec les besoins et aspirations de l’Office de Tourisme mais est également conçue pour répondre efficacement aux attentes de leurs visiteurs.
Identification des expressions de recherche : audit de mots clés
L’audit de mots-clés vise à résoudre une triple question :
- Quelles sont les expressions clés liées à l’activité ?
- Quelles sont les expressions clés tapées par la cible en ligne ?
- Quel est le niveau de concurrence sur les expressions et /ou sur ce territoire ?
Détermination des thématiques, organisation des silos et des contenus
Suite à l’audit de mots-clés, nous avons identifié les thèmes à organiser en silos thématiques, associant des expressions clés spécifiques à chaque page cible, réparties entre les catégories de niveau 1 et 2. Cette méthode structure le site de manière cohérente, optimisant le SEO et l’expérience utilisateur.
Ce travail préliminaire a permis de concevoir une architecture de site sémantiquement solide et alignée avec les objectifs ciblés de l’Office de Tourisme.
Consolidation du plan de site
La première version de l’architecture du site a principalement mis l’accent sur les pages et rubriques essentielles à la performance SEO. Par la suite, en collaboration avec Luberon Sud Tourisme, nous avons enrichi ce plan de site en y intégrant des rubriques annexes telles que les actualités, une page pour le téléchargement de brochures et de guides, etc.
Cette approche a pour but de concevoir un site qui soit à la fois optimisé pour les moteurs de recherche et enrichi de contenus pertinents et utiles pour les visiteurs.
Atelier SEO et livraison de documents
Notre partenaire SEO a ensuite organisé un atelier avec l’équipe de rédaction pour les former aux bonnes pratiques de la rédaction SEO.
A l’issue de l’ensemble de ces étapes, nous avons remis à l’Office de Tourisme
- Un cahier des charges des éléments sémantiques SEO : ce document est un recueil des bonnes pratiques pour la rédaction de l’ensemble des pages du futur site web.
- Un cahier des charges technique SEO : ce document est rédigé à l’attention de l’agence web avec des recommandations techniques utiles pour optimiser l’indexation des pages.
Le design du site de l’Office de Tourisme
Le travail de design n’a pu débuter qu’après avoir complété toutes les étapes de préparation au référencement naturel (SEO). Il peut être frustrant de ne pas avoir encore vu la moindre ébauche de maquette; toutefois, élaborer un design sans disposer d’une architecture de données équivaudrait à créer une coquille vide de sens.
Vous ne concevez pas un site internet pour vous-même, mais pour vos visiteurs.
Dans ce contexte, nous n’allons pas nous pencher sur l’aspect esthétique, mais plutôt sur la façon dont les différentes grandes sections du site sont conçues.
La page d’accueil
La page d’accueil doit être envisagée comme le sommaire de votre site. Elle se doit de refléter l’ensemble de ce que l’internaute pourra découvrir au fil de vos pages.
Pour le site de l’Office de Tourisme Luberon Sud Tourisme, voici comment nous avons structuré cette page :
- Une mise en valeur d’une photographie captivante accompagnée d’un lien qui met en avant un article d’actualité.
- Un texte succinct soulignant les atouts majeurs du territoire.
- Une section consacrée à la situation géographique, complétée par un lien vers une catégorie de premier niveau.
- Une présentation des différents villages relevant de l’Office de Tourisme, avec un lien vers la catégorie de niveau 1 correspondante.
- Une mise en lumière de certains événements, assortie d’un lien dirigeant vers ce silo d’information.
- L’affichage des deux dernières actualités, avec un lien conduisant à la section des Actus.
- Une valorisation de certaines activités disponibles sur le territoire, avec un lien vers la rubrique générale les regroupant.
- Une section patrimoine, accompagnée d’un lien vers la catégorie des visites guidées.
- Un espace dédié aux locations, pourvu d’un lien vers la totalité de l’offre.
- Une section consacrée à la gastronomie et au vin, offrant diverses entrées ciblées pour explorer ce thème.
Chaque section comprend un lien dirigeant vers une catégorie de niveau 1, facilitant ainsi pour le visiteur l’accès graduel à un contenu de plus en plus détaillé. Cette stratégie d’organisation en entonnoir bénéficie autant aux visiteurs, en les guidant progressivement vers des informations plus spécifiques, qu’aux robots d’exploration qui indexent les pages de votre site. Elle optimise l’expérience utilisateur tout en améliorant le référencement naturel du site.
Un autre aspect crucial est de maintenir votre page d’accueil dynamique. D’une part, cela permet à vos visiteurs réguliers de repérer rapidement les nouveautés dès leur retour sur votre site. D’autre part, cela facilite l’accès des robots d’indexation à ce contenu frais. Une page d’accueil actualisée régulièrement enrichit l’expérience utilisateur tout en optimisant le référencement naturel par la mise à jour continue du contenu.
Les pages de catégories 1 et 2
Les pages des catégories 1 et 2 sont consacrées à une unique thématique et doivent être interconnectées entre elles.
Dans l’exemple du site de l’Office de Tourisme Luberon Sud Tourisme nous abordons 4 grandes thématiques qui sont :
- Découvrir
- Explorer
- Dormir
- Savourer
Nous allons nous concentrer sur la thématique « Découvrir » qui est découpée en différents sous-ensemble qui sont :
- Les villages du Sud Luberon
- Découvrir le Luberon Sud
- Le luberon sur la carte de France
- Comment venir dans le Luberon
- L’office de Tourisme
- Idées séjours
Pour faciliter la découverte du territoire par l’utilisateur, nous avons élaboré un système de maillage interne permettant une navigation à la fois descendante, du général au spécifique, et transversale, entre des contenus thématiquement liés.
Cette structure vise à enrichir l’expérience utilisateur en offrant des parcours de découverte variés et en facilitant l’accès à une information riche et pertinente.
Par exemple, comment est structurée la page de niveau 1 « Les villages du Sud Luberon » ?
- Une image d’accueil immersive
- Un texte introductif sur le territoire
- Des liens vers les pages des villages et d’autres sections de la thématique « Découvrir »
- Un texte détaillé sur la visite des villages
- Une section liant transversalement à d’autres pages de niveau 1.
Ce processus est appliqué uniformément à toutes les pages de niveau 1 du site. Il crée un maillage interne cohérent au sein d’une même thématique, tout en offrant à l’internaute l’opportunité d’approfondir ses connaissances sur un sujet donné.
Lorsque le visiteur accède à une page de village (catégorie 2), il trouvera toutes les informations spécifiques au village. En fin de contenu, une section lui offre la possibilité de poursuivre sa découverte de manière transversale en explorant un autre village, ou de retourner à la page de catégorie 1 « Les villages du Sud Luberon ».
De la même manière que pour les pages de catégorie 1, nous créons ainsi un maillage entre les différentes pages du même niveau, ainsi qu’un lien avec le niveau parent pour une navigation fluide et cohérente sur le site.
Avec ces bonnes pratiques en termes d’ergonomie, le site est en mesure d’offrir une expérience optimale à vos visiteurs. Il ne reste plus qu’à personnaliser ces différentes zones en accord avec votre charte graphique.
Le développement WordPress
Nous ne reviendrons pas sur tous les avantages de l’utilisation de WordPress par rapport à une solution propriétaire. Cependant, s’il fallait en mentionner un seul, ce serait la liberté.
Néanmoins, il est essentiel que cette liberté soit accompagnée d’une maîtrise de la part de l’agence web chargée de la création de votre site. Cette agence devra vous guider et vous conseiller sur les différents choix techniques pour garantir la performance de votre site.
Nous ne couvrirons pas l’intégralité du développement d’un site WordPress, mais nous mettrons l’accent sur quelques points essentiels que vous devriez contrôler.
L’un des premiers choix auxquels vous serez confrontés sera la conception de votre thème WordPress. Ce choix aura une influence majeure sur la qualité du code que vous proposerez à Google.
Bien souvent, les thèmes sont sélectionnés en fonction de leur esthétique ou de leurs fonctionnalités, mais pas nécessairement pour la qualité de leur code. Il est important de noter qu’un thème mal codé peut vous pénaliser dans les résultats de recherche.
Les thèmes premium
Les thèmes WordPress offrent un large éventail de choix et sont disponibles à des prix variés. Cependant, certains d’entre eux peuvent embarquer un grand nombre de fonctionnalités dont vous n’aurez jamais besoin. Le temps gagné sur le design initial pourrait être perdu lors des tentatives d’optimisation ultérieures.
Les thèmes sur-mesure
Les thèmes sur mesure sont une solution idéale pour répondre précisément à vos besoins. Ils permettent une mise en place plus aisée du chargement conditionnel, ce qui optimise les fichiers nécessaires pour rendre une page. Bien que leur coût soit plus élevé à court terme, un thème sur mesure bien codé représente un investissement rentable qui peut rapidement générer de bons résultats.
De plus, il est plus évolutif, car vous pouvez demander à votre développeur d’ajouter de nouvelles fonctionnalités ou d’apporter des modifications spécifiques au fur et à mesure de l’évolution de vos besoins.
Pour le site de l’Office de Tourisme Luberon Sud Tourisme, nous avons développé un thème entièrement sur mesure, en accord avec les exigences techniques du référencement SEO.
Un autre choix à considérer est l’utilisation d’un constructeur de page ou de l’éditeur natif de WordPress, Gutenberg.
Les constructeurs de pages (page builder) : un défi pour les performances du site
Les constructeurs de pages mal maîtrisés peuvent effectivement nuire considérablement aux performances de votre site. Leur attrait réside dans leur capacité à permettre une mise en page très avancée, similaire à celle d’un logiciel de design graphique tel que Photoshop.
Cependant, cette force constitue également leur défaut, car pour fournir ces fonctionnalités, ils doivent embarquer une multitude de CSS et de JavaScript. En conséquence, le chargement d’une page peut rapidement devenir lourd si l’agence ne prend pas soin d’utiliser un chargement conditionnel pour optimiser les ressources chargées en fonction des besoins spécifiques de chaque page.
Gutenberg, l’avenir de l’édition web
Contrairement aux constructeurs de pages, Gutenberg gère nativement le chargement conditionnel et est intégré au cœur de WordPress, ce qui le rend optimisé par défaut. Il vise à redéfinir la manière dont nous créons des pages web.
L’éditeur évolue à chaque mise à jour de WordPress et il est important de noter que ce qu’il est possible de faire avec un constructeur de page, Gutenberg peut également le faire.
Pour la conception du site de l’Office de Tourisme, nous avons naturellement opté pour l’éditeur Gutenberg. Nous avons personnalisé certains blocs pour qu’ils correspondent à l’apparence définie dans les maquettes graphiques et nous avons également développé des blocs personnalisés pour répondre à des demandes plus spécifiques.
Limiter les extensions (plugins)
Dans une optique de performance, il est essentiel que l’agence limite le nombre d’extensions installées au strict minimum. De plus, il est recommandé de ne pas laisser des extensions inutilisées désactivées ; si elles ne sont plus nécessaires, il est préférable de les désinstaller complètement.
En outre, il est crucial de maintenir régulièrement toutes les extensions à jour afin de garantir la sécurité de votre site.
Un système de cache performant
Effectivement, les internautes ont une aversion pour l’attente, et Google en est bien conscient. Une page qui se charge lentement aura un double effet néfaste pour votre site : elle dissuadera les visiteurs qui préféreront se tourner vers des sites plus rapides et Google vous pénalisera en termes de classement dans les résultats de recherche.
C’est pourquoi il est primordial d’optimiser la vitesse de chargement de votre site pour offrir une expérience utilisateur optimale et maintenir votre positionnement dans les résultats de recherche.
Il existe plusieurs outils pour mesurer la performance de vos pages. Vous pouvez tester la performance de votre site actuel en utilisant https://pagespeed.web.dev/.
Optimiser ses images
Dans des secteurs comme le tourisme, l’image joue un rôle crucial car elle permet une immersion dans votre territoire. Cependant, des images mal optimisées et trop lourdes peuvent pénaliser votre site.
Pour résoudre ce problème, vous devez mettre en place une solution d’optimisation d’images.
Pour le site de l’Office de Tourisme Luberon Sud Tourisme, nous avons choisi d’utiliser l’extension Imagify. Cette extension automatise le processus : chaque fois qu’une nouvelle image est ajoutée à la bibliothèque de médias de WordPress, elle est automatiquement optimisée pour réduire sa taille tout en préservant sa qualité, ce qui permet une meilleure performance du site. Ainsi, l’équipe en charge de la rédaction n’a rien à faire, ce qui simplifie le processus pour tous les utilisateurs du site.
Sécuriser son site
WordPress représente environ 43% des sites internet dans le monde, ce qui en fait une cible privilégiée pour les attaques. Cependant, les mises à jour fréquentes de la part de la communauté en font également un outil robuste, à condition d’en assurer la maintenance.
Voici quelques mesures de sécurité essentielles à prendre :
- Maintenez à jour le cœur de WordPress et toutes vos extensions. Les mises à jour contiennent souvent des correctifs de sécurité importants.
- Mettez en place une solution de sécurité. Une extension comme SecuPress peut être particulièrement utile car elle couvre différents points de vulnérabilité et permet de renforcer la sécurité de votre site.
- Effectuez des sauvegardes régulières de votre site. En cas de problème ou d’attaque, disposer de sauvegardes récentes vous permettra de restaurer votre site plus facilement.
En prenant ces mesures de sécurité, vous pouvez renforcer la protection de votre site WordPress contre les menaces potentielles.
Un hébergement web efficient
Le choix d’un hébergement web solide est crucial pour garantir la performance et la disponibilité de votre site. Une erreur fréquente que nous observons est l’utilisation d’une offre mutualisée sur OVH. Notre conseil est clair : évitez OVH !
Il existe en effet d’autres solutions d’hébergement beaucoup plus performantes, avec un support client de qualité. Voici deux options que vous pouvez choisir les yeux fermés :
Tous les sites que nous concevons pour les Offices de Tourisme sont hébergés sur des serveurs dédiés chez O2Switch.
Exploitation de la donnée Apidae Tourisme
Dans le cadre de la refonte du site internet de l’Office de Tourisme Luberon Sud Tourisme, nous avons mis en place notre extension WP-Apidae pour importer l’ensemble des fiches du territoire sous forme de différentes sélections.
Nous avons travaillé sur l’habillage des fiches ainsi que sur l’organisation de l’information à l’intérieur de celles-ci.
L’équipe pilote désormais l’ensemble du contenu de leurs fiches directement sur Apidae, et WP-Apidae se charge de la synchronisation, évitant ainsi le travail de double saisie auquel l’Office était confronté auparavant.
Après plus d’un an d’existence du site, l’équipe de rédaction est désormais complètement autonome pour importer une nouvelle sélection et mettre en avant certaines fiches dans des pages de contenu. Elle peut désormais se concentrer pleinement sur son cœur de métier : la création de nouveaux contenus.
Conclusion
Ce projet de refonte s’est étalé sur une période de près de 9 mois. Nous avons pris le temps d’échanger et de prendre des décisions cruciales concernant la stratégie et l’expérience utilisateur.
Aujourd’hui, le site se classe en première position sur des requêtes pertinentes pour sa cible et le nouveau design reflète parfaitement l’image que l’Office de Tourisme souhaite transmettre de son territoire et de ses partenaires.
Vous envisagez de refondre ou de créer un site web touristique ? Nous serions enchantés de discuter avec vous de vos projets.