Comment ajouter facilement des images à votre blog comme un pro

Vous avez écrit votre meilleur article de blog de tous les temps.

Sérieusement, c'est un truc génial qui devient viral avec des hordes de lecteurs affamés.

Woah là argent! Tout d'abord, vous devez attirer leur attention.

Avant que quelqu'un ne lise votre article brillant, il doit d'abord s'arrêter et faire attention.

C'est là qu'interviennent les images..

Les images, les vidéos, les captures d'écran, les diagrammes et les illustrations sont un excellent moyen d'empêcher votre lecteur de cliquer. L'ajout d'images à votre blog aide les lecteurs à comprendre vos informations et vos idées, et à se souvenir de votre message.

L'astuce consiste à créer et à ajouter ces images de blog rapidement et efficacement.

Dans cet article, nous vous expliquerons toutes les étapes, outils et astuces pour ajouter des images à votre blog sans avoir à passer des heures à le faire.

POURQUOI LES IMAGES FONCTIONNENT

"Notre cerveau est principalement un processeur d'images, pas un traitement de texte." – La psychologie aujourd'hui

Nous sommes (littéralement) câblés pour les images. Le neuroanatomiste RS Fixot a estimé que les deux tiers de l'activité de notre cerveau sont dédiés à l'activité visuelle. Et cela a du sens…

Historiquement, nous utilisions notre vue pour nous avertir contre les attaques désagréables des prédateurs ou pour repérer les aliments que nous pouvions soit chasser et tuer, soit cueillir et récolter.

Ce n'est pas différent en ligne…

Vos lecteurs recherchent inconsciemment du contenu pertinent ou divertissant, ou les deux. En fait, les articles contenant des images pertinentes ont 94 % de vues en plus que les articles sans images.

Les articles contenant des images pertinentes ont 94 % de vues en plus que les articles sans images Cliquez pour tweeter .

C'est là que les images aident. Qu'il s'agisse d'une simple image ou d'un gif créé sur mesure, cela rendra l'expérience de lecture plus intéressante et fera défiler votre lecteur vers le bas.

Notre cerveau peut traiter des images 60 000 fois plus vite que du texte

En fait, 65 % des cadres supérieurs du marketing affirment que les photos, les vidéos, les illustrations et les infographies sont au cœur de la communication de l'histoire de leur marque.

Donc, si les images sont géniales, comment devriez-vous ajouter des images à votre blog pour obtenir plus de trafic et de meilleurs résultats ?

Commençons par les tailles d'image.

PIXELS, FORMAT, TAILLE ET TOUT CELA

Essayer de comprendre les différentes options de taille d'image peut devenir assez compliqué. Les deux choses de base à savoir sont l'orientation et la taille/compression .

Orientation

Pour la plupart des blogs, une orientation horizontale (largeur supérieure à la hauteur) fonctionne mieux. Les images horizontales/paysage occupent moins d'espace à l'écran, ce qui permet à votre contenu d'attirer l'attention de vos lecteurs. Les images horizontales sont également parfaites pour partager votre blog sur Facebook, Twitter et LinkedIn.

Mais les images verticales ou carrées fonctionnent mieux sur Instagram et sont plus susceptibles d'être épinglées sur Pinterest. Encore une fois, la raison est simple - Instagram et Pinterest sont tous des images. Une image verticale/portrait occupe plus d'espace à l'écran, ce qui les rend plus accrocheuses.

L'orientation que vous choisissez dépend de vos utilisateurs et des plateformes sociales qu'ils utilisent.

Sprout Social maintient une liste à jour des meilleures tailles d'image pour les différents canaux de médias sociaux dans cet article.

Il est utile de connaître les bases des tailles d'image pour chaque plate-forme que vous utilisez.

Taille/Compression

La taille de l'image peut signifier deux choses : la taille physique de l'image (longueur x largeur) et la taille du fichier (octets).

La plupart des images provenant directement de votre appareil photo ou d'un site Web de photos ont une résolution (taille de fichier) et une taille physique supérieures à ce qu'elles doivent être pour le Web. Le problème avec les fichiers image volumineux est qu'ils ralentissent votre site.

Une photo numérique est composée de pixels (px) – de minuscules carreaux carrés de couleur. Nous parlons généralement de pixels de deux manières : le nombre de pixels et la densité de pixels. Le nombre de pixels est le nombre de pixels qui composent votre photo. Ainsi, une photo de 800 pixels sur 600 pixels signifie simplement que votre photo mesure 800 pixels de large et 600 pixels de haut.

L'image de gauche fait 3456 × 5184px et 2.7Meg. L'image de droite a été réduite à 800 x 1200 et 193kb.

La densité de pixels, ou dpi, est le nombre de pixels par pouce carré. Plus il y a de pixels par pouce carré, plus la résolution de l'image est élevée et plus elle est claire.

Pour les photos imprimées, 300 dpi ou plus est idéal. Mais, pour le Web, une bonne plage est de 72 à 150 dpi.

Meilleures tailles pour votre site Web

L'objectif pour votre site Web est une bonne résolution (pas floue) et une vitesse (pas grande).

Vos images ne doivent être aussi grandes que la largeur du contenu de votre blog. Tous les sites modernes sont construits avec un design réactif (redimensionne automatiquement la page pour les smartphones, les ordinateurs portables, les tablettes et les écrans de bureau), définissez votre image sur la largeur maximale.

Trouver un équilibre entre la taille et la qualité du fichier

Plus la taille du fichier de votre image est petite, plus elle se chargera rapidement pour votre lecteur. Mais, trop réduire la taille peut créer une image floue. Votre objectif est de trouver l'équilibre entre la taille de fichier la plus faible et une qualité acceptable.

Essayez de garder la taille de votre image entre 150 Ko et 300 Ko. Jetez un oeil à l'exemple ci-dessous. L'image d'origine faisait 7,6 Mo et 5 000 pixels de large. L'image de gauche a été redimensionnée à 860 pixels de large et enregistrée en tant que jpeg de haute qualité, ce qui a produit un fichier de 250 Ko.

Vous pouvez à peine faire la différence entre cette image et l'original lorsqu'elle est consultée en ligne. C'est parfait pour le web.

L'image de droite a été redimensionnée pour avoir une largeur de 860 pixels, mais enregistrée en tant que jpeg de 30 Ko de faible qualité. Bien sûr, il se chargera rapidement, mais il est flou et aura l'air amateur.

La taille d'image optimale est de 150 à 300 Ko. Plus petit et votre image sera trop floue.

Bien sûr, lors de l'ajout d'images à votre blog, il n'est pas toujours possible de conserver vos images à moins de 300 Ko. Sur les écrans Retina, une photographie complexe peut sembler floue à 300 Ko.

L'idée clé à retenir est de garder la taille des fichiers aussi petite que possible, surtout si vous utilisez beaucoup d'images dans votre publication ! Les temps de chargement des pages affectent votre classement Google et les lecteurs sont susceptibles d'être désactivés par une page qui prend du temps à se charger.

Il existe un certain nombre de services gratuits pour réduire la taille de l'image, comme Pic Resize et Tiny PNG. Ou vous pouvez utiliser des sites de conception gratuits comme Canva ou PicMonkey pour obtenir la bonne taille et la bonne résolution pour n'importe quel site de médias sociaux ou pour votre site Web (plus d'informations sur l'utilisation de ces outils ci-dessous).

Des outils comme Pic Resize permettent de réduire facilement la résolution de votre image sans sacrifier la qualité

Dois-je utiliser JPG, GIF, PNG, SVG ?

Si vous avez déjà été confondu avec tous les types d'images (jpeg, gif…), cela vous aidera.

Lorsque vous ajoutez des images à votre blog, quel est le meilleur format ?

• • JPG/JPEG – offre des images de grande qualité avec une petite taille de fichier. C'est la meilleure option pour les photos, sauf si elles doivent être transparentes, animées ou contenir beaucoup de texte.
• • GIF – parfait pour les petits graphiques et animations, et ils peuvent avoir des arrière-plans transparents.
• • PNG – idéal pour les graphiques détaillés, les images contenant beaucoup de texte ou les images transparentes. Les fichiers PNG ont tendance à être plus volumineux que les fichiers JPG.
• • SVG – il s'agit d'un format vectoriel évolutif, ce qui signifie qu'il reste net et clair quelle que soit la résolution. Ils ont tendance à être volumineux en termes de taille de fichier, mais si vous avez un graphique compliqué qui doit être redimensionné automatiquement et/ou a des effets de survol ou des animations, SVG est un choix parfait.

Dans la plupart des cas, utilisez jpeg pour toutes les images, sauf si vous souhaitez un arrière-plan transparent.

REMARQUE : Tous les sites Web ne sont pas configurés pour gérer automatiquement les fichiers SVG. WordPress a des plugins qui vous aideront. Pour les sites non-WordPress, essayez-le et si votre fichier SVG ne s'affiche pas, consultez votre développeur Web.

Testez vos images

Vous ne savez pas comment votre image s'affichera en ligne ? La plupart des systèmes de gestion de contenu (comme WordPress) vous permettent de prévisualiser votre brouillon d'article de blog avant de le mettre en ligne.

IMAGES EN VEDETTE

Chaque article de blog a besoin d'une image en vedette.

Votre image en vedette est la première chose que votre lecteur voit et c'est l'image tirée par vos canaux de médias sociaux. Dans cet article, nous vous expliquons quoi faire si votre image n'est pas correctement extraite par vos réseaux sociaux.

Votre image vedette peut être une photographie ou, avec un peu de travail supplémentaire, superposer votre titre sur l'image. Quoi qu'il en soit, il doit créer une certaine curiosité et donner envie au lecteur de continuer à lire.

Dans WordPress, vous trouverez le lien pour choisir votre image en vedette sur le côté droit de votre menu WordPress.

FAIRE VOTRE PROPRE IMAGE

Les images d'archives sont excellentes, mais l'original est préférable, même si vous ne faites qu'ajouter une touche à une image d'archives.

Vous n'avez pas besoin d'être un graphiste ou de posséder un logiciel coûteux pour créer vos propres images. Des outils gratuits comme Canva et Picmonkey proposent une large gamme de modèles, d'images et de graphiques et de polices prêts à l'emploi. Avec un peu de pratique, vous pouvez ajouter votre touche unique à vos images ou créer des images de citation, des mèmes, des diagrammes et des infographies.

Voici une image que j'ai réalisée sur Canva en seulement 5 minutes.

Avec un petit effort supplémentaire, vous pouvez superposer votre titre sur votre image.

Une fois que vous êtes à l'aise avec ces outils, vous pouvez faire preuve de créativité avec vos résultats. Des techniques simples comme le redimensionnement des images, l'ajout d'écrans, le recadrage - même le choix de polices plus intéressantes feront ressortir votre image.

Découvrez des techniques plus simples pour faire ressortir vos images dans cet article.

[Vous n'avez pas besoin d'être graphiste pour habiller vos images afin qu'elles se démarquent.]

ÉVITEZ LA LOI

Vous avez cherché sur le Web, trouvé l'image parfaite et l'avez ajoutée à votre blog.

Avance rapide de deux mois et vous recevez une lettre de «cesser et de s'abstenir» demandant de l'argent pour les dommages.

QUOIAAAAAAAT ?

Les images ont la propriété, tout comme les œuvres d'art. Et vous ne pouvez pas utiliser certaines images sans l'autorisation du propriétaire. Dans cet article, nous expliquons comment Creative Commons fonctionne avec les images.

La bonne nouvelle est qu'il existe plus de sites que jamais pour vous fournir des images brillantes que vous pouvez soit acheter des droits d'utilisation, soit utiliser en créditant l'artiste.

Créditer l'artiste

Si vous utilisez une image sous licence Creative Commons, il est recommandé de mentionner le photographe et la source. La plupart des sites Web de photos vous fourniront le lien lorsque vous téléchargerez l'image.

Avec des sites comme Unsplash, ils facilitent la copie du crédit de l'artiste afin que vous puissiez le coller au bas de votre message.

Chez BlogWorks, nous utilisons un certain nombre de sites pour nos images. Nous avons un compte Adobe Stock sur lequel nous nous appuyons pour les blogs de nos clients, et nous utilisons souvent Pixabay, Unsplash, Refe et Magdeleine.

Adobe fournit une source d'images de haute qualité, ainsi que d'autres progiciels de création. Si vous cherchez un nouveau moyen facile de trouver ou de créer des images, vous pouvez consulter leurs produits ici.

Si vous ne trouvez toujours pas ce que vous voulez, rendez-vous sur Librestock où les images de plus de 40 sites sont regroupées pour que vous puissiez les rechercher. Nous avons répertorié 7 sites pour trouver de superbes photos dans cet article.

Vous pouvez même utiliser Google pour ajouter des images à votre blog. Assurez-vous simplement de choisir "Étiqueté pour réutilisation" sous Outils.

Si vous utilisez Google pour trouver des images, recherchez toujours "Étiqueté pour réutilisation"

Petit conseil sur la recherche de cette image "parfaite" : trouver une image légèrement meilleure que celle que vous avez trouvée dans les 5 premières minutes ne rendra pas votre publication virale. Limitez-vous à 5 minutes pour trouver une image suffisamment bonne - vous pourrez toujours la modifier plus tard si vous en trouvez une meilleure.

UTILISEZ DES IMAGES DE PERSONNES RÉELLES

Les photos de personnes sont l'une des formes de contenu les plus attrayantes sur Internet.

Les visages sont uniques et les humains ont une préférence visuelle câblée pour regarder les visages. Les images de visages et de personnes retiendront l'attention du lecteur.

Mais votre image doit être liée au contenu ou aider à expliquer un concept ou un point - des études ont montré que les images de personnes sont passées sous silence par les lecteurs lorsqu'il s'agit d'images génériques et décoratives.

Quand il s'agit de médias sociaux, les visages nous engagent. Les photos avec des visages attirent plus de commentaires et de likes.

Si j'ajoute des images à notre blog, j'essaie d'éviter les images de stock ringardes, comme l'image de gauche et de chercher quelque chose de plus original comme l'image de droite.

La photographie de stock peut être à l'emporte-pièce, sans originalité et plutôt ennuyeuse (à gauche) ou plus intéressante et originale (à droite)

AJOUTER DES CAPTURES D'ÉCRAN ET DES DIAGRAMMES

Disons que vous essayez d'expliquer comment utiliser un moteur de recherche en ligne ou où aller sur votre site pour trouver votre dernier livre, ou même comment vous assurer que votre e-mail d'opt-in n'est pas allé dans le dossier "promotion" de cette personne dans Gmail.

Un peu difficile à expliquer avec des mots - n'est-ce pas ?

C'est là que les captures d'écran sont super utiles. En quelques minutes, vous avez capturé l'image, ajouté quelques flèches et maintenant votre image vaut mille mots - en plus, plus de gens vont au bon endroit !

Un outil comme Snagit est un investissement inestimable. Pour seulement 50 $, vous disposez d'un cheval de bataille prêt à l'emploi pour les captures d'écran, les vidéos et même les gifs (toutes les captures d'écran utilisées dans cet article ont été créées avec Snagit).

Voici une vidéo que j'ai créée dans Snagit sur l'utilisation de Snagit pour modifier une capture d'écran (maintenant c'est méta !).

Les graphiques et les diagrammes personnalisés sont un autre excellent moyen d'expliquer des concepts complexes ou simplement d'ajouter du plaisir à votre message. OmniGraffle et Lucidchart proposent des outils d'organigramme que vous pouvez utiliser pour créer des diagrammes amusants. Piktochart a une version gratuite pour créer des infographies et des graphiques basés sur les données.

Besoin d'un tableau pour aider à illustrer certaines informations? Vous pouvez les prendre directement depuis Excel, Google Sheets ou Word. Copiez simplement votre graphique et collez-le dans votre éditeur de texte, ou faites une capture d'écran.

Et n'ayez pas peur de prendre un crayon ou un stylo ! Dessinez votre idée et prenez une photo. Peu importe si vous n'êtes pas un artiste, vos lecteurs apprécieront de voir que vous êtes comme eux !

AJOUTER DES VIDÉOS ET DES GIF

Parfois, le texte seul ne suffit pas. C'est là que la vidéo et les animations peuvent entrer en jeu.

Giphy et Tenor sont de bonnes ressources pour les GIF animés. Sitepoint a une excellente liste de ressources d'endroits pour trouver des images, des vidéos et d'autres médias Creative Commons.

On m'a souvent demandé comment ajouter des vidéos sur mon blog. Je ne suis certainement pas un expert, mais quand il s'agit de tout ce qui a une odeur technique, je me dis que "fait vaut mieux que parfait" et je reste simple. Du début à la fin, une simple vidéo ne devrait pas me prendre plus de 15 minutes.

Voici une illustration des étapes que je traverse.

Vous devez héberger votre vidéo quelque part. Nous utilisons Vimeo depuis de nombreuses années et adorons son prix ainsi que sa rapidité et sa simplicité d'utilisation. Vous pouvez également utiliser YouTube ou Wistia.

Les étapes pour ajouter une vidéo à votre blog sont assez simples une fois que vous les avez pratiquées plusieurs fois, mais elles varient en fonction de votre site Web et de l'endroit où vous hébergez votre vidéo.

Voici comment insérer une vidéo de YouTube dans WordPress :

1. Ce processus était devenu super simple. Commencez par localiser la vidéo que vous voulez sur YouTube.
2. Ensuite, copiez l'URL de cette vidéo (elle ressemblera à https://www.youtube.com/watch?v=JKrPz6JHwYw)
3. Connectez-vous à votre site Web WordPress, ouvrez le billet de blog à modifier, placez votre curseur à l'endroit où vous voulez la vidéo, collez l'URL.

Cet outil gratuit vous permettra de personnaliser l'apparence de votre vidéo YouTube et de faire des choses comme désactiver les vidéos "connexes" ennuyeuses.

Voici comment insérer une vidéo de Vimeo dans WordPress :

1. • Pour obtenir le code d'intégration de votre vidéo, rendez-vous sur sa page sur Vimeo et cliquez sur le bouton "Partager".
2. • Cliquez sur le lien "+ Afficher les options" et copiez le code d'intégration.
3. • Connectez-vous à votre site Web WordPress, ouvrez le billet de blog à modifier et cliquez sur l'onglet « Texte » dans votre éditeur de texte.
4. • Localisez votre curseur à l'endroit où vous souhaitez placer la vidéo et collez le code d'intégration.

Avec des outils comme Vimeo, il est facile d'insérer des vidéos dans votre blog comme un pro.

Remarque : Vous devez inclure du texte dans votre publication avec votre vidéo si vous souhaitez que votre publication soit reprise par des moteurs de recherche tels que Google. Vous pouvez voir comment cela se passe sur le vlog de voyage Gone with the Wynn's. Avec chaque article de blog, ils contiennent beaucoup de texte, d'images et de vidéos pour vous garder, le lecteur intéressé, et à des fins de référencement.

UTILISER UN THÈME COHÉRENT

Lorsque vous choisissez des images ou des polices, c'est une bonne idée d'être cohérent avec le thème de votre site et de votre blog.

Cela pourrait être aussi simple que d'utiliser une police cohérente (je suis un fan de Helvetica Neue, Marker Felt, Yellowtail et Bebas Neue), un jeu de couleurs ou un style d'icône.

L'application de service client, Help Scout, fait un excellent travail en utilisant des éléments de conception cohérents dans son blog qui sont légers, modernes et originaux.

CHOISIR LE BON NOM DE FICHIER

Le référencement d'image commence par le nom du fichier. Lorsque vous utilisez des images dans des articles de blog, vous voulez que Google sache de quoi parle votre image sans même la regarder !

Avant de télécharger votre nouvelle image, jetez un œil au nom de l'image. Votre image doit porter un nom qui se rapporte à l'image et/ou au contenu de votre article. Il devrait également inclure vos mots clés dans la mesure du possible. Choisir un nom riche en mots-clés pour votre image facilitera le classement de votre page par les moteurs de recherche.

Par exemple, si vous écrivez un article sur la façon de choisir le meilleur jouet à mâcher pour chiots, nommez votre image "meilleur-jouet-à-mâcher-pour-chiots.jpg". Si votre image montre un coucher de soleil sur une plage de Koh Samui, en Thaïlande, nommez-la 'thailand-koh-samui-beach-sunset.jpg'.

Utilisez des tirets entre les mots, plutôt que des espaces, des traits de soulignement ou associez tous vos mots.

Cette recommandation vient directement de Google. Nous ne sommes pas sûrs de la raison exacte de cela, car Google protège le fonctionnement de son algorithme de moteur de recherche plus près qu'un magicien ne protège ses tours. Mais le Webmaster de Google dit que les tirets entre les mots aident Google à trouver vos images !

TEXTE SUPPLÉMENTAIRE

Lorsque vous téléchargez votre image, vidéo ou autre média, vous avez la possibilité d'inclure du texte ALT. Vous devriez le faire chaque fois que vous le pouvez.

Le texte ALT informe les moteurs de recherche de votre image, ce qui aide votre classement. De plus, les lecteurs d'écran lisent le texte ALT afin que vous aidiez votre contenu à être plus accessible.

Le texte Alt sur vos images explique de quoi parle votre image

Votre texte ALT devrait aider à expliquer votre image ou le point que vous essayez d'illustrer. Comme pour le choix d'un nom de fichier, votre texte ALT doit être lié au contenu de votre article ou à vos mots-clés.

LÉGENDES ET TITRES

Les légendes des images apparaissent généralement sous votre image. De nombreux lecteurs parcourent les articles et vos légendes d'image peuvent attirer leur attention et les amener à s'intéresser à votre contenu.

Chez BlogWorks, nous essayons d'écrire des légendes qui s'ajoutent au contenu écrit. L'idée est que si le lecteur ne lit que les légendes, il aura une bonne idée du sujet de l'article.

BarkPost, les inventeurs de l'abonnement mensuel aux friandises pour chiens Bark Box, ravissent les amoureux des chiens (comme moi) avec des images loufoques et amusantes de cabots assorties à des titres de style tabloïd hollywoodien, comme ceux-ci :

• • 5 signes que les crottes de nez de votre chien sont causées par quelque chose de dangereux
• • 18 chiens qui n'approuvent pas cette torture aquatique que vous appelez "l'heure du bain"
• • J'ai inscrit mon chien pour une boîte de soins dentaires, et voici ce qui s'est passé

VOTRE LISTE DE CONTRÔLE FINALE

Toute image que vous ajoutez à votre blog devrait améliorer l'expérience de vos lecteurs. Et incitez-les à lire l'article, ce qui signifie qu'ils resteront plus longtemps sur votre site.

Pour une dernière vérification, posez-vous ces deux questions :

• Cette image gardera-t-elle le lecteur sur la page plus longtemps ?
• Cette image aide-t-elle le lecteur à mieux comprendre mon message ?

L'effort supplémentaire que vous déployez pour trouver et ajouter des images à votre blog peut rapporter gros. Au lieu d'être ignoré, votre message pourrait être partagé avec des milliers de lecteurs et prendre sa propre vie.

Après tout, notre objectif est de faire en sorte que notre blog soit lu, partagé et aimé. Droit?

Vous avez aimé cet article ? En voici 3 autres sur les images, la vidéo et la viralité de votre blog :

Le guide ultime pour ajouter des vidéos YouTube à votre blog.
Images gratuites pour votre blog : 7 sources impressionnantes
4 façons de faire ressortir les images de votre blog

Notes de bas de page :

1. 1. Dans un article publié dans l'American Journal of Ophthalmology, le neuroanatomiste RS Fixot a estimé que 50 % de notre tissu neural est directement ou indirectement lié à la vision et que les deux tiers de l'activité électrique de notre cerveau sont utilisés pour le traitement visuel.
2. 2. Dans une étude réalisée par eMarketer, les photos représentaient 75 % du contenu publié par les pages Facebook dans le monde et généraient un taux d'interaction de 87 % de la part des fans (contre moins de 10 % pour tout autre type de publication).
3. 3. Une étude du Georgia Institute of Technology et de Yahoo Labs a examiné 1,1 million de messages sur Instagram et a révélé que les photos avec des visages humains sont 38 % plus susceptibles de recevoir des likes que les photos sans visage. Ils sont également 32% plus susceptibles d'attirer des commentaires.

Photo par LinkedIn Sales Navigator sur Unsplash