Organiser et formater son contenu - les fichiers
Le poids des mots, des images, des sons, des vidéos
À savoir que plus il y a d'informations, plus ça consomme de bande passante et donc d'énergie.
Plus un site est léger, meilleur c'est pour son référencement, toute proportion gardée.
Éviter le texte et les effets sur les images, prévoir l'emplacement du texte et sa couleur de fond si nécessaire.
Formats de fichiers
Formats d'image, extensions : .jpg, .png, .svg, .webp
Des images compressées. Le format le plus courant est le jpeg : extension jpg !
PNG pour la transparence. Le WEBP est un format optimisé pour le web développé sous l'impulsion de google.
SVG est un format vectoriel : léger et affichage optimal, ne convient pas pour les photos.
Voir : /faq/les-extensions-de-fichier-acronymes
Taille & Orientation des images
Selon les contextes. Les dimensions idéales dépendent de leur taille d'affichage sur les écrans.
Plus un écran est petit, moins une grande image ajoute en qualité.
Quelle largeur pour mes images ?
Penser affichage (mobile, tablette, moniteurs) et ratio (21:9, 16:9, 4:3, 1:1, etc)
Homogénéiser les images pour les slideshows et galeries.
Politique de nommage (mots-clefs-minuscules-tirets.extension)
Le nom, en minuscule et sans autres caractères spéciaux, composé de quelques mots séparés par des tirets, doit décrire l'image.
Définir en amont un modèle pour le nom de vos images permet de mieux s'y retrouver et facilitera le référencement.
Exemple de noms de fichiers :
Au lieu d'un nom générique comme p061575_wibsut.jpg, utilisez des noms tels que :
paysage-colline-automne.jpgrecette-salade-fruits.jpgchaton-ronronnant-caisse.jpg
Comment nommer mes images pour le web ?
Formats audio & vidéo
Les formats audio courants sur le web incluent MP3, AAC et Ogg Vorbis, tandis que les formats vidéo populaires comprennent MP4, WebM et Ogg Theora. Ces formats sont pris en charge par la plupart des navigateurs modernes pour une diffusion fluide et efficace.