Développement de site WordPress personnalisés par Tematic agence web

Tematic propose le développement, la refonte et la reprise de sites web avec le CMS WordPress dans une très grande maîtrise technique de l’outil sur ses différents points clés :

personnalisation,
performance,
optimisation pour le référencement,
sécurisation

Notre spécificité est de créer et développer des sites WordPress entièrement « from scratch » c'est-à-dire en partant de zéro sans utiliser un thème du marché, ce qui permet d'intégrer un design spécifique, entièrement personnalisé. Cette capacité signe le savoir-faire d'un vrai développeur WordPress et nous différencie des offres du marché consistant à simplement installer et paramétrer un WordPress à partir d'un thème graphique existant.

Qu’est-ce que WordPress ?

WordPress est un CMS (Content Management System) de site web dont le code source est proposé en libre accès (open source) par la société américaine Automattic. Ce produit est maintenu et perfectionné en continu par les développeurs de cette société qui interviennent sur le cœur du produit mais permet aussi aux développeurs du monde entier d’abonder au projet en produisant des plug-ins et thèmes compatibles qui viennent enrichir ses fonctionnalités.

WordPress utilise pour fonctionner le langage le plus répandu sur le web : le PHP et une base de données MySQL.

La toute première version de WordPress date de 2004 et elle n’a cessé de se perfectionner depuis. Aujourd’hui on considère que plus d’un site sur trois est réalisé avec WordPress ce qui en fait de très loin le CMS de référence, leader sur le web.

Au départ simple plateforme de blog, WordPress permet aujourd’hui de produire des sites vitrines, des sites personnalisés grâce à de nombreux plug-ins disponibles ou encore des sites de e-commerce avec son extension dédiée appelée WooCommerce.

Une fois installé et paramétré, WordPress se présente côté back-office sous la forme d’un système de gestion de contenu (CMS pour Content Management System en anglais) qui offre la possibilité de mettre à jour en ligne les sites web réalisés.

Côté front office, il est possible d’associer au CMS WordPress des thèmes graphiques pré-établis appelés templates pour mettre en œuvre la partie graphique du site là aussi sans programmation.

Le succès de WordPress vient en grande partie de la relative simplicité d’utilisation de son back-office qui permet à de nombreux webmasters qui ne sont pas développeurs de maintenir à jour assez facilement un site internet WordPress.

Mais c’est surtout sa capacité à être installé sans connaissance de développement avancé qui a tellement contribué au déploiement de si nombreux sites WordPress sur le web. L’utilisateur obtenant ainsi facilement un site web administrable avec un back-office et un design front office choisi parmi d’innombrables thèmes graphiques gratuits ou payants.

Ce choix consiste également en sa principale faiblesse. En effet, dans la totalité des cas d’une installation non guidée de WordPress, le résultat obtenu engendre de profondes carences à des niveaux essentiels pour l’efficacité d’un site web :

Optimisation pour le référencement — L’optimisation pour le référencement

Personnalisation graphique et technique — La personnalisation graphique et technique

Pour contourner ces carences, il est nécessaire de faire appel à un développeur spécialiste de WordPress qui va permettre de tirer parti de toute la souplesse de WordPress sans en pâtir.

C’est un petit peu le paradoxe de WordPress qui se veut une plateforme simple à mettre en œuvre : pour qui souhaite un site performant, personnalisé et qui en attend un retour sur investissement, il est indispensable de compter sur les compétences d’un développeur qui va utiliser WordPress en sélectionnant ou ajoutant des développements qui ne freineront pas son efficacité.

La performance : réaliser un site rapide

L’installation de WordPress sans capacité de déployer celle-ci à partir d’un cœur à nu conçu pour le développement personnalisé se transforme rapidement en agrégat de plug-ins et extensions qui viennent ralentir la performance du site. La performance d’un site web, c’est-à-dire sa capacité à délivrer et afficher rapidement ses contenus est dépendante de son serveur d’hébergement mais surtout de la qualité de sa programmation. Elle entre en jeu dans la prise en compte du référencement mais aussi dans la qualité de l’expérience utilisateur qui risque vite de se détourner d’un site web si celui-ci se charge mal et trop lentement.

La sécurité : un enjeu essentiel avec WordPress

C’est la principale faiblesse des installations non professionnelles de WordPress. L’ajout de plug-ins et de thèmes du marché, sans capacité à auditer ou ajuster leurs éventuels points faibles laisse la porte ouverte à des failles de sécurité importantes. Ces failles de sécurité sont essentiellement la conséquence de développements plug-ins ou de thèmes graphiques pas suffisamment qualitatifs, mis sur le marché par des développeurs pas assez aguerris ou trop pressés. Résultat, un nombre impressionnant de sites WordPress sont hackés de manière automatique par des pirates. Leur objectif est d’utiliser les faiblesses du site visé comme support, la plupart du temps pour le rediriger vers des sites publicitaires ou de fishing. Le côté parfois sournois de ces hackings ne permet pas toujours de détecter facilement qu’un site WordPress a été piraté. On peut passer ainsi des mois voire des années avec un site détourné dont la performance en référencement la fréquentation et donc le retour sur investissement devient quasi nul. L’enjeu d’un site WordPress bien sécurisé est donc essentiel et il va passer de façon incontournable par le savoir-faire d’un développeur spécialisé.

L’optimisation du référencement

Dans le contexte d’une installation par défaut de WordPress, l’optimisation pour le référencement n’est pas du tout prise en compte. En plus des problèmes de performance cités plus haut, les éléments clés liés à l’optimisation pour le référencement d’un site WordPress sont totalement absent d’une installation par défaut. En effet, les éléments permettant de personnaliser les balises métas de chaque page, de différencier les titres des pages des adresses d’URLs qui sont les basiques de l’optimisation sémantique d’une page ne sont pas disponibles.

Et ne parlons pas de la structure sémantique du codage des sites en cas d’utilisation d’un template graphique disponible sur le marché. Une analyse de Tematic a mis en lumière que la quasi-totalité d’entre eux n’était pas conforme aux normes du web sémantique. La plupart ne tiennent pas compte par exemple des changements de langue et indiquent aux moteurs de recherche un contenu identifié comme anglais. Ils constituent un frein très important au référencement d’un site web ce qui va le pénaliser même si son contenu est qualitatif et ne lui permettra pas se placer dans de bonnes conditions dans la compétition du référencement.

La personnalisation technique et graphique

Tous les éléments précédents sont résolus en choisissant de travailler en complète personnalisation à la fois techniquement et graphiquement. Ce qui nécessite le recours à un développeur spécialisé WordPress en capacité de traiter toutes les étapes liées à la gestion de la performance, de la sécurité et de l’optimisation pour le référencement.

C’est le choix systématique de Tematic et la plus-value que nous proposons à tous nos clients pour tirer parti du meilleur de WordPress.

Notre process de développement WordPress offre la garantie :

d’un site rapide et fluide, 100% optimisé même dans les cas d’intégration graphique complexe avec de nombreuses images.
d’un écosystème de développements mis au point par nos soins pour optimiser la vitesse du site, la conformité de la sémantique du HTML et veiller à l’intégrité des différents éléments externes sécurisés que nous avons sélectionnés spécifiquement.
de la mise en place d’un design distinctif qui saura personnaliser votre site au plus près de votre image de marque tout en évitant les écueils associés au thèmes graphiques du marché (failles de sécurité, non-conformité de la structure sémantique, faiblesse de la performance, indication d'une mauvaise langue aux moteurs de recherche).

Avec toutes ces étapes correctement gérées, un site WordPress devient une arme redoutable car son code est propre, constamment mis à jour et dispose de l’une des meilleurs interface CMS du marché.

Il permet aux entreprises de faire le choix de la pérennité sur le long terme, leur site pouvant évoluer dans un écosystème sûr, constamment mis à jour depuis 2004 et pouvant potentiellement être repris par tout développeur WordPress compétent. Ce choix affranchit le client d’une forme de dépendance à son agence ou à son développeur par rapport à un choix de développement qui se serait porté sur des systèmes propriétaires.

Pourquoi faire appel à une agence web pour créer votre site WordPress ?

La suite de cet article aborde en profondeur les bénéfices qui doivent vous conduire à choisir une agence web spécialisée pour mettre en œuvre votre site WordPress. Il détaille également les avantages différenciateurs propres à Tematic dans ce domaine. Nous utilisons donc quelques termes techniques importants dont nous proposons une définition plus complète en renvoi de bas de page.

Comme nous l’avons vu, la mise en place d’un site WordPress basique est une aventure relativement accessible pour des utilisateurs non professionnels.
Parmi eux, le profil le plus courant est celui de webmaster : une personne qui n’est pas développeur mais utilisateur plus ou moins averti des outils du monde du web. A ce stade, un webmaster peut mettre en place un hébergement web avec un CMS WordPress installé automatiquement puis d’y ajouter un thème graphique(1) choisi parmi les innombrables propositions du marché.

Très souvent, le webmaster aura tout de même bénéficié d’une formation à l’installation simple et à l’utilisation courante de WordPress. Car ces manipulations basiques ne peuvent pas être réalisées par une personne totalement novice. L’utilisation même du back office d’administration de WordPress demande quelques connaissances dans ce domaine afin de pouvoir publier les contenus, bien que son builder(2) de base nommé Gutenberg soit de conception simple et performante.

De plus, suivant le thème ajouté, sa configuration finale peut s’avérer plus ou moins complexe et peut déjà en rebuter plus d’un. Par ailleurs, de nombreux thèmes sont associés à un autre « builder » que Gutenberg, notamment le fameux Elementor très puissant mais un peu pataud avec une grosse consommation de ressources et une prise en main… un peu prise de tête… Sans oublier les dégâts qu'un utilisateur non averti infligera au référencement de son site à cause du choix des balises HTML par défaut de Elementor.

Malheureusement, en aucun cas, cette production ne pourra répondre à un usage professionnel de la création de site web pour une entreprise et ceci pour plusieurs raisons :

1) L’image de marque
2) Le développement spécifique
3) Le référencement naturel
4) La sécurité
5) L’accompagnement

1) L’image de marque

Lorsqu’une entreprise souhaite réaliser ou refondre son site web, dans la quasi-totalité des cas, il s’agit de réaliser un site spécifique qui réponde de façon personnalisée à ses objectifs de communication.

Seule une agence web ou un développeur spécialisé peut intégrer avec WordPress un design créé spécifiquement.

Le design est bien sûr un élément important dans la réalisation d’un site web. La plupart du temps, une entreprise attend de son agence web la prise en compte des points clés de son univers afin de lui proposer une création graphique en harmonie avec son image, ses savoir-faire, ses marchés…

Dans ce cas, le recours à un thème graphique déjà existant ne permet pas cette personnalisation ou alors de manière très limitée.

Un travail de création graphique complètement libre se fait donc en dehors des carcans d’un thème et même si celui-ci offre des propriétés de personnalisation, il faudra tout de même recourir à de la programmation pour réaliser une adaptation suffisante.

L’intégration graphique personnalisée WordPress, appelée dans notre jargon « from scratch » (c’est-à-dire à partir de zéro) est une prestation fournie par un professionnel du développement ou une agence web spécialisée WordPress.

Chez Tematic, pour réaliser une intégration graphique entièrement spécifique, nous avons fait le choix technique d’un thème que nous avons appelé « Starter » : un thème de base « nu » graphiquement mais conçu pour accueillir les différentes briques nécessaires afin de mettre en œuvre un design personnalisé. Ceci nous donne toute la liberté pour :

Travailler les couleurs et les polices de caractères
Travailler la mise en forme et la composition des éléments clés de présentation du site.

Grâce à cette approche, Tematic conçoit et intègre pour ses clients des sites web WordPress au design entièrement personnalisés dans le respect de leur image de marque et de leur charte graphique éventuellement existante.

2) Nos choix performants pour le développement spécifique de votre site WordPress

Cette souplesse est aussi reliée au choix de départ que nous avons fait de ne pas utiliser un autre builder que celui-ci qui est nativement rattaché à WordPress : Guntenberg.

Gutenberg est un builder efficace et performant mais qui peut s’avérer limité lorsqu’il s’agit de rendre administrable des mises en forme graphiques évoluées.

C’est la raison pour laquelle d’autres builders tels Elementor ou encore Divi ont été conçus. Bien que puissants, ces builders sont malheureusement lourds, consommateurs de ressources et donc ralentissent un site web. Or, la performance d’un site en matière de rapidité d’affichage est un critère de plus en plus pris en compte par les moteurs de recherche pour leur référencement naturel.

Il nous fallait donc travailler avec le builder natif Gutenberg pour conserver les dispositions de départ d’une haute performance aux sites que nous concevons, tout en palliant à ses limites pour qu’il devienne le support des compositions graphiques personnalisées, évoluées que nous concevons pour nos clients.

Pour répondre à ces enjeux, nous avons développé et ajouté des blocs de mise en forme spécifiques qui n’existent pas dans la version de base de Gutenberg. Ces blocs nous permettent ainsi de réaliser toutes ces mises en forme qu’il n’aurait pas été possible d’obtenir avec la version de base de Gutenberg. Il s’agit notamment :

de blocs de mise en page puissants pour gérer les colonnes et grilles, les agencements textes / image, les fonds de couleurs ou fonds images, les calages d’éléments en dehors du corps ou au contraire en retrait dans le corps de la page mais aussi les alignements horizontaux et verticaux, le tout personnalisable pour les différentes tailles du site (desktop, tablette, mobile). Ces blocs intègrent aussi de puissantes fonctionnalités de calage des images par rapport à leur environnement
d’un bloc image très complet pour gérer leur format et leur distribution suivant les tailles d’écran. Ce bloc permet même d’utiliser des images différentes suivants les supports utilisés pour permettre des cadrages différents, optimaux ou personnalisés suivant que l’internaute affiche le site en mode desktop, tablette ou mobile. Ce bloc permet aussi de choisir différents types d’animations à l’affichage ou au survol.
de blocs de gestion de boutons et de leur apparence.

Une autre des particularités de WordPress est son ouverture importante. Il est possible d’ajouter au coeur de base de très nombreux plugins(3) qui prennent en charge des fonctions annexes variées pour l’affichage, l’optimisation pour le référencement, la sécurité…

Le développement spécifique WordPress chez Tematic couvre donc aussi la sélection, le paramétrage et la mise en œuvre de ces plugins ou d’autres éléments de personnalisation du développement attachés quant à eux au thème qui permettent de bénéficier :

D'un outil de slider adapté au recadrage des bannières en mode mobile.
D’un menu de type volet sticky (c’est-à-dire visible de manière permanent lors du défilement dans une page).
D'une gestion de menus dépliants en mode mobile afin de faciliter l’ergonomie de navigation sur les smartphones.

3) Nos choix pour le référencement naturel performant de votre site WordPress

Dans la plupart des projets que nous menons à bien pour nos clients, le référencement tient toujours une place de choix. Celle-ci peut-être plus ou moins importante mais elle est présente à chaque fois. Rares sont les sites qui peuvent se passer de référencement et quitte à disposer d’un site web, autant qu’il soit le mieux profilé pour le référencement.

Dans de très nombreux cas, le référencement est une part intégrée au projet avec des objectifs qui visent un retour sur investissement. Soit par la capacité du site à devenir un outil de prospection et donc de générer des contacts (des leads) clients pour l’entreprise, soit des ventes en ligne s’il s’agit d’un site marchand.

Bien que le référencement d’un site dépendent d’un grand nombre de critères, notamment la qualité de son contenu et sa popularité(4), son succès dépendra toujours d’un principe de base : sa qualité technique. Cette qualité technique rassemble de nombreux critères qui doivent tous être pris en compte pour que le reste suive dans les meilleures conditions.

Le problème avec WordPress, c’est que cette qualité technique n'est pas présente dans le pack de base. De nombreuses briques ne sont pas disponibles nativement dans le CMS WordPress comme la personnalisation des balises metas, l’activation d’un fil d’ariane, la réécriture d’URLs, la redirection de pages… Il faut donc là aussi intervenir avec des développements spécifiques afin de faire de WordPress un outil parfaitement optimisé techniquement pour le référencement.

Le savoir-faire en développement WordPress de Tematic apporte donc toutes les solutions à l’optimisation technique pour le référencement d’un site web. C’est l’une des clés de notre différentiation car rares sont les agences web WordPress qui travaillent autant sur la totalité de ces critères. On notera en particulier :

Le plugin pour la réécriture des adresses URLs des pages
Le plugin qui permet de rédiger les balises méta title et méta description des pages.
Le strict respect de la sémantique HTML5(5) mise en œuvre par le bon usage de Gutenberg et surtout notre prestation d’intégration graphique personnalisée qui nous donne toute la liberté de configurer au mieux la structure du site. Ce point est capital lorsque l’on sait que la totalité des thèmes graphiques WordPress disponibles sur le marché ne présente pas une sémantique HTML correcte.
Un plugin spécifiquement développé pour accueillir les données structurées(6) paramétrables pour chaque page.
Des outils permettant de paramétrer de nombreux autres critères, notamment pour éviter des soucis réguliers de « duplicate content » partiel sur un même site.

4) Nos choix pour sécuriser de façon fiable votre site WordPress

La sécurité est également un élément clé du développement WordPress. Compte tenu de sa popularité, WordPress peut être exposé à certains risques, c’est pourquoi Tematic à positionné en priorité la sécurisation complète de votre site WordPress.

WordPress est une plateforme ciblée par les spammeurs car sa configuration est facilement reconnaissable par les robots qui sillonnent le web à la recherche de failles de sécurité à exploiter. Généralement, il s’agit pour ces robots d’envoyer des e-mails de type spam non sollicités via les formulaires de contact des sites WordPress. Le développement de la puissance de traitement informatique couplée à l’intelligence artificielle permet aux robots de contourner la plupart des sécurités de type captcha(7) normalement destinés à les filtrer. Ce qui a pour résultat la réception plus ou moins fréquente de courriels non sollicités. La plupart du temps ces messages sont inoffensifs, mais deviennent lassant si leur nombre croit régulièrement et certains peuvent contenir des tentatives de pishing.

Pour éviter ces désagréments Tematic a mis au point un plugin spécialement dédié au filtrage des messages de type spam réellement efficace et qui n'influe pas sur les performances de l'affichage des pages du site. Grâce au croisement de différents filtres basés sur les caractères utilisés, le vocabulaire et les liens injectés dans le contenu, notre plugin de filtrage des messages spams permet de s’en débarrasser complètement sans risque pour les vrais messages.

L’autre vulnérabilité de WordPress concerne les failles de sécurité ajoutées par les thèmes et plugins installés. Cette vulnérabilité expose beaucoup plus un site aux malveillances que le simple spam. Dans ce cas, le site peut-être hacké et détourné de sa fonction initiale pour afficher des contenus non sollicités ou encore servir de plateforme de redirection vers d’autres sites. Certains hacking suffisamment sournois ne sont pas détectables immédiatement surtout si vous n’utilisez pas votre site au quotidien. C’est l’usage de thèmes et plugins courants du marché qui peuvent engendrer ce type de vulnérabilité par un développement laissant souvent des portes d’entrées à l’injection de code malveillant et permettant ainsi ce type de détournement.

Pour apporter un très haut niveau de sécurité à votre site et éviter ces problèmes, Tematic a mis en place un plugin de sécurité dédié, associé à notre thème spécifique « starter ». Le code du thème étant le nôtre nous évitons ainsi l'introduction de failles de sécurité différentes à chaque nouveau site créé. C’est l’autre avantage que de réaliser un site WordPress personnalisé en s’affranchissant des thèmes classiques de WordPress. Votre site bénéficie d’un développement personnalisé dans lequel est intégré en amont un niveau de sécurité très élevé qui le met à l’abri de toute intrusion.

Notre travail sur les désactivations et modifications permettent d’empêcher une personne malveillante de se baser sur la connaissance générale et largement répendu du fonctionnement de WordPress pour tenter de récupérer des informations nécessaires à une attaque puis exécuter cette dernière. Des règles sont même ajoutées pour entraver et empêcher un travail de scan du site à recherche de vulnérabilités qu'un plugin tiers (qui ne serait pas réalisé par nos soins) aurait pu apporter entre deux versions.

5) Notre accompagnement personnalisé pour garantir votre réussite sur le long terme

La fiabilité d’une agence web WordPress tient aussi sur sa capacité à vous accompagner sur le long terme pour vous garantir la pérennité de votre site, notamment concernant les points suivants :

Mettre à jour régulièrement votre site WordPress pour qu’il soit continuellement le mieux profilé pour votre activité.
Se tenir toujours au meilleur niveau de la connaissance de l’écosystème de développement WordPress pour produire des sites technologiquement irréprochables.
Effectuer une veille technologique régulière pour sélectionner et utiliser les plugins adéquats du marché en se basant sur des critères de sécurité, de performances, de robustesse, de propreté, sans impact négatif sur le référencement.
Développer des plugins spécifiques si aucun de ceux du marché n’apporte de réponse à vos besoins.
Faire évoluer le développement de votre site en lui ajoutant de nouvelles fonctionnalités au fur et à mesure du développement de votre activité.
Vous conseiller sur les meilleurs choix techniques et de référencement pour la digitalisation de votre activité.
Prendre en main si nécessaire les mises à jour courantes de votre site pour que celles-ci soient réalisées le plus efficacement possible techniquement pour accroître la performance et la visibilité de votre site.
Etre force de proposition pour vous aider à générer plus de contacts ciblés en provenance de votre site en travaillant sur des secteurs concurrentiels du référencement ou au contraire en vous aidant à identifier des niches de marché puis en profilant des landings pages efficaces pour recueillir ces contacts.

Pour conclure

Nous espérons que cet article aura su vous convaincre de l’intérêt de faire appel à une agence web pour développer votre site WordPress et de choisir Tematic en particulier !

Vous l’aurez compris, même si WordPress est en apparence d’une approche assez simple, son déploiement professionnel nécessite de s’appuyer sur les compétences de spécialistes avec à la clé des avantages compétitifs permettant d’apporter un grand succès à votre présence sur le web :

Personnalisation du design en fonction de votre image de marque
Développement spécifique compte tenu de vos savoir-faire et marchés
Retour sur investissement grâce à la performance du référencement
Haut niveau de sécurité
Evolutivité continue de votre site

C’est ce que nous avons plaisir à réaliser avec nos 150 clients depuis 2007.

Lexique

(1) Thème graphique

Un thème rassemble les fichiers modèles et les feuilles de style qui permettent l’affichage du site, son design graphique et l’ergonomie de présentation.

(2) Builder

Un builder est un outil de gestion de contenu accessible en ligne et rattaché au back office de WordPress permettant d’ajouter et de modifier les contenus des pages du site sans codage particulier.

(3) Plugin

Un plugin (appelé extension en français) est un module qui s’installe sur le CMS WordPress dans le but d’ajouter des fonctionnalités et des options supplémentaires et spécifiques.

(4) Popularité (d'un site web)

La popularité d’un site se mesure par le nombre et a qualité des liens qui pointent vers un site web en provenance d’autres sites web. Il s’agit d’un facteur très important pris en compte par l’algorithme de Google pour le référencement d’un site web.

(5) HTML 5

Le HTML5 est la dernière version du langage utilisé pour la création des sites web. Il est enrichi de balises spécialement dédiées aux usages du référencement et du marketing web afin de structurer de façon optimale les contenus d'un site web.

(6) Données structurées

Les données structurées se présentent sous forme de code ou de balises supplémentaires qui viennent enrichir le code HTML placé sur une page web. Elles communiquent des informations complémentaires aux moteurs de recherche sur le type de contenu présenté, ce qui permet une meilleure indexation et un meilleur référencement.

(7) Captcha

Test simple réclamant une résolution humaine pour valider une action à réaliser sur un site web, de manière à valider celle-ci en la différenciant d'actions automatiques de programmes robots.