Partager sur facebook
Partager sur twitter
Partager sur email
Partager sur print

La première impression qu’un visiteur se fait de votre site Web passe par l’image d’arrière-plan. C’est elle qui va le pousser à naviguer sur votre site ou, au contraire, à le quitter. Un fond de site efficace donne le ton, sans s’imposer. Il est constamment visible, mais ne détourne pas vos visiteurs de votre contenu. Une bonne image d’arrière-plan doit attirer leur attention et leur donner envie d’en savoir plus sur votre entreprise ou blog.

Vous vous demandez sûrement s’il existe vraiment des critères importants pour choisir une image de fond. Figurez-vous qu’ils sont plus nombreux que vous ne le pensez, vu la variété d’arrière-plan incroyables disponibles de nos jours ! Nous vous invitons à passer en revue cette liste de conseils afin de vérifier si le fond de votre site respecte nos recommandations, en fonction de son type.

Avec Jimdo, vous pouvez choisir parmi trois options d’arrière-plan : une couleur, une vidéo ou une image.

  • Arrière-plan couleur : il est facile à coordonner avec votre charte graphique et ne détourne pas de votre contenu l’attention de vos visiteurs.
  • Arrière-plan photo : cette option populaire permet de susciter des émotions chez vos visiteurs, mais risque de quelque peu les distraire.
  • Arrière-plan vidéo : les animations attirent l’attention et présentent en quelques secondes la nature de votre site auprès de vos visiteurs.

Dans cet article, nous vous expliquons comment choisir entre différents types d’arrière-plan pour les blocs de votre site et comment les paramétrer.


Arrière-plan photo

Blocs compatibles : blocs En-tête, Bannière, Réservations et Image

Formats pris en charge : fichiers JPEG, PNG ou GIF

Astuce : ne choisissez pas des couleurs trop détonnantes qui pourraient détourner l’attention des visiteurs de vos contenus.

Instructions : comment changer les images sur mon site Web ?

Fond de site gris du site veerdonkmobility.nl
veerdonkmobility.nl utilise une photo dans les tons gris pour créer un fond de site subtil et moderne

Suscitez des émotions chez vos visiteurs

Si vous consultez le top du site Adweek des 25 meilleurs publicités en 2018, vous remarquerez qu’elles ont toutes un point commun : elles cherchent à susciter des émotions. L’émotion est utilisée en marketing pour attirer une plus grande audience, et cela peut aussi être valable pour votre fond de site.

Choisissez une image d’arrière-plan qui fait écho à votre activité, c’est-à-dire qui véhiculera un sentiment positif et qui permettra à vos visiteurs d’établir un lien émotionnel avec votre marque.

Par exemple, si vous proposez des journées de team building, vous pourriez utiliser un cliché montrant des personnes qui s’amusent et interagissent ensemble. Une photo d’un magnifique coucher de soleil peut faire rêver, mais elle n’informe pas vos visiteurs sur vos offres et services. Votre fond de site se démarquera davantage avec une image incluant une action, des personnes ou une perspective intéressante.

C’est aussi l’occasion pour vous de mettre en avant vos produits, votre projet ou vous-même sous votre meilleur jour. Si vous n’arrivez pas à vous décider sur une image de fond, optez pour une couleur unie et présentez vos photos dans un bloc Diaporama à la place.

Créez votre site

Trouvez les dimensions parfaites

C’est un aspect souvent négligé, mais utiliser une image à la bonne dimension peut suffire à faire la différence et rendre votre site Web plus professionnel. N’hésitez pas à recadrer et rogner votre image de sorte que l’accent soit bien mis sur votre produit, une personne ou la destination de voyage que vous souhaitez promouvoir.

Choisissez des photos en paysage plutôt que des portraits, car celles-ci fonctionneront mieux pour les écrans d’ordinateur modernes. En effet, selon StatsCounter, la résolution minimale sur la plupart des écrans est de 1366 x 768 pixels (depuis mars 2019), suivie de 1920 x 1080 pixels. Une bonne règle de base est d’utiliser une image de fond d’environ 2000 pixels de large, car les photos avec cette résolution seront nettes pour la plupart des visiteurs, même si vous les utilisez comme arrière-plan dans un bloc avec beaucoup de contenu. Si vous téléchargez une image inférieure à la résolution minimale, elle risque d’être pixellisée.

Les images d’arrière-plan au format JPEG ou PNG sont prises en charge. Vous pouvez également utiliser des images GIF pour créer un fond de site animé, mais rappelez-vous que ceux-ci risquent de distraire les visiteurs.

Arriere-plan portrait
Un portrait recadré et de haute qualité peut renforcer le côté humain d’une organisation ou d’un projet et réaffirmer leurs objectifs.

Conseil de pro : Si vous n’êtes pas sûr du nombre de pixels et que vous utilisez un PC, faites un clic droit sur le fichier image, sélectionnez la rubrique « Propriétés » et « Détails ». Sur un Mac, sélectionnez la rubrique « Informations », puis cliquez sur « Informations supplémentaires ».

Dénichez des images de qualité en ligne

Pour que votre site se démarque, il est important de choisir des images en haute définition. Vous n’avez pas besoin d’être un pro de la photo pour obtenir de belles images d’arrière-plan pour votre site. Vous trouverez de nombreuses photos professionnelles dans la Bibliothèque d’images de votre site Jimdo. Si vous n’y trouvez pas votre bonheur, il existe de nombreuses banques d’images en ligne proposant des photos gratuites de haute qualité.

Si vous voulez ajouter une photo de votre produit comme image d’arrière-plan, mais ne souhaitez pas recourir aux services d’un photographe professionnel, découvrez nos astuces pour prendre de superbes photos avec une boîte à lumière à fabriquer vous-même.

Arrière-plan vidéo

Blocs compatibles : blocs En-tête, Bannière, Réservation et Image

Formats compatibles : vidéos de YouTube ou Vimeo

Astuce : les vidéos slow-motion sont idéales comme fonds de site

Instructions : Comment ajouter des vidéos à mon site Web ?

Exemple de vidéo d’arrière-plan sur un site Jimdo

Les vidéos d’arrière-plan font toujours de l’effet, mais il faut trouver un bon équilibre entre un fond de site à couper le souffle et un arrière-plan qui ne distraira pas vos visiteurs. Tout élément animé sur votre site attirera l’attention, les vidéos sont donc un excellent moyen de transmettre des informations clés à vos visiteurs.

Le clip parfait

Pour ajouter une vidéo sur votre site Dolphin, vous devez choisir une vidéo postée sur YouTube ou Vimeo. Vous pouvez opter pour un clip vidéo libre de droit sur des sites comme Pond5 ou AllTheFreeStock.

Les blocs En-tête, Bannière, Réservation et Image vous permettent de mettre en avant des vidéos sur toute la largeur de l’écran. Ils s’adapteront parfaitement sur téléphone et tablette. Nous vous recommandons de choisir des vidéos HD, car elles resteront nettes même sur de grands écrans.

Zappez le son

Lorsque vous ajoutez une vidéo dans l’un de vos blocs, sa lecture est automatique et sans son. Les sites qui vous accueillent avec un son assourdissant peuvent être rédhibitoires. Jouer un air ou une musique à l’arrivée sur un site est l’un des moyens les plus efficaces pour faire fuir les visiteurs.

Il est parfois difficile de lire du texte ajouté par dessus une vidéo. Mais rassurez-vous, nous avons réglé ce problème ! Lorsque vous ajoutez du texte ou un bouton par dessus votre vidéo de fond, un filtre semi-transparent est automatiquement appliqué à votre vidéo. Ainsi, vos visiteurs pourront la visionner et lire votre texte sans soucis.

Conseil de pro : Essayez d’utiliser une vidéo courte. Quand votre vidéo sera terminée, celle-ci redémarrera automatiquement depuis le début.

Arrière-plan de couleur unie

Si la photographie n’est pas vraiment votre tasse de thé, il existe de nombreuses options en ligne pour le fond de votre site. Essayez par exemple de mettre des blocs de couleurs unies pour créer un fond sympa et pétillant. Assurez-vous que les couleurs choisies correspondent à votre branche et à l’ambiance que vous voulez créer sur votre site.

Blocs compatibles : tous les blocs sur votre site Jimdo

Couleurs possibles : n’importe quelle couleur de votre charte graphique

Astuce : les couleurs vives peuvent prendre le dessus sur les contenus de votre site, optez plutôt pour une teinte subtile pour votre fond de site

Instructions : Comment modifier la couleur d’un bloc ?

Exemple de couleur unie en arrière-plan sur le site Jazz Coaching & Training

Restez fidèle à votre charte graphique

Choisissez une couleur de fond pour votre site en accord avec la charge graphique de votre marque. Si vous n’avez pas encore défini les couleurs de votre charte, commencez par sélectionner une palette correspondant à la personnalité de votre entreprise. Les gens associent différentes teintes à certaines émotions. Si vous utilisez systématiquement les mêmes couleurs partout, le public reconnaîtra plus facilement votre marque.

La plupart des marques utilisent une combinaison de couleurs. Choisissez une palette subtile pour votre site. Si aucune des couleurs de votre charte graphique n’est adaptée, optez pour un fond blanc. Le blanc est une couleur neutre, moderne et épurée, elle ne prendra pas le dessus sur votre contenu.

Des couleurs contrastantes mettront l’accent sur vos blocs. Par exemple, si l’arrière-plan de votre site est blanc partout, un bloc rose, vert ou noir se remarquera tout de suite. Cette astuce est très utile lorsque vous souhaitez mettre en évidence un bouton d’appel à l’action clé.

Créez votre site

Misez sur le minimalisme

L’arrière-plan peut également affecter la lisibilité de vos textes. Si vous voulez plutôt que vos visiteurs se concentrent sur votre contenu, il est alors préférable d’utiliser un arrière-plan blanc. L’espace blanc confère un style élégant et clair, qui renverra par exemple l’image d’une entreprise traditionnelle ou sérieuse.

Conseil de pro : Vous recherchez quelque chose de plus rustique ? Testez des fonds texturés comme le bois ou le textile pour rehausser votre site.

Ne sous-estimez pas le pouvoir d’un arrière-plan original ! Ayez un peu d’imagination et vos visiteurs garderont une bonne impression de votre site. Faites des essais afin de trouver ce qui vous correspond le mieux et amusez-vous !

Créez un site pour votre entreprise avec Jimdo

Frank van Oosterhout
Frank est concepteur-rédacteur pour Jimdo et s'intéresse particulièrement au référencement SEO et à l'entrepreneuriat. Quand il ne travaille pas, il fait son propre pain, entretient ses plantes sur son balcon ou est en train de courir.
Produit recommandé

Site internet Jimdo