Comment préparer correctement votre backend WordPress pour le référencement

Publié: 2020-01-25

Peu importe ce que vous pensez, le référencement fait toujours partie intégrante de nombreuses entreprises dans le monde et il est toujours vivant et actif. Cela étant dit, il est clair qu'il y a des tonnes de nouvelles entrées, fonctionnalités et, surtout, stratégies à prendre en considération.

L'utilisation de différentes technologies pour "exploiter" l'algorithme de Google et donc son système de classement, par exemple, est devenu un standard pour de nombreux professionnels du référencement, qui se transforment en fait de plus en plus en développeurs "orientés SEO". Cela étant dit, essayons d'analyser pourquoi et comment préparer votre backend WordPress pour le référencement, d'un point de vue technique.

Qu'est-ce que le SEO technique ?

D'accord, afin de bien comprendre comment configurer votre site WordPress pour le référencement, nous devons analyser ce qu'est le référencement technique. Tout d'abord, il n'y a pas, actuellement, de définition précise de "ce qu'est le référencement technique", mais nous pourrions en esquisser une générale : avec le référencement technique, nous entendons la combinaison de stratégies qui sont créées afin de "faire savoir à Google ce qui se passe mon site de la manière la plus rapide possible ». Le référencement technique est quelque chose qui est très prisé par les entreprises, à savoir Apple, Amazon et TESLA, pour n'en citer que quelques-unes. Le référencement technique est aussi compliqué que le développement front-end et, malgré les nombreux articles disponibles en ligne, il nécessite une connaissance approfondie de HTML, CSS et Javascript (en particulier).

WordPress est-il une architecture SEO-Friendly ?

Malheureusement, ce n'est pas le cas. WordPress est l'ennemi numéro un de nombreux professionnels du référencement, car il s'agit de ce qu'on appelle une « architecture héritée » (nous en reparlerons plus tard). Bien que cela puisse sembler effrayant, il y a un hic : WordPress peut en effet être optimisé pour le référencement technique, avant quelques astuces. Les développeurs SEO savent que WordPress est "limité" pour les tâches techniques et, par conséquent, ils ont développé de nombreux outils différents comme Yoast pour vous aider à construire une meilleure architecture, même si vous n'êtes pas un expert PHP. En 2019, il est obligatoire, si vous travaillez avec une architecture WordPress, d'avoir un bon backend en place.

SEO-Friendly Architecture

"Je ne sais pas comment coder, que dois-je regarder en premier?"

Comme indiqué ci-dessus, le référencement technique est fortement lié au code, indépendamment de ce que les blogs douteux disent en ligne. Ne vous inquiétez pas, cependant, si vous n'êtes pas un expert en codage, car vous avez juste besoin d'apprendre 3 langues, ou mieux, les syntaxes. Le HTML est obligatoire, car lors de la planification de toute forme de stratégie de référencement technique, vous devrez vérifier les en-têtes, les titres de page, les méta-descriptions et plus de balises. Gardez à l'esprit que Googlebot (le propre robot d'exploration de Google) est capable de lire le HTML de manière approfondie, il est donc obligatoire d'avoir un "squelette" HTML parfait en place.

Lorsque vous consultez une page de votre site WordPress, vous devez analyser vos en-têtes (<h2> </h2>) et les optimiser avec des mots-clés à longue traine, tandis que votre <h1> doit utiliser votre mot-clé principal. Après HTML, CSS est également important, mais vous n'avez pas besoin d'apprendre chaque sélecteur, propriété et valeur. Le CSS doit être analysé lorsqu'il est utilisé à la place des en-têtes mentionnés ci-dessus (vous n'imaginez pas le nombre de pages WordPress qui utilisent des sprites CSS au lieu du formatage h1,h2).

Qu'en est-il de Javascript ?

Javascript pour le référencement technique doit être considéré séparément des deux autres langages frontaux. Googlebot (même s'il a été récemment mis à jour) ne peut pas lire Javascript, par conséquent, si vous avez une application native, un accordéon avec beaucoup de valeur ou littéralement toute forme de texte inclus dans un script, vous pouvez considérer qu'il a disparu de Google. Récemment, cependant, Google a introduit une "file d'attente de rendu" pour Javascript (en particulier côté client), qui "reconnaît" essentiellement le fait qu'une partie du contenu est perdue dans le processus d'exploration. En pratique, cela signifie que Google lira votre contenu (celui inclus dans un script spécifique) après votre HTML et votre CSS, ralentissant ainsi son classement.

What About Javascript?

Y a-t-il un moyen de le réparer?

WordPress est une architecture très lourde en Javascript. Il existe des tonnes d'accordéons, de curseurs et de plugins alimentés par jQuery, Vue et d'autres frameworks volumineux et rendus côté client. Le moyen le plus simple pour vous de résoudre ce problème serait la mise en œuvre de Javascript rendu côté serveur, ce qui est une question complexe et nécessite des développeurs ayant une grande connaissance de Next.js et d'autres frameworks rendus côté serveur. C'est, bien sûr, quelque chose qui demande du temps, des ressources et des personnalités professionnelles spécifiques, ce que peu d'entreprises peuvent gérer.

En général, la meilleure approche pour Javascript sur WordPress serait de limiter son utilisation aux tâches liées aux graphiques, telles que l'animation de menus ou d'images. La seule application d'un script pour une simple ligne de texte pourrait détruire des mois et des mois de travail de référencement, alors gardez cela à l'esprit lors de la planification de votre back et front-end WordPress !

Tous les champs personnalisés !

S'il y a une bonne chose que PHP fait dans une architecture WordPress, ce serait certainement l'utilisation de champs personnalisés. Les champs personnalisés sont essentiels pour le référencement technique, en particulier lors de la planification de l'utilisation de GTM (Google Tag Manager) et des données structurées. Le second, en particulier, est devenu un élément fondamental du monde du référencement, avec des dizaines de propriétés, d'attributs et de résultats riches pouvant être obtenus en utilisant les balisages de Schema.org (nous en reparlerons plus tard). Il est important de garder à l'esprit que les champs personnalisés nécessitent une certaine forme de connaissance de PHP, il serait donc relativement utile d'apprendre sa syntaxe générale.

En parlant de schéma…

Les données structurées sont OBLIGATOIRES en 2019 pour toute stratégie SEO technique. Google accorde une grande importance aux sites balisés avec des données structurées et, par conséquent, c'est quelque chose que tout professionnel du référencement devrait examiner. Les données structurées font référence à l'utilisation de scripts codés JSON-ld (principalement) qui sont, en fait, une "confirmation" de ce que le contenu couvre sur votre page. En plus de cela, Google investit fortement dans les résultats riches en SERP (notation par étoiles pour les pages de produits, les boîtes FAQ et plus) juste pour améliorer l'expérience de l'utilisateur.

Schema est un programme open source et il est mis à jour quotidiennement. Par conséquent, si vous n'avez pas créé de champs personnalisés pour celui-ci, vous devez le faire maintenant. En théorie, vous pourriez utiliser des plugins, comme l'application Schema, pour ce faire, mais avec les balises Schema, il est toujours préférable de les coder manuellement en utilisant les propriétés et les attributs qui pourraient le mieux correspondre à votre contenu.

Vitesse : le plus gros problème de WordPress

WordPress Speed

Comme mentionné ci-dessus, WordPress est ce qu'on appelle une «architecture héritée». Par cela, nous entendons que les bibliothèques, les frameworks et le moteur qui le déplacent soient considérés comme "obsolètes" et "anciens" dans le monde front et backend d'aujourd'hui. Dans cet esprit, il est assez facile de comprendre pourquoi certains sites WordPress ne sont pas performants en termes de vitesse. La vitesse est un facteur de classement très important pour les classements de Google, et il existe des tonnes de façons différentes de l'améliorer pour une stratégie de référencement technique.

Avant toute chose, vous devez réduire l'utilisation de plugins graphiques comme WPBakery : coder manuellement votre CSS pourrait vous faire gagner (sans blaguer) au moins 1 seconde de temps de chargement par page. Idéalement, un développeur serait tenu de créer un site performant, mais l'optimisation de la vitesse, en particulier lorsqu'elle est effectuée en compressant des images et d'autres ressources mineures, pourrait être effectuée par n'importe qui.

Comment planifier correctement votre backend pour l'optimisation de l'exploration

Nous avons expliqué comment Google explore Javascript et nous sommes maintenant prêts à expliquer comment préparer votre site WordPress pour un budget d'exploration optimal. Pour "Crawl Budget", nous entendons les délais pendant lesquels Google analyse un site Web pour ensuite les indexer et les classer sur SERP. Il existe, encore une fois, de nombreuses stratégies qui pourraient être utilisées afin d'optimiser le budget de crawl de votre site WordPress, mais elles commencent toutes par l'analyse de ses fichiers de log.

En utilisant des outils comme ScreamingFrog ou Deepcrawl , vous pourrez analyser et décrire les pages les plus explorées et, en général, vous verrez comment Google explore réellement les actifs comme les fichiers de thème plus que les pages de destination réelles. Il s'agit, bien sûr, d'un énorme problème, car vous faites effectivement perdre du temps à Googlebot en le laissant explorer des parties de votre site qui ne sont pas axées sur les mots clés, limitant ainsi votre potentiel de classement. Une fois que cela est reconnu en effectuant une analyse appropriée des fichiers journaux, vous pouvez supprimer les ressources qui sont explorées du budget d'exploration de Googlebot en les interdisant sur votre fichier robots.txt. Vous pouvez trouver plus d'informations sur la façon de le faire ici.

Qu'en est-il des mobiles ?

Comme vous le savez peut-être, Google accorde une grande importance à la version mobile de chaque site, au point que l'index mobile est compté en premier depuis 2018 (2017 techniquement, mais il a été entièrement inscrit en 2018) à des fins de classement. Il est extrêmement important de comprendre que toutes ces stratégies s'appliquent également au mobile lorsque vous planifiez votre architecture WordPress en mettant un peu plus l'accent sur le budget d'exploration, simplement parce que Google explore les versions mobiles des sites beaucoup plus rapidement.

Sur WordPress, certains développeurs d'applications ont créé un plugin AMP avec lequel vous pourrez créer, améliorer et optimiser, à terme, la vitesse mobile de votre site WordPress. AMP (Accelerated Mobile Pages) est quelque chose qui pourrait également aider les résultats en vedette sur Google si votre contenu/produit n'est pas très orienté vers de longues formes de contenu.

De conclure

WordPress est une architecture simple à mettre en place mais extrêmement complexe à optimiser, notamment en matière de référencement technique. Veuillez noter que ces stratégies ne sont qu'un squelette de ce qu'est réellement le référencement technique appliqué à WordPress, car il y a des tonnes de variables incluses dans l'équation allant de la mise en place de règles GTM détaillées à l'optimisation de la qualité de la session en fonction de l'objectif du site. Cela étant dit, il est possible de créer et de fournir une stratégie de référencement technique de très haute qualité via WordPress, surtout si vous optimisez son backend dès le départ. WordPress est peut-être une architecture héritée, mais il existe des tonnes de façons de "surmonter" ce problème initial, comme mentionné ci-dessus.