Référencement des images : comment optimiser photos et visuels


Comment optimiser le référencement des images afin de tirer profit du potentiel de trafic qu'elles représentent pour votre site ?

Dans cet article, je vais vous donner des conseils très concrets pour référencer des images et les optimiser en SEO, tout en vous expliquant à quoi ça sert !

#1 - Bien nommer ses images en SEO

Pour bien optimiser les images en SEO, on commence déjà par leur donner un nom clair et explicite. En effet, même si les algorithmes d'interprétation d'images se perfectionnent au fil des années, ils ne sont pas encore capables à ce jour de détecter avec précision et certitude ce qui figure sur un visuel ou une photo.

Optimiser le nom d'une image en SEO, c'est leur donner un coup de pouce pour comprendre ce qu'elle représente.

Oubliez les captures d'écran intitulées "PrtScr03.jpg", les photos qui s'appellent "DSC540934.jpg". Donnez à vos photos et images :

  • Des noms clairs, descriptifs, indiquant ce qu'elles représentent, l'occasion de glisser quelques mots-clés pertinents par rapport à la thématique que vous traitez.
  • En séparant les mots par des tirets au lieu de les coller ou d'utiliser des underscores. Google recommande ouvertement de privilégier le tiret à l'underscore. Cela permet au moteur de recherche de bien distinguer les mots les uns des autres : "week-end-londres-big-ben.jpg" est plus clair que "weekendlondresbigben.jpg", un mot qui ne veut rien dire.
  • En évitant les noms trop longs - Un bon nom d'image en SEO est descriptif mais il n'est pas là non plus pour que vous y racontiez votre vie ;) Restez concis !
  • En évitant les caractères spéciaux et les accents - Privilégiez des mots écrits sans accent, sans espace, sans majuscule.

#2 - Référencement d'images : le choix du format

Certains formats d'image offrent une grande qualité visuelle mais ne sont pas adaptés à un usage web. En effet, elles conservent un tel niveau de détail que les fichiers pèsent extrêmement lourds et deviennent inutilisables sur un site car ils pénalisent trop le temps de chargement des pages web.

Par exemple, un reflex numérique enregistre les clichés au format "raw", avec à la clé des fichiers de plusieurs Mo. Pas question d'utiliser ça sur un site web ! La petite taille des écrans permet d'opter pour des formats plus légers et amplements suffisants pour un bon affichage.

Ainsi, pour concilier SEO et images, pensez à enregistrer vos photos dans un format adapté au web : le .jpg par exemple, pour une photo, ou le .png qui préserve la transparence.

Il existe aussi des formats d'images conçus pour réduire drastiquement le temps de chargement sans sacrifier la qualité, comme le format WebP... Celui-ci n'est pas encore pris en charge par tous les navigateurs mais peut être proposé "en complément" d'un format classique.

Sur WordPress par exemple, le plugin WebP Express vous permet de proposer vos photos au format WebP si le navigateur de l'internaute le prend en charge... et en .jpg ou .png dans le cas contraire.

#3 - Redimensionner ses images pour optimiser leur poids

Par défaut, vos photos sont lourdes. Si vous les mettez en ligne "en l'état" sur votre blog, elles vont sans doute s'afficher dans un format plus petit mais le visiteur, lui, continuera à charger un fichier lourd. Le temps de chargement des pages de votre site sera donc plus long et ce sera d'autant plus flagrant sur mobile.

Aujourd'hui, Google prête attention à ce critère de rapidité et la vitesse de chargement est un élément primordial de la performance d'un site.

Par conséquent, essayez autant que possible de redimensionner les images à la taille "finale" avec laquelle elles s'afficheront sur votre blog. Vous pouvez utiliser n'importe quel logiciel photo, gratuit ou payant (Photoshop, Gimp, Photofiltre, etc), ou un service en ligne comme Pixlr.

Redimensionnement d'images
Redimensionnement d'images avec Pixlr

Si vous utilisez un CMS comme WordPress, cela passe aussi par l'optimisation de votre thème : un thème crée souvent plusieurs tailles de vignettes à partir d'une même image (ce que l'on peut personnaliser dans le code du thème). Cela permet ensuite de charger la bonne taille d'image au bon endroit.

Sur No Tuxedo par exemple, les images s'affichent en différentes tailles en fonction de l'endroit où on les visualise (page d'accueil, articles similaires, article, page de catégorie, etc).

Vignettes d'images sur WordPress
Vignettes d'images sur WordPress

#4 - Compresser les images

Idéalement, il faudrait éviter de dépasser 100 Ko par photo mais ce poids d'image idéal est parfois difficile à atteindre, en particulier quand on poste des photos riches en détails et en couleurs.

La compression est là pour vous aider à optimiser le poids des images.

On peut faire appel à :

  • Des logiciels spécialisés (je possède JPEGMini Pro depuis des années) ;
  • Des plugins (pour WordPress, il existe EWWW Image Optimizer ou encore ShortPixel que j'utilise sur mon blog voyage) ;
  • Des sites comme Guetzli, basé sur un algorithme de compression innovant développé par Google.

Quelle que soit la méthode choisie, l'idée en SEO des images est de réduire le poids sans trop de perte de qualité pour une meilleure performance !

#5 - Supprimer les données EXIF

On reste sur la thématique du poids, avec un détail qui peut vous permettre de grappiller un peu de légèreté en plus ! Si votre logiciel photo le permet, vous pouvez enregistrer l'image sans les "données EXIF", qui alourdissent les fichiers photo.

Les données EXIF peuvent fournir beaucoup d'informations sur une photo : l'appareil et l'objectif avec lesquels elle a été prise, l'heure et la date, les réglages de l'appareil photo, etc.

Dans l'absolu, elles sont donc utiles et un blogueur photographe peut avoir envie de les conserver. Mais il faut savoir qu'elles représentent un poids non négligeable. Par conséquent, si elles ne sont pas essentielles à vos lecteurs, n'hésitez pas à les supprimer.

#6 - Optimisation des images en SEO : le texte alternatif

Le texte alternatif en SEO (on parle aussi de la "balise alt" des images) est invisible à l'écran mais apparaîtra dans le code HTML de la page. Il servira donc à la fois aux moteurs de recherche et aux malvoyants, les aidant à comprendre ce que représente l'image. Il s'affichera aussi à la place de l'image si celle-ci ne se charge pas pour diverses raisons (connexion trop lente, etc).

Ce texte doit décrire votre image d'une manière succincte.

Par exemple, la photo ci-dessous a pour balise alt : "Les rayons du soleil éclairent une forêt sombre".

Les rayons du soleil éclairent une forêt sombre

Pensez à écrire votre balise alt "proprement". Elle est invisible par le visiteur ordinaire donc a souvent tendance à être négligée. On oublie les majuscules, les accents. C'est une erreur. Rédigez le texte alternatif SEO comme un texte à part entière.

Vous pouvez y glisser des termes pertinents pour le SEO. Par exemple, si une image montre une machine à café, elle pourrait avoir pour balise alt "Machine à café Vertuo de Nespresso".

#7 - Référencement des images : la légende des photos

Contrairement au texte alternatif, la légende d'une image est visible. Elle va servir à l'ensemble de vos lecteurs et leur permettre de comprendre ce que représente la photo.

Elle est facultative mais attire souvent l'attention des lecteurs donc si vous avez un complément d'information à donner sur une photo, n'hésitez pas à l'utiliser ! C'est aussi un bon moyen de mettre un peu de contexte autour d'une photo, en intégrant à cette légende des mots-clés pertinents qui aideront les moteurs de recherche à comprendre dans quel cadre le visuel est utilisé.

Ici par exemple, la légende apparaît sous la photo et indique : "La beauté de l'Isle de Skye en Écosse".

Photo de l'Isle de Skye en Ecosse au lever du soleil
La beauté de l'Isle de Skye en Écosse

#8 - Title des images et SEO : un rôle mineur

Il est aussi possible d'associer un "title" à une image.

On me demande parfois la différence entre la balise alt des images et la balise title des images : retenez que la balise "alt" est la plus importante pour son double-rôle dans l'accessibilité et le SEO ; la balise "title" est facultative, elle s'affichera au survol de l'image.

Elle joue un rôle très faible, voire inexistant en SEO.

#9 - Optimiser ses images en SEO en évitant les liens inutiles

Quand vous insérez une image sur votre site, je vous conseille surtout d'éviter de créer une image cliquable qui redirige vers elle-même. C'est ce que font beaucoup de blogs WordPress par défaut : vous insérez une image et quand vous cliquez dessus, votre blog ouvre une nouvelle page qui ne contient que l'image. Si le moteur de recherche suit ce lien, il va se retrouver "coincé" sur la page de votre image sans pouvoir avancer ni revenir en arrière.

Sur WordPress, vous pouvez le régler au moment où vous insérez une image : dans la colonne de droite, dans la partie "Réglages de l’affichage du fichier joint", choisissez "Lier à... Aucun".

Réglages de l'affichage du fichier joint sur WordPress
Réglages de l'affichage du fichier joint sur WordPress

Si vous ne voyez pas ce menu sur WordPress.com, vérifiez que vous utilisez bien l'interface d'administration complète. Entrez l'adresse de votre blog, suivie de /wp-admin/.

Enfin, si vous avez installé WordPress chez un hébergeur, vous pouvez également faire en sorte que ça devienne l'option par défaut sur votre blog, en insérant cette ligne dans le fichier functions.php de votre thème (n'hésitez pas à consulter mes conseils pour le modifier sans risque) :
update_option('image_default_link_type','none');

#10 - Référencement des images : le rôle clé du contexte

Pour optimiser le SEO de vos images, veillez bien au contexte dans lequel vous les postez. La présence de texte aide considérablement à comprendre le sens que l'on donne à une image.

C'est pour cette raison que si vous partagez des infographies avec vos lecteurs, il est indispensable de les accompagner d'un texte explicatif.

#11 - Intégrer les images à votre sitemap

Sauf instruction contraire de votre part, Google va indexer vos images afin qu'elles soient disponibles sur Google Images. Vous pouvez donner un coup de pouce au moteur de recherche (et surveiller au passage l'indexation des images) en les intégrant au sitemap du site, c'est-à-dire au plan de site spécialement destiné aux moteurs de recherche.

Aujourd'hui, Google vous laisse le choix entre créer un sitemap spécifique pour les images ou les intégrer au sitemap général. On peut associer jusqu'à 1000 images à une page donnée.

Sur WordPress, le plugin Yoast SEO intègre directement les images au sitemap, le nombre d'images que comporte chaque page est indiqué dans une colonne dédiée :

Images dans le sitemap
Images dans le sitemap

Ce n'est pas indispensable au référencement des images mais constitue une aide pour le moteur de recherche, en particulier si les images sont difficiles d'accès (images accessibles via JavaScript par exemple).

#12 - Valoriser les images dans les résultats de recherche

Si vous voulez aller un peu plus loin, sachez que les images participent parfois à donner de la visibilité à votre site dans les résultats de recherche eux-mêmes.

Depuis la création de la recherche universelle, Google les affiche dans les résultats de recherche au même titre que des articles ou des vidéos. On les retrouve par exemple mises en avant dans la position 0 sur certaines requêtes :

Position 0 avec image en SEO
Position 0 avec image en SEO

Le résultat mis en exergue en position 0 est considéré comme le plus pertinent par rapport à la demande formulée par l'internaute. Google peut ici aller chercher l'image sur un site différent de celui où il a récupéré le texte. Le travail de référencement des images favorise le fait que ce soit votre contenu qui soit intégré ici.

Les images apparaissent aussi dans certains types de données structurées. Ce sont des bouts de code HTML qui permettent de mettre en lumière certains aspects précis de votre contenu. Par exemple, si vous publiez des recettes de cuisine, le visuel de la recette peut être marqué pour ensuite ressortir dans les résultats de recherche, comme ici avec ces recettes de gâteau basque :

SEO et images : les données structurées Recettes
SEO et images : les données structurées Recettes

Alors, en plus d'optimiser une image en SEO, étudiez aussi ces opportunités offertes par les données structurées, elles peuvent vous donner davantage de visibilité !

Pourquoi travailler le SEO des images ?

Optimiser le référencement des photos peut remplir 4 grands objectifs :

  • Un objectif de visibilité.
  • Un objectif d'accessibilité.
  • Un objectif de performance.
  • Un objectif d'avantage concurrentiel.

Référencement des images et visibilité

Aujourd'hui, les images n'apportent presque plus de trafic en tant que telles. En effet, Google Images a mis en place le 7 février 2017 une nouvelle interface. Avant, quand on cliquait sur une photo dans les résultats de recherche, le site hébergeant la photo était chargé à l'arrière-plan : plus une image était bien référencée, plus elle pouvait vous apporter du trafic par ce biais.

Désormais, Google Images ne charge que la photo sans charger votre site... sauf si l'internaute clique explicitement sur la photo.

Google Images sans clic
Google Images sans clic

Il en a résulté une chute radicale du trafic référent issu de Google Images, bien visible sur la courbe Google Analytics ci-dessous.

Trafic référent issu de Google Images
Trafic référent issu de Google Images

Néanmoins, parallèlement à cette baisse, Google a donné de la visibilité aux images à d'autres endroits du moteur de recherche, comme je vous l'ai montré avec la position 0 et les données structurées : les images deviennent alors partie intégrante d'une stratégie visant à augmenter le taux de clic (le "CTR") vers votre site.

Optimiser les images en SEO pour l'accessibilité

Quand j'ai débuté sur le web, un webmaster m'avait conseillé de bien optimiser les images "parce que ça permet aux malvoyants de savoir ce qu'elles représentent". A l'époque, j'avais suivi le conseil tout en étant un peu dubitative : les malvoyants surfaient-ils vraiment sur Internet ? Et puis un jour, j'ai reçu un message d'un lecteur. Quelques lignes me remerciant de proposer un site "facile à consulter" pour lui qui était malvoyant. A lui seul, il valait bien les quelques efforts entrepris !

Les malvoyants utilisent soit des navigateurs adaptés, soit des logiciels qui leur lisent ce qui est affiché sur la page. Évidemment, le logiciel ne peut pas lire une image et deviner ce qu'elle représente... mais si on optimise l'image en l'accompagnant d'une description, elle devient alors "visible" aux yeux du logiciel.

En tant que "voyant", on ne réalise pas forcément les défis que pose la lecture d'un site... mais si on peut oeuvrer malgré tout en faveur d'un Internet plus inclusif, c'est important de le faire.

Optimisation SEO des images et performance

Ce sont souvent les images qui impactent le plus le temps de chargement d'une page web (une image trop lourde et mal optimisée peut donc affecter les performances d'une page dans son ensemble).

On l'a vu, il est primordial de s'efforcer de réduire leur poids pour garder une vitesse de chargement acceptable (idéalement, une page doit se charger en moins de 2.5 secondes en termes de "ressenti" afin que l'expérience utilisateur soit optimale).

Optimiser les images, un avantage concurrentiel

Peu de gens, y compris ceux qui maîtrisent le web un peu mieux que la moyenne, pensent à améliorer le référencement des images de leur site. Soit parce qu'ils ne savent pas comment faire, soit parce qu'ils ne prennent pas le temps de s'en occuper. Si ça devient pour vous un automatisme, vous aurez un petit avantage concurrentiel sur eux !

J'espère en tout cas que ces quelques conseils vous aideront à optimiser le référencement des images sur votre blog !


Poster un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

109 commentaires sur “Référencement des images : comment optimiser photos et visuels
  • karine

    bonjour,

    faut-il noter le nom de la société + catégorie du produit + nom du produit pour optimiser le référencement d’une image ?
    Merci d’avance pour votre retour,
    Cdt,

    Répondre à karine
    • Marlène

      Bonjour Karine, tout dépend si c’est pertinent ou non par rapport à l’image, si l’information est nécessaire à quelqu’un qui rechercherait cette image.

      Si le produit est exclusif, que le nom de la société est un élément pertinent pour comprendre l’image, oui. Par exemple, si je suis la marque Nike et que je vends une paire de baskets, oui c’est intéressant de préciser dans le descriptif de l’image que ce sont des baskets Nike + d’indiquer le modèle, car c’est ce que les gens risquent de rechercher sur le web.

      A l’inverse, si je suis un site e-commerce comme Zalando, Sarenza ou Spartoo, je vais là aussi préciser que l’image correspond à des « Baskets femme Nike Air Zoom Pegasus 38 » par exemple… mais je n’ai pas besoin d’indiquer le nom de la société (Zalando, Sarenza ou autre) car ce n’est pas ça que les gens vont rechercher en premier.

      Répondre à Marlène
    • karine

      Bonjour Marlène,

      je vous remercie pour ces précisions.
      Je vous souhaite de bonnes fêtes de fin d’année

      Répondre à karine
  • Boria

    Bonjour Marlène,

    Avant tout chose, on tenait à t’adresser un immense merci pour ce blog et l’ensemble de ses articles parfaitement clairs et extrêmement utiles ! À vrai dire, depuis que nous avons lancé notre blog, nous y venons régulièrement piocher des conseils

    Une question reste néanmoins en suspens concernant le nom des images : est-il nécessaire de modifier le nom de fichier avant importation dans WordPress ou la modification du permalien est-elle suffisante ?

    Merci d’avance et bonne soirée.

    Répondre à Boria
    • Marlène

      Bonjour, merci pour le message :) Le permalien et le nom du fichier sont deux choses différentes : c’est bien le nom du fichier qu’il faut modifier (avant importation, donc). Le permalien ne sert que dans les cas où l’on active l’affichage d’une image sur une page web dédiée, cela correspond à l’adresse de cette page.

      Répondre à Marlène
  • Monsieur Jetlag

    Très bon article qui va bien m’aider car je ne comprennais pas tout niveau optimisation des images. Merci beaucoup.
    Par contre, tu ne dis pas si l’on peut appeler les images d’un même article de la même façon ou si justement il est déconseillé de le faire et si Google apprécie différents noms d’images ou pas.
    Sous WordPress .com il y a également la possibilité de remplir une description et je ne comprends pas à quoi cela sert réellement, puisque le texte alternatif est présent aussi. C’est tellement compliqué pour les novices !
    Merci en tous cas et bonne continuation

    Répondre à Monsieur
    • Marlène

      Hello, la réponse à ta première question dépend pour moi du type d’images. Les images représentent-elles toutes la même chose (auquel cas les nommer de manière similaire se justifierait) ou pas ? Le volume permet-il de faire les choses à la main (à titre d’exemple, un gros site e-commerce ne peut pas forcément se permettre de nommer manuellement les images, il va donc falloir trouver des manières d’automatiser le tout et parfois, ça passe par le fait de nommer de façon similaire les images rattachées à un même produit) ?

      La description sur WordPress sert assez peu en général, sauf sur les sites très axés sur le visuel. C’est une description longue qui sert quand on affiche ses images dans une page dédiée à chaque image (le clic sur une image mène à une page « individuelle » pour chaque visuel). Généralement, les sites désactivent cette fonctionnalité car cela génère beaucoup de pages assez pauvres en contenu et pas forcément nécessaires.

      Répondre à Marlène
    • Monsieur Jetlag

      Merci beaucoup pour cette réponse ! C’est appréciable, et cela va me permettre d’avancer, car je pense que les images font parties du fait de ma stagnation niveau trafic !

      Répondre à Monsieur
  • Tanya

    Bonjour
    Merci pour vos conseils que votre site. Je suis heureuse d’avoir découvert cette source d’information qui permet de bien rester à jour sur le référencement d’un site web et ne pas négliger des aspects importants.
    Merci
    Bonne journée.

    Répondre à Tanya
  • Andy

    Merci pour cet article, un des plus complets que j’ai lu !
    Pour le poids des images, quand j’ai commencé je voulais des images de qualité (photos de voyage) et ça dépassait les 1 Mo. J’ai vite compris que c’était un peu trop lourd, du coup je me fixe 250 Ko maintenant, mais je vois que tu conseilles sous les 100 Ko. Est-ce que ça ne réduit pas trop la qualité ? J’hésite à baisser pour suivre tes conseils.
    J’ai aussi un plugin qui permet le lazy loading des images, c’est-à-dire qu’elles ne se chargent qu’une fois qu’on scroll la page.

    Répondre à Andy
    • Marlène

      Hello Andy, ça reste une limite théorique, ensuite on fait « le maximum » pour offrir des images légères sans trop dégrader la qualité. Je ne prendrais pas la limite au pied de la lettre, je constate moi-même sur les photos de voyage qu’il est difficile de descendre aussi bas que 100 Ko.

      Répondre à Marlène
  • Cassandre

    Encore merci pour vos super articles.
    J’apprends beaucoup avec vous.
    Prenez soin de vous.

    Répondre à Cassandre
  • Axelle

    Bonjour Marlène !

    A présent je penserai bien à renommer mes images et à leur enlever du poids, merci pour cet article !
    Je rencontre un petit problème : je suis en train d’écrire un article mais je ne peux pas insérer d’images ! ça me dit dans la zone de média : « Pour modifier ce bloc vous devez avoir les droits de téléverser des médias »
    Je ne comprends pas pourquoi j’ai ce message, ni ce que je dois faire…
    Je suis la seule à gérer le blog donc mon rôle est administrateur…

    Aurais-tu une idée d’où pourrait venir le problème ?

    Bonne journée à toi,

    Axelle

    Répondre à Axelle
    • Marlène

      Hello, je sais qu’il y a un bug « connu » sur l’éditeur Gutenberg à ce sujet mais ils n’arrivent pas à le reproduire de manière régulière donc pas de solution pour l’instant. Sinon, il faut aussi vérifier sur le FTP du site (si c’est un site WordPress.org) que les permissions du dossier « uploads » permettent bien d’y ajouter des fichiers (cf cet article sur les permissions).

      Répondre à Marlène
    • Axelle

      Je m’en vais lire tout ça, merci !

      Répondre à Axelle
    • Axelle

      Me revoilà -déjà- x)
      Malheureusement, ce n’est pas pour annoncer ma réussite…

      Dans le premier lien, les personnes suggéraient d’essayer avec un autre navigateurs pour régler le problème (ça avait fonctionné pour certaines personnes) : j’ai voulu essayer à mon tour, et me suis déconnectée…

      Et depuis je n’arrive plus à me reconnecter ! Je ne sais pas quoi faire… j’ai essayé de mettre le nom de mon site /wp-admin/ mais quelque soit le navigateur utilisé ça me met une page blanche… et en essayant la manière « classique » avec le login de wordpress.org, je ne peux pas non plus…

      Saurais-tu comment me tirer de ce mauvais pas ?

      Merci

      Répondre à Axelle
    • Marlène

      Hello Axelle, sans savoir d’où vient le problème, j’essaierais d’abord de désactiver les plugins : en allant dans le répertoire /wp-content/ via le FTP du blog et en renommant le dossier « plugins » en « plugins2 » par exemple : si l’accès revient, c’est que le bug est causé par un plugin… Il faut fouiller, plugin par plugin, pour trouver le coupable !

      Est-ce que tu as modifié le fichier wp-config de WordPress récemment ? L’erreur peut aussi provenir d’une ligne vide en trop ou d’une balise php en trop dans ce fichier.

      L’erreur peut également provenir du thème (auquel cas, on teste ça de la même manière que pour les plugins : dans wp-content/themes/, on renomme le dossier du thème en ajoutant par exemple « 2 » après son nom. Ça permet de désactiver le thème => si l’accès à l’administration revient, c’est que le problème vient du thème.

      Répondre à Marlène
    • Axelle

      Bonjour Marlène,

      J’ai essayé mais rien ne fonctionne, ni les plugins, ni les thèmes… cependant j’ai remarqué un dossier « .well-known », dans « public_html », contenant un autre dossier « acme-challenge »; ce dossier est vide… est-ce normal ? ou dois-je le supprimer ?

      Pour le fichier wp-config, je l’ai modifié le 22/08 pour ajouté une ligne de code limitant le nombre de révision d’un article: j’ai fait attention à ne pas le mettre dans du code déjà écrit dans le fichier…

      Répondre à Axelle
    • Marlène

      Hello, je réponds tardivement car j’étais en vacances :) As-tu essayé de retirer la ligne dans wp-config ? Peut-être a-t-elle été insérée au mauvais endroit ?

      Le dossier well-known n’est pas du tout problématique, il est généré lorsque l’on passe son site en https via un certificat SSL gratuit. J’en ai un aussi ;)

      Répondre à Marlène
    • Axelle

      Coucou Marlène !

      J’ai retiré la ligne, mais toujours aucun résultat… j’ai remarqué cependant que ça marquait que les droits d’accès étaient « 0666 » alors que la plupart des autres fichiers c’est « 0644 »… est-ce normal ?

      Aussi, j’ai pensé, peut-être que le problème vient du fichier .htaccess ? Il me semble qu’à un moment tu m’avais conseillé de le supprimer (?) Je n’y touche pas tant que je n’ai pas de retour de ta part, bien entendu.

      Je dois t’avouer que je commence à désespérer… Surtout que je continue à recevoir des messages de mon blog indiquant qu’il faut mettre des plugins à jour…

      Bonne journée à toi

      Répondre à Axelle
    • Marlène

      Hello, je n’aurais jamais conseillé de supprimer le fichier htaccess, hormis peut-être sur un nouveau blog qui vient d’être installé et n’a aucun historique ! Il peut contenir des instructions vraiment essentielles au bon fonctionnement d’un blog (redirections, etc). Donc il ne faut surtout pas le supprimer. Il est aussi normal que wp-config ait des droits d’accès plus restreints, car c’est un fichier sensible.

      On s’éloigne trop du sujet de l’article donc je te conseille de demander de l’aide sur le forum de support francophone dédié à WordPress. Il y a pas mal de causes possibles à ce type de problème d’upload : les permissions de fichiers/dossiers, le cache, un problème de mémoire au niveau de ton hébergeur, une image trop lourde ou dont le nom contient des caractères spéciaux qui font buguer l’import, la définition de l’emplacement où les fichiers sont stockés dans les paramètres de WordPress…

      Répondre à Marlène
    • Axelle

      Bonjour,

      Oui ça devait être au tout début ; Je vais sur le forum de ce pas !
      Merci infiniment pour tes conseils !

      A bientôt,

      Répondre à Axelle
  • Célia

    Bonjour, merci beaucoup pour votre article très utile !!
    Je me pose une question, étant photographe, je poste par exemple plusieurs photographies d’une même séance photo.
    Est ce que le fait que je les nomme tous de la même façon (ex : séance-famille.jpg) peut être pénalisant et considéré comme du contenu dupliqué ? Et de même pour la description de la photo ?
    Encore merci !

    Répondre à Célia
    • Marlène

      Bonjour Célia, concrètement il n’y aura pas de pénalité pour des photos qui portent un même nom ou une même description. Par ailleurs, quand on veut se référencer sur un terme comme « séance photo famille » par exemple, il sera plus facile d’y parvenir avec une page de contenu agrémentée de quelques photos qu’avec des photos seules, le texte ayant plus de poids qu’une simple description d’image.

      Répondre à Marlène
  • Christophe

    Bonjour Marlène,
    Ton article est très clair. Merci. Mais il ne répond pas à la question qui me taraude l’esprit! On m’a dit que la balise alt devait comporter des tirets à la place des espaces (ex: question-d-un-internaute). Or si je fais ça, le focus keyword de yoast seo (ex: question d un internaute) dit qu’il n’y a pas de balise alt?
    Ma question est simple : faut-il mettre juste des tirets à la place des espaces pour les noms de fichiers photos ou aussi dans les balises alt des photos ?
    Merci par avance pour ta réponse et bon week-end

    Répondre à Christophe
    • Marlène

      Hello, on t’a simplement mal renseigné, l’attribut alt est écrit en langage naturel, sans tirets (c’est le nom du fichier image qui doit comporter des tirets).

      Répondre à Marlène
  • Richard

    Bonjour Marlene

    Tout d’abord, un grand merciiii pour ce blog, je ne décroche plus, les articles sont clairs et l’interface est vraiment agréable. Pour un néophyte, beaucoup d’articles semblent bien obscures au vu de leurs complexité mais ça donne encore plus envie de se retrousser les manches et de lire tout les articles et commentaires du blog. Bref…

    Un grand Bravo !!!

    Maintenant quelques petites questions, :

    -pour le nom de la photo peut on utiliser des accents et apostrophe? Exemple nomdusite-hautes-pyrénnées-lac-d’ilehou.jpg ;

    -Conseil-tu ou utilise tu le format WebP ?

    -J’utilise actuellement le logiciel GIMP qui me permet d’avoir des photo e 100k avec une compression entre 85 et 90%, est ce que je peux également utiliser en complément un widget type image optimizer ?

    -Et le plus important tu parle de La description des photos pour l’accéssibilités au mal voyant, la description c’est la légende de la photo ?

    Merci d’avance

    Répondre à Richard
    • Marlène

      Bonjour Richard, merci pour ton message. Pour répondre à tes questions…
      > Ni accent, ni apostrophe dans les noms d’images.
      > Oui, le format WebP est très bien pour les performances. Je ne l’utilise pas à ce jour car je n’ai pas trouvé de solution assez fiable pour l’implémenter sur mon blog, le WebP pose encore pas mal de problèmes de compatibilité (navigateurs mobiles, etc). Je pense qu’un développeur web peut trouver un moyen stable de le mettre en place mais comme ce n’est pas mon métier, j’ai pour le moment laissé ça de côté.
      > Rien n’empêche d’utiliser une double compression via son logiciel photo + un plugin, je le fais sur mes blogs d’ailleurs.
      > La description des photos pour les malvoyants correspond au “texte alternatif”. J’ai appris il y a peu que ce texte pouvait non seulement être lu à haute voix par un lecteur d’écran mais aussi converti en braille pour les gens équipés des appareils adéquats :)

      Répondre à Marlène
  • Alexandra

    Bonjour Marlène et merci beaucoup pour ton blog !
    Ça fait un moment que je me pose la question sur les mots qui contiennent la balise alt. J’ai lu que c’était bien d’y insérer le mot clé, mais qu’il ne faut pas utiliser d’accent. Si mon mot clé est « visite gourmande à Dijon », dans ma balise alt est-ce que je peux utiliser « à » ou tout autre mot avec un accent ? Ou serait-il mieux d’écrire mon descriptif sans aucun accent ? Merci beaucoup pour ta réponse.

    Répondre à Alexandra
    • Marlène

      Je ne sais pas où tu as lu cette histoire d’accent mais… c’est juste faux :) Google est capable de comprendre un mot avec/sans accent, au singulier/au pluriel. Il faut écrire la balise alt normalement, comme indiqué dans l’article… et c’est d’autant plus vrai qu’aujourd’hui, le contenu d’une balise alt peut être mis en avant par Google en « position 0 ».

      Par exemple, avec mon article sur le zoo de Vincennes, Google a récupéré mes balises alt pour en faire un « récap » sur le zoo en position 0 :

      Avis zoo de Vincennes

      Je l’ai déjà vu récupérer des balises alt pour en faire une meta description.

      Répondre à Marlène
    • Alexandra

      Hello Marlène,
      Merci infiniment pour ta réponse qui va m’être très utile ! Ça fait de mois que je me triture le cerveau pour des mots clés sans accent à cause de cette balise…

      Répondre à Alexandra
    • Marlène

      Il y a quelques années, on était plus attentifs à ces aspects mais aujourd’hui, les moteurs de recherche sont suffisamment « évolués » pour comprendre un terme avec/sans accent donc mieux vaut écrire correctement, c’est plus sympa pour le visiteur quand même :)

      Répondre à Marlène
  • Margaux

    Bonjour, et avant toute chose, merci pour cet article! Néanmoins, il y a quelque chose qui me chiffonne. Yoast SEO conseille de mettre le mot-clé de l’article dans le texte alternatif d’au moins une photo… Est-ce nécessaire? Et si oui, comment faire ça de façon naturelle?
    Merci d’avance,
    Margaux

    Répondre à Margaux
    • Marlène

      Hello Margaux, disons que généralement, lorsque tu rédiges un article sur un sujet, il est illustré avec une image qui traite du même sujet… donc c’est souvent assez naturel d’utiliser le mot-clé pour décrire la photo dans le texte alternatif. Si ce n’est pas le cas, je pense pour ma part qu’il ne faut pas se forcer à utiliser le mot-clé.

      Répondre à Marlène
    • Margaux Claes

      Merci! (Je viens seulement de voir ta réponse… :/)
      J’ai par ailleurs une autre question. Est-ce que Google crawl les noms des fichiers? Par exemple, j’ai récemment écrit un article sur les Carpates en Ukraine. Les photos de cet articles ont toutes des noms différents en mots-clés et en fonction de ce qu’elles représentent. Sauf que chacune d’entre elles comportent aussi les mots-clés carpates-ukraine (aussi par souci d’organisation sur mon pc). Est-ce que je risque d’accidentellement faire du keyword stuffing?

      Répondre à Margaux
    • Marlène

      En soi, je pense que ça présente peu de risques. Oui, Google lit les noms des images, c’est d’ailleurs pour ça qu’on recommande de les nommer « proprement »… mais à mon sens, les images ont moins de poids que le contenu texte lui-même ; si elles sont postées, en plus, dans un article assez complet, je pense que la probabilité que ce soit pénalisé est quasi-inexistante.

      Ça m’arrive parfois de faire comme toi sur mon blog voyage et je n’ai jamais eu de souci à ce jour.

      Répondre à Marlène
    • Margaux Claes

      C’est noté! Merci beaucoup :)

      Répondre à Margaux
  • Bruno

    Bonjour :) Merci pour cet article, je découvre de plus en plus d’articles intéressants sur votre blog.
    J’ai une petite question : le nom du fichier (nom.jpg) et le titre de l’image sont deux choses différentes n’est ce pas ?
    Dans le paragraphe « Choisir un nom clair », vous conseillez de mettre des tirets au nom du fichier, ok, mais qu’en est il du « titre » de l’image que l’on peut modifier dans la bibliothèque de médias de WordPress : recommandez vous de mettre la même chose que le nom de fichier ?

    Répondre à Bruno
    • Marlène

      Bonjour Bruno, oui, le nom et le titre sont deux choses différentes. Le nom du fichier est à indiquer avec des tirets, minuscules, mots clés tandis que le titre doit être rédigé en langage « naturel ».

      Répondre à Marlène
    • Bruno

      Merci, bonne journée :)

      Répondre à Bruno
  • Mathieu PPADM

    Polala, c’est vraiment l’enfer d’être débutant ! Si seulement j’avais découvert NT plus tôt, ça m’aurait évité d’avoir 6 mois de photos avec des noms à la con…

    En tout cas, merci pour tous les conseils que tu partages, je trouve la grande majorité de tes articles extrêmement utile pour le gros naïf que je suis !

    Répondre à Mathieu
    • Marlène

      Merci beaucoup ! 6 mois, ce n’est pas si grave ;) D’autant que Google a apporté récemment des changements importants à la recherche par image… puisque désormais, le moteur de recherche affiche d’abord les images sur sa propre interface, il faut cliquer sur « Consulter la page » pour aller sur le site qui a posté le visuel. Ça veut dire que ce n’est plus une source de trafic aussi importante qu’avant.

      Répondre à Marlène
  • Alaindici

    Eh bien, voilà qui répond à une question que je me suis posée tout à l’heure à propos des critiques de l’analyseur SEO : l’intérêt des balises ALT pour les images ! Merci dons pour les infos et les conseils de cet article.
    Une image de 150 ou 200 ko pour un photographe, c’est bien peu. Quelle serait pour toi la limite à ne vraiment pas dépasser ?

    Répondre à Alaindici
    • Marlène

      La limite idéale évoquée est souvent de 100ko car aujourd’hui, on ne peut pas ignorer les utilisateurs sur mobile. Je dirais donc qu’il faut essayer de s’en approcher au maximum en gardant une qualité d’image correcte. Ensuite, tout dépend de la façon dont la page est conçue : y a-t-il plusieurs images, y a-t-il d’autres éléments « lourds » à charger, etc.

      Ça peut être intéressant de tester une page type sur GT Metrix pour mesurer le temps de chargement et évaluer la part des images dans ce temps de chargement. Et puis, il ne faut pas hésiter à se tourner vers les formats innovants type WebP ou les solutions permettant d’accélérer le chargement d’un site (mise en cache, Progressive Web Apps qui permettent d’accéder à une grande partie du contenu hors connexion sur mobile)…

      Répondre à Marlène
    • Alaindici

      Merci pour le soin que tu mets à répondre aux commentaires, c’est extrêmement précieux.
      J’ai beaucoup de travail devant moi pour essayer d’améliorer le référencement du blog et le rendre plus attractif. J’avoue que, jusque-là, je tenais le blog de façon très épisodique (et plutôt égoïste) pour en faire une mémoire des voyages. Mais c’est un peu frustrant de n’avoir que très peu de lecteurs et il me faut à tout prix faire un effort, ce qui signifie d’investir du temps pour une meilleure maitrise, à la fois de WP et des techniques de référencement.
      Encore merci, tes articles risquent de devenir mon livre de chevet pour quelque temps … et pour mon plus grand plaisir tant on y trouve de réponses et de pistes d’amélioration !

      Répondre à Alaindici
    • Marlène

      Le référencement est effectivement un très vaste sujet mais il peut produire de vrais résultats en termes de trafic donc se pencher dessus n’est jamais une perte de temps !

      Répondre à Marlène
  • Cath

    Hello,
    J’ai découvert ton blog récemment. Un grand merci pour tous tes bons conseils :)
    J’ai commencé un petit blog (sur Blogger) au mois de mars 2016. Jusqu’au mois d’août, tous mes articles et images étaient indexés assez rapidement. Mais depuis plus de 4 mois, Google ignore mes images : une seule de mes photos publiées depuis août apparaît dans google search ! Je fais pourtant tout ce qu’il faut pour assurer leur référencement (noms avec tirets, alt, title et souvent une légende).
    J’ai déjà corrigé plusieurs erreurs découvertes grâce à l’outil de test des données structurées, notamment l’erreur image_url que j’ai remplacé par image. Autre bizarrerie, en utilisant l’outil d’exploration de la console, j’ai découvert que toutes mes url étaient redirigées vers elles-mêmes ! Il est indiqué http/1.1 301 moved permanently… Qu’est-ce que c’est que ça ? Serait-ce pour cela que mes images sont ignorées ?
    Je ne suis pas la seule à avoir ce problème : j’ai examiné d’autres blogs blogger et pour certains, les photos des 3-4 derniers mois n’apparaissent pas non plus dansl google…
    Aurais-tu une suggestion ? Merci et à bientôt !

    Répondre à Cath
    • Cath

      À propos des url redirigées vers elles-mêmes, je parlais des url d’articles, pas des url de photos :).

      Répondre à Cath
    • Marlène

      Bonjour Cath, tu publies très rarement sur ton blog donc déjà, le moteur de recherche ne doit pas passer souvent dessus et le délai d’indexation des contenus doit être plus long que sur un blog qui publie souvent. Le délai d’indexation des images me semble toujours plus long que celui des articles en règle générale. Les URL d’articles ne semblent pas rediriger sur elles-mêmes, quand tu entres une URL d’article dans un analyseur d’en-tête, celui-ci renvoie bien un code 200 (s’il y avait une redirection ça renverrait une erreur 301).

      Google a fait beaucoup de changements d’algorithme ces derniers mois, dont certains concernent les images, ça a peut-être affecté ton blog.

      Sans accès à Search Console et sans analyse, je ne peux pas vraiment t’aider davantage. Tu peux toujours essayer de poser la question sur le forum de Google mais ce sera en anglais car il n’y a plus de support pour Blogger en France.

      Répondre à Marlène
    • Cath

      Merci beaucoup d’avoir jeté un coup d’œil à mon blog. C’est vrai que je ne suis pas très productive mais je vais m’y mettre :). À bientôt !

      Répondre à Cath
  • Drahcir

    Super conseil ! Merci beaucoup ! Un bon moyen d’éviter les pièges à bot. Cependant, je reste interrogatif quant au référencement d’un Slideshow dans un article, toutes tes images ayant le même mot clé (Il faut bien appeler un chat, un chat), l’occurrence du dit mot-clé devient beaucoup trop grande ! Aurais-tu des conseils à ce sujet ?

    Répondre à Drahcir
    • Marlène

      Hello, pourquoi toutes les images d’un slideshow auraient-elles le même mot-clé ? Si je prends par exemple les sites qui te présentent un slideshow de célébrités sur le thème « Que sont-ils devenus ? », chaque image peut être optimisée sur un nom de célébrité différent…

      Répondre à Marlène
  • ryo

    Bonjour,

    Tout d’abord merci pour votre blog, j’ai fait sa connaissance hier et depuis je ne le lâche plus d’une semelle.
    C’est une mine d’informations lorsqu’on démarre un site WordPress et que l’on s’intéresse au pourquoi des choses.

    Voici ma question:
    Le mot clé principal Yoast SEO de ma page d’accueil est: gagner de l’argent sans risque
    J’ai donc rempli tous les champs « texte alternatif » de mes images avec ce mot clé (ex: gagner de l’argent sans risque grâce à l’affiliation, gagner de l’argent sans risque grâce aux banques, gagner de l’argent sans risque avec l’email marketing, etc …).
    Mais du coup est ce que ça ne fait pas un peu trop pour Google ?

    Merci

    Répondre à ryo
    • Marlène

      Bonjour Ryo, je trouve que quand on se pose la question, c’est qu’on dépasse déjà le cadre de ce qui est « naturel » ;)

      Je ne pense pas que Google pénalise un site à cause d’une seule page… mais sur des thématiques aussi « sensibles » que l’argent facile, je ferais attention à la suroptimisation.

      Répondre à Marlène
  • Xuan

    Quand on parle optimisation d’image cela me fait penser à l’optimisation des images avec la balise srcset. Je ne l’ai pas encore utilisée mais qu’en penses-tu de son utilisation pour optimiser le temps de chargement sur mobile ? est ce que cela vaudrait l’investissement en terme de temps ou pas ?

    Répondre à Xuan
    • Marlène

      J’utilise des attributs srcset sur les images de mes articles mais je serais incapable de comparer les performances avec/sans. J’ai en revanche trouvé un site qui a fait un test sur le sujet, j’ai lu en diagonale mais ça répondra peut-être à ta question !

      Répondre à Marlène
    • Xuan

      Merci pour ta réponse détaillée comme toujours, j’ai bien lu l’article et ai optimisé hier mes images pour un futur article. Je me dis que c’est indispensable pour les instant articles par exemple de Facebook. Sur Facebook, certaines images que j’avais optimisées ressortent très mal quand je regarde sur IPad par exemple ! Merci encore pour le partage et bonne journée :)

      Répondre à Xuan
    • Marlène

      J’avoue que je ne me suis pas mise aux Instant Articles car d’après ce que j’avais lu, Facebook devenait l’hébergeur des contenus… mais quoi qu’il en soit, l’optimisation des images ne fait jamais de mal. Elle est positive pour le référencement, pour les visiteurs… donc aucune raison de s’en priver :)

      Répondre à Marlène
  • tania

    hello Lou, avec ton article je viens seulement d’apprendre qu il ne fallait pas de majuscule ou accent aux balise alt! Je croyais qu c ‘était pour le titre de l’image que cela s’appliquait. Est ce que je peux encore faire le changement c’est à dire supprimer les accents de balise alt sans que cela nuise au référencement. Je veux dire je ne vais pas être obligé de faire une redirection.

    Du boulot en perspective mais … pas le choix. Je m’étonnais que j’avais très peu de visites via les images.

    Répondre à tania
    • Marlène

      Hello, je dis l’inverse dans l’article ;) Il faut bien rédiger la balise alt comme un texte à part entière, avec majuscules, accents, etc. Donc tout va bien pour toi !

      Répondre à Marlène
  • Sarah Marshmalloword

    Merci pour cet article! Cela me permet d’y voir plus clair.
    Cela fait 2/3 semaines que je me penche sur comprendre les comportements de mes visiteurs sur le blog et le tien m’a permis de saisir un peu mieux les choses ! J’ai aussi compris que j’optimisais pas assez mes images. Sur ce coup là, je suis un peu mauvaise élève surtout que je souhaite vraiment « professionnaliser » mon blog.
    Cela fait 10j que j’ai découvert le texte alt sur les images donc je l’utilise mais maintenant je vais devoir me pencher sur renommer mes photos et ne plus garder les img_1221 et cie!
    J’ai l’impression de me confronter à un travail monstrueux! haha!
    Je me demandais si c’était possible de renommer les images qui étaient déjà sur le blog???

    Merci d’avance et à bientôt,
    Sarah

    Répondre à Sarah
    • Marlène

      Hello Sarah, tu vas devoir les rėuploader si tu veux changer leur nom. Chaque image que tu mets en ligne correspond à une adresse sur le web donc si tu changes le nom, tu changes cette adresse et WordPress doit en être « informé » sans quoi il ne sait pas où aller récupérer l’image :)

      Répondre à Marlène
    • Sarah Marshmalloword

      Merci pour ta réponse. Je crois que je ne me sens pas trop de repasser mes 600 articles (OMG)…Je vais changer ma manière de faire à partir de maintenant et je verrais après! :)

      Répondre à Sarah
  • foxneo

    Bonjour,
    Depuis quelques années, j’ai pris l’habitude d’optimiser mes images avant de les mettre sur mon site, j’utilise en plus le plugin ewww image optimizer.
    Par contre j’aime pourvoir cliquer sur une image et avoir l’effet lightbox, pour la voir en plus grande, donc je mets Lier à sur Fichier Média.

    Répondre à foxneo
    • Marlène

      Très bon plugin, EWWW Image Optimizer ! Je ne peux pas l’utiliser sur l’hébergement actuel du blog mais il est top. La lightbox ne pose pas forcément problème pour le SEO, l’idéal c’est de tester en utilisant la fonction « Explorer comme Google » de Google Search Console, pour voir comment le moteur de recherche interprète la page.

      Répondre à Marlène
    • foxneo

      Bonjour,

      Je connais les Outils de Webmaster de Google, mais, je disais juste par rapport à votre article, qui indique
      de choisir « Lier à… Aucun  » moi je mes « Lier à Fichier… Fichier Média » parce que j’aime l’effet Lightbox, et je pense à ne pas référencer sur mon sitemap créé par le plugin WordPress SEO by Yoast, les pages Attachment.
      bonne journée

      Répondre à foxneo
    • Marlène

      Oui, je rebondissais juste là-dessus ! En fait, Google Webmaster Tools a été remplacé par Search Console au printemps 2015, c’est dans la continuité mais ils ont renommé l’outil tout en ajoutant de nouvelles fonctionnalités.

      Répondre à Marlène
    • foxneo

      Je ne sais pas, moi sur Google je tape toujours « Outils de webmaster Google » je n’emploie pas les termes en anglais, vu que je maitrise pas cette langue et je vois indiqué à chaque fois « Google Webmaster Tools »
      puis ne description je lis « Utilisez Search Console pour contrôler les données relatives aux résultats de recherche Google pour vos sites Web » donc je n’ai pas prêté attention que fin Mai 2015, le nom avait changé, merci de l’information.

      Répondre à foxneo
  • Fuchinran

    Bonsoir et merci pour les conseils clairs, concis et avisés, je pensais aussi que les balises alt pouvaient être rédigées sans les accents et autres signes qui peuvent ne pas être compris par les moteurs… Je m’efforcerais d’y penser la prochaine fois que je rédige mes balises alt…

    Répondre à Fuchinran
    • Marlène

      Ça fait déjà de nombreuses années que les grands moteurs sont capables de comprendre les accents :) Et quoi qu’il arrive, on rédige d’abord pour un être humain même si l’on garde en tête le moteur de recherche (à travers des mots clés par exemple), c’est aujourd’hui une règle de base du référencement. Disons que l’on n’est plus à une époque où on fait deux poids, deux mesures, avec un contenu pour le moteur et un contenu pour l’utilisateur.

      Répondre à Marlène
  • kaylacos

    Bonjour, je reviens vers toi concernant le poids des images. Ko, Kb ça ne me parle pas trop. Je sais déjà que Mo c’est plus lourd. J’ai téléchargé des photos chez Fotolia et le poids est exprimé en Ko et en téléchargeant la photo sur WordPress ça se transforme en Kb en sachant que le nombre est différent. y a t-il une différence ou WordPress réduit automatiquement le poids des images ?
    Merci

    Répondre à kaylacos
    • Marlène

      Il me semble que WordPress parle en « kilobytes » (et grosso modo, sur le matériel informatique actuel, un kilobyte = un kilooctet), à ne pas confondre avec le « kilobit » qui lui, est une unité différente avec 1 kilooctet = 8 kilobits :)

      Personnellement quand j’uploade une image le poids est à peu de choses près le même que sur mon disque dur. Certains thèmes intègrent des fonctions de redimensionnement, d’autres pas, ça pourrait expliquer la différence de poids que tu constates.

      Répondre à Marlène
    • kaylacos

      Merci bien. Je vais télécharger Gimp pour réduire les photos trop lourde.

      Répondre à kaylacos
    • Marlène

      C’est bien, Gimp, très puissant et complet, je trouve que c’est la meilleure alternative à Photoshop en gratuit. Si ça te paraît trop complexe, il y a aussi Photofiltre. Je l’utilise souvent pour réduire la taille des photos ou pour les redimensionner de manière automatique (il y a des outils pour faire ça en série en quelques clics).

      Répondre à Marlène
    • kaylacos

      Bonjour, Merci pour photofiltre, il est bien plus simple.

      Répondre à kaylacos
    • Marlène

      Oui et il fait très bien le job pour les tâches simples. Dans le menu Outils > Automatisation tu peux redimensionner tes images en série, ajouter une bordure, etc. Ça fait gagner beaucoup de temps.

      Répondre à Marlène
    • kaylacos

      bonjour, une autre petite question. Les photos lourdent déjà sur le blog, peut-on les laisser ou vaut mieux modifier leur poids ? Merci

      Répondre à kaylacos
    • Marlène

      Dans l’idéal il faut modifier :)

      Répondre à Marlène
  • kaylacos

    Bonsoir,
    Maintenant je vais pouvoir lire tous tes articles concernant WordPress, maintenant que j’ouvre mon second blog, pro cette fois ci. Et franchement niveau facilité je préfère Blogger, mais effectivement tout d’incite à être bien référencer avec WordPress, c’est génial ! je verrais avec le temps. Une chose est sûr, ton blog m’est très précieux pour trouver toutes les infos WordPress que je trouve compliqué.
    Mes questions maintenant : dans la balise Alt faut privilégier plutôt des phrases ? toujours les mots séparé de tirets ? je parle pour un blog pro et e commerce. Deuxième question : tu parles de « Lier à … Aucun » dans la partie des photos cliquables. Je n’ai pas trouvé cette option mais je vois « slide link » avec une case à remplir est ce la même chose ? Merci

    Répondre à kaylacos
    • Marlène

      Bonsoir, la balise alt doit être compréhensible donc ça peut être une phrase mais pas forcément, ça dépend du sujet. Ça pourrait être « Homme qui joue du saxophone » comme « Enfant à lunettes » ;) Pas de tiret.

      Non, slide link doit correspondre à autre chose (peut-être le lien vers lequel pointe une slide dans un slideshow si le design en comporte un). La partie dont je parle se trouve juste sous l’endroit où tu écris la balise alt quand tu uploades une image via le bouton « Ajouter un média », c’est dans la même colonne plus bas.

      Répondre à Marlène
    • kaylacos

      Bonsoir, merci pour tes réponses. Par la suite j’ai constaté que c’était dans « insérer un media », la présentation est différente dans « insérer une image à la une ».
      Merci bien.

      Répondre à kaylacos
  • Affilié

    Vraiment très bon article Marlène, mais pour avoir tenu un temps un site de « wallpapers » je donne juste mon retour sur l’optimisation seo des images d’un site. Effectivement, il est assez simple de bien se positionner sur des mots clés dans ce domaine si l’on a un peu de temps à consacrer au nommage, à la description et à l’ancrage de ses fichiers jpg, png…etc. Là où les choses se compliquent, c’est au niveau de la monétisation. Une fois vos images bien placés sur les moteurs de recherches, elles seront très (trop) sollicités par les hotlinkers, à commencer par google images; qui utilisent vos liens sans citer votre site internet et en les décontextualisant. Une pratique courante qui va utiliser une grande partie de vos ressources web sans pour autant vous rapporter de revenus supplémentaires. En effet, linker ou chercher une image via google vous amène rarement vers le site original qui a posté cette image et personnellement j’en ai bien plus souffert que tiré partie.

    Répondre à Affilié
    • Marlène

      Bonjour ! Et en empêchant le hotlink via le fichier htaccess ? J’avais à une époque une grosse galerie photo avec des photos HD. Toute image hotlinkée était remplacée à l’affichage par une petite image PNG légère indiquant « Pour consulter cette image, merci de visiter (adresse de ma galerie photo) ». Je n’ai jamais eu de problèmes de bande passante malgré un trafic conséquent.

      On peut aussi watermarker les images présentes sur Google Images pour obliger les personnes à visiter un site. Le site fansshare.com réussit à cacher ses prévisualisations par exemple. En combinant cette méthode avec une protection contre le hotlink, on résout à mon sens une partie du problème même si c’est un peu du « bidouillage »…

      Répondre à Marlène
  • Creawebpro

    Un petit bonjour ensoleillé depuis la Thaïlande d’où je suis régulièrement les actualités de cet excellent blog. On apprend pas mal de choses utiles et puis la bonne mentalité qui y règne donne envie de partager le peu que l’on connait ou de faire quelques retours d’expérience.
    Une petite astuce de compression d’images que je proposais à mes lecteurs à l’époque de mon forum sur l’expatriation en Thaïlande : bon nombre d’entre vous possèdent un compte facebook. Il suffit alors de créer un album et d’y transférer les photos que l’on désire compresser. Une fois cela fait il suffit de recopier les photos de facebook vers un dossier de son bureau en veillant bien sûr à renommer chacune de ces photos comme si bien expliqué dans l’article de Lou.
    Sinon il existe pas mal de logiciels gratuits tant sur mac que sur pc afin de réaliser les bases du recoupage et de compression des photos.

    Sur wordpress on peut également modifier un des réglages de base afin que votre site passe en « gzip ».

    Bonne journée à tous

    Répondre à Creawebpro
    • Marlène

      Compte tenu des événements qui se sont passés à Paris ce vendredi, je pense qu’on aurait tous besoin d’un peu d’évasion en Thaïlande ;) Merci de partager l’astuce Facebook, ça peut dépanner les débutants même si je trouve pour ma part qu’il y a une grosse baisse de qualité lors de la compression (qu’on n’a pas quand on passe par un logiciel photo).

      J’utilise pour ma part le logiciel de compression JPEGMini, il est payant mais fonctionne très bien et ça va plus vite que de passer par Photoshop :)

      Répondre à Marlène
    • Creawebpro

      @Lou

      En effet c’est loin d’être la panacée au niveau de la compression via facebook mais bon, en cas de dépannage.
      Pour ma part je bosse principalement avec photoshop pour les photos. Je ne vous fais par contre pas la liste des logiciels pour ce qui est de la vidéo, il y en a une flopée que j’utilise pour adapter mes futures réalisations sur le net (animation gif, 3D, bandeau ou entête de page, écran animés pour mobile, didacticiels vidéos,…). Je suis persuadé que l’avenir est dans ces divers types de format afin de rendre un site attrayant.

      Pour en revenir à la compression des photos il existe apparemment un logiciel libre qui fonctionne tant sur mac que sur pc. Aux premiers regards cela semble un peu usine à gaz mais il y a néanmoins des éléments très utiles qui pourraient servir chacun, du néophyte au professionnel. Je ferais bien quelques vidéos didactiques afin de permettre à tous d’accéder aux fonctions de base comme le recradrage et surtout la compression. J’ai même vu qu’il existait un moyen d’éliminer les « exifs » ce qui permet toujours d’économiser quelques ko.
      Une fois cela fait je me permettrai de le signaler sur ce forum afin que tous profite de ces didacticiels en cours de préparation.

      Répondre à Creawebpro
    • Creawebpro

      Oups, petit oubli de ma part, le logiciel de retouche photo en question se nomme « gimp »

      Répondre à Creawebpro
    • creawebpro

      Comme promis j’ai testé le logiciel gratuit et libre de Gimp. Il est compatible mac et PC, un excellent moyen de ne frustrer personne.
      Gimp est un logiciel de retouche d’images très complet et offrant une très large palette d’outils et de possibilités.
      Pour mon premier tuto j’ai fait une petite vidéo qui explique comment recadrer et compresser une photo afin d’en réduire considérablement le poids et ne pas léser de cette manière le temps de chargement.
      En effet je suis passé d’une image originale de 3,3 Mo ( 3.300 ko ) à une image finale de 43 ko… Pour voir cette vidéo :
      https://www.youtube.com/watch?v=D12pF_qRya0
      N’hésitez pas si vous avez des questions. Il y a déjà pas mal d’infos dans la description sous la vidéo.

      Répondre à creawebpro
    • Marlène

      Merci pour le partage, Gimp est effectivement l’alternative de référence à Photoshop en gratuit. Depuis qu’Adobe est passé au cloud, Photoshop est moins inaccessible mais pour tous ceux qui ne veulent pas investir dans un logiciel, Gimp est puissant.

      Répondre à Marlène
  • Sophasia

    Ce fut l’un de mes premiers réflexes mais c’est toujours bon de le rappeler. La néophyte que je suis n’a pas pu avoir ce réflexe toute seule.

    J’ignorais qu’il fallait mettre des guillemets entre chaque mot pour intituler ses images. Jusque-là, je ne l’avais jamais fait donc merci pour cette précision :) Crois-tu qu’il soit également nécessaire d’associer chaque image à l’adresse url de son article pour le référencement?

    Répondre à Sophasia
    • Marlène

      Des guillemets ? Des tirets plutôt, non ?

      Concernant l’URL, mieux vaut selon moi que les images ne pointent sur rien (sauf bien sûr si l’image mène à un site externe ou qu’elle permet de lancer une action : un téléchargement, etc), c’est ce que j’explique dans l’article. A vrai dire, je ne vois pas l’intérêt de renvoyer la personne qui clique dessus vers l’article qu’elle est justement en train de consulter :)

      Répondre à Marlène
    • Sophasia

      Oui, oui, lapsus. C’était effectivement les tirets :)

      Merci pour ta réponse. Je pensais à tort que pointer les images vers des url permettait de mieux référencer son blog ou son site.

      Répondre à Sophasia
  • Magali C.

    Merci beaucoup pour cet article. En réalisant mon nouveau blog je me disais justement que je devais soigner le nom de mes fichiers photo …. et évidemment j’ai déjà oublié de le faire pour mon premier article!
    Je ne connaissais pas encore l’utilité du texte alternatif, merci!
    Par contre pour la taille des photos je ne sais pas si je vais arriver à 200 ko. Comme c’est un blog photo je voulais un affichage très grand format donc c’est un peu lourd…. Mais j’essayerai de penser à décocher la conservation des exifs.
    Merci encore pour cet article qui va m’être très utile!

    Répondre à Magali
    • Marlène

      Tant que le temps de chargement n’est pas aberrant, je ne pense pas que ça pose problème d’autant qu’un visiteur qui vient sur un blog photo se doute a priori qu’il va y avoir des photos ;) Il est peut-être un peu plus patient. Après, il faut toujours penser à ceux qui naviguent sur mobile, avec des connexions pas terribles et pour qui ce poids se ressent vraiment si le site n’est pas optimisé pour les mobiles.

      Répondre à Marlène
  • Délia

    Alors je dois avoir une chance de cocue (chéri?) mais mes photos m’apportent beaucoup de trafic et sont bien placées dans les référencement, pourtant je ne les renomme pas avec des tirets!
    Maintenant que je sais j’y penserai, si ça peut apporter encore quelques gourmands à se perde chez moi … :)
    Merci encore une fois pour cet article très clair et concis, pratique pour comprendre rapidement le principe .. et éventuellement aller creuser!
    Bisous!

    Répondre à Délia
    • Marlène

      Le référencement passe par plein de choses, on ne suit pas forcément toutes les recommandations et parfois, selon la concurrence, selon le sujet, n’en suivre que certaines suffit.

      Répondre à Marlène
  • Letizia

    C’est aussi une habitude que j’ai pris de renommer mes photos mais je ne savais pas qu’il valait mieux privilégier le tiret que le underscore… Moi qui suis une fan, il va falloir que je change cette vilaine habitude. J’ai aussi remarqué que un grand nombres de clics provenaient des images alors ça vaut la peine de prendre quelques minutes, je ne peux que confirmer :)
    Merci pour les quelques lignes de code, je vais m’empresser de mettre ça sur mon site, c’est vrai que c’est un peu désagréable de devoir à chaque fois le modifier.

    Répondre à Letizia
    • Marlène

      Oui je trouve aussi, j’étais contente la première fois que j’ai entendu parler de ce bout de code :)

      Répondre à Marlène
  • Mathilde - Voyager en photos

    Merci pour ces conseils précieux !

    Je fais un peu attention à mon texte alternatif car j’avais déjà lu l’importance de ce champ, par compte j’ai totalement délaissé le nom des mes photos qui sont toujours en monde IMG9521.jpg, bref je changerais ça pour mes prochains articles du coup… car c’est vrai qu’une assez grosse proportion de mon trafic vient de la recherche Google Images !

    je vais essayer de regarder ton dernier conseil, mais dès qu’il y a des lignes de codes toute suite ça ce complique pour moi :) !!

    Répondre à Mathilde
    • Marlène

      Ça n’a rien d’obligatoire en même temps, c’est juste une astuce pour éviter d’avoir à y penser à chaque fois qu’on uploade une image :) C’est déjà bien de penser au texte alternatif.

      Répondre à Marlène
  • Cécilia Autour de Cia

    En fait je renomme toutes mes images d’articles pour mieux m’organiser dans mes fichiers. Si ce sont des photos pour mon blog, je rajoute le nom de blog, même des mot clefs comme makeup halloween ou tutoriel beauté. Eteen bonne scientifique, j’utilise le tiret du bas, et en fin je mets un numéro.
    J’ai près de 25 % de mon traffic google, qui vient des images. C’est super important pour mon blog. En fait, je nommais les images pour mieux m’organiser mais ça m’a apporter beaucoup en référencement. Du coup je continue ma technique, j’ai même un article en brouillon sur ma gestion des images pour mon blog :)
    Bises

    Répondre à Cécilia
    • Marlène

      25% ! C’est énorme mais en même temps, tu proposes pas mal de photos à chaque fois donc ça ne m’étonne pas tant que ça. Tu fais un super boulot en tout cas, c’est un bon exemple de la liberté et du niveau de qualité qu’on peut avoir avec Blogger/Blogspot quand on prend le temps de le personnaliser et de le « travailler » comme il faut.

      Répondre à Marlène
  • Sarah, Les Jolis Mondes

    Merci pour tous ces conseils ! Je fais très souvent attention au titre des images mais ça prend du temps de renommer tous les fichiers… Par contre c’est sûr que ça fonctionne pas mal pour le référencement, j’ai un nombre assez important de personnes qui arrivent sur mon blog via une recherche Google images. En ce qui concerne la taille des photos, j’ai encore du mal à l’optimiser, je tourne plus souvent autour de 250-400 ko… A travailler ! ;)

    Répondre à Sarah,
  • lemondedejustine

    C’est une habitude que j’ai pris , mais parfois j’oublie accent etc, je fais un peu à l’arrache , faut que je soigne ça. Je ne commente jamais ton blog mais je souhaite te remercier ! J’ai migré sur Wp et même au quotidien, quand je veux apprendre un truc, avoir une réponse, tu as toujours des explications très claires et c’est rare alors merci.

    Bonne soirée

    Répondre à lemondedejustine
    • Marlène

      Merci Justine ! C’est déjà bien d’avoir pris cette habitude.

      Répondre à Marlène
  • Miss Blemish

    Merci pour cet article super clair ! Je ne connaissais pas la dernière astuce je vais tout de suite faire la modification sur mon blog :)
    À bientôt !

    Répondre à Miss


Si vous aimez les articles du site, n'hésitez pas à faire vos achats sur Amazon.fr via ce lien ; il me permettra de toucher une commission grâce au programme Partenaires Amazon EU.