Les photos sous-marines sont le principal atout de la plupart des centres de plongée, davantage que leurs textes, leurs prix ou leur logo. Une bonne photo d'une raie manta ou d'un nudibranche convainc plus que n'importe quel paragraphe.
Pourtant, presque toutes ces photos sont invisibles pour Google. Elles s'appellent DSC0045.jpg, n'ont aucune description et pèsent cinq mégaoctets chacune, car elles passent directement de l'appareil au site Web. Une page de galerie contenant quarante photos de ce type met très longtemps à se charger sur une connexion 3G, celle qu'utilisent de nombreux voyageurs lorsqu'ils recherchent votre entreprise.
Une photo de raie manta n'a aucune valeur pour Google si elle s'appelle DSC0045.jpg. La correction est surtout méthodique, et peu coûteuse.
Pourquoi nommer les fichiers d'images avec des mots plutôt que DSC0045?
C'est la correction la plus simple de tout le référencement, et presque tout le monde la néglige.
Avant de téléverser une photo, renommez-la avec quelques mots simples qui décrivent son contenu, séparés par des traits d'union : raie-manta-station-nettoyage-nusa-penida.jpg, cours-open-water-seance-piscine.jpg, bungalow-plage-lever-soleil.jpg.
Selon Google, les noms de fichiers lui fournissent un léger indice sur le contenu d'une image. L'effet est modeste, mais l'opération est gratuite, prend dix secondes et vous aidera aussi à retrouver vos propres photos dans un an.
Évitez de surcharger le nom. meilleure-plongee-bali-cours-plongee-pas-cher-bali-manta.jpg n'aide personne et ressemble à du pourriel. Décrivez simplement la photo.
Comment rédiger le texte alternatif?
Pour une personne qui ne voit pas la photo. Le texte alternatif est la courte description intégrée au code HTML d'une image. La plupart des gens le considèrent comme un outil de référencement et le remplissent de mots-clés : « Plongée Bali centre de plongée Bali meilleure plongée Bali. »
Cette approche est erronée. Le texte alternatif existe pour les personnes qui ne peuvent pas voir l'image : une personne qui utilise un lecteur d'écran, ou dont la connexion est si lente que l'image ne s'est jamais chargée. Pour elles, les mots remplacent l'image.
Rédigez-le donc à leur intention. Comment décririez-vous la photo à voix haute à une personne au téléphone?
- À éviter : « plongée »
- À éviter : « plongée Bali meilleur centre de plongée Bali manta »
- À privilégier : « Une raie manta qui plane au-dessus d'une station de nettoyage, observée par deux plongeurs sur le récif en dessous »
Ce qui aide un lecteur aveugle aide aussi Google, qui cherche également à comprendre le contenu de l'image. Il n'est donc pas nécessaire de choisir.
Quelques précisions. Les images purement décoratives, comme une texture de fond ou une ligne de séparation, peuvent avoir un texte alternatif vide pour que les lecteurs d'écran les ignorent. Évitez de commencer par « image de » ou « photo de », car le lecteur d'écran annonce déjà qu'il s'agit d'une image. Si l'image est un lien, décrivez la destination du lien.
Quel rôle jouent les légendes et le texte autour de la photo?
Google ne lit pas seulement le texte alternatif. Il tient compte de la légende, de l'intertitre au-dessus et du paragraphe voisin. Une photo de tortue sur une page consacrée aux rencontres avec les tortues, accompagnée d'une légende qui précise le lieu et le moment, est beaucoup plus facile à interpréter que la même photo isolée dans une galerie. Placez vos meilleures photos là où se trouve déjà le texte.
Pourquoi compresser toutes les images avant de les téléverser?
Le problème s'accentue cette année. Apple a doté le nouvel iPad d'un écran Retina en mars, puis un MacBook Pro en juin, et les designers souhaitent désormais des images deux fois plus grandes pour qu'elles soient nettes sur ces écrans. Pendant ce temps, la moitié de vos visiteurs consultent votre site sur un téléphone, avec deux barres de signal.
Google utilise la vitesse des sites comme signal de classement secondaire depuis 2010. Son poids est limité, mais une page lente perd des visiteurs avant même que Google n'intervienne, et sur un site riche en photos, ce sont presque toujours les images qui ralentissent la page.
Voici les mesures à prendre :
- Redimensionnez avant de téléverser. Aucune page Web ne nécessite une image de 4000 pixels de large. Une largeur de 1200 à 1600 pixels sur le côté le plus long suffit pour une grande photo sur la plupart des écrans, et l'image principale d'en-tête peut être plus grande si vous la voulez nette sur un écran Retina.
- Compressez. Une bonne photo devrait peser quelques centaines de kilo-octets, et non plusieurs mégaoctets. La fonction « Enregistrer pour le Web » de Photoshop le permet, et des outils gratuits comme Smush.it de Yahoo réduisent encore le poids. Une extension WordPress existe aussi pour Smush.it.
- Chargez les images situées plus bas dans la page uniquement lorsque le visiteur les atteint. Des scripts de chargement différé et des extensions WordPress offrent cette fonction, très utile pour les longues galeries.
- Surveillez le format WebP, annoncé par Google en 2010. Seuls Chrome et Opera le prennent réellement en charge pour l'instant; le JPEG demeure donc le choix courant. Ce format mérite toutefois d'être suivi.
Servir une image plus petite aux téléphones et une plus grande aux grands écrans est un problème qui n'a pas encore de solution satisfaisante. Les fabricants de navigateurs et les développeurs Web débattent actuellement de la méthode à adopter, entre un élément picture proposé d'un côté et un attribut srcset de l'autre. D'ici à ce qu'une norme s'impose, gardez vos images de taille raisonnable et évitez qu'une seule photo très lourde ralentisse toute la page.
Certaines de ces mesures sont simples. D'autres dépendent de la configuration de votre thème et de votre hébergement. Si votre site est lent sans raison apparente, une vérification en référencement technique repère habituellement les images en premier.
Que recommande Google au sujet des images?
Google accorde une place croissante aux images. Il est déjà possible d'effectuer une recherche par image, en déposant une photo dans Google Images pour savoir où elle apparaît ailleurs ou ce qu'elle montre. C'est une bonne raison d'utiliser vos propres photos, et un bon moyen de découvrir qui utilise les vôtres.
Les bases demandées par Google sont simples : utiliser de vraies images originales, les placer près d'un texte pertinent, leur donner de bons noms de fichiers et un bon texte alternatif, et rendre la page rapide. Les consignes de Google pour la publication d'images (en anglais) reprennent essentiellement ces principes, avec plus de détails, et méritent une lecture.
Pourquoi vos propres photos sont-elles préférables aux photos de banque?
Il s'agit ici d'une recommandation fondée sur notre expérience.
Les sites de plongée semblent tous utiliser les mêmes quelques photos de requin-baleine, achetées aux mêmes banques d'images. Le reste du secteur touristique fait de même avec des couples souriants sur une plage. Google sait que ces images figurent sur des centaines de sites, et vos visiteurs le perçoivent aussi.
De vraies photos de votre lieu, de votre nourriture et de vos clients qui ont accepté d'y figurer sont le seul contenu que personne ne peut copier. Une photo un peu floue de votre véritable salle à manger est plus efficace qu'une photo de banque parfaite, parce qu'elle est authentique.
Prenez donc les photos, puis consacrez, à chaque lot, dix minutes à les renommer, à les décrire et à les alléger. Presque personne ne le fait, et c'est en grande partie ce qui rend cette pratique efficace.