Petit dictionnaire des termes techniques.

Le CMS WordPress étant parmi les plus utilisés en représentant plus d'un quart du web en 2017, il semble naturel que ce CMS figure dans nos activités principales.

Lors de la création d'un site, nous utilisons une version Francophone du CMS, un thème Starter modifié par nos soins et une sélection de plugins soigneusement étudiée pour leurs fonctionnalités et leurs absences de faille de sécurité.

Thème graphique

Notre thème starter est modifié lors d'une phase d'intégration de la charte graphique afin d'être le plus proche de la vision du graphiste. En respectant, d'une part différents principes de WebDesign pour une bonne expérience utilisateur de vos utilisateurs finaux et d'autre part de Programmation pour éviter de mauvaises surprises dans le temps ou des pondérations vers le bas du positionnement sur les moteurs de recherche.

Responsive Design : nous ne créons qu'une sortie HTML pour une même URL et c'est grâce aux CSS (feuilles de style) que son visuel s'adapte aux différents supports sur laquelle elle sera affichée. Cela garantit que votre site sera toujours lisible sur les différents supports au fil du temps.

Plus d'informations

Historiquement parlant alors que le Responsive Design existait, la France a connu une période où des Agences proposaient de vous faire un « site mobile » et un « site bureau » accompagné d'instructions serveurs pour essayer d'afficher la bonne version selon le matériel. De nombreux problèmes se sont rapidement posés dans les méthodes de détection à cause de la multiplication des supports (tactile, mobile, tablette, notebook/ultra-portable, portable, widescreen) , des navigateurs (chaque marque de mobile donnait naissance à un nouveau navigateur) et des OS (systèmes d'exploitation). Imaginez les problèmes de création et de maintenance puisque chaque cas particulier amène ses propres bugs natifs (type de support * tactile * liste de OS avec leurs versions * liste de navigateur avec leurs versions et leur éventuelle gestion de moteurs de rendu antérieurs). Une même version d'Internet Explorer installée sur deux versions différentes de Microsoft Windows pouvait produire des bugs différents. Bien évidemment tous ces bugs natifs devaient être résolus. Et quelle que soit la manière de faire, avec au moins deux versions, cela voudrait dire plusieurs URLs pour un contenu. À cette époque, ne vous a-t-on pas partagé par e-mail le lien d'un article qui lors de l'ouverture vous redirige vers l'accueil du site (ou une page non trouvée) car vous ou l'expéditeur utilisait un navigateur dit mobile et l'autre non. Là, commençait la chasse à l'article ou au service qui n'existait peut-être pas en version mobile… Car au moins deux versions à construire puis administrer cela représente un coût monétaire et de temps supplémentaire non négligeable et ce même avec une administration partagée.

Mobile First : en utilisant l'approche du Responsive Design, la mise en forme de base est celle pour les plus petits écrans, puis nous adaptons cette mise en forme à différents pallier appelés « breakpoint ». Ces breakpoints représentent chacun une certaine largeur d'écran. En effet, si quelque chose devait mal se passer sur un navigateur, la mise en forme de base avec cette approche est parfaitement lisible sur toutes les tailles d'écrans.

Plus d'informations

Par opposition, en Desktop First, vous risqueriez qu'en cas de problème vos usagers ne se retrouvent à afficher un site en taille bureau sur mobile : ce qui est illisible, potentiellement non zoomable, laisse à penser que votre site est un dinosaure et qu'au final vos usagers ne vous importent pas.

Amélioration progressive (Progressive Enhancement) : nous n'essayons pas de tordre l'intégration pour disposer dans un navigateur particulier (de manière peut-être temporaire et vouée à de futurs bugs) de fonctionnalités dont il ne dispose pas encore. S'il s'agit de fonctionnalités liées à l'aspect graphique, nous partons sur la base des navigateurs grand public quelques années en arrière pour réaliser un aspect graphique par défaut. Puis nous détectons si la fonctionnalité qui nous intéresse existe et uniquement si c'est le cas nous faisons en sorte que cet aspect soit amélioré. S'il s'agit de fonctionnalités liées à l'aspect programmation, nous reprenons le même principe en vérifiant la disponibilité d'une fonctionnalité avant de l'utiliser et/ou d'afficher certains éléments graphiques.

Plus d'informations

En désactivant JavaScript, avec certains bloqueurs publicitaires ou de tracking, vous avez peut-être remarqué des sites ne respectant pas cette approche. Les symptômes peuvent être : page blanche ou presque, images manquantes, affichage fortement dégradé, etc. Alors, la moindre mise à jour de thèmes/plugins/modules ou de service tiers sur ce genre de site apporte le risque de se retrouver avec les mêmes problèmes visuels.

Plugins WordPress

En plus de la sélection de plugins tiers brièvement évoquée, nous avons créé un ensemble de plugins pour encore mieux répondre aux besoins courants du site tel que :

• renforcement de la sécurité ;
• optimisation du site ;
• conformité GDRP/RGPD ;
• améliorations pour le référencement ;
• mise en forme de contenu ;
• etc.

Et pour les besoins spécifiques de tel ou tel site, nous réalisons des plugins sur mesure, codé proprement en suivant les spécifications de la documentation WordPress.

Nous nous occupons aussi de réparer et de mettre en conformité des plugins réalisés spécifiquement pour un site par des tiers. La détection de plugins vérolés fait aussi partie de nos qualifications.

N'importe qui ayant des notions de programmation pouvant créer et publier un plugin, il n'est pas rare de trouver quelque chose qui fonctionne au premier abord, mais qui est extrêmement dangereux, problématique ou cause d'incompatibilités.

Optimisation WordPress

Le CMS permet de faire de nombreuses choses, mais à la base, il a été réalisé pour bloguer. Avec le temps, son champ d'action s'est élargi. Principalement grâce : aux Plugins, une écriture permettant d'intervenir pratiquement sur tous les traitements qu'il réalise sans altérer son code et d'une grande communauté. C'est pourquoi il est très important de bien le configurer, de bien l'optimiser et de bien le sécuriser.