Publication

Cocon sémantique : le template de pages

Une page sur un site internet est en général une suite de lignes de code HTML interprétables par les navigateurs internet, qu’ils soient desktop ou mobile. On peut toujours argumenter que cela ne sera pas toujours le cas, que des devices tels que des enceintes connectées comme Google Home se nourrissent quelque peu différemment, mais partons de ce postulat, de loin le plus commun.

Le template de pages est ce qui « construit » ce code HTML. Il est par exemple ce que va proposer votre fameux thème WordPress / Prestashop / Magento / etc., ou même celui de votre beau site fait sur mesure, en fonction de la manière dont il a été conçu par ses développeurs. Et le moins que l’on puisse dire, c’est que la plupart du temps, les bonnes pratiques du SEO sont bafouées par ceux-ci, pour plein de bonnes ou mauvaises raisons.

Avec le temps, on s’est éloignés des principes de base d’internet qui étaient les suivants : des pages, proposant du contenu utile, reliées les unes aux autres par des liens, déposées dans des répertoires. Simple, efficace, facile à comprendre. Tout ceci est bien loin maintenant : les sites actuels sont pourris de mégamenus, de footers ultra riches, de sidebars, de navigations à facettes, de liens dans tous les sens. C’est la foire, c’est lourd, c’est lent, mais le plus important n’est pas là.

Le plus important est que ça ne plaît pas à Google. Point.

Or, votre site a tout intérêt à plaire à Google : comme tous les sites au monde, son quota de crawl est limité (cf. cet article de référence). Il s’agit en gros du temps que les robots de Google vont passer sur votre site. Moins le site est optimisé, moins ils décideront d’en passer.

Il faut indexer le plus de pages possible et les bonnes. Mais ceci est une autre histoire.

Vous avez décidé de mettre en place un cocon sémantique sur votre site pour passer devant vos concurrents. Très bien. Encore faut-il que votre beau contenu soit proposé correctement aux moteurs de recherche, non ?

Pourquoi un template de page

Les pages de cocons ont un double objectif : 

  • Pousser les pages commerciales du site, afin de les faire monter dans les moteurs de recherche.
  • Se positionner elles-mêmes, notamment sur la longue traîne.

Pour cela, elles doivent répondre à des critères précis :

  • Être le plus facilement possible crawlables et indexables par Google et ses robots.
  • Proposer un contenu original, intéressant, répondant aux intentions des internautes.

Je passe sur les notions de linking interne, de structure de contenu, de glissement sémantique, etc., car tout ceci est englobé dans le corps de la page, avec son contenu (la partie <body><main> en HTML).

Cela suppose que les pages de cocons sont : 

  • Légèresrapides à charger.
  • Constituées avant tout de contenu, et non pas parasitées de code lourd et superflu.
  • Parfaitement structuréesreliées entre elles par des liens que l’on maîtrise.

La question que l’on peut se poser est : est-ce que si j’utilise le template proposé par les développeurs du thème de mon site, j’obtiens un bon résultat ?

Vérifiez par vous-même :

  • Ouvrez une page de contenu de votre site (pas la home, la page « Mentions légales » par exemple, puisqu’elle est obligatoire) dans votre navigateur sur desktop et affichez son code (CTRL + U sur PC).
  • Combien de lignes de codes obtenez-vous ? 2000, 5000 …. 10 000 ?
  • Combien de lignes fait votre contenu ? 10, 50, 150 ?

Comment voulez-vous que les choses se passent bien avec un tel ratio entre le contenu de la page et tout le reste, quasi inutile, voire ultra polluant au niveau sémantique ?

La solution est limpide : il faut revenir aux bases du web : du contenu dans un code simple, propre, optimisé pour les moteurs de recherche.

Votre site marchand / vitrine ou votre blog est mal programmé ? Soit vous avez les moyens de le faire refaire intégralement (bon courage), soit vous laissez le cocon faire son boulot à la place : lui, il sera optimisé et pourra pousser en avant les pages commerciales du reste du site qui après tout, ne sont pas moins bien loties que celles de la concurrence.

C’est le cocon qui fait la différence aux yeux de Google.

Qu'est-ce qu'un bon template de page ?

C’est un template qui reprend les codes visuels de votre site, mais pour lequel vous allez devoir faire des choix :

1. Le nettoyer au maximum, pour qu’il fasse la part belle au contenu, en expurgeant tout le reste : menu, footer, liens en tous genres.

OU 
2. Conserver tous ces éléments perturbateurs pour le cocon et en assumer les conséquences pour son efficacité.

OU
3. Les conserver pour les visiteurs tout en les masquant à Google.

1. Un template complètement nettoyé

Les choses sont simples pour cette première option, on retire tout ce qui peut l’être : menu, footer, même le lien vers la home du site peut être supprimé (à condition que la page présente un Call To Action pour capter un email par exemple, nous en parlerons plus loin dans cette page).

Au final, on obtient une page ultra légère, sans le moindre parasite en terme de lien ni de contenu : l’idéal pour une page de cocon, moins pour votre visiteur puisqu’il en est prisonnier.

Voici quelques exemples réels de notes GtMetrix obtenues avec cette méthode :

  • Pour un site de bijoux et montres. Avant : 87 % (déjà une belle note) – Après : 99 % (excusez du peu : ). 
  • Pour un site sur la photo : 90 % – 92 %. On partait de haut, mais c’est déjà ça de gagné.
  • Pour un site de jeux-concours : 77 % – 93 %. Ah oui quand même.

Alors bien sûr, on peut aussi argumenter que GtMetrix n’est pas LA référence, on peut faire les mêmes tests avec WebPageTest et consorts, les résultats sont évidemment à l’avenant (un « load time » qui passe de 2,76 s à 0,87 pour le site de jeux concours, par exemple, soit 2 secondes de gagnées !).

Convaincant mais un peu radical.

2. Un template conforme au reste du site

Il y a peu à dire : on ne touche à rien, les pages de cocons, leur contenu et liens seront noyés dans le reste du code. C’est mal.

 

3. Un template nettoyé… mais que pour les robots des moteurs de recherche

Vous souhaitez conserver tout ou partie des éléments perturbant le cocon, mais utiles pour vos visiteurs ?

Il existe une solution : le cloaking de liens internes. Je laisse les connaisseurs sauter sur leur siège, le cloaking « malhonnête » étant interdit par Google. Cet article présente la technique et ce qu’il en est.

Ainsi :

  • Le cloaking est une pratique avancée qui consiste à présenter une page différemment aux robots des moteurs de recherche et aux internautes.
  • Le cloaking peut être utilisé de manière malhonnête, et les sites qui le font de cette manière peuvent se faire repérer et sanctionner.
  • Comme tout outil (il en va de même d’un marteau), le cloaking peut être bien entendu être utilisé de manière honnête et efficace, et c’est exactement ce que nous proposons de faire. Ainsi, pas de risque de sanction.

D’ailleurs, un cloaking de liens internes de type honnête est utilisé par des milliers de sites, et ceux-ci ne sont bien entendu pas sanctionnés (même si on peut trouver des exceptions, comme pour tout dans la vie). C’est le cas de forums et de sites marchands, par exemple la Fnac et Cdiscount pour les plus connus.

Pour clore le débat, le cloaking malhonnête consiste à modifier le contenu d’un site entre ce que voient les visiteurs et les robots. Ici, nous proposons de faire du cloaking de liens internes à  nos pages, ce qui n’est pas du tout la même chose.

Revenons à ce que permet le cloaking de liens :

  • Conserver les liens qui nous sont chers : tout ou partie du menu, tout ou partie du footer, etc.
  • Les afficher pour les visiteurs, mais ne pas les fournir aux robots des moteurs de recherche. Ainsi, le site est optimisé pour eux, tout comme le choix 1 : on a le beurre et l’argent du beurre.

Implémenter le cloaking de liens internes ne prend que quelques minutes, notamment avec des solutions comme celle de Patrick Valibus, cf. son site : In Cloacking Veritas. La quasi totalité de mes clients cocons l’ont mise en place, et ils en sont satisfaits.

Cocons, conversion, template

Les cocons, ça fonctionne, et de deux façons : ça pousse les pages commerciales de votre site, ça amène des visiteurs.

Tant qu’à faire, autant leur vendre vos produits/prestations… mais pas si vite.

Vendre directement n’est pas toujours une bonne idée. Il convient de discuter ensemble de la pertinence ou non de proposer des Call To Action (des boutons permettant de capter une adresse mail ou de déclencher un acte d’achat) sur les pages de cocons, de leurs finalités, de leur design.

 

Je suis à l’écoute des autres professionnels du secteur et la tendance qui se dégage est la suivante : 

  • Vendre directement est souvent maladroit et déplacé dans un cocon. Quand vous allez sur Wikipédia, êtes-vous dans l’état d’esprit d’acheter quelque chose ? Non. L’objectif d’une page de cocon est de renseigner, de rassurer, de répondre à une demande qui est rarement de type commerciale. Laissons donc les pages commerciales vendre, et les pages de cocons offrir quelque chose. Donner pour recevoir, plus tard.
  • Cela n’empêche pas de distinguer des pages de cocons de type purement informatives, d’autres plus commerciales, cela peut arriver.
  • En conclusion, on peut proposer plusieurs types de Call To Action en fonction du type de pages :
    • Pour les pages purement informatives, proposer un bonus gratuit (e-book, un comparatif, une vidéo) contre une adresse mail semble judicieux. Vous pourrez par la suite contacter ces personnes dans un objectif commercial ou non, selon votre stratégie.
    • Pour les pages à orientation commerciale, pousser une offre ou un produit phare peut être adapté, mais avec parcimonie, et une offre difficile à refuser.

Dans tous les cas, nous devrons en discuter ensemble avant mise en place, mon expérience d’e-commerçant depuis 2009 peut contribuer à une prise de décision avisée.

Des pages de template neuroergonomisées

Puisqu’un cocon amène des visiteurs, autant qu’ils s’y sentent bien tout de suite : c’est l’objectif de la Neuroergonomie.

Je vous en présente les principes dans cet article. 80 % de mes clients en ont bénéficié et là aussi, ils sont très satisfaits.

Avec la Neuroergonomie, on met toutes les chances de son côté pour que les visiteurs ne quittent pas la page rapidement, et qu’ils cliquent sur le Call To Action le cas échéant : on améliore son taux de transformation, son positionnement sur Google (puisque le taux de rebond est pris en compte), la rentabilité de son cocon.

Concrètement, c’est très simple :

  • Vous me fournissez un template tel que vous l’imaginez être le mieux pour vos pages.
  • L’expert en Neurosciences audite la page sous une semaine. Il fournit une vidéo et un pdf présentant les 19 points sur lesquels portent l’audit, les constats et préconisations.
  • Vous mettez les préconisations en oeuvre et relivrez le template, qui sera revu pour utilisation dans le cocon.

Dernières recommandations et actions à effectuer

Les pages d’un site sont censées avoir un nom et une extension : .html, .php… Je ne recommande pas de terminer le nom d’une page par un slash : un slash indique un répertoire, pas une page. Une fois de plus, le travail de SEO est entre autres de faciliter le travail de Google, alors autant lui dire qu’une page est… une page et non pas un répertoire.

Puisque nous allons travailler sur le template de pages :

  • Autant que les en-têtes HTTP les plus utiles soient présentes, ce qui parfois n’est pas le cas. Les deux que je recommande : expire et cache-control. À discuter ensemble.
  • Dans le code source : utiliser des url absolues et non pas relatives, toujours pour des raisons d’optimisation d’accessibilité pour Google.

Enfin, mais cela dépasse le cadre des template de pages : mettez en place l’analyse de vos logs serveur, pour pouvoir être en mesure de comprendre réellement ce qu’il se passe entre votre site et les robots des moteurs de recherche, puis de prendre les mesures adaptées. C’est aussi à ce prix que l’on peut dépasser ses concurrents.

Récapitulatif

Reprenons brièvement :

  • Le template de pages de cocons permet de leur donner un cadre adapté, car optimisé.
  • Il vous faut décider du type de template à mettre en place : on enlève tout ce qui gêne OU on ne touche rien OU on met du cloaking de liens en place.
  • Nous devons discuter des Call To Action à utiliser, en fonction du type de pages.
  • Vous devez me livrer le template pour qu’il soit optimisé via un audit en Neuroergonomie (en option), ou directement intégré.
  • Il est recommandé de prendre en compte quelques recommandations pour le code du template (cf. le paragraphe précédent).

Finalement, c’est simple et ça peut se faire sous 2 semaines en moyenne. À vous (nous) de jouer.