pages Index dans la version 7.0

Dernière mise à jour le 26 mars 2024

Dans la version 7.0, les pages Index permettent d'organiser les images et le contenu de différentes pages dans des dispositions uniques. Ces dernières se présenteront sous la forme d’une page de destination où les visiteurs pourront parcourir le contenu de plusieurs sous-pages à la fois.

Les pages Index sont disponibles dans certains templates.

Accéder à cette fonctionnalité

Ce guide concerne la version 7.0. Dans la version 7.1, vous pouvez utiliser des sections de page pour un effet similaire aux dispositions des pages Index empilées, ou des pages Portfolio pour un effet aux dispositions des pages Index en grille.

Regarder une vidéo

Pour voir le fonctionnement d’une page Index, vous pouvez visionner cette vidéo :

Mises en page de la page Index

Chaque famille de templates possède son propre style d’index, qui s’inscrit dans l’une des trois catégories suivantes :

  • Grille - Chaque page de l’index crée une image sur la page. Lorsque le visiteur clique sur une image, la page associée s’affiche. Ce design crée une grille de navigation visuelle associée au contenu de tout votre site. Voici un exemple.
  • Empilé - Chaque page de l’index crée une section dans une page unique à faire défiler. Les sections s’empilent verticalement et créent une vue unique pour que les visiteurs puissent parcourir facilement toutes les informations, comme un dépliant que vous pouvez ouvrir de façon à voir toutes les pages en même temps. Voici un exemple.
  • Diaporama - Chaque page s’affiche comme une image d’arrière-plan en pleine page avec superposition du contenu. Lorsque les visiteurs cliquent sur le titre d’une page, la page associée s’affiche. Il s’agit de la solution idéale pour utiliser des images introduisant différents concepts ou portfolios. Voici un exemple.

Sachez également que le lien de la page Index dans votre navigation dépend du template. Pour ajouter un menu déroulant de pages à la navigation quel que soit le template, vous devez utiliser l’option « menu déroulant ». Pour en savoir plus, consultez l’article Menus déroulants et pages Index dans la version 7.0.

KB Guide Image

Comparaison des caractéristiques de la page Index

Voici comment les pages d’index s’affichent dans ces familles de templates. Si votre template ne figure pas dans le tableau, cela signifie qu’il n’a pas de page Index.

Famille de templates Style Images mises en avant Pages supportées
Avenue Grille Requises Album, Blog, Galerie, Événements, Produits, Disposition

Bedford

Empilé Optionnelles Disposition

Brine

Empilé Optionnelles Galerie, Disposition
Flatiron Grille Requises Album, Blog, Galerie, Événements, Produits, Disposition
Forte Diaporama Requises Album, Blog, Galerie, Événements, Produits, Disposition
Momentum Diaporama Optionnelles Galerie

Montauk

Grille Requises Album, Blog, Galerie, Événements, Produits, Disposition

Pacific

Empilé Optionnelles Album, Galerie, Disposition
Supply Grille Requises Album, Blog, Galerie, Événements, Produits, Disposition

Tremont

Diaporama Optionnelles Album, Blog, Galerie, Événements, Produits, Disposition

York

Grille Optionnelles Album, Blog, Galerie, Événements, Produits, Projets, Disposition

Pour configurer votre page Index, suivez les instructions détaillées ci-après.

Ajouter une page Index

Si votre template prend en charge une page Index, procédez comme suit :

Accéder à cette fonctionnalité

Dans l’application Squarespace, l’ajout de nouvelles pages n’est possible qu’avec la version iOS.

  1. Ouvrez le panneau Pages, puis cliquez sur l’icône +.
  2. Sélectionnez Index dans le menu des pages.
  3. Entrez le titre de la page et appuyez sur Entrée pour l’enregistrer. Vous pourrez le modifier ultérieurement.

Modifier les paramètres des pages

Vous pouvez modifier les paramètres de la page Index, tels que son titre et le slug d’URL. Le titre, la description et l’image mise en avant s’affichent en haut de la page sur certains templates.

Pour modifier les paramètres de la page Index :

  1. Dans le panneau Pages, placez votre curseur sur l’index.
  2. Cliquez sur l'icône engrenage.
  3. Une fois que vous avez effectué vos modifications, cliquez sur Enregistrer.
2.png

Pour en savoir plus sur les différentes options disponibles, consultez l’article Paramètres des pages.

Ajouter, modifier et organiser des pages

Vous pouvez ensuite travailler sur le contenu de l’index en ajoutant, en modifiant et en organisant les pages. Chaque page crée une nouvelle section dans l’index.

vous pouvez ajouter jusqu’à 100 pages aux pages Index, mais nous vous recommandons de ne pas en ajouter plus de 25. Plus vous ajoutez de contenu, plus la page mettra du temps à se charger.

Ajouter des pages

Pour ajouter des pages à un index :

  1. Dans le panneau Pages, cliquez sur Ajouter une page sous la page Index. En fonction de votre template, cette option peut s’intituler Ajouter une section, Ajouter une galerie ou une page, ou encore Ajouter un projet.
  2. Cliquez sur une icône dans le menu des pages pour ajouter de nouvelles pages. Le menu vous indiquera les pages prises en charge par l’index de votre template. Par exemple, la page Index Momentum ne prend en charge que les pages Galerie. Les pages Disposition sont appelées sections de contenu.

Autres méthodes

  • Vous pouvez également glisser-déposer des pages existantes dans l’index.
  • Dans le cas des index empilés, vous pouvez ajouter des sections grâce au menu Gérer les sections.

Remarque

Vous pouvez désactiver les pages de l’index.Elles ne s’afficheront pas sur votre siteet seront prises en compte dans la limite de 100 pages de la Page Index.

Créer des pages

Vous pouvez ajouter des contenus à n’importe quelle page Disposition et à n’importe quelle page de collection d’un index en cliquant sur Modifier sur la page. Pour les pages Index empilées, cliquez sur le titre dans le panneau Pages pour faire défiler jusqu’à la section souhaitée dans l’aperçu.

Réorganiser les pages

L’ordre des pages dans le panneau Pages correspond à leur ordre d’affichage sur la page Index. Glissez-déposez les pages pour les réorganiser.

découvrez nos conseils supplémentaires pour les index empilés.

4.png

Passer en revue les pages protégées par mot de passe

Vous pouvez protéger l’index principal en définissant un mot de passe dans les paramètres de la page.

  • Dans les Index empilés, ce mot de passe protégera également les sous-pages.
  • Dans les Index en grille ou en diaporama, ajoutez un mot de passe aux sous-pages individuelles afin de les protéger.

Pour en savoir plus, consultez la section Mots de passe et pages Index.

Ajouter des pages

Pour ajouter des pages à un index dans la version iOS de l’application Squarespace :

  1. Appuyez sur Plus, puis sur Pages.
  2. Appuyez sur Ajouter sous la page Index.
  3. Appuyez sur le type de page que vous souhaitez ajouter.
  4. Appuyez sur le champ Titre de la page et ajoutez un titre.
  5. Appuyez sur Créer.

Créer les pages

Pour modifier des pages dans votre page Index :

  1. Appuyez sur le titre de la page.
  2. Appuyez sur Modifier ou sur l’icône crayon à côté du titre de la page sur la superposition.
  3. Une fois le contenu ajouté ou modifié, appuyez sur Terminé ou sur , puis sur Enregistrer les modifications pour confirmer.

Réorganiser les pages

L’ordre des pages dans le panneau Pages correspond à leur ordre d’affichage sur la page Index. Pour changer l’ordre des pages :

  1. Appuyez sur Modifier ou sur l’icône crayon en haut à droite de l’onglet Pages.
  2. Appuyez sur l’icône en forme de hamburger à droite du titre des pages et maintenez votre doigt appuyé pendant que vous déplacez les pages vers le haut ou vers le bas.
  3. Appuyez sur Terminé.

Passer en revue les pages protégées par mot de passe

Pour protéger une page Index par mot de passe :

  1. Appuyez sur le titre de la page Index.
  2. Appuyez sur l’icône ... ou sur l'icône engrenage en haut à droite.
  3. Appuyez dans le champ Mot de passe et saisissez le mot de passe que vous souhaitez utiliser.
  4. Appuyez sur Enregistrer.

Selon le type de la page Index, vous devrez peut-être ajouter des mots de passe à des sous-pages spécifiques :

  • Dans les index empilés, ce mot de passe protégera également les sous-pages.
  • Dans les index en grille ou en diaporama, ajoutez un mot de passe aux sous-pages individuelles afin de les protéger.

Ajouter des images mises en avant de page

Vous pouvez ajouter des images mises en avant à chaque page ou à chaque section de l’index. En fonction du style d’index de votre template, l’image peut devenir une image de navigation, une bannière ou une image d’arrière-plan.

Sur certains templates, vous pouvez ajouter une vidéo mise en avant. Les pages Index en grille ne prennent pas en charge les vidéos en tant qu’images mises en avant. Vous devez donc utiliser des images.

Pour ajouter des images mises en avant d’une page Index :

  1. Dans le panneau Pages, placez le curseur de la souris sur le titre d’une page ou d’une section de votre index.
  2. Cliquez sur l'icône engrenage.
  3. Cliquez sur l’onglet Médias.
  4. Ajoutez une image mise en avant.

Répétez cette opération pour chaque page de votre index.

Pour ajouter des images mises en avant d’une page Index :

  1. Dans l’onglet Pages, appuyez sur le titre d’une page de votre index.
  2. Appuyez sur l’icône ... ou sur l'icône engrenage sur la superposition située à côté du titre de la page. Les paramètres de cette page vont alors s’afficher. (Conseil : n’appuyez pas sur l’icône ... en haut à droite, car elle ouvre les paramètres de l’ensemble de la page Index.)
  3. Sous Options, appuyez sur Médias.
  4. Appuyez sur Ajouter une image pour ajouter une image mise en avant à partir de votre appareil.
  5. Lorsque l’image est chargée, appuyez sur Paramètres de la page pour revenir en arrière, puis appuyez sur Enregistrer.

Répétez cette opération pour chaque page de votre index.

Personnaliser le style de la page Index

Votre template détermine le style de l’index : en grille, empilé ou en diaporama. Le panneau Styles du site propose des ajustements qui vous permettront de personnaliser l’apparence de l’index.

Grille

Vous pouvez modifier le nombre ou la forme des images mises en avant, leur marge intérieure ainsi que l’affichage des titres de pages. Les options disponibles varient selon le template. Cliquez sur les liens ci-dessous pour plus d’informations sur ces familles de templates :

Empilé

Vous pouvez modifier les polices, les éléments de navigation et l’affichage du contenu de la page. Les options disponibles varient selon le template. Cliquez sur les liens ci-dessous pour plus d’informations sur ces familles de templates :

découvrez nos conseils supplémentaires pour gérer les sections.

Diaporama

Vous pouvez personnaliser le style du nom des pages et choisir comment les visiteurs accèderont à une page associée. Les options disponibles varient selon le template. Cliquez sur les liens ci-dessous pour plus d’informations sur ces familles de templates :

Gérer les différentes sections des Index empilés

Vous pouvez déplacer, ajouter et supprimer les sections des pages Index empilés grâce au menu Gérer les sections situé dans le panneau Pages.

Pour ouvrir le menu Gérer les sections :

  1. Ouvrez le panneau Pages.
  2. Cliquez sur la page Index.
  3. Survolez la partie supérieure de l’aperçu du site et cliquez sur Gérer les sections.
7.png

Vous obtiendrez un aperçu global de votre index, plus pratique à utiliser pour faire défiler les sections.

  • Cliquez et faites glisser n'importe quel champ pour le réorganiser.
  • Utilisez les icônes + et - pour ajouter ou supprimer des champs.
  • Pour revenir au panneau Pages, cliquez sur Précédent dans le coin supérieur gauche.

Afficher d'autres types de contenus

Pour afficher le contenu provenant d’un type de page non pris en charge au sein d’un index, ajoutez une page Disposition à l’index. Utilisez ensuite les méthodes suivantes pour afficher le contenu sur cette page Disposition :

  • Billets de blog - Ajoutez un bloc Sommaire et connectez-le à une page Blog.
  • Produits - Ajoutez un bloc Sommaire et connectez-le à une page Produits. Vous pouvez également ajouter des produits individuels avec des blocs Produit.
  • Images de galerie - Ajoutez un bloc Galerie. Vous pouvez le connecter à une page Galerie ou y ajouter directement des images. Vous pouvez aussi ajouter des blocs Image individuels.
  • Événements - Ajoutez des blocs Calendrier et connectez-les à une page Événements.
  • Pistes d’album - Ajoutez des blocs Audio et ajoutez-y directement des morceaux de musique.

Vous pouvez également utiliser des blocs Archive pour créer des listes de billets de blog, d’images de galerie, de produits et d’événements.

déplacez les pages de collection (comme une page Blog) dans la section Hors navigation pour qu’elles n’apparaissent pas dans votre navigation.

Momentum

Le template Momentum ne prend en charge que les pages Galerie. Pour créer un lien vers un autre contenu de votre site, ajoutez un lien dans la description de n’importe quelle image de galerie. Vous pouvez aussi ajouter des pages dans votre navigation principale afin que les liens s’affichent dans la barre de navigation.

URL spéciales

Dans les templates de la liste ci-dessous, les URL des sous-pages des pages Galerie et Disposition contiennent un hashtag (#) lorsqu’elles sont ouvertes à partir de la page Index. En voici un exemple :

http://www.mondomaine.com/#/titre-page

La version hashtag de la page dispose d’une mise en forme spéciale dans les familles de templates suivantes :

  • Avenue utilise les images de navigation et les liens Précédent/Suivant. Les en-têtes et pieds de page ne s’affichent pas. Les images des pages Galerie s’empilent verticalement.
  • Flatiron – Images et flèches de navigation. Les pages Disposition affichent le titre et la description des pages.
  • Montauk utilise une navigation par images. Les bannières des pages Disposition ne s’affichent pas ; la bannière de la page Index apparaît à leur place.

La version de la page avec mise en forme spéciale n’apparaît pas en l’absence du hashtag. Cela se produit dans les cas suivants :

  • Un visiteur accède à l’URL directe de la sous-page (sans hashtag).
  • La sous-page comporte un mot de passe.
  • Le visiteur ouvre la sous-page dans un nouvel onglet ou une nouvelle fenêtre.

Les moteurs de recherche n’indexent pas la version hashtag de l’URL. Cette bonne pratique SEO leur évite de voir du contenu en double lié à votre site web. Les visiteurs qui accèdent aux sous-pages à partir des résultats de recherche consultent la version sans mise en forme spéciale. Pour empêcher ces pages d’apparaître dans la recherche, ajoutez un tag noindex à chaque sous-page.

Mots de passe et pages Index

Vous pouvez utiliser des mots de passe de page pour empêcher le contenu de l’index d’être visible publiquement.

Protégez n’importe quelle page de l’index principal en définissant un mot de passe dans les paramètres de la page.

La procédure à suivre pour protéger des sous-pages par mot de passe dépend du style de l’index :

  • Pour les index en grille ou en diaporama, ajoutez un mot de passe directement à chaque sous-page.
  • Pour les index empilés, le mot de passe de la page Index principale protège les sous-pages.

Pour les sous-pages protégées par mot de passe dans les index en grille ou en diaporama :

  • L’image mise en avant de la sous-page s’affiche généralement dans la Page Index principale.
  • Lorsqu’un visiteur clique sur cette image ou accède à l’URL directe, il est invité à saisir le mot de passe de la page.
  • La mise en forme spéciale ne s’affiche pas dans les familles Avenue, Flatiron ou Montauk.

Pour les index empilés protégés par mot de passe :

  • Si un visiteur accède à l’URL directe d’une sous-page, il est invité à saisir le mot de passe de page de la page Index principale.
  • Dans le panneau Pages, le champ du mot de passe est masqué pour les sous-pages. Faites glisser la page en dehors de l’index pour lui attribuer un mot de passe. Une fois le mot de passe ajouté à la page, cette dernière ne peut plus être glissée vers l’index.

Remarque

par le passé, vous pouviez ajouter un mot de passe aux sous-pages dans un index empilé. Si votre sous-page possède déjà un mot de passe :

  • L’image mise en avant et le contenu de la page s’affichent dans l’index.
  • L’invite de connexion n’apparaîtra pas à moins que le visiteur ne se rende directement sur l’URL de la page.
  • Si vous avez supprimé le mot de passe, le champ de mot de passe disparaît.
  • Si vous faites glisser la page en dehors de l’index, vous devrez supprimer le mot de passe si vous voulez la réinsérer en la faisant glisser.

SEO et partage sur les réseaux sociaux

Étant donné que les index sont des collections de pages, les moteurs de recherche et les sites de réseaux sociaux interagissent avec eux différemment qu’avec les autres pages dans Squarespace. Pour en savoir plus, consultez l’article SEO et partage sur les réseaux sociaux des pages Index dans la version 7.0.

Recréer un index sur d’autres templates

Si votre template ne prend pas en charge la page Index ou le style de page Index que vous préférez, il est possible de recréer l’apparence d’un index, ceci quel que soit le template :

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é.