Les sites d’élevage canin utilisent beaucoup de photos. C’est normal : les familles veulent voir le cadre, les parents, les chiots et les preuves. Le problème apparaît quand les images ralentissent les pages importantes, déplacent le contenu au chargement ou rendent le premier écran difficile à lire sur mobile.
Les Core Web Vitals ne remplacent pas l’architecture SEO. Ils protègent l’expérience sur les pages qui doivent se positionner : accueil, pages race, portées actives, disponibilités, contact et preuves.
Les trois signaux à surveiller
| Signal | Ce qu’il mesure | Problème fréquent sur un site d’élevage |
|---|---|---|
| LCP | affichage du contenu principal | photo hero trop lourde ou mal priorisée |
| CLS | stabilité visuelle | images, cards ou embeds sans dimensions |
| INP | réactivité aux interactions | galerie, menu, formulaire ou widget lourd |
Le but n’est pas d’optimiser un score abstrait. Le but est que la famille lise vite le H1, comprenne la race ou la portée, voie les preuves et puisse avancer sans attendre une galerie.
Prioriser les pages critiques
Toutes les pages ne méritent pas le même niveau d’effort immédiat. Commencez par les pages qui ont un rôle SEO ou conversion.
| Page | Pourquoi elle est prioritaire | Risque fréquent |
|---|---|---|
| Accueil | oriente vers piliers et contact | hero lourd, animation inutile |
| Page race | porte l’intention durable | galerie adulte trop lourde |
| Page portée active | intention de disponibilité | trop de photos au-dessus du contenu |
| Page chiots disponibles | synthèse des statuts | blocs qui bougent au chargement |
| Contact | conversion | formulaire lent ou instable |
| Preuves | confiance | photos sans dimensions |
Une galerie ancienne reçoit une priorité plus faible qu’une page race qui capte des impressions. La performance doit être reliée à la lecture Search Console d’un élevage pour éviter de traiter les mauvaises pages en premier.
Optimiser les images sans perdre la preuve
Les photos ne doivent pas être supprimées. Elles doivent être maîtrisées. Une photo d’adulte, de cadre ou de portée peut être une preuve forte. Elle doit simplement être servie correctement.
| Action | Comment faire | Effet attendu |
|---|---|---|
| Définir dimensions ou ratio | width/height, aspect-ratio, conteneur stable | réduire les déplacements |
| Compresser | format moderne, poids adapté, qualité suffisante | améliorer l’affichage |
| Prioriser le hero | image critique optimisée, pas de carrousel lourd | meilleur premier écran |
| Lazy loading | images hors premier écran chargées plus tard | réduire la charge initiale |
| Garder le texte en HTML | ne pas mettre H1 ou preuves dans l’image | lisibilité et SEO |
| Sélectionner | 3 photos utiles avant galerie complète | éviter la surcharge |
Le texte dans une image n’aide pas le SEO et peut devenir illisible sur mobile. Si une photo doit expliquer une preuve, ajoutez une légende ou un paragraphe autour.
Le cas du hero
Une grande image de premier écran peut être utile si elle prouve quelque chose : adulte reproducteur, cadre réel, situation de travail, portée active. Elle devient un problème si elle retarde l’affichage du H1 ou si elle occupe tout l’écran sans information.
Correction :
- Garder le H1, l’introduction et le CTA accessibles rapidement.
- Utiliser une image aux dimensions stables.
- Éviter le carrousel en premier écran.
- Ne pas charger une vidéo automatique lourde.
- Tester mobile avant desktop, car les familles consultent souvent depuis téléphone.
Un hero spectaculaire mais lent affaiblit une page race. Un hero sobre, stable et prouvé sert mieux la décision.
Galeries et portées
Les pages portées contiennent souvent beaucoup de photos. La bonne pratique consiste à afficher une sélection claire, puis à charger le reste plus bas.
| Bloc | Recommandation |
|---|---|
| première vue | 1 à 3 photos utiles avec statut visible |
| parents | images optimisées et légendées |
| chiots | galerie légère plus bas dans la page |
| preuves | photos contextualisées, pas décoratives |
| archive | réduire les galeries faibles, garder les preuves |
Si une page portée active contient vingt photos avant les parents, le calendrier et les conditions, elle répond mal à l’intention. Les familles veulent voir, mais aussi comprendre.
Le cycle des portées est détaillé dans la gestion SEO des pages portées.
INP : formulaires, menus et widgets
Un site peut sembler rapide mais réagir mal quand la famille ouvre un menu, clique une galerie ou remplit un formulaire. Pour un élevage, les zones sensibles sont le menu mobile, les filtres éventuels, les galeries, les embeds sociaux et le formulaire de contact.
À contrôler :
- un menu mobile qui répond immédiatement ;
- un formulaire stable, sans scripts inutiles ;
- aucune galerie obligatoire pour lire les informations ;
- widgets externes limités aux pages où ils sont vraiment utiles ;
- boutons et CTA utilisables sur mobile.
Si un widget social ralentit la page race, il vaut mieux afficher un lien sobre vers le réseau et garder les preuves sur le site.
Erreurs techniques fréquentes
- Photos originales envoyées sans compression.
- Images sans dimensions qui provoquent du CLS.
- Carrousel obligatoire pour voir l’information principale.
- Widget externe qui bloque le rendu.
- Vidéo automatique lourde en haut de page.
- Police ou script chargé pour un effet décoratif.
- Formulaire qui décale la page au chargement.
- Galerie de portées qui charge toutes les photos d’un coup.
Checklist de contrôle
- Le H1 est visible sans attendre la galerie.
- L’image principale est optimisée et stable.
- Les photos hors premier écran sont chargées plus tard.
- Les cards et images ont des dimensions prévisibles.
- Le menu mobile et le formulaire réagissent correctement.
- Les pages race et portées sont testées séparément.
- Les images de preuve ont un texte autour.
- Les scripts externes sont justifiés page par page.
La performance devient prioritaire quand elle bloque les pages qui reçoivent déjà des impressions. Pour arbitrer, intégrez-la dans un audit SEO complet plutôt que de l’isoler du contenu et du maillage.
Pour replacer la performance dans l’ensemble du site, vérifiez si les pages lentes appartiennent à l’architecture SEO des pages race et portées, puis contrôlez les balises avec les titles SEO des pages race et portées. Si le problème touche surtout les images de preuves, relisez les preuves de confiance d’un élevage canin.