Tu as refait ton portfolio il y a quelques mois. Le design est propre, les photos sont sélectionnées avec soin, l'identité visuelle tient la route. Tu colles l'URL dans PageSpeed Insights sur pagespeed.web.dev, et tu vois s'afficher : score mobile 34/100, LCP à 4,8 secondes, CLS à 0,28. La page est belle. Pour Google, elle est défaillante. Tes photos sont objectivement bonnes — ce n'est pas la qualité qui plombe ton classement.
Le problème, c'est que Google ne note pas l'esthétique. Il note la performance technique : combien de millisecondes pour afficher la première image, combien la mise en page bouge pendant le chargement, combien de temps avant que tu puisses interagir. Si tes métriques sont mauvaises, ton portfolio est rétrogradé sur les requêtes locales — peu importe que tes photos soient meilleures que celles du concurrent qui te passe devant. Cet article couvre les 5 raisons techniques qui plombent un portfolio photo, dans l'ordre d'impact réel : Core Web Vitals, images lourdes, alt-texts manquants, images non redimensionnées, et plan d'action concret en 1 heure pour passer de 34 à 75+. Aucun conseil sur le SEO local, Google My Business ou la rédaction de texte — ces sujets sont déjà traités partout. Ici, c'est exclusivement la performance technique des images.
Core Web Vitals — comment Google juge ton site photo
Depuis 2021, Google utilise les Core Web Vitals comme signal de classement officiel. Trois métriques, trois seuils, trois symptômes visibles que tu peux reconnaître sans ouvrir le code de ton site :
- LCP — Largest Contentful Paint : le temps que met l'image principale à apparaître quand on charge ta page. Sur un portfolio, c'est presque toujours le hero image en haut. Cible Google : sous 2,5 secondes. Au-dessus de 4 secondes, le visiteur a déjà repris son scroll vers un autre onglet.
- CLS — Cumulative Layout Shift : la stabilité de la mise en page pendant le chargement. Le symptôme : ta page saute. Le visiteur s'apprête à cliquer sur un bouton, l'image arrive, le bouton descend de 200 pixels, le clic atterrit ailleurs. Cible : sous 0,1.
- INP — Interaction to Next Paint : le délai entre un clic / tap et la réponse visuelle. Le symptôme : tu cliques sur un bouton et il ne se passe rien pendant une demi-seconde. Cible : sous 200 ms.
Comment mesurer en 30 secondes : ouvrir pagespeed.web.dev, coller l'URL de ta page portfolio, lancer l'analyse. PageSpeed Insights est gratuit, sans inscription, sans installation — uniquement le navigateur. Le rapport remonte le score mobile + desktop, les 3 Core Web Vitals chiffrées, et les éléments responsables — typiquement une ligne « LCP image: largest-contentful-paint-element » avec le nom du fichier coupable. C'est la mesure que Google utilise réellement pour ton classement.
Images trop lourdes — le facteur numéro 1 qui plombe ton LCP
Le scénario classique sur un portfolio photographe : tu exportes ton hero image depuis Lightroom en JPEG qualité 100, full-resolution, 3,2 Mo. Tu l'uploades sur ton site. Le visiteur arrive depuis Google sur 4G dans le métro. Le navigateur télécharge 3,2 Mo. LCP : 4,8 secondes. Score Google : rouge.
Le calcul est mécanique : sur une connexion 4G moyenne (~5 Mbps en download réel), 3,2 Mo prennent environ 5 secondes à charger. Aucune optimisation côté serveur ne peut compenser un fichier image trop gros.
Le format WebP réduit le poids de 25 à 35 % vs JPEG à qualité visuelle identique — c'est le levier le plus puissant et le plus rapide à activer. Cas concret reproductible :
- Hero portfolio mariage, 1920×1280, JPEG q90 = 3,2 Mo
- Même image, WebP q82 = 1,1 Mo
- LCP simulé sur connexion 4G : 4,2 s → 1,8 s
Tu passes de la zone rouge à la zone verte sur le simple changement de format, sans toucher ni au design ni au code. Pour traiter une galerie complète, le convertisseur WebP de Photo Toolbox tourne dans le navigateur, en batch sur 80 ou 200 fichiers, avec qualité réglable. Tes images ne sont pas uploadées sur un serveur — tu peux couper internet après le chargement de la page, le batch tourne quand même.
Bonus connexe : si tu publies des images de dimensions trop grandes par rapport à leur conteneur d'affichage (typiquement une image 4000 px dans un bloc qui en fait 800 visuellement), tu télécharges 4× plus de pixels que nécessaire. Le redimensionneur batch règle ça en une opération avec des presets calibrés (1600 px, 1200 px, 800 px).
Alt-texts absents — tes photos n'existent pas pour Google Images
Google Images est un canal d'acquisition direct pour les photographes. Le prospect qui cherche un photographe corporate ou mariage regarde les images avant de cliquer sur un site — il évalue le style visuel avant le texte. Si tes photos n'apparaissent pas dans Google Images, tu rates la moitié du trafic potentiel sur tes requêtes cibles.
Pour qu'une image apparaisse dans Google Images, elle a besoin d'un alt-text descriptif. Sans alt-text, ou avec un alt-text vide, Google considère que l'image n'a pas de contenu indexable. Elle n'apparaît dans aucune recherche. Tes plus belles photos sont littéralement invisibles côté SEO Image.
La formule qui fonctionne pour un portfolio professionnel tient en trois blocs :
[sujet principal] + [contexte ou action] + [lieu ou spécialité], le tout en 80 à 125 caractères maximum (au-dessus, les lecteurs d'écran tronquent et Google considère que c'est du keyword stuffing).
Exemples calibrés :
- « Portrait professionnel directrice marketing entreprise Lyon, fond épuré studio » (87 caractères)
- « Couple de mariés échangeant leurs vœux dans un château en Provence » (71 caractères, à enrichir)
Le problème pratique : tu sais que tu devrais faire les alt-texts. Tu sais aussi pourquoi tu ne les fais pas — c'est long. Sur une galerie de 80 à 200 photos, écrire un alt-text unique par image prend 15 à 20 secondes par fichier, soit 50 à 65 minutes par galerie. Sur 4 galeries en ligne (mariage / corporate / famille / archives), tu cumules 4 heures de saisie pure que personne ne fait jamais. La couverture alt-text est un trou systématique sur les portfolios audités, indépendamment de la qualité photo.
Le générateur d'alt-text IA traite une galerie complète en 4 à 5 minutes : il analyse chaque image, produit un alt-text sous 125 caractères, suggère un nom de fichier en kebab-case, et génère une description longue pour les champs caption. Pour aller plus loin sur les bonnes pratiques alt-text spécifiquement, vois le guide dédié.
Images non redimensionnées — la source du CLS sur mobile
Le CLS (Cumulative Layout Shift) est la métrique la plus mal comprise des trois. Elle pénalise les pages où la mise en page bouge pendant le chargement. Le scénario typique sur un portfolio :
- Le visiteur arrive sur
/mariagedepuis son mobile. - Le HTML s'affiche en premier — texte, en-tête, structure.
- Les images arrivent après, avec un retard de quelques centaines de millisecondes.
- Comme aucune dimension n'est réservée pour elles, la page saute à chaque image qui apparaît.
- Le visiteur clique sur un lien au moment où la page bouge, atterrit sur la mauvaise destination, repart frustré.
Le CLS de la page peut grimper à 0,4 ou 0,5 sur un portfolio mal codé — bien au-dessus du seuil rouge de 0,25.
Le fix dépend de ta plateforme
Bonne nouvelle : tu n'as quasiment rien à coder toi-même. Le fix consiste à s'assurer que ton thème ou ta plateforme insère bien les dimensions d'image dans le HTML de chaque page. C'est devenu standard depuis 2020.
| Plateforme | Statut | Action |
|---|---|---|
| WordPress (thèmes ≥ WP 5.5, août 2020) | Géré automatiquement | Vérifier sur PageSpeed que le CLS est < 0,1 ; si non, mettre à jour le thème ou changer pour un thème récent |
| Squarespace | Géré nativement | Aucune action |
| Wix | Géré nativement | Aucune action |
| Pixieset | Géré nativement | Aucune action |
| Site custom (dev externe) | À transmettre | Demander à ton développeur d'ajouter width et height sur chaque balise <img> du site |
Comment vérifier en 60 secondes : recharger ta page portfolio sur mobile (ou avec Chrome → mode mobile via Cmd+Shift+M / Ctrl+Shift+M) en coupant la 4G en ralenti (DevTools → Network → throttling « Slow 3G »). Observer si la page saute quand les images arrivent. Si oui, ton thème ne génère pas les dimensions — c'est le sujet à raconter à ton développeur ou au support de ta plateforme.
Plan d'action 1h pour améliorer ton score PageSpeed
Pour optimiser ton portfolio photographe pour Google sans dev externe ni budget, le plan tient en 4 étapes et 1 heure. Objectif : passer de 34/100 à 75+/100 sur la page portfolio principale.
Étape 1 — 10 minutes — Audit PageSpeed Insights. Ouvrir pagespeed.web.dev, coller l'URL de ta page portfolio principale (la plus visitée selon Google Analytics ou Search Console). Lancer le test. Noter :
- Le score mobile actuel
- Le LCP, CLS, INP chiffrés
- Le nom du fichier image identifié comme « LCP element »
- Les 3 premières recommandations en haut de la liste « Opportunities »
Étape 2 — 25 minutes — Conversion WebP en batch. Lister toutes les images au-dessus de 500 Ko affichées sur ta page (via la médiathèque de ton CMS, tri par taille). Les passer en batch dans le convertisseur WebP en qualité 80-85. Re-uploader les versions WebP à la place des JPEG. Sur WordPress : la médiathèque accepte le WebP nativement depuis WP 5.8 (2021). Sur Squarespace, Wix, Pixieset : import direct du .webp accepté.
Étape 3 — 20 minutes — Génération des alt-texts manquants. Ouvrir ta médiathèque CMS, trier par date d'upload, prendre les 50-100 dernières images de tes pages portfolio principales. Pour gagner du temps : passer toute la galerie dans le générateur d'alt-text IA en une fois (batch). Récupérer le CSV en sortie. Coller les alt-texts dans les champs « Texte alternatif » du CMS, image par image, en suivant le tri du CSV. Sur Pixieset, renomme directement les fichiers en kebab-case avant import (l'alt-text se génère depuis le nom de fichier).
Étape 4 — 5 minutes — Vérification mobile + CLS. Recharger ta page sur mobile (téléphone réel ou mode mobile Chrome). Observer si la page saute pendant le chargement. Si oui : ton thème ne réserve pas les dimensions des images (cf. H2 précédent) — à régler avec ton dev ou en mettant à jour le thème.
Re-tester PageSpeed Insights après les 4 étapes. Le gain typique se mesure en dizaines de points, pas en unités. Sur les portfolios que j'audite, passer de la zone rouge à la zone orange/verte est l'issue normale du plan ci-dessus. Le LCP descend sous 2,5 s, le CLS passe sous 0,1.
Le plan est gratuit, le passage Pro est là si tu enchaînes
Les 3 outils du plan (convertisseur WebP, redimensionneur, alt-text IA) tournent en gratuit jusqu'à 10 ops/jour par outil. Pour traiter une page portfolio entière en une session sans casser la limite, le Pro Photo Toolbox à 4,99 €/mois lève le plafond sur l'ensemble des outils. Il se rentabilise dès la première galerie de 200 fichiers où tu économises 50 minutes de saisie ailleurs dans ton workflow. Le freemium suffit largement si tu fais ce travail une ou deux fois par an ; le Pro a du sens si tu mets à jour ton portfolio en flux régulier.