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.

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.

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 :

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 .
3. Une fois que vous avez effectué vos modifications, cliquez sur Enregistrer.

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.

Conseil : 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 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.

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 :

• Avenue
• Flatiron
• Montauk
• Supply
• York

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 :

• Bedford
• Brine
• Pacific

Astuce : 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 :

• Forte
• Momentum
• Tremont

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.

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.

Astuce : 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 :

• Grille – Sur une page Disposition, créez une grille d’images avec des liens de redirection.
• Empilé – Ajoutez des images et du texte à une page Disposition.
• Diaporama – Ajoutez une page de couverture et insérez plusieurs images dans l’onglet Médias.