Comment optimiser les images de son site web (écoconception, SEO et accessibilité)

Рет қаралды 4,088

Күн бұрын

🎁 En cadeau, téléchargez gratuitement ma Checklist Complète du SEO pour Optimiser votre site internet 👉 www.sollya.fr/apprendre-marke...
Découvrir ma formation sur le SEO (Référencement Naturel) de A à Z 👉 formation.sollya.fr/catalogue...
Je vous dévoile mon process complet avec ce tutoriel étape par étape pour apprendre à optimiser les images de votre site web, avec quelques astuces spécialement pour les sites WordPress !
Et oui, les images sont un facteur important pour votre site web, elles jouent un rôle crucial pour votre site web :
Que ce soit pour le SEO (référencement naturel) de votre site, les performances donc le fait que le site charge rapidement et l'accessibilité au plus grand nombre de personnes !
Découvrez dans cette vidéo mon processus complet sur la manière d'optimiser les images de vos sites web.
Un tutoriel accessible aux personnes débutantes, pour vous apprendre à améliorer le référencement naturel SEO de votre site, d'optimiser les performances de votre site pour un chargement rapide, et d'assurer une accessibilité maximale à tous les utilisateurices de votre site (avec des conseils spécialement pour les personnes avec un site WordPress).
_____________
📖 SOMMAIRE
00:00:00 Introduction
00:28 L'importance des images sur le web
01:12 Combien d'images par page web
01:53 Moins et mieux, l'écoconception des images
02:23 ⚠️ Les 2 points d'attention
02:32 1- Le poids / la taille des images
02:54 Redimensionner son image
03:55 Alléger le poids de l'image
04:35 Outil ImageOptim
05:20 Extension SMUSH pour WordPress
06:09 2- Les descriptions textuelles
07:00 Renommer le fichier
07:45 Utiliser des formats simples
07:56 Remplir l'attribut ALT
09:08 Ajouter une légende à l'image
09:30 Rappel des règles SEO
09:55 ➡️ Résumé des actions
10:33 Conclusion
_____________
💙 SOUTENIR LA CHAÎNE
Pour soutenir mon travail, vous pouvez liker la vidéo, commenter et vous abonner à la chaîne !
Abonnez-vous à cette chaîne ou RDV sur mon site (www.sollya.fr/) pour plus de vidéos et d'articles sur le marketing web éthique & la communication digitale responsable.
Inscrivez-vous à la newsletter pour ne manquer aucunes infos ou prochaines vidéos 💌 !
✨ Vous pouvez désormais soutenir mon travail et cette chaîne en faisant un don : pages.sollya.fr/products/don
_____________
📝 RESSOURCES
• Ma formation en ligne "Le Guide Complet du SEO" : formation.sollya.fr/catalogue...
• En cadeau, la checklist complète du SEO pour optimiser votre site internet, à télécharger gratuitement 🎁 : www.sollya.fr/apprendre-marke...
• Pour lire la transcription de cette vidéo au format écrit :
www.sollya.fr/apprendre-marke...
• Outil ImageOptim pour Mac : imageoptim.com/mac
• Extension SMUSH pour WordPress : fr.wordpress.org/plugins/wp-s...
• Vidéo sur l'accessibilité web : • Pourquoi on a besoin d...
• Vidéo sur l'écoconception en moins de 3 min : • Écoconception web : Le...
Vous avez des outils qui permettent de voir si les attributs ALT sont remplies pour votre page :
L'extension web developer et vous avez aussi le plugin SEO Quake qui vous l'affiche dans son rapport "DIAGNOSTIC" :
Extension Web developer : chrome.google.com/webstore/de...
Extension SEO Quake : chrome.google.com/webstore/de...

Пікірлер: 26

Жыл бұрын

Merci beaucoup pour la vidéo, c'est très clair et compréhensible 😄

@alex-carmona Жыл бұрын

Au top ! Et merci à toi Raphaël pour le retour encourageant 🙏 😁

@_fpna Жыл бұрын

Toujours utile de revoir votre vidéo même 1 an après sa sortie, ca me permet de vérifier que je fais toujours le taf correctement 👍

@alex-carmona Жыл бұрын

Oh trop bien ! Ravie qu'elle continue d'être utile, et je mettrais à jour la description / le commentaire si je trouve d'autres outils sympas En tout cas, ton soutien et ton commentaire sont grandement appréciés, et continuons de faire du bon travail alors 😁 !

@alex-carmona 2 жыл бұрын

3 autres conseils m'ont été partagé entre temps, je vous les mets ici 😊: - Pour alléger son image, on peut choisir de supprimer les données EXIF des photos, en choisissant « Métadonnées : Sans » au moment de l'exportation dans Photoshop (ou votre logiciel de retouches photo préféré). (Merci Théo D pour le partage !) - Un outil en ligne gratuit pour alléger ses images ? Oui s'il vous plaît ! TinyPNG permet de faire cela et est complètement gratuit : tinypng.com/ (Merci Zohra EH pour cet outil !) - Pour le formatage, ne pas oublier bien sûr de vérifier qu'on utilise le bon format (on préfère le JPG au PNG si pas besoin de canal alpha / de transparence). Et étape post upload pour booster les performances : générer une version webp à servir aux navigateurs compatibles 😃 (Merci Louis pour l'ajout de ce conseil !)

@mangoda7777 2 жыл бұрын

Merci pour ces infos! Pour un photographe entrepreneur, n'est-il pas souhaité de conserver les EXIF pour l'info sur le droit d'auteur? Merci!

@alex-carmona 2 жыл бұрын

Hello Mango, c'est une excellente question, je n'y avais pas pensé ! Je ne suis pas experte en photographie / droit, mais il semblerait que les données EXIF puissent être facilement modifiées voir supprimées (lorsqu'on redimensionne une image sous photoshop par exemple). Et que donc en matière de droit d'auteurice, il faudrait des preuves plus tangibles comme prouver qu'on possède le fichier NEF ou RAW par exemple. Encore une fois, je ne suis vraiment pas experte sur ces sujets précis donc avec plaisir si tu trouves une meilleure solution à me partager 😊 !

@dominiquehenry5080 Жыл бұрын

@@alex-carmona Bonjour, j'apporte une précision complémentaire : En effet seulement les fichiers bruts sont considérés comme la preuve la plus réelle en droit d'auteur par un tribunal. Donc toutes les photos prises en tif, jpg... etc. seront très difficiles à défendre en droit d'auteur. Je prends un exemple simple avec PS, je peux avec photoshop ou autres transformer un Jpg en format tif ou Dng donc une personne qui prend ses photos en jpg... aura de grandes difficultés... et dans les exifs on peut les supprimer et même les modifier... je peux ainsi y mettre mon reflex, son objectif etc... Alors qu'il encore impossible à ce jour de le transformer en format brut natif de son appareil photo ! Ce ne fait qu'abonder dans tes propos ! Pour la compression, choix du format je ne t'ai pas entendu parler des nouveaux... comme le format webP par exemple. Avec le logiciel en ligne TinyPNG c'est une très bonne alternative gratuite pour optimiser et transformer ses jpg en webP (par lot de 20 fichiers max /5 mo max par image, sinon il y a une formule pro illimité, 39$ par an) Pour un traitement avec un très bon résultat pour diminuer les Ko... -65 a -70% donc Tb pour les sites et pour l'environnement ! De plus il est compatible avec Photoshop CC en plugin, ce que j'utilise ainsi avec PS !... Donc pratique sous Windows. Belle journée à toi ! Ps : TB Vidéo !

@SamuelDelage Жыл бұрын

Didactique, pédagogique, efficace et efficient ;-). Merci

@alex-carmona Жыл бұрын

Merci à toi Samuel pour ce retour ! D'autres vidéos à venir bientôt (qui sera tout aussi bien je l'espère) 😊 !

@tommarti6704 5 ай бұрын

ça m'a bien aidé, merci

@alex-carmona 5 ай бұрын

Avec plaisir, merci pour ton retour :) !

@MYARTBOXana 2 жыл бұрын

super contenu ! merci

@alex-carmona 2 жыл бұрын

Merci à toi pour ce retour encourageant 😊 Au plaisir !

@oussakoussa5147 Жыл бұрын

Merci infiniment Amicalement

@alex-carmona Жыл бұрын

Ravie de voir que la vidéo t'a aidé, et merci à toi pour le soutien :) !

@christieselfway4076 3 ай бұрын

as tu autre chose que photoshop pour réduire et alléger les images? MERCI !!

@alex-carmona 3 ай бұрын

@christieselfway4076 Hello Christie, j'ai l'habitude d'utiliser photoshop mais c'est tout à fait possible de faire ça avec des logiciels libres (et gratuits) comme Gimp par exemple. (D'ailleurs, même le logiciel de photo de ton ordinateur ("Aperçu" sur mac par exemple) peut te permettre de réduire la taille d'une image :) !)

@zakariaelou 7 ай бұрын

Bravo

@alex-carmona 7 ай бұрын

Merci :) !

@BastianBerthier 5 ай бұрын

Bonjour Alex, merci pour cette vidéo !! Petite question, comment savoir quelle est la bonne dimension de nos images ? Celle en arrière fond, etc. ? Merci d’avance :D

@alex-carmona 5 ай бұрын

@BastianBerthier Merci à toi pour ton retour ! Et très bonne question, je ne suis pas experte webdesign donc ma solution va peut-être être bancale : Je regarde avec l'inspecteur de site de mon navigateur (clic droit sur la page du site > inspecter élément) et je survole où est-ce que je veux mettre mon image. Dans le cadre en bas à droite, ça me donne des informations sur la dimensions de l'élément.... Et après je teste, et je re-teste 😁 ! L'objectif étant bien de mettre l'image la plus petite et légère possible, mais que ça reste lisible. Preneuse de retours si des personnes ont des solutions plus efficaces de faire 😊 !

@cgc2300 8 ай бұрын

bonjour, est-ce que si je stocke mes images sur mon hébergeur plutôt que dans le back end de mon site, est-ce que j'y gagnerai de la rapidité ? en tout cas merci de vos vidéos

@alex-carmona 8 ай бұрын

Hello ! Merci pour ta question. Je ne sais pas si j'ai bien compris, parce que si ton site est sur le même hébergement web qu'un autre dossier où tu mettrais tes images, ça revient au même ?