Affichez un logo propre à votre marque dans l’en-tête de votre site.
Vous pouvez charger une image de logo qui s’affichera à la place du titre de votre site, façon idéale de promouvoir votre marque sur votre site.
Cliquer sur le logo vous dirigera toujours vers votre page d'accueil.
Regarder une vidéo
Ajouter un titre à votre site
Avant d’ajouter votre logo, assurez-vous de remplacer le texte d’espace réservé par défaut Titre de votre site par le nom de votre site, car :
- Le titre du site crée le texte de remplacement du logo.
- Les moteurs de recherche référencent le titre du site et peuvent l'afficher dans les résultats de recherche. Définir un titre de site est une bonne idée en termes de SEO.
- Le titre du site peut s'afficher dans les onglets du navigateur, selon le format de votre titre SEO.
Pour plus de détails, visitez Ajouter un titre de site.
Vérifier les détails de votre image de logo
Comment optimiser :
- Avant de charger votre logo, assurez-vous qu’il soit d’une hauteur similaire à celle que vous souhaitez afficher. Nous n’avons pas besoin des dimensions exactes pour les logos de sites. Cependant, dans la version 7.0, certains templates ont une hauteur ou une largeur de logo maximale. Pour obtenir des informations spécifiques à chaque template, consultez la section Redimensionnement d’un logo sur la version 7.0.
- En cas de doute, il vaut mieux commencer par choisir une image plus grande, étant donné que le redimensionnement des images plus petites est susceptible de les pixéliser.
- Votre logo peut être au format .jpg, .gif ou .png. Pour en savoir plus, consultez nos exigences relatives aux images.
- Le titre du site est remplacé par le logo ; pour y inclure du texte, référez-vous à nos astuces ci-dessous.
Si vous ne disposez pas encore d’un logo, vous pouvez en créer un grâce à la fonctionnalité Squarespace Logo. Vous ne pouvez pas utiliser des images d’archive pour votre logo.
Ajouter une image à utiliser comme logo
La méthode pour ajouter une image logo sur votre ordinateur dépend de la version de votre site. Vous pouvez également ajouter un logo sur l'application Squarespace.
Pour ajouter une image à utiliser comme logo :
- Cliquez sur Modifier en haut à gauche de l’aperçu de votre site.
- Survolez l’en-tête et cliquez sur Modifier l’en-tête du site.
- Cliquez sur Titre du site et logo.
- Dans les sections Image de logo ou Image de logo mobile, cliquez sur + pour ajouter une nouvelle image :
- Pour télécharger une image depuis votre appareil, sélectionnez Charger un fichier.
- Pour réutiliser une image, cliquez sur Sélectionner dans la bibliothèque.
- Faites défiler l’écran vers le bas pour modifier la hauteur du logo sur les écrans réactifs ou sur les appareils mobiles.
- Survolez Terminé et cliquez sur Enregistrer.
Pour ajouter une image à utiliser comme logo :
- Survolez le titre d’une page et cliquez sur Modifier. Le panneau Logo et titre s’ouvre. (Vous pouvez également accéder au Menu principal et cliquer sur Design, puis sur Logo et titre.)
- Faites défiler vers le bas jusqu’à Image de logo. Faites glisser votre image dans l’outil de chargement d’images ou cliquez n’importe où à l’intérieur de cette zone pour sélectionner un fichier enregistré sur votre ordinateur.
- Cliquez sur Enregistrer et actualisez la page.
Pour ajouter une image à utiliser comme logo :
- Appuyez sur Paramètres, puis sur Paramètres du site, puis sur Logo et titre.
- Appuyez sur Logo.
- Appuyez sur Ajouter une image.
- Choisissez une image :
- Prendre une nouvelle photo - Appuyez sur Prendre une photo ou sur Appareil Photo.
- Choisir une image stockée sur votre appareil - Appuyez sur Photothèque ou sur Fichiers.
- Choisir une image stockée sur iCloud - Appuyez sur Insérer à partir de....
- Appuyez sur Retour pour revenir aux paramètres Logo et titre, puis sur Enregistrer pour publier vos modifications.
Après avoir ajouté une image, vous pouvez :
- Modifier votre image
- Remplacer ou supprimer l'image
Affichage de votre logo
Habituellement, le logo s’affiche en haut du site. Le style de votre logo dépend de la version de votre site. La personnalisation de logo ne peut être effectuée que depuis un ordinateur.
Vous pouvez modifier la position et la taille du logo pour la vue sur ordinateur et la vue sur mobile :
- Cliquez sur Modifier en haut à gauche de l’aperçu de votre site.
- Survolez l’en-tête et cliquez sur Modifier l’en-tête du site.
- Cliquez sur l'icône Ordinateur ou Mobile.
- Cliquez sur Disposition de l’en-tête, puis sur la disposition de votre choix.
- Cliquez sur Retour pour revenir à l'éditeur d'en-tête principal, puis cliquez sur l'icône Global.
- Cliquez sur Titre du site et logo.
- Utilisez les curseurs pour modifier la hauteur du logo et la hauteur maximale du logo pour les appareils mobiles. La disposition de l'en-tête pour la vue sur ordinateur que vous avez sélectionnée peut limiter la hauteur du logo.
- Survolez Terminé et cliquez sur Enregistrer.
La position par défaut et les options de déplacement de votre logo varient selon le template et peuvent apparaître différemment sur mobile. Pour en savoir plus, consultez la page Titre du site et affichage du logo.
Pour en savoir plus sur les paramètres de logo de votre site, explorez les options de style de votre template et consultez nos guides des templates.
La plupart des templates vous permettent de modifier la taille du logo. Certains templates ont des limites de hauteur ou de largeur.
Supprimer un logo
La méthode pour supprimer une image logo sur votre ordinateur dépend de la version de votre site. Vous pouvez également supprimer le logo de l'application Squarespace. Lorsque vous supprimez le logo, le titre de votre site réapparaît.
Pour supprimer le logo du site, modifiez l'en-tête :
- Cliquez sur Modifier en haut à gauche de l’aperçu de votre site.
- Survolez l’en-tête et cliquez sur Modifier l’en-tête du site.
- Cliquez sur Titre du site et logo.
- Sous l'image de logo, cliquez sur Remplacer pour choisir un nouveau logo. Pour supprimer le logo, cliquez sur les trois points, puis sélectionnez Supprimer.
- Survolez Terminé et cliquez sur Enregistrer.
Pour supprimer le logo du site :
- Dans le Menu principal, cliquez sur Design, puis sur Logo et titre.
- Faites défiler la page et survolez votre logo. Cliquez sur l'icône de la corbeille pour supprimer l'image.
- Cliquez sur Enregistrer.
- Appuyez sur Paramètres, puis sur Logo et titre.
- Appuyez sur Logo.
- Appuyez sur Supprimer sous l’image.
- Appuyez sur Retour pour revenir aux paramètres Logo et titre, puis sur Enregistrer pour publier vos modifications.
Utiliser un logo contenant du texte
Il est impossible d'afficher un logo et un titre de site en même temps. En revanche, vous pouvez utiliser un logo qui inclut le titre du site.
Le texte compris dans le fichier image utilisé pour votre logo n'étant pas indexable par les moteurs de recherche, nous vous conseillons de conserver le titre de votre site dans le champ Titre du site même si vous utilisez un logo.
Utiliser des arrières-plans transparents
Pour créer un logo sans couleur d'arrière-plan, assurez-vous que votre logo est un fichier au format .png avec un arrière-plan transparent. Vous pouvez utiliser un logiciel tiers pour le créer ou utiliser Squarespace Logo pour créer automatiquement un arrière-plan transparent.
Remarque : si vous modifiez votre image avec notre éditeur d’image intégré, celle-ci sera enregistrée au format .jpg, et tout effet de transparence sera perdu. Pour conserver le format .png, utilisez un logiciel tiers.
Rediriger le logo
Cliquer sur le logo vous dirigera toujours vers votre page d'accueil. Sans l'utilisation de code personnalisé, le logo ne peut pas rediriger vers une page différente de votre site.
Veuillez noter que l'ajout de code à votre site est une modification avancée et que nous ne pouvons pas vous apporter plus d'assistance sur ce sujet.
Redimensionnement d'un logo sur la version 7.0
Conseil : si votre site utilise la version 7.1, utilisez les paramètres d’en-tête pour modifier la taille du logo.
Utilisez les ajustements ci-dessous pour modifier la taille de votre logo dans ces familles de templates :
| Famille de templates | Ordinateur | Mobile |
|
Adirondack |
Hauteur du logo. Hauteur maximale de 125 pixels. | Le titre du site apparaît toujours. |
|
Avenue |
Taille du logo (max). Taille maximale de 300 pixels. | Taille du logo sur les appareils mobiles. Taille maximale de 300 pixels. |
|
Aviator |
Taille du logo et Taille du logo de la page Informations. La taille maximale pour les deux logos est de 100 %. | Taille du logo sur mobile et Taille du logo de la page Informations. La taille maximale est de 100 %. |
|
Bedford |
Largeur du conteneur de logo. Hauteur maximale de 100 pixels. |
Largeur du conteneur de logo. Hauteur maximale de 65 pixels. |
|
Brine |
Largeur du logo dans la section En-tête : Branding. Largeur maximale de 320 pixels. | Largeur du logo dans la section Mobile : Branding. La largeur maximale est de 240 pixels, mais elle est limitée par le point de coupure mobile. |
|
Farro |
Largeur du logo dans la section En-tête : Branding. Largeur maximale de 320 pixels. | Largeur du logo dans la section Mobile : Branding. Largeur maximale de 240 pixels. |
|
Five |
Hauteur du logo (Bannière) et hauteur du logo (Navigation). La hauteur maximale pour les deux est de 480 pixels. |
Même chose que pour l'ordinateur. S'affiche uniquement lorsque Contenu de la bannière : Slogan du logo du titre du site est sélectionné. |
|
Flatiron |
Hauteur de l’image de logo. Hauteur maximale de 200 pixels. | Même chose que pour l'ordinateur. |
|
Forte |
Hauteur maximale de l’image de logo. Hauteur maximale de 200 pixels. | Même chose que pour l'ordinateur. |
|
Galapagos |
Largeur du logo du site. Largeur maximale de 100 %. | Pour le logo mobile : Hauteur de la navigation. |
|
Ishimoto |
Taille de l’image de logo. Taille maximale de 240 pixels. | Même chose que pour l'ordinateur. |
|
Momentum |
Hauteur de l’image de logo. Hauteur maximale de 100 pixels. | Hauteur Fixe. |
|
Montauk |
Taille du logo (max). Taille maximale de 300 pixels. | Même chose que pour l'ordinateur. |
|
Native |
Largeur du logo. Largeur maximale de 1 280 pixels. | Même chose que pour l'ordinateur. Hauteur maximale de 300 pixels. |
|
Pacific |
Largeur du logo. Largeur maximale de 300 pixels. | Comme sur ordinateur. Hauteur maximale de 70 pixels. |
|
Skye |
Hauteur du logo. Hauteur maximale de 120 pixels. | Même chose que pour l'ordinateur. |
|
Supply |
Taille du logo. Taille maximale de 160 pixels. | Hauteur fixe. Sélectionnez Utiliser le titre du site dans l’en-tête mobile si vous préférez afficher le titre du site. |
|
Tremont |
Hauteur du logo. Hauteur maximale de 150 pixels. | Tablette : hauteur du logo et Mobile : hauteur du logo.Hauteur maximale de 150 pixels pour les deux. |
|
Wells |
Largeur de l’image de logo. Largeur maximale de 600 pixels. | Taille de l’image de logo sur mobile. Taille maximale de 255 pixels. |
| Wexley | Taille de l’image de logo (max). Taille maximale de 200 pixels. | Même chose que pour l'ordinateur. |
|
York |
Hauteur du logo (max). Hauteur maximale de 300 pixels. | Largeur du logo dans le champ Mobile : Barre. Largeur maximale de 240 pixels. |