créer une galerie de photos sur Squarespace, avec le bloc Galerie

Cet article plaira particulièrement aux photographes, artistes, designers, et tout autre professionnel créatif ! Créer une galerie sur Squarespace est une excellente manière de mettre en valeur vos produits ou projets. Dans cet article, nous allons voir comment créer une galerie de photos pour son site Squarespace. Il y a plusieurs manières de faire, en revanche pour cette approche, nous allons nous concentrer sur l’utilisation du bloc Galerie.

les galeries Squarespace, pour quels entrepreneurs ?

pour les photographes

Les photographes peuvent mettre en avant leur travail et leur portfolio, grâce aux galeries, avec des images haute résolution et des transitions fluides. L’idée est de proposer une expérience visuelle immersive.

pour les artistes et designers

Une galerie sera essentielle pour exposer leurs créations de manière esthétique et professionnelle. Les galeries peuvent également intégrer des descriptions et des détails sur chaque pièce, offrant un contexte et une profondeur supplémentaires à l'œuvre présentée.

pour les e-commerçants

Complètement sous-coté, et pourtant ! Les commerçants en ligne peuvent utiliser les galeries pour afficher leurs produits sous différents angles et styles. Cela permet aux clients potentiels de voir les détails des produits : on veut générer de la confiance ! Alors on joue sur la qualité et l'apparence des articles, et on permet aux visiteurs de se projeter, en incluant des images de produits en utilisation.

pour les architectes et décorateurs d'intérieur

Quoi de plus parlant qu’un avant/après, sous forme de galerie ? Les galeries vont valoriser le travail réalisé, mettre en avant les transformations spectaculaires, et valoriser les matériaux utilisés et les détails uniques.

le tips de l’experte 📍 on veut optimiser ses photos avant de les intégrer ! 

L’un des écueils habituels sur les sites réalisés en autonomie, c’est le poids des images. Celui-ci est habituellement trop important. Rappel à toute fin utile : 

✅ Une photo de bannière, c’est 2000px de large, 1500px de hauteur, pour 1Mo maximum.

✅ Une image d’illustration, ses dimensions varieront en fonction de son emplacement et de vos choix esthétiques, mais son poids ne doit idéalement pas dépasser 250Ko.

comment trouver des images libres de droits ?

Lorsque l'on construit un site web, chaque détail compte. J’entends parfois (souvent) mes clients me dire : “le design, c’est pas mon métier !” ; cependant, avec la bonne approche, il devient plus simple de ne pas passer à côté de certains détails… qui n’en sont pas 🫡 comme, la colorimétrie ! Dans cet article et la vidéo associée, nous allons voir où trouver des images de droit, et pourquoi faire attention à la colorimétrie est indispensable.

vers l'article

mais pourquoi donc optimiser ses photos avant de les intégrer à Squarespace ? ou pourquoi les optimiser tout court ?

une expérience utilisateur améliorée

Les visiteurs s'attendent à ce que les sites se chargent rapidement et offrent une expérience fluide. Quand on sait que 55% du trafic mondial est mobile, on comprend l’intérêt de la vitesse de chargement d’un site ! Des images optimisées contribuent à une navigation plus rapide et plus agréable, ce qui peut encourager les visiteurs à explorer plus de pages sur votre site et à interagir davantage avec votre contenu.

l’amélioration de votre SEO (aka, votre référencement) 

Les moteurs de recherche, comme Google, prennent en compte la vitesse de chargement des pages dans leur algorithme de classement. Et oui ! En ayant des images optimisées, votre site se charge plus rapidement, ce qui peut améliorer votre classement dans les résultats de recherche.

comment créer votre galerie de photos avec Squarespace ?

le code CSS à appliquer pour modifier la couleur des flèches du carrousel :

.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
  color: red !important;
  background-color: blue !important;
}

plus d’articles et de tuto CSS

Webdesigner et consultante Squarespace, j’accompagne et je crée pour mes clients des sites intelligents, stratégiques et haut de gamme. On travaille ensemble ?

Personnalisez en quelques clics et copier-coller votre site Squarespace : intégrer votre police, personnaliser les cookies… sans apprendre à coder !