» » La photographie pour le web : réaliser des visuels attractifs

La photographie pour le web : réaliser des visuels attractifs



 

Sur Internet, la course à la différenciation est un marathon sans fin. Un site web unique avec un beau design, une expérience utilisateur parfaite et des contenus textes pertinents saura capter l’attention des internautes. Une attention toujours plus difficile à obtenir et qui passe également par de beaux visuels. C’est un enjeu d’autant plus grand pour les sites e-commerce. En effet, d’après CB News, 67 % des webnautes déclarent que la qualité d’une photo d’un produit a un impact sur leur décision d’achat.

Le constat est donc simple : les visuels représentent un levier majeur pour la réussite d’un site. A partir de là, comment produire des photos qui plaisent et qui encouragent à l’action ?

Des prises de vue réussies de vos produits

Réaliser de bonnes images de vos produits pour les mettre en vente sur votre boutique en ligne nécessite quelques bonnes pratiques. En effet, si vous choisissez de prendre ces clichés par vous-mêmes (car vous pouvez tout à fait faire appel à un photographe professionnel moyennant finances) vous aurez besoin de principes de base avant de vous lancer.

Pour prendre vos photos, munissez-vous d’un bon appareil ou d’un smartphone capable de prendre des clichés de qualité avec une bonne résolution. Préparez également la mise en scène de votre produit. Plusieurs options sont possibles et dépendront aussi de votre image de marque. Vous pouvez opter pour un style minimaliste avec un fond de couleur plutôt uni. C’est une manière de faire qui permet de focaliser l’attention sur le produit. Toutefois, vous pouvez aussi choisir de mettre en scène votre produit afin de le contextualiser, ce qui permettra aux consommateurs de comprendre son utilité et son utilisation d’un seul coup d’œil.

Si vous souhaitez partir sur un style minimaliste et que vous n’avez pas la patience ou le temps pour mettre en place un petit coin de shooting photo avec des draps blancs, par exemple, et des éclairages adaptés, des applications comme PhotoRoom sur mobile ou PhotoShop sur ordinateur pourront vous permettre de détourer vos objets et de les mettre en scène.

Et si vous avez la possibilité de vous créer un atelier photo, privilégiez les lumières à LED ou les softboxs, souvent vendues par kits sur Internet et qui sont d’excellentes options pour une lumière diffuse qui minimise les ombres. Votre atelier photo se situe près d’une fenêtre ? Servez-vous de la lumière naturelle pour un effet encore plus superbe !

Quel que soit votre choix de mise en scène, ne vous contentez pas de photographier votre produit sous un seul angle. Prenez plusieurs photos de celui-ci sous différents angles pour permettre à vos clients d’avoir une vue complète (au minimum 2 à 3 photos par produit). Faites attention aussi aux couleurs rendues sur vos clichés. Si votre produit est rouge et qu’il ressort plutôt violet sur les visuels, essayez de corriger cela. En effet, plusieurs clichés sous différents points de vue et qui reflètent les bonnes couleurs de votre article vous permettront d'éviter les retours produits.

Prenez également garde à ce que votre produit ne présente aucune imperfection ou étiquette !

Pour terminer, votre entreprise et votre site web bénéficient sans doute d’une charte graphique bien établie qui permet d’avoir une identité bien marquée. C’est elle qui faut avoir en tête aussi quand vous créez vos visuels. Si votre charte graphique vous permet d’utiliser certaines couleurs et non d’autres, il ne faut pas l’oublier à ce moment précis, notamment si vous venez modifier vos clichés avec du texte ou des illustrations. Nous vous recommandons aussi de vous cantonner à un style de mise en scène en particulier afin d’éviter d’avoir trop de différences sur votre site qui pourraient nuire à votre image de marque. La cohérence est un point crucial.

De beaux visuels pour votre site vitrine

Votre site promeut des prestations de services ? Là non plus, les visuels ne sont pas à négliger car, encore une fois, ils peuvent être un levier de différenciation par rapport à la concurrence. Vos photos devront raconter une histoire et présenter vos services.

Vous proposez un service d’entretien de jardin ? Prenez en photo votre salarié en pleine coupe d’herbe par exemple. Et si celui-ci pouvait porter un tee-shirt aux couleurs de votre entreprise, c’est la cerise sur le gâteau. Par ailleurs, si vos services s’effectuent en extérieur, privilégiez les journées ensoleillées pour réaliser vos séances photos !

Pensez au cadrage de vos photos et aux couleurs. Pour vous aider, sachez que de nombreux logiciels de retouches photos existent, certains sous licence et payants, d’autres gratuits.

Pour votre site vitrine, nous vous recommandons d’axer vos clichés sur l’humain et de raconter une histoire. Le storytelling ne fonctionne pas qu’à l’écrit et voir de véritables visages pourra rassurer vos futurs clients.

En cas d’incapacité à prendre des photos par manque de temps par exemple, vous pouvez utiliser celles issues de banques d’images libres de droit. C’est une pratique très courante. Toutefois, attention à ce que les clichés choisis correspondent bien à ce que vous souhaitez montrer. De plus, ne soyez pas surpris de retrouver la même image chez un de vos concurrents.  

Des visuels adaptés au web : poids et format

A contrario de la photographie dont on souhaiterait réaliser un tirage papier, la photographie pour le web doit être de base de bonne qualité certes, mais devra aussi être optimisée pour son usage sur Internet. C’est-à-dire qu’elle ne devra pas être trop lourde en termes de mégaoctets. D’ailleurs, il est communément entendu qu’il vaut mieux qu’elle ne dépasse pas une taille de 200 kilooctets. Et cela s’entend car une image trop lourde pourrait prendre un temps conséquent à se charger, alourdissant ainsi le site web qui l’héberge et donc s’avérer contre-productive.

Une fois le cliché réalisé et basculé sur votre ordinateur, il est nécessaire de la « compresser ». L’idée est d’en réduire le poids sans trop compromettre sa qualité. C’est un équilibre délicat mais nécessaire car la vitesse de chargement d’un site web est une condition déterminante dans son classement par les moteurs de recherche. Par ailleurs, Google considère un site comme étant lent s’il dépasse les trois secondes de temps de chargement.

Vos photos et visuels seront généralement au format jpeg ou png en fonction des traitements qu’ils ont pu recevoir en amont. Par exemple, si votre image provient directement de votre appareil photo, il y a de grandes chances qu’elle soit au format jpeg. En revanche, si vous l’avez passé dans un logiciel de traitement de photos pour y détourer un élément et le présenter sur un fond transparent, le format sera sans doute du png mais dépend du choix que vous aurez effectué à son enregistrement. Dans tous les cas, il est aujourd’hui recommandé de se tourner vers le format d’image créé par Google : le webp. Celui-ci est adapté pour se charger plus rapidement sur le web que les autres. Pour ce faire, de nombreux convertisseurs gratuits sont disponibles en ligne et simples d’utilisation. Pour n’en citer qu’un, il existe Squoosh.  

Certains CMS (ou système de gestion de contenu) qui par définition, permettent de créer des sites web, sont en mesure de réaliser cette conversion de vos fichiers d’image directement lors de leur importation. Renseignez-vous donc auprès de leur support technique ou documentation en ligne.

Et le référencement naturel dans tout ça ?

En plus du poids et du format de vos images, pensez aux balises alt et aux noms de vos fichiers lors de leur intégration sur votre site. Pour vous donner un exemple, vous avez une photo d’un chat. Plutôt que de laisser le nom de votre fichier suite à son import depuis votre appareil photo comme DS1205488.png choisissez plutôt un nom simple et descriptif tel que chat.png.  

Pour continuer sur cet exemple, une bonne façon de renseigner l’attribut alt qui correspond au texte alternatif de votre image, vous pourriez écrire « chat qui joue avec une pelote de laine ». Cet attribut est à la base utile pour l’accessibilité et notamment pour les internautes malvoyants qui utilisent des lecteurs d’écran. Toutefois, les moteurs de recherche s’en servent aussi en termes de référencement dans Google Images par exemple.

D'autres éléments peuvent être intéressants à renseigner comme l’attribut title ou la légende de l’image, ceux-ci ne sont techniquement pas pris en compte pour le référencement de votre site mais permettent de donner des indications supplémentaires aux internautes. La balise title s’affichera sous forme de bulle au passage de la souris sur l’image tandis que la légende se place généralement sous l’image et sert la plupart du temps à mentionner les auteurs ou copyright des images.

Et même si l’est courant d’entendre dire qu’une image vaut mille mots, sachez qu’un contenu de qualité et régulier sert aussi à votre référencement. Par ailleurs, lorsque les internautes se renseignent sur les moteurs de recherche c’est selon des intentions de recherche précises auxquelles il faut pouvoir répondre, que ce soit sous forme d’articles, de comparatifs ou autres.

Vous n’avez pas de temps à consacrer à cette partie rédactionnelle ? Déléguez cette tâche aux rédacteurs web de Shop Rédaction ! Pour en savoir plus, n’hésitez pas à nous contacter.

Auteur de l'article
SHOP RÉDACTION