#1 Trucs et astuces pour ajouter une image à un site web

Une image vaut mille mots. Cela ne pourrait être plus vrai lorsqu'il s'agit du pouvoir des images sur votre site web. La toute première impression que votre public a de votre marque découle de la manière dont vous choisissez de la représenter avec votre outil marketing le plus élémentaire : vos images. Ce blog est conçu pour vous aider à comprendre le rôle que jouent les images dans le succès de votre site Web professionnel.

Où trouver des images ?

Lorsque vous ajoutez une image à un site web, il existe de nombreux endroits où trouver ce dont vous avez besoin. Si vous recherchez des images gratuites, essayez les sites suivants Google Images ou Unsplash. Si vous recherchez quelque chose d'un peu plus unique ou avec un style visuel spécifique, vous pouvez utiliser un site tel que Stocksy ou Pexels.

Si vous avez besoin d'un type spécifique d'image - comme un vecteur, une photo ou une vidéo - vous pouvez essayer un site tel que iStock ou VideoBlocks. Si vous souhaitez créer ou modifier des images et que vous avez quelques compétences en matière de conception ou de codage, vous pouvez essayer un site tel que Canva, Adobe Stockou Shutterstock. Parmi les facteurs les plus importants à prendre en compte lors de la recherche d'images pour votre site web figurent le coût, le style et le format.

Quel est le meilleur format d'image ?

Choisir le bon type d'image pour votre site Web peut être une tâche déroutante. Il existe de nombreux formats différents, chacun ayant ses propres avantages et inconvénients. Si certains sont parfaits pour préserver les détails, d'autres sont plus adaptés à l'utilisation sur le web, ou tout simplement plus compatibles. 

Et puis, si vous cherchez les meilleurs formats d'image pour votre site Kleap, il y a d'autres éléments à prendre en compte :

- Le format

- La taille

- La résolution

Les formats

Les deux formats d'image pour la page d'accueil d'un site Web sont JPEG et PNG. JPEG est le meilleur format pour les images présentant une grande variété de couleurs, comme les photographies. Le format PNG est le meilleur format d'image pour les images sans grande variété, comme les logos ou les infographies.

La taille et la résolution

Lorsque vous choisissez la résolution d'une image, optez toujours pour des dimensions plus grandes. Nous vous recommandons de conserver vos images dans une fourchette de 1500 à 2500 pixels de large, bien que ce ne soit pas une exigence stricte. Il est important de trouver un équilibre entre les images à haute résolution et les fichiers de petite taille. De cette façon, vos images ne ralentiront pas le chargement de votre page. Essayez d'ajuster la résolution de votre image et la taille du fichier en compressant le fichier image. Vous pouvez le faire avec la plupart des programmes d'édition d'images courants.

Chaque fichier JPEG ou PNG doit être inférieur ou égal à 500 Ko et la taille totale de toutes les images de votre site Web par page ne doit pas dépasser 2 Mo. Pour mesurer ces paramètres, vous pouvez soit utiliser des outils tiers en ligne, soit inspecter votre site Web à l'aide des outils de développement intégrés aux navigateurs Web tels que Chrome, Firefox ou Safari. Des outils permettant de mesurer ces éléments sont disponibles dans la plupart des navigateurs Web.

Comment ajouter une image à un site web ?

Ajouter une image à un site web nécessite de trouver le bon endroit. C'est aussi la première étape pour donner à votre blog un aspect professionnel. Le format le plus basique est un article de blog avec une image en haut. Vous pouvez généralement utiliser une grille ou une liste pour organiser votre contenu.

Utiliser le modèle

Il n'est pas nécessaire de créer chaque page de votre site Web à partir de zéro. En utilisant l'un des nombreux modèles de sites Web disponibles gratuitement sur le site Web de l'UE, vous pouvez créer un site Web de qualité. Kleap est un moyen facile de créer un site Web d'aspect professionnel. Il vous suffit ensuite de modifier le contenu des modèles, notamment les images. Pour ce faire, il suffit de cliquer sur les images du modèle. Ensuite, vous serez dirigé vers votre stockage local pour choisir une image.

Après avoir ajouté une image à un site web, vous pouvez cliquer à nouveau dessus et ouvrir un menu Image qui vous permet de personnaliser davantage votre image.

Comme vous pouvez le voir dans l'image, vous pouvez ajouter une description, un lien ou même supprimer l'image.

Choisissez le lieu que vous souhaitez pour vos images

Si vous créez votre site Web à partir de zéro, vous pouvez ajouter une image à un site Web partout où vous le souhaitez dans votre page. Pour ce faire, il suffit de cliquer sur le bouton d'ajout de bloc.

Cette fenêtre apparaît alors. Choisissez le bloc d'images.

Équilibrer les images et les textes

Pourquoi devez-vous ajouter une image à votre site Web ? C'est tout simplement parce que les images sont le meilleur moyen de rendre le contenu de votre site plus vivant. Le texte ne produira jamais le même effet. Mais ne laissez pas vos images prendre le dessus. Les images sont des compléments agréables au texte, et non l'inverse. Elles ne doivent pas distraire les utilisateurs de votre contenu. Si vous utilisez des images sur votre site, vous devez appliquer les règles suivantes pour vous assurer que vos images soutiennent votre texte.

Optimisez vos images

L'optimisation des moteurs de recherche ne s'applique pas uniquement aux textes Web. En tant que communauté basée sur l'image, vous devez également optimiser les images que vous téléchargez - à la fois le nom du fichier et le texte alt (dans notre cas, il s'agit de la zone de description), qui est une description plus détaillée de l'image pour les moteurs de recherche mais aussi pour les utilisateurs s'ils ne peuvent pas voir vos images en raison d'un handicap ou d'un défaut de l'appareil.

Lorsque vous ajoutez une image à un site Web, faites en sorte que les noms de fichiers soient aussi faciles à lire que possible pour les moteurs de recherche. Vos noms de fichiers doivent être identifiables à partir de leur contenu. N'utilisez que des lettres et des traits d'union, pas d'autres signes de ponctuation ou de caractères spéciaux, sauf ceux qui font partie du nom du fichier. Évitez autant que possible les acronymes, car ils compliqueront la tâche des utilisateurs qui voudront trouver votre site web en recherchant simplement le nom du fichier dans un moteur de recherche ou dans la barre d'adresse d'un navigateur.

Le texte Alt, autrement appelé texte alternatif ou attributs de titre, est cette petite chaîne de caractères que vous voyez à côté de chaque image sur votre site Web. Il sert d'information descriptive pour les utilisateurs aveugles qui utilisent des lecteurs d'écran pour surfer sur l'internet. L'attribut alt contribue également au référencement en indiquant aux robots d'exploration des moteurs de recherche ce que contient l'image et en complétant les mots des images qui peuvent aider à améliorer le classement de votre page. Les attributs Alt doivent comporter environ 100 caractères et décrire votre image sans utiliser trop de mots clés (spammeurs).

Choisir les bonnes images pour votre site Web est une partie très importante de votre marque globale lorsque vous ajoutez une image à un site Web. Vous voulez choisir des images qui attireront votre client idéal et montreront la qualité de votre entreprise. Utiliser les bonnes images peut s'avérer délicat. Une seule erreur peut laisser une impression durable sur votre public et lui laisser un mauvais goût dans la bouche. Par conséquent, ils risquent de ne pas prendre votre entreprise au sérieux ou de ne pas revenir sur votre site Web. Nous espérons que ce blog vous a donné quelques conseils utiles sur la façon de choisir les bonnes images pour votre entreprise et votre site Web.