Ajouter un logo à votre site

Affichez un logo propre à votre marque dans l’en-tête de votre site.

Dernière mise à jour le 17 décembre 2024

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.

Comment optimiser :

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.

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 :

  1. Cliquez sur Modifier en haut à gauche de l’aperçu de votre site.
  2. Survolez l’en-tête et cliquez sur Modifier l’en-tête du site.
  3. Cliquez sur le titre ou le logo de votre site, puis sur l’icône crayon.
  4. 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.
  5. Utilisez les curseurs pour modifier la hauteur du logo sur les écrans responsifs ou sur les appareils mobiles.
  6. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez également cliquer sur Quitter, puis sur Enregistrer pour fermer l’éditeur.

Pour ajouter une image à utiliser comme logo :

  1. Survolez le titre d’une page et cliquez sur Modifier. Le panneau Logo et titre s’ouvre. (Vous pouvez également ouvrir le panneau Design, puis cliquer sur Logo et titre.)
  2. 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.
  3. Cliquez sur Enregistrer et actualisez la page.

Pour ajouter une image à utiliser comme logo :

  1. Appuyez sur Plus, puis sur Design et enfin sur Logo et titre.
  2. Appuyez sur Logo.
  3. Appuyez sur Ajouter une image.
  4. 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....
  5. 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 :

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 :

  1. Cliquez sur Modifier en haut à gauche de l’aperçu de votre site.
  2. Survolez l’en-tête et cliquez sur Modifier l’en-tête du site.
  3. Dans le coin supérieur droit de votre écran, sélectionnez l’icône Ordinateur pour l’affichage sur ordinateur.
  4. Cliquez sur Modifier le design
  5. Cliquez sur la disposition actuelle pour passer en revue toutes les options, puis cliquez sur celle de votre choix.
  6. Dans le coin supérieur droit de votre écran, cliquez sur l’icône Mobile et suivez les mêmes étapes pour définir la position de votre logo pour l’affichage sur mobile.  
  7. Cliquez sur l’icône Ordinateur pour revenir à l’éditeur d’en-tête principal.
  8. Cliquez sur votre logo, puis sur l’icône crayon.
  9. 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.
  10. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez également cliquer sur Quitter, puis sur Enregistrer pour fermer l’éditeur.

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.

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 :

  1. Cliquez sur Modifier en haut à gauche de l’aperçu de votre site.
  2. Survolez l’en-tête et cliquez sur Modifier l’en-tête du site.
  3. Cliquez sur votre logo, puis sur l’icône crayon.
  4. Sous l’image de votre logo, cliquez sur Remplacer pour choisir un nouveau logo. Pour supprimer votre logo, cliquez sur les trois points, puis sélectionnez Supprimer.
  5. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez également cliquer sur Quitter, puis sur Enregistrer pour fermer l’éditeur.

Pour supprimer le logo du site :

  1. Ouvrez le panneau Design, puis cliquez sur Logo et titre.
  2. Faites défiler la page et survolez votre logo. Cliquez sur l'icône de la corbeille pour supprimer l'image.
  3. Cliquez sur Enregistrer.
  1. Appuyez sur Plus, puis sur Design et enfin sur Logo et titre.
  2. Appuyez sur Logo.
  3. Appuyez sur Supprimer sous l’image.
  4. 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.

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

Astuce

si votre site utilise la version 7.1, utilisez les paramètres d’en-tête pour modifier la taille du logo.

La marche à suivre pour redimensionner votre logo dépend de votre famille de templates. Ouvrez le panneau Design et utilisez les ajustements ci-dessous pour augmenter ou diminuer la taille de votre logo. 

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.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.