Optimisez votre SEO avec les widgets d’affiliation Affilizz

Guide approfondi pour responsables SEO et développeurs de projets.

Introduction

Bienvenue dans ce guide approfondi destiné aux responsables SEO de grands sites et aux développeurs de projets annexes. Apprenez à maximiser la visibilité de votre contenu dans les moteurs de recherche en exploitant les fonctionnalités avancées des widgets Affilizz. Nous couvrirons les aspects clés tels que le lazy loading, les performances LCP, CLS, INP, la gestion des liens REL, et l’intégration de données structurées.

Décryptage technique des widgets Affilizz

Les widgets Affilizz, incluant les tableaux de prix et les cartes interactives, sont optimisés pour renforcer le SEO à travers diverses améliorations techniques :

• Cartes interactives : Personnalisez tous les éléments et insérez des liens dans les descriptions pour optimiser chaque carte. Exemple :

Dans une telle carte, le nom du produit est en <h3> (ici : « Bosch – Laser lignes Quigo) et tous les éléments sont personnalisables – des liens peuvent être insérés dans la description qui démarre ici par « Compacte et pratique… » :

• Tableaux de prix : Présentation simplifiée favorisant une intégration fluide. Là encore, le nom du produit est en <h3>. Exemple :

L’attribut rel="sponsored"

L’attribut rel="sponsored", en lieu et place du précédent "no follow", est essentiel pour les liens d’affiliation selon les directives de Google. C’est actif chez Affilizz depuis le 23 avril 2024.

• Importance : Aide à maintenir l’intégrité du profil de liens du site.
• Confirmation des résultats : L’inspecteur d’éléments de Chrome montre que tous les liens externes payants utilisent correctement rel="sponsored".

Le script Affilizz de plus près

Voici comment ces optimisations fonctionnent et comment vous pouvez vérifier leur efficacité.

Script type d’une carte enrichie (ceux des tableaux sont similaires) :

<div class= »wp-block-affilizz-publication »><div class= »affilizz-rendering-container »><affilizz-rendering-component publication-content-id= »65fb06a9f5f880637d3d65bb » loading= »lazy » async= » » ng-version= »17.0.6″ version= »1.25.5″></affilizz-rendering-component></div></div>

1. Chargement différé (lazy loading)

• Impact : Améliore les performances en réduisant le temps de chargement initial.
• Attribut loading="lazy" : Cet attribut sur le composant <affilizz-rendering-component> indique que le chargement de ce contenu est différé jusqu’à ce qu’il entre dans la fenêtre d’affichage de l’utilisateur. Cela améliore les performances de chargement de la page en réduisant le temps initial de chargement, ce qui est favorable pour le SEO, car les moteurs de recherche privilégient les pages qui chargent rapidement.

2. Chargement asynchrone des scripts :

• Impact : Le chargement asynchrone des scripts permet au navigateur de poursuivre le traitement du DOM (Document Object Model) tout en chargeant simultanément le script en arrière-plan. Cette méthode contribue à optimiser les temps de chargement de la page, ce qui améliore le SEO en facilitant un chargement plus rapide et plus efficace du contenu.
• Attribut async="" : L’utilisation de cet attribut indique que le script associé au widget peut être chargé de manière asynchrone par rapport au reste de la page. Cela permet au navigateur de continuer à traiter le reste du contenu de la page sans être bloqué par le téléchargement de ce script, contribuant ainsi à une meilleure performance perçue par l’utilisateur.

Le chargement différé et asynchrone sont donc activés par défaut, sans nécessité d’intervention additionnelle de la part des spécialistes SEO.

Analyse de la performance SEO et du temps de chargement

Pour les responsables SEO, il est crucial de vérifier que les widgets n’affectent pas négativement la vitesse du site :

• Méthode détaillée :
  1. Ouvrez Chrome DevTools (F12 ou clic droit > Inspecter).
  2. Accédez à l’onglet « Network ».
  3. Rechargez la page et observez le temps de chargement des widgets.
  4. Confirmation des résultats : Les widgets chargent extrêmement rapidement, en moins de 25 ms pour les cartes et tableaux, et couramment moins de 20 ms pour les CTA.

Impact sur les signaux Web essentiels (Core Web Vitals)

Les Core Web Vitals de Google sont des indicateurs cruciaux pour évaluer la qualité de l’expérience utilisateur sur une page web. Ils comprennent le Largest Contentful Paint (LCP), le Cumulative Layout Shift (CLS) et l’Interaction to Next Paint (INP). Voici comment les widgets Affilizz influencent ces indicateurs :

• Largest Contentful Paint (LCP) : Ce critère mesure la performance de chargement perçue par l’utilisateur. Les widgets Affilizz sont conçus pour charger en moins de 50 ms, et même moins de 25 ms en pratique, ce qui aide à maintenir le LCP bien en dessous du seuil recommandé de 2,5 secondes pour une bonne expérience utilisateur. En garantissant un chargement rapide, ces widgets contribuent positivement à la perception de la vitesse du site.
• Cumulative Layout Shift (CLS) : Le CLS mesure la stabilité visuelle en quantifiant la fréquence des changements inattendus de mise en page. En utilisant le lazy loading, le chargement asynchrone, et en intégrant des placeholders aux dimensions adéquates et responsive pour les éléments chargés, les widgets Affilizz assurent une mise en page stable après le chargement initial, réduisant ainsi le Cumulative Layout Shift (CLS) et améliorant l’expérience utilisateur.
• Interaction to Next Paint (INP) : L’INP évalue la réactivité d’une page en mesurant le temps de traitement des interactions utilisateur comme les clics ou les entrées clavier. Les widgets Affilizz sont optimisés pour répondre en moins de 100 ms, et même en 40 ms seulement sur l’exemple illustré plus haut, garantissant que les interactions sont immédiates et ne perçoivent pas de retard. Cela est essentiel pour maintenir une expérience utilisateur fluide et agréable, particulièrement pour des éléments interactifs comme les boutons d’achat ou les liens dans les tableaux de prix.

Indexation avancée pour Descriptions et Images

Il est essentiel que les descriptions et les images des widgets soient correctement indexées pour maximiser leur impact SEO.

Optimisation des descriptions

• Technique avancée : Assurez que les descriptions saisies dans les widgets de type Cartes, dans les espaces « Tag », Description, Points forts, Points faibles, soient riches en mots-clés.
• Confirmation des résultats : Des tests ‘site:’ avec des extraits de descriptions confirment que Google indexe ces descriptions correctement et les affiche dans les résultats de recherche.

Optimisation des images

• Technique avancée : Utilisation de balises ALT descriptives et compression des images sans perte de qualité. Affilizz génère Images et ALT automatiquement (remplis avec le nom du produit) ; vous avez la choix de facilement remplacer manuellement les visuels proposés.
• Confirmation des résultats : Les images des widgets sont bien indexées par Google, comme confirmé par les tests avec Google Search Console.

Données structurées et Affilizz

Les widgets Affilizz, par défaut, ne modifient ni n’interagissent directement avec les données structurées présentes sur une page. Cependant, l’intégration efficace des données structurées avec les widgets Affilizz peut augmenter la visibilité des produits dans les résultats de recherche enrichis :

• Extraction des données : Utilisez l’API Affilizz pour obtenir des informations actualisées sur les produits, incluant les prix et les descriptions.
• Mise à jour des données structurées : Intégrez ces données dans le script JSON-LD de vos pages, en les ajoutant aux sections appropriées comme « Product » ou « Offer ». Cela améliore la compréhension des moteurs de recherche et favorise l’affichage dans les résultats enrichis, tels que les prix, la disponibilité, et les évaluations par étoiles.

Cette approche garantit non seulement l’exactitude des informations produit, mais renforce également leur pertinence pour les recherches, augmentant l’engagement des utilisateurs et les taux de clics.

Conclusion

Ce guide fournit une vue d’ensemble des techniques d’optimisation des widgets Affilizz et des méthodes pour valider leur efficacité. En suivant ces recommandations, vous améliorerez non seulement la performance des widgets mais aussi leur conformité avec les meilleures pratiques SEO, renforçant ainsi la visibilité de votre contenu en ligne.

Vincent Alzieu