Servez la taille de l'image webp dans Blogger / HTML pour faire briller les résultats des tests de vitesse de votre site. Bien sûr, car pour obtenir d'excellents scores lors du chargement d'un blog, la compatibilité des photos servies dans le format approprié est mesurée.
Dans ce billet je
vous dévoile le tutoriel complet pour proposer le format d'image Webp pour
votre Blog (Blogger/HTML). PageSpeed Google nous recommande de proposer des
images au format Webp car un grand nombre de navigateurs incluent ce format
pour offrir un contenu visuel plus rapide aux utilisateurs qui visitent une
page. Voyons donc comment mettre des images au format Webp sur notre blog créé
dans blogger.
Convertir au
format WEBP
La première
étape consiste à utiliser un outil en ligne pour convertir notre image jpg, png
ou gif en Webp. Avant de convertir au format Webp, nous devons compresser
l'image avec notre éditeur photoshop, paint, adobe ou autre aux dimensions de
notre préférence. Dans mon cas, j'utilise l'éditeur en ligne suivant pour
convertir des images en Webp.
Héberger l'image
au même endroit
Lorsque vous
avez votre image Webp, je vous recommande de l'enregistrer au même endroit où
vous avez l'autre image en version jpg ou png pour maintenir l'ordre et ne pas
vous emmêler. J'utilise dropbox pour télécharger des images et obtenir des
résultats favorables lors du chargement de mon blog.
Code permettant
aux navigateurs de reconnaître les formats WEBP
Maintenant, pour
utiliser correctement notre format d'image Webp, il est nécessaire d'ajouter un
code dans HTML View pour mettre l'adresse où sont hébergées les photos. Déjà
mentionné, je les ai ajoutés dans la boîte de dépôt pour les appeler à partir
de là. La bonne façon d'ajouter des formats d'image Webp est :
Compresser
l'image avec un éditeur
Placer la vue
HTML
coller le code
Ajouter
l'adresse où les images sont hébergées
Lorsque vous
aurez suivi ces étapes, vous pourrez les répéter encore et encore ou apporter
les modifications à l'ensemble de votre blog. Bien sûr, cela prendra du temps
si vous avez beaucoup d'entrées. Ajoutez au moins ce format d'image à vos
publications les plus populaires pour une meilleure compatibilité avec tous les
appareils. Recommandation Cette pratique
est bonne pour améliorer le chargement d'un site afin d'obtenir des résultats
SEO proches des 100%. De même, ce format est intégré à toutes les plateformes
pour offrir le meilleur possible à l'utilisateur. La vitesse de chargement d'un
blog influence le moment où quelqu'un visite votre blog. Vidéo explicatif Tu veux peut-être réussir dans le
processus de placement des images en format webp, mais tu te perds en cours de
configuration ? Ne te préoccupe pas, c’est que tu n’es peut-être pas
habitué à l’édition avec codes HTML. De toute façon, nous t’offrons les
indications dans cette vidéo afin que tu puissent découvrir facilement les procédures
et l’optimisation de ton site internet. VIDEO (en préparation) N’oublie pas de
nous contenter à travers les commentaires si tu as des questions, et nous y
répondrons le plus vite possible.
.png)
Entradas
0 Comentarios