⚠️ Les images, du bon usage


Le bon contenu

Les images dynamisent les pages et sont devenues des vecteurs de contenus à part entière. Le multimédia fixe et aujourd’hui animé, est un enjeu majeur qu’il faut savoir gérer correctement, tant par ce qu’il représente que par son intégration sur un site.

La bonne taille

Afin de ne pas alourdir le chargement de page, il est important d’utiliser les bonnes tailles :

  • 72 ou 150 dpi
  • 2000 px de large maximum

Trop grande, elle alourdit le chargement, trop petite ou de mauvaise qualité, elle n’apportera rien au contenu, si ce n’est un manque de structure et de rigueur graphique.

Les bonnes balises

Pour optimiser le référencement, il est fortement recommandé de bien remplir les balises :

  • Title : titre de la photo – sans accent ni caractères spéciaux et encore mieux : sans espace 😉
  • Alt / texte alternatif : Si l’image ne s’affiche pas, le moteur de recherche comprendra le contenu. C’est aussi les mots clés SEO.
  • Description : pour la lecture d’accessibilité pour les mal-voyants notamment
  • Légende / caption : utile pour le visiteur ou pour y intégrer les @crédits photos.

Des sites de banques d’images libres de droit

Les photos :

Les pictos :
Noun Project & Freepik (section vecteurs)

Les vidéos :

Pexels Vidéos

Continuer la lecture ....

🕶 Quelques bases en html

Comprendre les balises de base pour éviter certains problèmes à la rédaction. Comment insérer du texte en copier-coller Toujours copier-coller en mode texte (pour éviter de générer des balises...