Comment choisir et comment placer les images sur un blog ?

L'image ou la photo est un élément indispensable sur un blog pour éviter la monotonie d'un article uniquement textuel. L'image va permettre d'informer très rapidement les lecteurs sur la thématique d'un contenu, de les marquer ou encore de leur associer une représentation visuelle lorsqu'ils penseront à votre article. Cet article présente les bonnes pratiques pour choisir les images sur les articles de blog.

Montage de photos de Grèce

Intérêts des images

Dans un domaine très concurrentiel qu'est le web, plusieurs millions de sites et blogs existent sur la toile, il faut pouvoir optimiser sa visibilité en ligne et marquer les esprits. Une image aura une utilité multiple sur un site :

• Casser la monotonie d'un article
• Visualiser clairement la thématique d'un article
• Marquer l'internaute en l'aidant à associer une représentation mentale de l'article ou d'une problématique
• Associer une image lors d'un partage sur les réseaux sociaux. Car une image d'un article est généralement repris par Facebook, Google+, Scoopt.it et d'autres réseaux sociaux qui présentent des liens. Les messages sur ces plateformes qui comportent des images ont un meilleur taux de clic
• Associer un visuel sur les pages de catégories ou la page d'accueil d'un blog. Cela aide à mieux visualiser le contenu des articles et permet d'avoir des pages plus agréables à consulter
• Donne un poids supplémentaire à l'article si l'image est insolite, extraordinaire, choquante ...

Comment placer les images ?

Savoir placer une image est important pour tirer parti de ce média visuel en attirant le regard et en suscitant l'intérêt pour que le lecteur continu sa lecture ou sa navigation sur le site.

Placement dans un article

Il n'y a pas de solution unique pour définir l'emplacement optimum d'une image principale illustrant un article, toutefois il est possible de noter une tendance en plaçant les éléments comme suit :

1. En premier le titre de l'article
2. Puis les données associée (la date de publication, le nom du rédacteur, le nombre de commentaires, les liens de partage ...)
3. L'image principale qui illustre le sujet et va susciter l'intérêt de scroller pour descendre en dessous de la ligne de flotaison
4. Le chapô de l'article, en gras, pour résumer l'article et continuer de donner envie de continuer la lecture
5. Le contenu de l'article

Cette disposition se résume de la façon suivante :

Placement d'une photo sur un article de blog

A noter que certains sites placent le chapô au dessus de l'image pour que celui-ci soit séparé du reste du contenu et qu'il soit mis en évident juste après le titre.

Placement dans les pages de catégorie

Le placement d'une miniature sur la page d'accueil et les pages de catégories est parfois négligée alors que c'est important pour guider le regard et ainsi améliorer le taux de clic sur ces pages. Il y a 2 possibilités qui se révèlent utile : placer le titre de l'article au dessus de la miniature ou à droite de la miniature. Chacune des méthodes à ses avantages et inconvénients, et pour les découvrir il faut d'abord comprendre le chemin que va effectuer le regard.

Exemple du chemin visuel pour 2 exemples d'aperçu d'un article

Différences principales de ces 2 placements :

• Titre au dessus de la miniature : sachant que les miniatures seules ne permettent pas de comprendre le contenu de l'article, alors que le titre seul, lui le peut, cette disposition est particulièrement efficace pour s'assurer que le lecteur a lu le titre et compris la thématique avant de continuer le parcours du regard vers la miniature puis le petit descriptif
• Titre à droite de la miniature : la limite de la première méthode c'est qu'une miniature trop grande va plus attirer le regard que le titre lui-même. Dès lors, le placement du titre à droite permet de s'assurer qu'une grande miniature attire le regard puis que le parcours du regard continu en s'intéressant au titre et au descriptif.

Où trouver les images ?

Il existe quelques endroits pour trouver des images de qualités en ayant les droits de publication.

• Fotolia : après avoir déjà perdu des crédits car je ne l'ai pas utilisé dans la limite de leur validité, j'ai du mal à faire confiance à ce service, même si le problème avait été le même avec un autre service
• Getty Images : parfois des images à 600€ !
• Depositphotos : relativement nouveau, le site dispose d'une bonne réputation et mérite d'être testé. Par ailleurs, après quelques tests j'ai le sentiment que ce service possède plus de photos que Getty Images

A noter : publier des photos que vous avez trouvé sur internet n'est pas autorisé, car il y a le respect des photographes et de leur propriété intellectuelle.

Choix de la photo

Lorsqu'il va falloir choisir la photo principale d'un article, il ne faut pas perdre de vue que cette illustration sera utilisée à plusieurs endroits :

• En avant sur l'article
• Comme miniature sur les pages de catégorie
• En image d'illustration lorsque l'article sera partagé

Le summum du bon choix de photo est celle qui peut susciter une émotion dans le cœur des lecteurs. Une photo qui illustre c'est bien, mais si elle a réussi à marquer l'esprit des visiteurs, cela sera bénéfique pour fidéliser ceux-ci.

La deuxième recommandation consiste à trouver une photo qui illustre bien la thématique de l'article. Pour cela il faut se poser une question simple : "cette photos seule, peut-elle symboliser le thème ou l'opinion évoqué dans l'article ?". Si vous n'êtes pas en mesure de répondre positivement à cette question c'est qu'il existe peut-être d'autres visuels qui sont plus appropriés.

Mis à part ces 2 petites règles d'or, il n'y a pas forcément de recommandations supplémentaires. Il y en a pour tous les goûts et le choix du visuel dépend essentiellement de la ligne éditoriale ou des préférences visuelles du blog.

Le saviez-vous : les photos ayant des visages humains attirent plus le regard, surtout si le visage est orienté vers l'objectif de l'appareil photo.

Astuce : découper une photo en plusieurs images

Pour certains projets on dispose parfois de petits budgets et ce n'est pas évident de trouver plusieurs visuels tout en faisant des économies dans le budget alloué au projet. Il y a une petite astuce simple qui consiste à découper une photo pour en créer plusieurs.

Prenons l'exemple de la photo de Varsovie ci-dessous, qui semble être une photo banale pour illustrer un site qui présente cette ville.

Photo de Varsovie (originale)

Si vous devez utiliser plusieurs visuels pour représenter la ville ou pour illustrer plusieurs articles de la ville, il est possible de découper la photo, comme le montre la représentation ci-dessous.

Photo de Varsovie découpée en plusieurs photos

Plusieurs points à noter concernant cette astuce :

• L'exemple démontre bien que individuellement le découpage ne se remarquera pas
• Avec cette astuce vous êtes sûr d'avoir des photos uniques
• Grâce au découpage il est même possible d'avoir des photos plus ciblées. Avec l'exemple ci-dessus la photo pourrait être utilisée les restaurants de la ville, tandis que la photo de droite peut servir d'illustration pour représenter les monuments touristiques de la ville
• La photo originale doit être de très haute résolution et présenter une multitude de détails

Et vous, avez-vous des bonnes astuces ou des recommandations que vous souhaiteriez partager ? Faites-vous plaisir et laisser un commentaire.

__

Photo de Rutger, licence CC BY 2.0.