Votre site idéal ressemble à celui-ci ?
Faites appel à PG Concept pour la réalisation d'un site WordPress professionnel, attrayant, sécurisé et performant.
Contexte
Je connais Patrice depuis quelque temps déjà, il a en effet été un de mes apprenants dans le cadre d’une formation au langage SQL incluse dans son cursus de data analyst. C’est donc avec plaisir que j’ai découvert son message sur LinkedIn.
Il y a bientôt 3 ans, Patrice a lancé sa société iPhaïstos, présentant divers services :
- Un SaaS, x2x, permettant la conversion de factures Excel au format Factur-X, idéal pour les entrepreneurs souhaitant se mettre en conformité avec les obligations liées à la facturation électronique, prévue pour septembre 2026, sans pour autant abandonner leurs outils actuels.
- Des prestations de Data Analyst avec Power BI pour aider les entrepreneurs à exploiter leurs données et à prendre de meilleures décisions.
- Du consulting IBM i et intelligence artificielle.
Patrice avait dans un premier temps créé son site lui-même sur Wix. Ce site était de plutôt bonne facture, mais souffrait de limitations inhérentes à la plateforme. Or, il était important pour Patrice que son site soit réellement professionnel, maintenable dans la durée et bénéficie d’un référencement naturel optimal.
WordPress était la solution la plus adaptée dans son cas, car il souhaitait pouvoir si nécessaire facilement modifier lui-même des contenus sans avoir à se plonger dans le code.
Cahier des charges
L’objectif de Patrice avec le nouveau site d’iPhaïstos était de :
- Présenter l’entreprise de façon professionnelle.
- Détailler les services proposés (facturation électronique, data analyst, audit IBM i…).
- Faciliter la prise de contact par les clients.
- Mettre en place un blog technique de façon à démontrer son expertise.
- Revoir l’architecture du site, notamment le parcours de navigation et le maillage interne.
Le RGPD était également au cœur des besoins exprimés, car essentiel à la crédibilité de Patrice. Notamment, il souhaitait pouvoir intégrer des vidéos de sa chaîne YouTube sans pour autant exiger le dépôt de cookies marketing.
Déroulement du projet
Choix techniques
WordPress est apparu comme étant le choix le plus pertinent. Divi 5 a également été de la partie pour faciliter la création de mises en page au design attrayant et responsive.
Suivant mes recommandations, Patrice à opté pour PlanetHoster pour l’hébergement du site. Cet hébergeur web propose en effet un excellent rapport qualité / prix, j’en suis moi-même un client satisfait depuis plus de 6 ans.
Pour des performances optimales, j’ai mis en place :
- LiteSpeed Cache (inclus en standard dans les offres PlanetHoster)
- Utilisation du CDN QUIC.cloud.
- Cache objet Redis (inclus en standard dans les offres PlanetHoster)
- Optimisation des images, notamment grâce au format WebP.
- Stratégies avancées d’optimisation JavaScript et CSS (minification, combinaison, chargement différé…).
Structure du site
Le site adopte une structure optimale pour une société de services aux entreprises :
- Une page d’accueil destinée à être le point d’entrée principal et incluant des liens vers les autres pages.
- 3 pages Services (Facturation électronique, Modernisation IBM i, Data Analyst) avec design cohérent, détail des offres, tarifs, ainsi qu’un appel à action clairement identifiable.
- Une page “Nous choisir”.
- Une page “A propos” destinée à la réassurance.
- Une page Contact pour générer des leads, mais aussi un formulaire de contact secondaire dans le pied de page.
- Et bien sûr les pages RGPD obligatoires : Mentions légales et Politique de confidentialité (+ Politique de cookies).
L’en-tête (header) et le pied de page (footer) sont quant à eux conçus de façon à faciliter la navigation.
Charte graphique
iPhaïstos disposait déjà d’une charte graphique cohérente et parfaitement adaptée à son activité, avec des contrastes répondant aux exigences du RGAA (accessibilité numérique). Toutefois, les pages Services présentaient une palette de couleurs trop variée, Patrice et moi avons donc convenu de la simplifier tout en la maintenant attrayante et en permettant des effets de dégradés subtils.
D’autre part, des polices de caractères libres de droits facilement lisibles ont été retenues et hébergées localement : Spinnaker pour les titres et NotoSans pour les corps de texte.
Sécurité
Les mesures de sécurité essentielles n’ont bien sûr pas été oubliées :
- Mise en place d’un WAF (pare-feu applicatif web).
- Entêtes HTTP de sécurité.
- Déport des URLs de connexion à l’administration WordPress.
- Anti-spam de type “honeypot”.
Performances
La vitesse de chargement des pages est un facteur crucial, aussi bien pour retenir les visiteurs que pour optimiser le référencement naturel. Les résultats des mesures réalisées sont le reflet des efforts déployés.
Référencement naturel
L’obligation de facturation électronique étant prévue pour septembre 2026 et x2x étant un point clé de l’activité d’iPhaïstos, il était important que le site soit conçu en respectant les meilleures pratiques SEO afin qu’il ait de bonnes chances de se positionner dans des délais raisonnables sur des mots-clés tels que “facturation électronique”, “conversion Excel Factur-X”, etc.
Dans cette optiques la structure des pages ainsi que les méta-données ont été définies de façon à ce que les moteurs de recherche comprennent au mieux les contenus et les favorise dans les SERP. Les performances PageSpeed évoquées un peu plus haut vont également dans le sens d’un bon référencement, les Core Web Vitals étant un critère important.
RGPD
J’ai comme à mon habitude mis en place une conformité RGPD stricte :
- Page Mentions légales
- Page Politique de confidentialité
- Page Politique de cookies
- Bannière de consentement aux cookies, avec respect du non-consentement
De plus, Patrice souhaitant intégrer des vidéos de sa chaîne Youtube iPhaïs-Talk sans pour autant imposer le dépôt de cookies marketing, je lui ai proposé la solution “YouTube nocookie”. Le mode de confidentialité avancé interdit en effet à YouTube de collecter des informations d’un visiteur ne regardant pas les vidéos et d’utiliser ces informations pour proposer une expérience de navigation personnalisée sur la plateforme.
Enfin, le suivi statistique des visiteurs a été mis en place avec Matomo Analytics sans cookies.
Un aperçu du site
Voici comment se présentent les principales pages du site (survolez-les pour les faire défiler) :
Accueil
Cette page est le point d’entrée du site et affiche :
- Une brève présentation de l’entreprise avec liens vers les pages A propos et Contact.
- Un résumé des services proposés, avec liens vers les pages correspondantes.
- Une section qui comportera à terme les témoignages de clients.
- Un appel à action.
Blog
Le blog reste volontairement simple, sans catégorisation des articles afin que ces derniers soient facilement accessibles à partir d’une même page en limitant le nombre de clics.
Articles
Les articles sont créés avec l’éditeur de bloc Gutenberg pour que leur gestion soit indépendante du thème utilisé. En revanche, ils bénéficient d’une mise en page améliorée grâce au “Divi Theme Builder”.
Pages Services
Les pages Services ont été conçues sur la base d’un modèle cohérent pour faciliter leur compréhension par les visiteurs mais aussi par les moteurs de recherche, ce qui améliore leur potentiel de référencement.
Nous choisir
Cette page est actuellement en cours de réflexion par Patrice et pourra potentiellement être étoffée, avec pour objectif de mettre en avant les points différenciants d’iPhaïstos et les bénéfices clients.
A propos
Cette page est destinée à présenter iPhaïstos, son expertise et son approche, dans un objectif de réassurance.
Contact
Cette page comporte :
- Un formulaire de contact.
- Les coordonnées (adresse, téléphone, email) d’iPhaïstos.
Suites du projet
La dernière étape consistera en une formation en visio dispensée à Patrice afin qu’il soit autonome dans la gestion de son site, qu’il s’agisse de créer de nouveau articles de blog, de modifier des contenus textes ou médias dans les différentes pages, effectuer des réglages SEO de base si nécessaire.
Patrice dispose également d’un accès utilisateur à mon instance Matomo Analytics afin d’étudier le trafic sur son site et potentiellement ajuster sa stratégie en conséquence.
Je suis pour ma part ravi de cette belle collaboration !
0 commentaires