Ajouter une photo sur mon site
Dans ce tutoriel, nous allons vous guider pour comprendre l'utilisation de la galerie média et pouvoir ajouter ou modifier des images de votre site.
1. Les pré-requis avant d'ajouter une image à la galerie
Pour ajouter ou modifier des images sur votre site, il faut d'abord s'assurer de leur format, taille et qualité, pour ensuite les ajouter dans la galerie média pour pouvoir les utilisez selon vos envies.
- Assurez-vous que votre image ne soit pas floue, de mauvaise qualité, mal cadrée ou avec un format non adapté à vos besoins (privilégiez les photos en format paysage pour le site web) : Le format pour les blocs "content", "galerie", et pour les catalogues (actualités, blog...) est 620x465.
Pour les autres blocs, la taille est variable en fonction du rendu. Le content 0 est totalement libre donc vous pouvez ajouter une image de n'importe quelles dimensions.
- Il est recommandé d'avoir des images ne dépassant pas les 1 Mo ou 2 Mo pour ne pas alourdir le site, ce qui pourrait pénaliser la vitesse de chargement du site. Et par rebond, le référencement (car Google aime les sites légers).
2. Ajouter une image dans la galerie média
Pour ajouter une image sur votre site, rendez-vous tout d'abord dans "Média".
Dans cette galerie photos, vous retrouverez toutes les images que vous avez importées sur la plateforme. Cliquez sur "Ajouter une image".
2.1. Choisir le ratio
Vous devez choisir tout d'abord le ratio, c'est-à-dire les dimensions de votre image.
Pour comprendre les différents type de ratio, il faut savoir que cela signifie longueur : largeur, donc pour le ratio 4:1 par exemple, la longueur de l'image est 4 fois plus grande que la largeur, l'image est donc un rectangle au format paysage.
Plus la différence entre les deux nombres est grande, plus l'image aura une forme "étiré". Au contraire, le ratio 1:1 correspond à une image carré, donc longueur = largeur.
Pour référence, on peut aussi citer le ratio 9:16 qui est celui d'une photo prise par un téléphone en format portrait. Ce n'est pas un ratio très adapté pour un site internet, c'est pour cela que nous vous conseillons des ratios plus adaptés. (Donc si vous faite vos propres photos, assurez vous aussi de les prendre dans un bon format 😉)
Comme indiqué précédemment, le format pour les blocs "content", "galerie", et pour les catalogues (actualités, blog...) est 620x465, donc un ratio de 4:3. Pour les autres blocs, la taille est variable en fonction du rendu. Le content 0 utilise des images de toute dimension et est totalement libre.
Si vous choisissez un ratio mais votre image n'est pas aux bonnes dimensions, vous pourrez la recadrer avec un cadre qui aura automatiquement les bonnes dimensions.
Pour ajouter votre image, le plus simple est de la glisser-déposer au centre de cette fenêtre ou de cliquer au milieu pour la chercher dans vos dossiers.
De plus, vous avez la possibilité d'ajouter une photo présente sur un Google drive, sur Facebook ou Instagram. Vous pouvez aussi coller le lien de l'adresse URL de l'image, ou le rechercher sur internet (attention, pour pouvoir utiliser une image sur internet, il faut soit acheter les droits soit trouver une image libre de droit).
Justement, pour trouver plus facilement des images libres de droit de qualité, nous vous présentons une nouveauté : Unsplash.
2.2. Utilisation de la banque d'images libres de droit Unsplash
Cliquez sur l'icône avec la photo sur la gauche, et tapez un mot-clé pour décrire l'image que vous recherchez. Vous pouvez sélectionner au total 10 images en même temps.
Si vous souhaitez ajouter plusieurs images avec des mots-clés différents, sélectionnez vos images, cliquez sur "Voir / Modifier la sélection", puis sur le bouton "Ajouter plus" et ajouter vos photos.
Vous avez aussi la possibilité de recadrer vos images en cliquant sur le bouton "Rogner".
2.3. Recadrer vos photos
Pour recadrer votre image, bougez les angles comme vous le souhaitez.
Cette fenêtre s'ouvrira automatiquement avec un cadre adapté au ratio si vous avez choisi un ratio différent de "Libre".
Vous pouvez aussi recadrer votre image dans un format rond.
2.4. Renommer les photos
Une fois votre image sélectionnée, vous pouvez donner un titre à votre image. Le titre d'une image doit contenir les mots-clés choisis pour votre référencement (SEO). Vous pouvez aussi ajouter un tag à votre photo pour la retrouver plus facilement dans la galerie. Enfin, cliquez sur "Ajouter".
Si vous avez fait une erreur, pas de soucis ! Vous pourrez modifier le titre et le tag de votre photo à tout moment en cliquant dessus.
Sur cette fenêtre, vous avez aussi la possibilité de directement traduire le titre de vos images dans les langues dans lesquelles votre site est disponible.
3. Ajouter l'image sur votre site
Vous avez bien ajouté votre image à la galerie, il faut maintenant l'ajouter sur le site.
Ajoutez ou éditez le bloc de votre choix. Dans cet exemple nous utiliserons un bloc "Content 0".
Cliquez sur " Galerie".
Pour retrouver votre image rapidement, vous pouvez utiliser les filtres.
Vous pouvez les trier en fonction des tags, en fonction de si l'image est déjà sur le site ou non, en fonction du ratio ou encore en fonction de l'extension (PNG ou JPG).
Vous pouvez aussi directement taper le titre de l'image pour la retrouver.
Si vous ne l'avez pas ajoutée à la galerie avant, pas de problème ! Pour certains éléments (comme les blocs), vous pouvez directement ajouter vos images dans la galerie en cliquant sur "Ajouter une image". Attention, ce n'est pas le cas pour les images de contenus (Actualités, blog ...), c'est pour cela que nous vous conseillons de préalablement les ajouter à la galerie.
À noter aussi, en fonction du bloc choisi, la galerie photos ajoutera automatiquement les filtres pour ne voir que les images qui sont adaptées au bloc. Et quand vous cliquez sur "Ajouter une image", le ratio sera choisi automatiquement.
Sélectionnez votre image, cliquez sur "Enregistrer", et voilà, vous savez maintenant comme fonctionne la nouvelle galerie média !
Related Articles
Ajouter Klixi en Raccourci sur votre Mobile
Pour rajouter l'icone Klixi sur votre mobile comme une application, connectez-vous comme d'habitude sur votre interface Klixi depuis un mobile (en passant par votre navigateur préféré) Sur Android Cliquez sur les 3 petits points à côté de l'url ...Pourquoi mon menu s'affiche sur 2 lignes ?
Dans votre barre de navigation, vos menus se retrouvent sur deux lignes et vous ne comprenez pas pourquoi. Nous avons développé la Toolbox de façon à ce que les sites soient responsives, c'est à dire qu'ils s'adaptent à la largeur de l'écran utilisé. ...Ajouter un utilisateur à mon compte
Pour ajouter un nouvel utilisateur à votre interface Klixi, allez dans votre "compte" Allez dans l'onglet "ayant-droits" Indiquez l'email de la personne à ajouter et cliquez sur "ajouter" Pour se connecter à l'interface, l'ayant-droit devra aller sur ...Google My Business > Ajouter un administrateur / utilisateur
Sur Google My Business, vous pouvez mettre plusieurs utilisateurs de la fiche avec des droits différents. Cela peut être un ajout temporaire ou définitif. Si vous souhaitez que nous lions pour vous votre Google My Business à Klixi, il faut pour cela ...J'ai oublié mon mot de passe Klixi
Vous avez oublié votre mot de passe ? Pas de soucis, nous pouvons en générer un autre. Rendez-vous sur le site https://www.klixi.io/fr Cliquez sur "Indépendants" en haut à gauche du site (au-dessus du logo Klixi). La fenêtre pour se connecter ...
Popular Articles
Comment optimiser mon référencement ?
Avoir un site c'est bien, mais évidemment, vous souhaitez qu'il soit bien référencé et nous aussi ! Quelles sont les choses à savoir pour optimiser votre référencement ? - Sélectionnez 3 ou 4 expressions qui seront vos mots clés. => Identifiez ...Synchroniser mon agenda klixi avec un autre agenda
Vous souhaitez envoyer tous vos RDV pris via votre site web klixi sur un autre agenda (google, balinéea, treatwell..) ? Cela est maintenant possible ! Nous vous proposons de synchroniser un agenda tiers avec notre agenda klixi. Attention, cette ...Ais-je accès aux balises de référencement
Pour le référencement de votre site sur les moteurs de recherche, vous trouverez ce qu'on appelle des balises un peu partout dans le code du site. Il en existe de plusieurs sortes comme la META NAME="keywords", META NAME="description", H1, H2, alt, ...Paramétrage de l'e-commerce (livraison, moyens de paiement, alertes aux clients, etc ..)
Pour vendre des produits sur votre site, un "petit" paramétrage s'impose ;) Nous allons voir dans ce tutoriel comment paramétrer : les catégories de produits que vous allez proposer (pour permettre à l'internaute de comprendre facilement où les ...Proposer des produits à la vente
Une fois que vous avez paramétré le fonctionnement de base de votre e-commerce (moyens de paiement, de livraison, stock, alertes ..), vous devez préparer votre catalogue produits. Cela se fait en 2 étapes : les articles les offres Les offres sont les ...