Les mêmes étapes de travail - un mal ennuyeux pour les agences, même pour le développement de WordPress. Comment les autres optimisent-ils leurs tâches ? Et quels outils utilisent-ils pour cela ? 10 questions à notre client et partenaire d'agence Daan Bachmann de stark.marketing.

Démarrage rapide du projet

Daan, ton agence WordPress gère de nombreux projets dans toute l'Allemagne. Quelles sont les caractéristiques de notre hébergement WordPress ou de notre Tableau de bord t'aide-t-il particulièrement ?

Les fonctionnalités soutiennent chaque phase de nos projets. Le Tableau de bord pour commencer est clair et facile à utiliser. Les Boxes de démo offrent un démarrage des plus rapides du développement sur un LiveServer. Tous les projets n'ont pas le budget pour des phases de brainstorming créatif et de mise en page coûteuses avec de nombreuses boucles de correction.

De nombreux sites web sont créés directement dans la DEMOBOX en fonction des souhaits des clients. Leur contenu, même s'il ne contient parfois que des espaces réservés, est rapidement en ligne et visible sur différents terminaux. Cela aide de nombreux clients dans la suite du processus.

Les sauvegardes automatiques et régulières m'ont permis de sauver plus d'un projet client, que ce soit pendant le développement ou après. La transmission du contrat d'hébergement au client une fois le projet terminé, si tu le souhaites, se fait en quelques minutes. Et jusqu'à présent, n'importe quel profane a réussi à le faire sans instructions.

Un autre point qui facilite considérablement notre travail quotidien : même après la remise du contrat, il me reste un accès admin à BOX pour toute sa gestion. Ton staging WordPress permet des adaptations et des modifications complètes, tandis que le site web reste disponible pour le client final sans aucune modification.

Spécialisation dans l'hébergement WordPress

Un de nos clients d'agence a dit : "Grâce à ton Tableau de bord, nous économisons un poste de sysadmin à temps plein". Est-ce que tu penses que c'est exagéré ?

Cela rend notre quotidien beaucoup plus agréable. La navigation et l'interface dans son ensemble sont claires, logiques et on arrive au but en un clin d'œil. La configuration d'un nouveau BOX , y compris le domaine et les e-mails, se fait en quelques minutes. L'accès facile à toutes les informations et fonctions d'un hébergement moderne permet de gagner beaucoup de temps dans les tâches administratives nécessaires.

(Dés)activer ou supprimer le cache, activer le SSL, les informations d'accès FTP, etc. - ces tâches quotidiennes se font en deux clics. De nombreux autres paramètres pour le serveur et WordPress se trouvent également dans les menus. Ici, ta spécialisation joue un grand rôle : les paramètres par défaut sont si bien adaptés que je n'ai que rarement besoin de m'en occuper.

Comment calcules-tu la valeur ajoutée que notre hébergement t'offre ? Et quel rôle joue notre support ?

En économie de temps et de nerfs. En fait, ça n'a pas de prix. Ton support y contribue aussi : Rapidement joignable via le chat, aimable, compétent et jusqu'à présent, une solution a toujours été trouvée - la classe mondiale absolue. Tu as accidentellement envoyé trop d'e-mails de concours depuis le backend WP et tu es sur le point de faire une crise cardiaque parce que rien ne fonctionne alors que les annonces sont en cours d'exécution sur le site ? Le support s'en est occupé et cinq minutes plus tard, tout fonctionnait à nouveau comme sur des roulettes.

Performances WordPress

Qu'en est-il, selon toi, du point "performance" sur Raidboxes ? As-tu des valeurs de comparaison ?

WordPress avec un thème multi-usages, y compris un constructeur de pages et de nombreux plug-ins, est un tueur pour le temps de chargement. Si nos pages se chargent quand même assez rapidement , c'est grâce à ton hébergement. Des temps de réponse rapides, une mise en cache propre, un support WebP et des serveurs parfaitement adaptés à WordPress : Nous sommes toujours surpris de la différence qu'un changement d'hébergement vers Raidboxes peut faire. Ce n'est pas pour rien que nous recommandons ton hébergement à tous nos clients.

Comment rends-tu tes projets aussi performants que possible, même en dehors du facteur hébergement ?

Il existe de nombreux facteurs qui influencent le temps de chargement. Des outils comme GTmetrix donnent une bonne estimation et quelques instructions. Le facteur le plus important est toujours les images. Mes conseils pratiques :

• Adapter exactement les images à la mise en page, donc ne pas les surdimensionner
• Réduire la qualité de l'image au minimum nécessaire (à la main dans le programme de traitement d'image ou automatiquement via ShortPixel)
• Proposer le format .webp
• Activer le lazyloading (le lazyloading natif est maintenant largement au point du côté du navigateur)

Les polices de caractères sont aussi une chose. Ce n'est pas seulement du point de vue typographique qu'il est judicieux de se fixer des règles claires et d'utiliser peu de polices et de coupes différentes. C'est aussi très important pour le temps de chargement : chaque police (thin, bold, etc.) est un fichier séparé, de même que toutes les italiques. Si, comme c'est souvent le cas, elles sont chargées par Google Fonts, cela représente plusieurs requêtes. L'idéal est donc de définir clairement la typographie dans le guide de style et d'héberger ensuite les fichiers de police sélectionnés sur ton propre serveur. Par exemple via le téléchargement FTP dans wp-contents/fonts.

L'ordre de chargement des scripts peut également avoir un impact important sur la vitesse de la page. Nous obtenons régulièrement les meilleurs résultats avec la minification et le chargement asynchrone via Autoptimize et Async JavaScript.

Sauvegardes stratégiques

Tu dis : "Les sauvegardes m'ont déjà sauvé plus d'un projet client". Comment se présente ton flux de travail de sauvegarde ?

Il m'a sauvé la mise, par exemple, lors du développement du nouveau site web de Lehner. Notre tâche consistait à mettre en œuvre techniquement un magnifique design d'écran de headtrick, y compris le développement d'un backend WordPress facile à utiliser pour le client. Les nouveaux appareils, les accessoires, les postes vacants, les dates des salons, etc. devaient pouvoir être gérés par le client lui-même une fois le projet terminé.

J'ai décidé d'utiliser divers types de messages personnalisés, qui sont remplis avec quelques champs dans le backend et affichés dans le frontend comme s'ils étaient mis en page. Tout fonctionnait bien jusqu'à ce qu'on en vienne à la traduction. Des problèmes sont apparus car certaines entrées de la base de données ne pouvaient pas être traduites par WPML. Et dans ma tentative de faire fonctionner ensemble des plugins WordPress incompatibles, toute la base de données est tombée à l'eau. Heureusement, j'ai pu me fier aveuglément à mes sauvegardes automatiques, restaurer une version appropriée et recommencer le travail avec un plugin compatible.

Il est bien connu que l'on apprend de ses erreurs - mais le filet à double fond sous la forme de sauvegardes est une bénédiction. Comme une sauvegarde est automatiquement créée chaque matin, notre flux de travail ne prévoit de créer des sauvegardes qu'à certains jalons, qui ont alors une pertinence de plus de 30 jours. Par exemple, après la fin du projet, avant le début de la traduction ou avant le staging.

Staging WordPress

Développer WordPress et WooCommerce sans environnement de test peut être une négligence grossière. Comment et pour quels cas d'utilisation utilises-tu notre staging ?

Une alternative mille fois meilleure que la Under Construction Page. Lorsque l'on crée de nouvelles pages, des articles de blog ou des produits, on peut généralement le faire en toute confiance sur la page en direct. Même si le design de la page n'est pas encore parfait au moment de la mise en cache, personne ne le remarque, car elle n'apparaît nulle part.

Il en va autrement pour la révision de modules globaux comme l'en-tête ou le pied de page. Ou pour les adaptations qui concernent plusieurs pages. Pour que les clients ne remarquent rien, nous activons la staging. Chez Lehner, nous avons par exemple une navigation graphique en GridLayout sur la page d'accueil. Lorsqu'un nouveau produit a été ajouté, j'ai mis à jour cette navigation et les autres pages concernées sur le staging, puis je les ai mises en ligne en un seul clic.

Avec WooCommerce et d'autres plugins qui stockent des commandes ou d'autres données dans la base de données de WordPress, il faut cependant faire attention : avant d'activer en direct les modifications de mise en scène, il faut absolument sauvegarder les données en direct - sinon, les commandes reçues entre l'activation et la désactivation de la mise en scène seront par exemple perdues.

Le multilinguisme avec WordPress

stark.marketing s'occupe aussi de projets internationaux. Le point "multilinguisme" est souvent critiqué sur WordPress. Comment et avec quels outils procèdez-vous ici ?

Tout dépend des exigences du client. Le site doit être compris dans différentes langues, mais la qualité des différentes traductions n'est pas importante ? Dans ce cas, nous utilisons volontiers le plugin GTranslate. Rapidement installé et configuré, il offre aux clients internationaux la possibilité de faire traduire automatiquement les textes. Cependant, il arrive parfois que les traductions soient incorrectes, y compris des erreurs involontaires.

Si la traduction doit être parfaite et que nous avons besoin d'une influence totale sur le contenu - par exemple des images différentes par langue - alors le meilleur plugin reste WPML. Il est possible de traduire n'importe quel site WordPress, tant que les plugins utilisés sont compatibles. Il est important de vérifier ce point au préalable.

Nous travaillons souvent à plusieurs sur la traduction d'un site web en même temps, car les pages et les posts individuels peuvent être divisés avec la gestion de la traduction ou même confiés à des traducteurs externes. L'effet secondaire agréable d'une page traduite à la main : il y a un petit boost de SEO.

WordPress et l'ensemble des outils

Tu utilises Toolset pour certains de tes projets. Pourquoi et qu'est-ce qui te facilite la collecte de plugins sur
?

Toolset n'est pas vraiment une collection - il étend WordPress au-delà des limites des pages et des posts de blog. La première étape consiste à créer de nouveaux types de posts personnalisés. Dans l'exemple de Lehner, il s'agit de produits, d'accessoires et de supports. Ensuite, ils peuvent être remplis avec des Custom Fields (nom, description, image). Il est possible d'ajouter des relations logiques entre les Post Types (le produit A dispose du support B et des accessoires C, D et E).

Enfin, tu peux afficher les résultats sur le front-end comme tu le souhaites, par exemple un aperçu de tous les accessoires disponibles pour le produit A avec des images et des descriptions. Si d'autres produits utilisent l'accessoire D, il suffit d'actualiser la description dans le Custom Post de l'accessoire D pour qu'il apparaisse sur toutes les pages de produits liées. Cela permet de créer des liens beaucoup plus complexes et/ou des entrées utilisateur plus simples. De plus, Toolset est compatible avec WPML, car il provient du même développeur.

Quelques mots sur toi et stark.marketing ?

stark.marketing existe depuis sept ans et a toujours été une agence de marketing de performance (SEO/SEA/Ads). Mais comme il y a beaucoup d'entreprises dont l'ancienne présence sur le web n'obtiendrait pas de ROI (retour sur investissement) avec beaucoup de trafic, je les ai rejointes il y a quatre ans en tant que soutien créatif.

Notre objectif principal est d'apporter un bénéfice supplémentaire mesurable au client. Et un super site web qui convertit bien est toujours le point central de toutes les mesures de marketing en ligne. Nous nous chargeons aussi volontiers du Corporate Design, de l'impression et du Marketing Automation pour nos clients. Ainsi, ils n'ont plus à se soucier de leur marketing en ligne. Merci de nous décharger de tout le travail technique et d'être toujours là en cas de questions ou de problèmes - nous pouvons ainsi nous concentrer pleinement sur notre activité principale !