Pour faire la promotion de son activité, Prolise a confié à WordPress Marseille la réalisation de son site. Un site responsive réalisé sous WordPress avec réservation et paiement en ligne des trajets.

Site internet : www.prolise.fr

CMS : WordPress

Extensions : Elementor, Transporters

Pour cela, Amulette Bijoux a confié à WordPress Marseille la refonte de son site e-commerce. WordPress, Elementor Pro et WooCommerce ont été utilisés pour développer ce site unique et original, à l’image de la créatrice d’Amulette Bijoux.

N’hésitez pas à le visiter, Noël approche ! Et il y a une réduction pour votre première commande sur le nouveau site.

Site internet : amulettebijoux.com

Date de sortie : 2022

CMS : WordPress

Extensions : Elementor Pro, WooCommerce

Fond noir, typo déstructurée, le site permet de tout savoir sur le groupe de cover : qui ils sont, ce qu’ils jouent, les dates de leur prochain concert… N’hésitez pas à les contacter pour les faire jouer dans une soirée, dans votre pub ou dans votre restaurant. Ils offriront à votre public un rock musclé qui met le feu.

Site internet : chlorockine.rocks

Date de sortie : 2022

CMS : WordPress

Le 10 février dernier c’est un véritable tremblement de terre qui a secoué le monde du web, pourtant habitué aux évolutions rapides de son secteur. Ce jour-là, La CNIL, autorité française de protection des données personnelles, a publié un communiqué sur son site Internet expliquant qu’elle venait de mettre en demeure un site internet de se mettre en conformité avec les règles régissant le transfert de données. Rien d’exceptionnel au premier abord.

Si ce n’est que la CNIL mettait en cause directement l’utilisation par ce site de Google Analytics, la célèbre solution de statistique que 70% des sites internet dans le monde utilisent. La CNIL justifiait ainsi cette décision : « Un identifiant unique est attribué à chaque visiteur. Cet identifiant (qui constitue une donnée personnelle) et les données qui lui sont associées sont transférés par Google aux États-Unis. ». Des transferts que la CNIL estime illégaux et non conforme au RGPD. Cette décision de mettre en cause directement le géant du web n’était pas une décision unilatérale de la commission française mais une décision prise en collaboration avec ses homologues européens.

Faut-il suivre les conseils de CNIL et supprimer Google Analytics de mon site ?

Si la CNIL a décidé de frapper fort c’est que malgré ses nombreux avertissements, les efforts effectués par Google ont été jugés insuffisants. Par conséquent, si vous souhaitez être en accord avec le RGPD et éviter une mise en demeure de la CNIL (qui vous laisse 1 mois pour modifier votre site), la réponse est oui ! Il faut supprimer Google Analytics de votre site internet. Il est impératif pour tous les sites internet français de se mettre en conformité en remplaçant Google Analytics par des solutions de mesure d’audience qui ne compromettent pas les données personnelles des utilisateurs.

Vous pensez peut-être que votre site, par sa taille ou son activité, ne risque pas d’être repéré par la CNIL. Peut-être. Mais sachez que des associations de protection des données commencent à harceler les sites non conformes et à les menacer de les poursuivre si Google Analytics n’est pas supprimé rapidement. Quelles que soient leur taille ou leur activité.

Le conseil de WordPress Marseille en septembre 2022 est donc de dire : oui, il faut supprimer Google Analytics de votre site. On verra ce que l’avenir (et Google) nous réserve. De notre côté, nous avions senti le vent tourner bien avant la décision de la CNIL. Nous n’installons plus Google Analytics sur nos sites depuis plusieurs mois. Nous l’avons remplacé (mais ce n’est pas l’unique solution) par Matomo.

D’ailleurs, la CNIL conseille des solutions de remplacement sur son site, dont Matomo, et explique comment les configurer pour être conforme aux règles. Pertinent.

Reste à savoir si la firme irlandaise va réagir et se mettre en conformité. Le 16 mars, à la surprise générale, ils ont annoncé la sortie de Google Analytics 4 et la fin du Google Analytics classique (Universel) en juillet 2023.

Mais ne vous réjouissez pas trop vite. D’abord parce que la CNIL a jugé insuffisantes les modifications apportées. Ensuite parce que cette version n’est pas une évolution de la précédente, c’est-à-dire qu’il vous faudra tout de même désinstaller Google Analytics (sans moyen de conserver ou de transférer les données vers la nouvelle version) avant d’installer GA4. Autant en profiter pour installer une solution 100% RGPD.

Tout cela vous parait compliqué ? Cela pourrait être pire dans les semaines qui viennent. Il se dit (dans les milieux autorisés comme disait le regretté Coluche) que la CNIL pourrait bannir Google Map et même les Google Font. Et ce n’est qu’un début (Gmail ?). A suivre.

Pour le moment faisons simple : supprimez Google Analytics et installez une solution conforme. Ou faites appel à WordPress Marseille pour procéder à cette migration.

Le premier conseil que peut vous donner la Team WordPress Marseille, c’est de ne pas automatiser ces mises à jour. Seules les mises à jour de sécurité de WordPress doivent être automatiques (c’est à configurer dans l’onglet « mise à jour » de votre tableau de bord).

Les autres mises à jour doivent se faire manuellement. Pourquoi ? Pour éviter que votre site ne tombe sans que vous ne vous en rendiez compte (à cause d’une incompatibilité entre extensions et version de WordPress par exemple). Cela vous ferait perdre des visites, de l’argent, de la crédibilité, du référencement et cela compliquerait le diagnostic.

Comment procéder pour faire les mises à jour WordPress ?

Tout d’abord vous devez vous assurer que vous disposez d’une sauvegarde de votre site et de sa base de données récente (chez votre hébergeur et sur un cloud par le biais d’une extension de sauvegarde). En cas de problème vous pourrez ainsi revenir à une version précédente.

Ensuite vous devez classer les mises à jour en 2 grandes familles : les mises à jour majeures de WordPress et/ou de votre Page Builder (Elementor, Divi…) et les mises à jour des extensions de complément.

Pour WordPress nous vous conseillons d’attendre un peu pour faire la mise à jour surtout si celle-ci est majeure (quand on passe d’un 7.2.8 à un 7.3 par exemple). Attendez que cette nouvelle version soit testée par la communauté afin que les éventuels beugs soient détectés et corrigés. Vous devrez donc attendre quelques semaines ou l’arrivée d’une mise à jour mineure (la 7.3.1 qui vient après la 7.3.0 par exemple) qui corrige généralement les problèmes mis en avant par la communauté après quelques jours de tests.

Une fois la mise à jour effective, vérifiez immédiatement que tout fonctionne sur votre site. Si ce n’est pas le cas, il va falloir trouver la source du problème et revenir en attendant à l’ancienne version de votre site. Pour les Page Builder tels que Elementor et Divi vous devez procéder de la même manière.

Quand faire les mises à jour des extensions WordPress ?

Pour les autres extensions WordPress, vous devez faire les mises à jour le plus rapidement possible afin d’éviter les failles de sécurité. Pour ce faire, mettez à jour les extensions une à une en vérifiant à chaque fois que votre site continue à fonctionner parfaitement (naviguez sur tous les types de page avec différents navigateurs si possible). En cas de problème vous pourrez également revenir à la version antérieure de votre site.

Tout ceci vous inquiète ? Vous n’osez pas faire les mises à jour par vous-même ? Le mieux est de payer un petit forfait de maintenance à votre agence web (WordPress Marseille par exemple !) qui s’occupera pour vous de ces mises à jour et de leurs conséquences. Cela ne coûte pas cher et cela vous apporte une véritable sérénité au quotidien.

Avoir un thème enfant WordPress est-il utile en 2022 ?

En 2022, cette technique peut toujours être utile. Oui, notamment si vous développez votre site WordPress « à l’ancienne ». C’est à dire avec un thème WordPress ancienne génération.

Car de nos jours il existe 2 raisons de ne plus avoir à créer forcément un thème enfant (et à alourdir votre site et sa conception) :

• Utiliser un thème WordPress Premium qui permet de modifier le CSS dans un champ dédié qui ne sera pas affecté par les mises à jour ultérieures du thème.
• Utiliser un Page Builder pour créer et designer votre site, sans utiliser son thème (par exemple, Elementor avec un thème « coquille vide » comme Hello).

Page Builder WordPress : l’arme ultime ?

Chez WordPress Marseille nous travaillons toujours avec un Page Builder et un thème vide. Cela garantit à nos sites une légèreté, une rapidité et une sécurité que ne proposent pas les sites développés à partir de thèmes « prêts à personnaliser ».

Nous considérons donc que non, il n’est pas indispensable de créer un thème enfant quand on utilise bien les nouvelles possibilités qu’offre WordPress et ses outils. Et que dans 99% des cas cela ne posera pas de problème. Mais nous savons aussi que de très nombreux « développeurs » préfèrent assurer le coup en créant un thème enfant au cas où… car 1% ce n’est pas rien finalement.

Au final, nous utilisons des thèmes enfants sur les sites que nous développons plus par sécurité que par véritable utilité. Nul doute que cette pratique finira par se perdre avec les progrès que font les développeurs de thème et de Page Builder.

Après avoir développé un site WordPress, on est souvent curieux de tester sa rapidité avec l’outil Page Speed Insights de Google, afin de mesurer la performance de notre travail. Car tout le monde sait que la vitesse de chargement d’un site est un critère majeur de sa performance SEO.  

Ainsi, l’outil de Google vous donne une note entre 0 (c’est très rare) et 100 (c’est très rare aussi !). Ce score est une indication de la rapidité de chargement de votre site. Une mauvaise note doit vous pousser à corriger les défauts qui ressortent de l’analyse de l’outil sur plusieurs critères. Une bonne note doit vous pousser à vous améliorer encore pour atteindre le graal. Cette optimisation doit se faire dans la version desktop comme dans la version mobile (Google attribue une note à chacun de ces versions).

Et parmi ces critères de notation, le LCP, le FID et le CLS sont les derniers arrivés. Petite explication de ces acronymes qui font maintenant partie du Core Web Vitals, c’est-à-dire des signaux essentiels à la qualité de votre site et de son référencement.

Le LCP : Largest Contentful Paint

C’est un indicateur dont le rôle est de mesurer la vitesse de chargement des pages d’un site internet. En effet, google considère que si le contenu met trop de temps à s’afficher, le risque est grand de voir l’internaute quitter le site. Ainsi, l’outil contrôle le temps que met le plus grand élément de contenu visible de la page à s’afficher, qu’il s’agisse d’une image, d’une vidéo ou d’un simple texte. Au-delà de 5 secondes, ce temps de chargement est très problématique et pénalisant pour votre SEO. Moins de 2,5 secondes et c’est parfait. Entre les 2, c’est moyen !

Le FID : First Input Delay

Le FID (First Input Delay) mesure le temps de réaction d’un site lorsqu’un internaute clique sur un bouton, un lien ou un élément du menu. Si c’est supérieur à 300 millisecondes, c’est problématique car l’internaute va s’impatienter. Moins de 100 ms c’est parfait. Entre les 2, c’est moyen !

Le CLS : Cumulative Layout Shift

Le CLS vérifie la stabilité visuelle d’une page durant son temps de chargement à l’aide d’un algorithme complexe. Cette analyse vise à lutter contre les changements de mise en page pendant le chargement. L’objectif est d’avoir un score proche de 0 mais de ne surtout pas dépasser 0,25.

Maintenant que vous avez compris la signification de ces termes, foncez tester votre site et commencez dès à présent à suivre les conseils de Google pour l’améliorer. C’est le premier pas vers un site bien référencé.

Un script est un langage qui automatise certaines tâches selon des règles prédéfinies. Par exemple, c’est un script qui va vérifier la validité d’un formulaire avant de l’envoyer (il vérifie que les champs obligatoires ont été remplis ou que le format de la réponse correspond à l’attendu). Il existe des scripts backend) et frontend. C’est-à-dire que certains scripts travaillent du côté serveur tandis que d’autres travaillent du côté navigateur.

Deux types de PHP

Le PHP est un langage côté serveur. Il permet de développer un site avec du contenu dynamique (au contraire d’un site statique développé uniquement en HTML). Il va créer des pages HTML « personnalisées » sur le serveur en exécutant les ordres pour lesquels il a été programmé avant de les envoyer vers le client (l’ordinateur de l’internaute qui ne sait pas lire du php) afin que celui-ci puisse recevoir sa page personnalisée.

Cette capacité à être intégré à un code HMTL fait du PHP un langage majeur du développement de sites internet. D’ailleurs WordPress est développé en utilisant ce langage. C’est ce qui nous permet de personnaliser un site notamment en modifiant des extensions ou des thèmes.

En résumé

En résumé, le PHP est un langage open source qui permet de générer du contenu dynamique sur un site et notamment sur un site WordPress. Vous pouvez créer des sites sans le pratiquer grâce au côté « plug and play » de WordPress mais c’est un véritable atout de le maitriser pour proposer des personnalisations plus poussées que la version native de WordPress et de ses page builder. Attention, le PHP de votre site doit régulièrement être mis à jour. Pour cela, il faut intervenir côté serveur en utilisant le back office de votre hébergeur. La dernière version au moment de la publication de cet article est la 8.1.7 (mis à jour du 8 juin 2022). Vérifiez quelle est la vôtre !

BeReal : le réseau social de la vraie vie

« Tes amis pour de vrai » : c’est la promesse de BeReal, réseau social créé il y a 2 ans et qui compte aujourd’hui plus de 2,5 millions d’utilisateurs.

Le principe est simple : chaque jour BeReal envoie à ses utilisateurs une notification à une heure aléatoire. L’internaute dispose alors de 2 mn pour prendre une photo de lui à l’instant T, sans filtre. L’application prend instantanément une photo avec le téléphone en mode selfie et en mode appareil photo. L’utilisateur ne peut rien cacher et il montre ainsi son véritable quotidien à ses amis.

La photo n’est visible que par ses amis (sauf si on souhaite la rendre publique) et les amis ne peuvent la voir que si eux-même ont posté leur photo du jour. C’est donnant donnant. Cette photo disparait au bout de 24h. Elle peut alors être stockée dans un dossier (souvenirs).

BeReal : un succès planétaire ?

Véritable carton chez les jeunes, BeReal est en train de lever des fonds pour accélérer son développement à l’international et notamment aux USA où il comment à faire parler de lui. Un réseau social du vrai en opposition avec les nombreux réseaux sociaux du fake qui donnent l’impression aux utilisateurs que les autres sont toujours heureux, toujours riches et toujours beaux. Reste à voir si la vraie vie de ses amis peut passionner les utilisateurs sur le long terme. A suivre.

Installer WordPress 6.0

Comme toujours avec WordPress, rien n’est plus simple que d’installer une nouvelle version. Si votre site tourne avec une ancienne version comme la 5.9 par exemple, il vous suffit de cliquer sur la rubrique « Mise à jour » de votre tableau de bord et de vous laisser guider.

Attention, je vous conseille toujours d’attendre un peu avant de mettre à jour votre site le temps que certains beugs soient corrigés et le temps que vos thèmes et extensions aient pu vérifier et adapter leur compatibilité. Vous pouvez soit attendre quelques semaines soit attendre une version 6.0.2 (par exemple) qui corrigera déjà la majorité des problèmes détectés sur WordPress 6. Quoi qu’il en soit assurez-vous de faire une sauvegarde de votre site avant de vous jeter à l’eau. C’est une bouée de sauvetage très importante en cas de problèmes.

Si vous êtes sur le point de créer un nouveau site, vous pouvez dès maintenant utiliser Arturo. Le mieux est de télécharger WordPress 6 sur le site officiel et de l’installer vous-même. Si vous passez par une installation « one click » de votre hébergeur et que celui-ci ne propose pas encore WordPress 6, vous acceptez l’installation et vous faites ensuite une mise à jour comme indiqué ci-dessus.

Amélioration des blocs Gutenberg WordPress 6

Cette version de WordPress 6 propose une amélioration du page builder Gutenberg.

La list view

La vue en liste ou « list view » permet maintenant de naviguer facilement de bloc en bloc en cliquant sur l’élément que l’on souhaite atteindre.

Verrouillage des blocs

Il est possible maintenant de verrouiller des blocs afin d’éviter qu’un contributeur vienne les supprimer ou les déplacer. Un bon moyen de protéger la mise en page de votre site. Excellent idée !

Sélectionner du texte plus facilement

On peut maintenant sélectionner en une seule fois du texte situé dans plusieurs blocs. Une nouveauté qui parait dérisoire mais qui peut faire gagner beaucoup de temps selon comment votre site est construit.

Dupliquer un bouton sans perdre ses réglages

Avec Arturo on peut maintenant dupliquer un bouton et conserver tous ses réglages (couleur, police, etc.) alors qu’avant il fallait tout paramétrer à nouveau. Logique me direz-vous mais ce n’était pas le cas jusqu’à présent !

Des fonds transparents !

J’aime bien cette nouveauté ! On peut maintenant mettre un fond transparent à nos éléments. Génial pour être créatif dans notre construction de page.

Amélioration de l’intégration des compositions

Les compositions (qui sont des blocs prêts à l’emploi) sont maintenant directement accessible depuis l’ajout de blocs. C’est plus facile et cela représente un gain de temps non négligeable.

Des bannières dynamiques

On peut maintenant définir du contenu dynamique pour les bannières à savoir y incorporer automatiquement l’image « à la une » pour que la bannière évolue sans intervention à chaque changement de cette image.

Des bordures dans le bloc « colonne »

Oui je sais, vous pensiez que c’était déjà le cas. Mais non ! On peut maintenant enfin attribuer des bordures aux colonnes en ayant la possibilité de choisir le style de votre bordure.

Les blocs « groupe » évoluent

On pouvait regrouper plusieurs blocs dans un bloc « groupe » qui permet de gérer plus facilement la mise en page. On peut maintenant modifier directement l’alignement des éléments de ce bloc en 1 clic avec l’option « en ligne » (les éléments se positionnent les uns à côté des autres) ou « empiler » (les éléments se positionnent les uns sous les autres).

Gérer l’espacement des blocs d’une galerie

Enfin ! On peut gérer l’espacement entre les différents blocs d’une galerie pour plus de créativité dans votre mise en page.

Nouveautés du Full Site Editing de WordPress 6

Ajouter un modèle

Quand on ajoute un modèle, WordPress 6 nous propose maintenant directement la liste des modèles disponibles. Pratique !

Des feuilles de style pré-définies !

Pour chaque bloc on dispose de propositions de styles qui nous permettent de visualiser facilement des possibilités de mise en page. Je peux bien sur créer mes propres styles afin de modifier mon site facilement.

Modification du bloc « commentaires »

Chaque élément du bloc commentaire est un bloc. Cela permet de gérer le style de chaque élément pour une personnalisation maximale.

Créer votre thème

Tout le travail que vous avez effectué pour personnaliser le webdesign de votre site peut maintenant être exporté grâce à WordPress 6. Vous pouvez ainsi créer votre thème et soit l’utiliser sur un autre site soit le donner (le vendre) à un autre développeur.

Conclusion

WordPress fait des efforts pour améliorer Gutenberg et son Full Site Editing. Mais on est loin du niveau de page builder tels que Elementor ou Divi. A mon sens, il est encore beaucoup trop tôt pour se passer de ces extensions. Le point positif c’est que ces améliorations poussent les autres page builder à s’améliorer également pour conserver leur coup d’avance. Côté développeurs, on profite donc tous de ces améliorations. On attend donc avec impatience la version 6.1 qui pourrait nous amener son lot de bonnes surprises.