L'impact de WebP sur le référencement : comment améliorer le classement en optimisant les images

WebP, un format d'image moderne introduit par Google, réduit considérablement la taille des fichiers tout en maintenant une qualité élevée, améliorant ainsi les performances des sites web et les classements dans les moteurs de recherche. Dans cet article, nous aborderons les points suivants L'impact du WebP sur le référencementet fournit des méthodes d'optimisation pour aider les sites web à améliorer leur classement.

1. comment WebP affecte le référencement

(1) Améliorer la vitesse de chargement du site web

La vitesse d'un site web est l'un des facteurs de classement les plus importants pour Google. Par rapport aux formats JPEG et PNG traditionnels, le format WebP réduit le nombre d'images. 25% – 35% tout en conservant une qualité d'image similaire. Cela réduit le temps de chargement des pages, ce qui améliore le classement dans les moteurs de recherche.

(2) Réduire le taux de rebond et améliorer l'expérience utilisateur

Les pages qui se chargent lentement peuvent facilement entraîner la perte d'utilisateurs, tandis que le formatage WebP peut améliorer la vitesse de chargement des pages, prolonger la durée de séjour des utilisateurs, réduire le taux de rebond et, par conséquent, améliorer les résultats en matière de référencement.

(3) Améliorer l'optimisation mobile

Google adopteIndexation mobile d'abord (MFI)Les images WebP réduisent la consommation de données sur les appareils mobiles et augmentent les vitesses de chargement, améliorant ainsi le classement sur mobile.

(4) Améliorer le classement des images dans les moteurs de recherche

Support WebPTransparence (canal Alpha)et des effets d'animation, en combinant les avantages du PNG et du GIF. Les images WebP optimisées ont plus de chances d'être indexées par Google Image Search, ce qui augmente le trafic sur le site web.

2. comment utiliser WebP pour optimiser les images afin d'améliorer le référencement

(1) Activation du formatage WebP dans WordPress

Si le site utilise encore des JPEG ou des PNG, le WebP peut être activé de la manière suivante :

Méthode 1 : Utiliser le plug-in WebP

Le plugin WordPress suivant convertit automatiquement les images au format WebP :

• WebP Express(Gratuit, support de conversion côté serveur)
• ShortPixel(payant, prend en charge WebP et AVIF)
• Smush Pro(Conversion automatique et optimisation des images)
• Optimiseur d'images EWWW(Compression sans perte, accélération CDN)

Méthode 2 : Conversion WebP manuelle

• utiliser Squoosh, TinyPNG, CloudConvert et d'autres outils en ligne pour convertir les images.
• faire passer (un projet de loi, une inspection, etc.) Photoshop, GIMP, ImageMagick et d'autres logiciels pour la conversion locale.

Méthode 3 : Conversion WebP côté serveur

Des règles peuvent être configurées côté serveur pour servir automatiquement les versions WebP des images.

Exemple de code pour le serveur Apache :

RewriteEngine On
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{REQUEST_FILENAME} (. +)\. (jpe?g|png)$
RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
RewriteRule (. +)\. (jpe?g|png)$ $1.webp [T=image/webp] 
RewriteEngine On
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{REQUEST_FILENAME} (. +)\. (jpe?g|png)$
RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
RewriteRule (. +)\. (jpe?g|png)$ $1.webp [T=image/webp] 
RewriteEngine On
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{REQUEST_FILENAME} (. +)\. (jpe?g|png)$
RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
RewriteRule (. +)\. (jpe?g|png)$ $1.webp [T=image/webp] 

(2) Assurer la compatibilité WebP

Tous les navigateurs ne prennent pas en charge le format WebP :

• Conversion automatique des CDN(Cloudflare, BunnyCDN supportent la conversion WebP automatique).
• JavaScript Fallback (retour à la normale)Le PNG/JPEG est chargé dans les navigateurs qui ne prennent pas en charge le WebP.
• Paramètres de compatibilité des plugins WordPressPar exemple, WebP Express fournit un format alternatif JPEG/PNG.

(3) Utilisation de Lazy Load pour améliorer l'efficacité du chargement

Liaison WebP Chargement paresseuxWordPress 5.5+ est livré avec Lazy Load, qui peut également être utilisé avec l'option Chargement paresseux par WP Rocket peut-être A3 Lazy Load (charge paresseuse) Plug-ins.

(4) Activation des images CDN Amélioration de la vitesse de chargement

utiliser CDN (Content Delivery Network)Vous pouvez accélérer le chargement des images et prendre en charge la conversion WebP automatique :

• Cloudflare CDN(gratuit, prend en charge la conversion WebP automatique)
• BunnyCDN(payant, prend en charge WebP et AVIF)
• KeyCDN(prise en charge de la conversion WebP et de l'optimisation du cache)

(5) Optimisez les balises d'image avec le plugin SEO

L'optimisation des images ne se limite pas à la conversion des formats, mais consiste également à optimiser les métadonnées afin d'améliorer la visibilité dans la recherche d'images sur Google. Pour ce faire, vous pouvez utiliser l'outil Rang MathYoast SEO et d'autres plugins SEO pour l'optimisation, notamment :

• Ajout de balises ALT(mots-clés descriptifs permettant aux moteurs de recherche de comprendre plus facilement le contenu de l'image).
• Optimiser le nommage des fichiers(par exemple webp-image-optimisation-guide.webpévitement IMG1234.webp (Des noms qui n'ont pas de sens).
• Utiliser des données structurées Schéma(par exemple, les images WebP associées à Product Schema).

3. tester et contrôler l'efficacité de l'optimisation des images WebP

Après avoir activé WebP, vous pouvez contrôler son optimisation à l'aide des outils suivants :

(1) Google PageSpeed Insights

Détecter l'optimisation des images et fournir des recommandations pour l'amélioration des performances.

(2) Google Search Console

Vérifiez si Google indexe correctement les images WebP et optimisez les résultats de l'indexation.

(3) GTmetrix & Lighthouse

Analysez les vitesses de chargement des sites web et évaluez si le format WebP permet d'améliorer les performances.

(4) Test de compatibilité WebP

Utiliser" Puis-je utiliser"Vérifiez la prise en charge de WebP dans chaque navigateur.

4) Conclusion : l'optimisation WebP peut contribuer à améliorer le référencement

Le format d'image WebP peutamélioration significativeVitesse de chargement des sites web, réduction des taux de rebond et optimisation du classement dans les moteurs de recherche. Combinées à des mesures d'optimisation telles que Lazy Load, CDN, plugins SEO et autres, vous pouvez vous assurer que les images WebP s'affichent correctement sur un large éventail d'appareils et de navigateurs, maximisant ainsi le classement de votre site web.