Remarque : même si nos guides les plus populaires ont été traduits en espagnol, certains guides sont uniquement disponibles en anglais.
Using Index Pages

La page d’index rassemble les images et le contenu de différentes pages et les organise visuellement de façon à former une page de destination unique où les visiteurs peuvent parcourir le contenu de plusieurs sous-pages à la fois.

La page d’index est disponible dans certains modèles.

Regarder une vidéo

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

Mises en page de la page d’index

Chaque famille de modèles 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 vignette sur la page. Cliquer une vignette ouvre la page associée. Ce design crée une grille de navigation visuelle associée au contenu de tout votre site. Voici un exemple.
  • Empilé - Une page unique à faire défiler composée de sections créées par les différentes pages du site. 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 image d'arrière-plan à fond perdu avec superposition du contenu. Cliquer sur le titre de la page ouvre la page associée. C'est 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 d’index dans votre navigation dépend du modèle. Pour ajouter un menu déroulant de pages à la navigation quel que soit le modèle, il suffit de créer un dossier. Pour en savoir plus, consultez l’article Dossiers et pages d’index.

Comparaison des fonctionnalités de la Page Index

Utilisez ce tableau pour comparer les différents styles d’index. Les modèles sont regroupés par famille. Si votre modèle ne figure pas dans le tableau, cela signifie qu’il ne prend pas en charge les pages d’index.

Template  Style Vignettes Pages supportées
Avenue Grille Requises Album, Blog, Galerie, Évènements, Produits, Normales

Famille Bedford

Anya, Bryant, Bedford, Hayden

Empilé Optionnelles Normales

Famille Brine

Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West

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

Famille Montauk

Julia, Kent, Montauk, Om

Grille Requises Album, Blog, Galerie, Évènements, Produits, Normales

Famille Pacific

Charlotte, Fulton, Horizon, Naomi, Pacific

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

Famille Tremont

Camino, Carson, Henson, Tremont

Diaporama Optionnelles Album, Blog, Galerie, Évènements, Produits, Normales

Famille York

Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, York

Grille Optionnelles Album, Blog, Galerie, Évènements, Produits, Projets, Normales

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

Étape 1 - Ajouter une Page Index

Si votre template supporte la Page Index, suivez les étapes suivantes :

  1. Dans le menu d’accueil, cliquez sur Pages.
  2. Cliquez sur l’icône +, puis sur Index. Toutefois, si vous avez choisi un index empilé pour votre modèle, l’icône sera légèrement différente de celle présentée dans la capture d’écran ci-dessous.
  3. Donnez un titre à votre Index, puis appuyez sur Entrée ou Retour.

1.png

Étape 2 - Modifier les paramètres de la page d’index (facultatif)

Vous pouvez modifier les paramètres de la page d’index tels que le titre et le slug de l’URL. Il se peut en effet que le titre, la description et l’image miniature apparaissent en haut de la page sur certains modèles.

Desktop Squarespace App

Pour modifier les paramètres de la page d’index :

  1. Dans le panneau Pages, placez votre curseur sur l’index.
  2. Cliquez sur l'icône icône-roue-dentée.
  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.

2.png

Pour modifier les paramètres de la page d’index :

  1. Appuyez sur l’icône Pages.
  2. Appuyez sur le titre de la page d’index.
  3. Appuyez sur l’icône ... en haut à droite.
  4. Une fois les modifications effectuées, appuyez sur Enregistrer en haut à droite.

Étape 3 - Ajouter, modifier et déplacer des pages

Vous pouvez maintenant organiser le contenu de l’index en ajoutant, en modifiant et en déplaçant des pages. Chaque page crée une nouvelle section dans l’index.

Astuce : vous pouvez ajouter jusqu'à 100 pages à une Page Index, mais nous recommandons de ne pas en ajouter plus de 25. Plus vous ajoutez de contenu, plus la page mettra du temps à charger.
Desktop Squarespace App

Ajouter des pages

  1. In the Pages panel, click + Add Page below the Index Page. Depending on your template, you may see + Add Section+ Add Galleryor Page, or + Add Project instead.

3.png

  1. Cliquez sur une icône dans le menu Créer une nouvelle page pour ajouter des pages. Le menu vous indiquera les pages prises en charge par l’index de votre modèle. Par exemple, la page d’index Momentum ne prend en charge que les pages Galerie. Les pages standard sont appelées sections de contenu.

  2. Vous pouvez également glisser et déposer des pages existantes dans l'Index.

  3. Vous pouvez également ajouter des sections grâce au menu Gérer les sections, cependant cette option n’est disponible qu’avec les index empilés.

Remarque : les pages désactivées ne s'afficheront pas.

Créer les pages

For grid or slideshow Index Pages, add content to any Regular Page or collection page as you would normally.

Pour les Pages Index empilées, cliquez sur le titre dans la section Pages pour atteindre ce champ dans l'aperçu. Ajoutez du contenu en utilisant l'Annotation de modification de l'aperçu de page. Vous pouvez aussi faire glisser des champs hors de l'Index pour les modifier. Hors Index, les champs de Contenu deviennent des Pages Normales.

Réorganiser les pages

L'ordre des pages dans la section Pages correspond à leur ordre d'affichage sur la page Index. Faites-les cliquer-glisser pour les réorganiser.

Astuce : 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 par mot de passe via ses Paramètres de 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, rendez-vous sur Mots de Passe et Pages Index.

Ajouter des pages

Après avoir ajouté une page d’index sur votre ordinateur, vous pouvez utiliser l’application Squarespace pour y ajouter des pages standard.

  1. Appuyez sur l’icône Pages.
  2. Appuyez sur Ajouter en bas d’une section de navigation pour ajouter une nouvelle page standard.
  3. Appuyez sur la flèche en haut à gauche pour fermer la nouvelle page.
  4. Appuyez sur Modifier en haut à droite.
  5. Appuyez sur l’icône hamburger à droite du titre de la page et maintenez votre doigt appuyé pendant que vous faites glisser la page sous votre page d’index. Relevez votre doigt lorsque la page est à l’emplacement souhaité.
  6. Appuyez sur Terminé.
Astuce : si la page d’index de votre modèle prend en charge d’autres types de pages, utilisez votre ordinateur pour les ajouter.

Créer les pages

Pour modifier des pages dans votre page d’index :

  1. Appuyez sur le titre de la page dans l’onglet Pages.
  2. Appuyez sur Modifier à côté du titre de la page sur la superposition.
  3. Ajoutez du texte, des images ou d’autres contenus.
  4. Appuyez sur Terminé, puis sur Enregistrer les modifications.

Réorganiser les pages

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

  1. Appuyez sur Modifier 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 d’index par mot de passe :

  1. Appuyez sur le titre de la page d’index dans l’onglet Pages.
  2. Appuyez sur l’icône ... en haut à droite.
  3. Appuyez dans le champ Ajouter un mot de passe et saisissez le mot de passe que vous souhaitez utiliser.
  4. Appuyez sur Enregistrer.

Selon le type de la page d’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.

Étape 4 - Ajouter des vignettes de page

Pour de meilleurs résultats, ajoutez des images miniatures à chaque page ou section de l’index. En fonction du style d’index de votre modèle, l’image peut devenir une miniature de navigation, une bannière ou une image d’arrière-plan.

Sur certains modèles, vous pouvez même ajouter une miniature vidéo. Les pages d’index en grille ne sont cependant pas compatibles avec ce type de miniature, vous serez obligé(e) d’utiliser des images.

Desktop Squarespace App

Pour ajouter des images miniatures à la page d’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 icône-roue-dentée.
  3. Cliquez sur l'onglet Média.
  4. Add a thumbnail image.

Recommencez cette procédure pour chaque page de votre Index.

Pour ajouter des images miniatures à la page d’index :

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

Recommencez cette procédure pour chaque page de votre Index.

Étape 5 - Définir la Page Index en tant que page d'accueil (optionnel)

Il est courant de définir la page d’index comme page d’accueil afin de permettre aux visiteurs de parcourir facilement votre contenu sur une page de destination unique.

Remarque : il est impossible de définir une page ou une section d’un index comme page d’accueil de votre site.
Desktop Squarespace App

Pour définir la page d’index comme page d’accueil :

  1. Survolez le titre de la Page Index avec votre souris.
  2. Cliquez sur l'icône icône-roue-dentée.
  3. Scroll down in the Basic tab, and click Set As Homepage.

6.png

Pour définir la page d’index comme page d’accueil :

  1. Dans l’onglet Pages, appuyez sur le titre de votre page d’index.
  2. Appuyez sur l’icône ... en haut à droite.
  3. Appuyez sur Définir comme page d’accueil.
  4. Appuyez sur Confirmer, puis sur OK.

Étape 6 - Styliser la Page Index

Your template determines the Index's style: grid, stacked, or slideshow. In the Site Styles panel, you'll find tweaks to help you customize how the Index looks.

Grille

Selon votre template, vous pouvez modifier le nombre de vignettes et leur forme, leur étalonnage ainsi que l'affichage des titres de pages. Utilisez les liens ci-dessous pour rechercher le guide correspondant à l'Index de votre template.

Empilé

Vous pouvez modifier les polices de caractères, les éléments de navigation et l'affichage du contenu de la page. Les options varient en fonction du template. Utilisez les liens ci-dessous pour rechercher le guide correspondant à l'Index de votre template.

  • Famille Bedford - Anya, Bryant, Bedford, Hayden
  • Famille Brine - Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West
  • Pacific family - Charlotte, Fulton, Horizon, Naomi, Pacific
Astuce : découvrez nos conseils supplémentaires pour gérer les champs.

Diaporama

Vous pouvez modifier le nom des pages et choisir la façon dont les visiteurs doivent cliquer pour accéder à une page connectée. Les options varient en fonction du template. Utilisez les liens ci-dessous pour rechercher le guide correspondant à l'Index de votre template.

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

Vous pouvez déplacer, ajouter et supprimer les sections des pages d’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. Dans le menu d’accueil, cliquez sur Pages.
  2. Cliquez sur la Page Index.
  3. Placez le curseur sur 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.

  1. Cliquez et faites glisser n'importe quel champ pour le réorganiser.
  2. Utilisez les icônes + et - pour ajouter ou supprimer des champs.
  3. Pour revenir à la section Pages, cliquez sur Back (Précédent) dans le coin supérieur gauche.

Afficher d'autres types de contenus

Pour afficher du contenu provenant d'un type de page non pris en charge au sein d'un Index, ajoutez une Page Normale à l'Index. Puis, utilisez les méthodes suivantes pour afficher le contenu sur cette Page Normale :

  • Articles 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 aussi ajouter des produits individuels avec le Bloc Produit.
  • Images de galerie - Ajoutez un Bloc Galerie. Vous pouvez ensuite le connecter à une Page Galerie existante ou bien y ajouter directement des images. Vous pouvez aussi ajouter des Blocs Image individuels.
  • Événements - Ajoutez des Blocs Calendrier et sélectionnez la collection à afficher.
  • Pistes d'album - Utilisez des Blocs Audio puis ajoutez-y directement des morceaux de musique.

Vous pouvez aussi utiliser le Bloc Archive afin de créer une liste de liens vers des articles de blog, des images de galerie, des produits et des événements.

Astuce : déplacez les pages de collection (telles que les Pages Blog par exemple) dans le champ Hors Navigation afin 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 une autre section de votre site, ajoutez un lien dans la description de n'importe quelle image de galerie, ou bien ajoutez des pages dans votre Navigation Principale afin que les liens s'affichent dans la barre de navigation.

URL spéciales

In the templates listed below, Gallery and Regular Page sub-page URLs include a hashtag (#) when they're opened from the Index Page. Here's an example:

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

The hashtag version of the page has special formatting. Click the links to learn more:

  • Avenue - Uses thumbnail navigation. Page headers and footers don't display. For Gallery Pages, images stack vertically and page titles and descriptions display.
  • Flatiron - Navigation thumbnails and arrows. Regular Pages display page titles and descriptions.
  • The Montauk family (Julia, Kent, Montauk, Om) - Uses thumbnail navigation. Regular Page banners don't display; instead, they show the Index Page banner.

The version of the page with special formatting doesn't appear if there's no hashtag. This happens when:

  • A visitor goes to the sub-page's direct URL (with no hashtag).
  • La sous-page a un mot de passe.
  • The visitor opens the sub-page in a new tab or window.

Search engines don't index the hashtag version of the URL. This stops them from seeing duplicate content for your website, which is an SEO best practice. Visitors who go to sub-pages from search engine results see the version without special formatting. To prevent these pages from appearing in search, add a noindex tag to each sub-page.

Mots de Passe et Pages Index

You can use page passwords to prevent Index content from being publicly visible.

Protégez toute Page Index principale par mot de passe dans ses Paramètres de Page.

La façon dont vous protégez des sous-pages par mot de passe dépend du style de l'Index :

  • For grid and slideshow Indexes, add a password directly to each sub-page.
  • For stacked Indexes, the main Index Page's password protects the sub-pages as well.

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

  • La vignette de la sous-page s'affiche généralement dans la Page Index principale.
  • Lorsqu’un visiteur clique sur cette vignette ou accède à l’URL directe, il est invité à saisir le mot de passe de page.
  • Si les sous-pages ont une mise en forme d’index spéciale, celle-ci ne s’affiche pas.

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 dédié à la Page Index principale.
  • Dans la section 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 attribué à la page, vous ne pouvez plus la faire glisser dans l'Index.
  • Special formatting won't display for Avenue, Flatiron, or the Montauk family (Julia, Kent, Montauk, Om).
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 :
  • The page's thumbnail image and content appears in the Index.
  • La demande d'identification 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 ne pourrez plus la faire glisser de nouveau tant que vous n'aurez pas supprimé le mot de passe.

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 par rapport aux autres pages de Squarespace. Les moteurs de recherche peuvent diriger les visiteurs vers des pages au sein de votre Index, plutôt que vers la Page Index elle-même. Sur certains templates, les pages apparaissent différemment selon qu'elles sont visualisées directement ou via la Page Index.

Si vous partagez une page au sein d'un Index sur un média social, le site peut afficher la page Index au lieu de la page spécifique que vous souhaitez partager. Suivez ces recommandations pour partager une page spécifique :

  • Utilisez l'URL directe de la page. Si elle comprend un symbole #/, supprimez-le avant de partager.
  • Add a thumbnail image and page description in the Index Page Settings.
  • Les pages de démo comportent un tag « noindex » qui les rend invisibles aux moteurs de recherche. Il est conseillé de supprimer tout contenu de démonstration de votre page d'index.

Recréer un Index sur d'autres templates

If your template doesn't support an Index Page or the Index Page style you like, there are ways to recreate the look of an Index on any template:

Utiliser un index empilé pour créer des pages plus courtes

En n’ajoutant qu’une ou deux sections à un index empilé, vous pouvez utiliser les fonctionnalités et les styles de l’index tout en créant une page non empilée et d’apparence unique.

Voici un exemple réalisé avec le modèle Brine qui associe une section Contenu à une miniature pour créer une page avec une image d’arrière-plan :

page-background-brine.png

Voici un exemple réalisé avec le modèle Pacific qui utilise une section Contenu pour créer un titre en gras :

content-section.png

Voici un exemple réalisé avec le modèle Brine qui utilise une section Galerie et une section Contenu pour créer une page avec une bannière en diaporama :

brine-slideshow-banner.gif

 

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 87 sur 190