Optimiser les images et le texte alternatif en papeterie : un levier SEO ignoré

Vous vendez du papier à lettre, des agendas personnalisés, des cartes de visite : votre site papeterie repose sur des images. Or, 80 % des sites e-commerce de papeterie ne remplissent pas le texte alternatif (alt text), et servent des photos en JPG lourd sans compression. Résultat : pages lentes, SEO faible, accessibilité inexistante.

Ce guide vous montre comment optimiser vos images sans perte visuelle, et comment le texte alt devient un vrai levier de trafic organique — pas une case à cocher.

Pourquoi l’image compte en papeterie (au-delà du visuel)

En papeterie, l’image n’est pas cosmétique. Elle prouve la qualité du grammage, la finition, la couleur réelle. C’est pourquoi vous ne pouvez pas supprimer les photos.

Mais voilà : Google évalue aussi votre site sur trois dimensions liées à l’image :

Vitesse de chargement — une image de 3 Mo ralentit la page, Google pénalise, vos visiteurs partent.
Texte alternatif — Google le lit pour comprendre le sujet de la page et indexer l’image elle-même.
Accessibilité — les lecteurs d’écran lisent le alt text ; utilisateurs mal-voyants, moteurs de recherche, algorithmes : tous en dépendent.

En résumé : une image bien optimisée = page plus rapide + meilleur classement + audience plus large.

La compression sans perte : votre première action

Avant de toucher au code, réduisez le poids des fichiers. Un paquet de 500 feuilles A4 photographié en 4000×3000 px et 2,8 Mo ? Inacceptable.

Les formats et leurs poids

Format	Poids type (pour une photo papeterie)	Qualité	Navigateurs
JPG	200–400 Ko	Bonne (sauf très haute résolution)	Tous
PNG	300–800 Ko	Excellente	Tous
WebP	100–250 Ko	Excellente	Chrome, Edge, Firefox (96+), Safari (16+)
AVIF	80–200 Ko	Excellente	Chrome, Edge, Firefox (113+)

Conseil concret : exportez vos photos produits en WebP (si votre site l’accepte, en fallback JPG). Vous gagnerez 40–50 % de poids sans différence visuelle.

Outils gratuits et rapides :

TinyPNG (tinypng.com) — upload, téléchargement instant, perte minimale.
ImageMagick (en ligne de commande) — batch processing pour 200+ fichiers.
Squoosh (squoosh.app) — convertisseur temps réel, prévisualisez avant/après.

Dimensionner correctement : pas de photo 4000×3000 px

Votre site affiche les produits papeterie à 400×300 px max ? N’uploadez pas une photo de 4000×3000 px. Le navigateur redimensionnera et perdra du temps.

Règle simple : dimensionnez l’image à 2× la résolution affichée.

Si la photo s’affiche en 400×300 px → fournissez une image 800×600 px (ou 1200×900 px pour écrans Retina).
Créez des versions responsive (240px, 600px, 900px) pour mobile/tablette/desktop.

Bénéfice : moins de poids, chargement plus rapide, Google Content Largest Paintful (LCP) réduire.

Le texte alternatif : bien plus qu’un attribut HTML

Le alt est ce qui s’affiche quand l’image ne se charge pas, mais surtout, c’est ce que Google lit pour indexer et comprendre le contexte.

Mauvais alt text (c’est ce qu’on voit partout)

<img alt="papier" src="..."> ← trop vague.

<img alt="image1234" src="..."> ← nom de fichier, inutile.

<img alt="" src="..."> ← oublié.

Bon alt text

<img alt="Papier à lettres 90 g blanc cassé avec filigrane personnalisé" src="...">

Pourquoi c’est mieux :

Décrit le produit réel (type, grammage, couleur, finition).
Contient des mots-clés (papier, grammage, blanc cassé) que les utilisateurs cherchent.
Aide Google à faire le lien entre l’image et le sujet de la page.
Lisible par lecteur d’écran : l’utilisateur mal-voyant comprend ce qu’il voit.

Règles d’or pour le alt text papeterie

Soyez précis : type de produit + caractéristique (format, couleur, finition, grammage).
Pas trop long : 120 caractères max (les lecteurs d’écran coupent après).
Pas de répétition : si le titre du produit dit déjà « Agenda A4 spiralé bleu », le alt peut être « Détail des pages intérieures avec lignes pointillées ».
Pas de « image de » ou « photo de » — c’est déjà une image.
Cherchez l’intentionnalité : quelle info l’utilisateur cherche-t-il ? Si la photo montre la texture, mentionnez-la.

Exemple pour un carnet :

Image 1 (vue générale) : « Carnet A5 couverture lin gris, pages blanches 120 g »
Image 2 (détail intérieur) : « Pages intérieures du carnet avec marquage des marges et reliure dos carré collé »
Image 3 (avec style de vie) : « Carnet ouvert posé sur un bureau avec stylo et feuilles de papier blanc »

L’attribut title vs alt : ne les confondez pas

L’attribut title (le tooltip) n’est pas l’alt. Google ne l’indexe pas. Mais il améliore l’UX sur desktop.

<img 
  alt="Papier à lettres 90 g blanc cassé avec filigrane personnalisé"
  title="Voir les détails du filigrane en zoomant"
  src="..."
>

Conseil : utilisez le title pour l’UX (invitez à zoomer, à consulter les tailles), le alt pour l’SEO et l’accessibilité.

Les métadonnées EXIF et le nom de fichier

Le nom du fichier compte aussi, mais moins que le alt text. Préférez papier-lettre-90g-blanc.webp à IMG_2024_001.webp.

Pour les EXIF (métadonnées embarquées dans l’image) : Google ne les lit pas systématiquement, donc ne perdez pas du temps. Focus sur alt + compression.

Lazy loading : charger les images au bon moment

Si votre catalogue papeterie affiche 50 produits par page, charger toutes les images d’un coup ralentit le page. La solution : lazy loading.

<img 
  loading="lazy" 
  alt="Papier à lettres 90 g blanc cassé"
  src="..."
>

L’image ne se charge que quand elle entre dans le viewport (écran visible). Google supporte ce standard depuis 2019.

Impact : LCP (Largest Contentful Paint) amélioré, crawl budget préservé, vitesse perçue meilleure.

Responsive images : srcset et sizes

Pour que les smartphones reçoivent une image légère et les écrans 4K une version haute res :

<img 
  srcset="
    papier-240w.webp 240w,
    papier-600w.webp 600w,
    papier-1200w.webp 1200w
  "
  sizes="(max-width: 600px) 100vw, (max-width: 1200px) 50vw, 600px"
  alt="Papier à lettres 90 g blanc cassé"
  src="papier-600w.webp"
>

Le navigateur choisit automatiquement la meilleure version. Moins de poids mobile, expérience optimale partout.

Évaluer votre optimisation : les outils

Google PageSpeed Insights (pagespeed.web.dev)

Entrez votre URL papeterie. Vous verrez :

Images non optimisées (poids excessif).
Formats modernes non utilisés (WebP, AVIF).
LCP et CLS impactés par les images.

Lighthouse (dans Chrome DevTools)

F12 → Lighthouse → Generate report. Détail des images à optimiser, scores d’accessibilité (inclut le alt text).

Outils SEO généralistes

Screaming Frog, Semrush Site Audit détectent automatiquement les alt texts manquants sur votre site papeterie.

Cas concret : site papeterie avec 300 produits

Vous avez 300 références (cahiers, papiers, carnets, enveloppes). Chaque produit = 3 images en moyenne = 900 images.

Avant optimisation :

JPG 1,5 Mo chacune (pas de compression).
Pas de alt text (ou générique « produit »).
Chargement complet à chaque page → LCP 4.5 s.

Après optimisation :

WebP 250 Ko chacune (compression + format).
Alt text unique par image (type, grammage, couleur, finition).
Lazy loading + responsive images.
LCP 1.8 s.

Résultats attendus :

Vitesse page multiplié par 2.
Meilleur classement Core Web Vitals.
Images indexables dans Google Images (nouveau trafic).
Meilleure accessibilité (score WCAG+).

Audit rapide de votre papeterie

Utilisez cette checklist :

☐ Les images produits sont-elles en WebP ou AVIF (avec fallback JPG) ?
☐ Les images sont-elles compressées (<300 Ko pour une fiche produit) ?
☐ Chaque image a-t-elle un alt text unique et descriptif ?
☐ Le loading="lazy" est appliqué aux images non critiques ?
☐ Utilisez-vous srcset pour les images responsive ?
☐ Les noms de fichiers sont-ells explicites (pas IMG_001) ?
☐ PageSpeed Insights donne-t-il un score > 75 ?

Si vous avez 3+ ☐ non cochées, l’optimisation image apportera un boost SEO mesurable.

FAQ sur l’optimisation image papeterie

L’alt text peut-il être bourré de mots-clés ?

Non. Un alt text comme « papier papier blanc papier A4 papier 90 g papier grammage » est du spam. Google le pénalise, et c’est mauvais pour l’accessibilité.

Rédigez pour un utilisateur mal-voyant, pas pour Google. Google appréciera l’honnêteté.

Optimiser images et texte alternatif papeterie | SEO