In versie 7.0 rangschikken indexpagina's afbeeldingen en inhoud van verschillende pagina's in unieke lay-outs, waardoor één bestemming ontstaat waar bezoekers inhoud van meerdere subpagina's kunnen bekijken.

Indexpagina's zijn beschikbaar bij bepaalde sjablonen.

Deze handleiding is voor versie 7.0. In versie 7.1 kun je pagina-gedeelten gebruiken voor een effect vergelijkbaar met gestapelde indexpagina-indelingen, of portfolio-pagina's voor een effect op raster-indexpagina-indelingen.

Bekijk een video

Bekijk deze video om te zien hoe de indexpagina werkt:

Indexpagina ontwerpen

Elke sjabloonfamilie heeft zijn eigen indexstijl die in een van de drie ontwerpen valt:

• Raster – Elke pagina in de index genereert een afbeelding op de pagina. Als je op een afbeelding klikt, wordt de gekoppelde pagina geopend. Dit ontwerp vormt een visueel navigatieraster dat linkt naar content op je site. Hier is een voorbeeld.
• Gestapeld – Elke pagina in de index maakt een gedeelte in een enkele scrollende pagina. De gedeelten stapelen zich verticaal, waardoor bezoekers door veel informatie kunnen scrollen, allemaal met een uniform uiterlijk. Zie het als een digitale versie van een pamflet in accordeonformaat dat je kunt openen en alle pagina's tegelijk kunt bekijken. Hier is een voorbeeld.
• Diavoorstelling – Elke pagina wordt weergegeven als een schermbrede achtergrondafbeelding met een content-overlay. Als je op een paginatitel klikt, wordt de gekoppelde pagina geopend. Dit is een uitstekende manier om afbeeldingen te gebruiken om verschillende concepten of portfolio's te introduceren. Hier is een voorbeeld.

Daarnaast is de link naar de indexpagina in je navigatie afhankelijk van het sjabloon. Om in een willekeurig sjabloon een uitklapmenu met pagina's te creëren in je navigatie, maak je in plaats daarvan een uitklapmenu aan. Zie Uitklapmenu's versus indexpagina's in versie 7.0 voor meer informatie.

Featurevergelijking van indexpagina

Zo worden indexen weergegeven in deze sjabloonfamilies. Als je sjabloon niet vermeld staat, heeft het geen indexpagina.

Volg de rest van deze gids om je indexpagina in te stellen.

Een indexpagina toevoegen

Als uw sjabloon een indexpagina ondersteunt, volg dan deze stappen:

In de Squarespace-app is het toevoegen van nieuwe pagina's alleen mogelijk in de iOS-versie.

1. Open het pagina's-paneel, en klik vervolgens op het + -pictogram.
2. Selecteer index in het paginamenu.
3. Voer een paginatitel in en druk vervolgens op Enter om deze op te slaan. Je kunt dit later wijzigen.

Pagina-instellingen bewerken

Je kunt de instellingen van de indexpagina aanpassen, zoals de titel en de URL-slug. In sommige sjablonen worden de titel, beschrijving en uitgelichte afbeelding bovenaan de pagina weergegeven.

Om de instellingen van de indexpagina te bewerken:

1. In het paneel Pagina's, zweef over de index.
2. Klik .
3. Klik na het aanbrengen van wijzigingen op Opslaan.

Zie Pagina-instellingen voor meer informatie over de verschillende opties.

Pagina's toevoegen, bewerken en indelen

Vervolgens bouw je de inhoud van de index op door pagina's toe te voegen, te bewerken en te rangschikken. Elke pagina vormt een gedeelte van de index.

Tip: Je kunt tot 100 pagina's toevoegen aan indexpagina's, maar we adviseren niet om er meer dan 25 toe te voegen. Hoe meer content je toevoegt, hoe langer het duurt voordat de pagina geladen is.

Voeg uitgelichte afbeeldingen toe aan pagina's.

Je kunt uitgelichte afbeeldingen toevoegen aan elke pagina of elk gedeelte in de index. Afhankelijk van de indexstijl van je sjabloon, kan de afbeelding een navigatieafbeelding, een banner of een achtergrondafbeelding worden.

In sommige sjablonen kun je een uitgelichte video toevoegen. Rasterindexpagina's ondersteunen geen video's als uitgelichte afbeeldingen; gebruik in plaats daarvan afbeeldingen.

Stijl de indexpagina

Je sjabloon bepaalt de stijl van de index: raster, gestapeld of diavoorstelling. In het paneel met sitestijlen vind je tweaks waarmee je het uiterlijk van de index kunt aanpassen.

Raster

Je kunt het aantal of het Masker van de uitgelichte afbeeldingen, de opvulling en de manier waarop de paginatitels worden weergegeven, aanpassen. Opties verschillen per sjabloon. Gebruik de onderstaande links voor hulp met deze sjabloonfamilies:

• Avenue
• Flatiron
• Montauk
• Supply
• York

Gestapeld

Je kunt lettertypen, navigatie-elementen en de weergave van pagina-inhoud wijzigen. Opties verschillen per sjabloon. Gebruik de onderstaande links voor hulp met deze sjabloonfamilies:

• Bedford
• Pekel
• Pacific

Tip: Bekijk onze extra tips voor het beheren van gedeelten.

Diavoorstelling

Je kunt paginanamen opmaken en kiezen hoe bezoekers doorklikken naar een verbonden pagina. Opties verschillen per sjabloon. Gebruik de onderstaande links voor hulp met deze sjabloonfamilies:

• Forte
• Momentum
• Tremont

Gestapelde indexgedeelten beheren

In gestapelde indexpagina's kun je gedeelten verplaatsen, toevoegen en verwijderen via Gedeelten beheren in het paneel Pagina's.

Om Gedeeltes beheren te openen:

1. Open het pagina's-paneel.
2. Klik op de indexpagina.
3. Zweef over de bovenkant van de sitepreview en klik op Gedeelten beheren.

Je ziet een uitgezoomde versie van je index, die je kunt gebruiken om gemakkelijker door gedeelten te scrollen.

• Klik en sleep een willekeurig gedeelte om het opnieuw in te delen.
• Gebruik de + en - pictogrammen om gedeeltes toe te voegen of te verwijderen.
• Om terug te keren naar het paneel Pagina's klik je linksboven op Terug.

Laat je andere inhoud zien

Om inhoud van een niet-ondersteund paginatype binnen een index weer te geven, voeg je een lay-outpagina toe aan de index. Gebruik vervolgens de volgende methoden om de inhoud op die lay-outpagina weer te geven:

• Blogposts – Voeg een samenvattingsblok toe en koppel het aan een blogpagina.
• Producten – Voeg een samenvattingsblok toe en koppel dit aan een productpagina. Je kunt ook individuele producten toevoegen met productblokken.
• Galerijafbeeldingen - Voeg een galerieblok toe. Je kunt het koppelen aan een bestaande galeriepagina of er direct afbeeldingen aan toevoegen. Je kunt ook individuele afbeeldingblokken toevoegen.
• Evenementen - Voeg kalenderblokken toe en koppel deze aan een evenementenpagina.
• Albumnummers - Voeg audioblokken toe en voeg er direct nummers aan toe.

Je kunt ook archiefblokken gebruiken om lijsten te maken van blogposts, galerijafbeeldingen, producten en evenementen.

Tip: Verplaats collectiepagina's (zoals een blogpagina) naar het niet-gekoppelde gedeelte, zodat ze niet in je navigatie verschijnen.

Momentum

Het Momentum-sjabloon ondersteunt alleen galeriepagina's. Om te linken naar andere inhoud op je site, voeg een hyperlink toe aan de beschrijving van een galerijafbeelding, of voeg pagina's toe aan je hoofdnavigatie zodat de hyperlinks in de navigatiebalk verschijnen.

speciale URL's

In de hieronder vermelde sjablonen bevatten de URL's van de subpagina's van de galerie en lay-outpagina's een hashtag (#) wanneer ze worden geopend vanaf de indexpagina. Hier is een voorbeeld:

http://www.mydomain.com/#/page-title

De hashtag-versie van de pagina heeft een speciale opmaak in deze sjabloonfamilies:

• Avenue - Maakt gebruik van navigatiebeelden en links naar Vorige en Volgende. De headers en footers van de pagina worden niet weergegeven. Afbeeldingen op galeriepagina's worden verticaal gestapeld.
• Brine - Uitgelichte afbeeldingen worden achtergrondafbeeldingen achter de inhoud in plaats van bannerafbeeldingen boven de inhoud.
• Flatiron – Maakt gebruik van navigatieafbeeldingen en pijlen. Lay-outpagina's geven paginatitels en beschrijvingen weer.
• Montauk - Maakt gebruik van beeldnavigatie. De banners op de lay-outpagina worden niet weergegeven; in plaats daarvan wordt de banner van de indexpagina getoond.

De versie van de pagina met speciale opmaak verschijnt niet als er geen hashtag is. Dit gebeurt wanneer:

• Een bezoeker gaat naar de directe URL van de subpagina (zonder hashtag).
• De subpagina heeft een wachtwoord.
• De bezoeker opent de subpagina in een nieuw tabblad of venster.

Zoekmachines indexeren de hashtagversie van de URL niet. Dit voorkomt dat ze dubbele content van je website te zien krijgen, wat een goede SEO-praktijk is. Bezoekers die subpagina's bezoeken vanuit zoekresultaten, zien de versie zonder speciale opmaak. Om te voorkomen dat deze pagina's in de zoekopdracht verschijnen, voeg je een noindextag toe aan elke subpagina.

Wachtwoorden en indexpagina's

Je kunt paginawachtwoorden gebruiken om te voorkomen dat de inhoud van de index openbaar zichtbaar is.

Beveilig elke indexpagina met een wachtwoord in de pagina-instellingen.

Hoe je subpagina's met een wachtwoord beschermt, hangt af van de indexstijl:

• Voor raster- en diavoorstellingindexen voeg je een wachtwoord rechtstreeks toe aan elke subpagina.
• Voor gestapelde indexen beschermt het wachtwoord van de hoofdindexpagina de subpagina's.

Voor met wachtwoord beveiligde subpagina's in raster- en diavoorstellingsindexen:

• De uitgelichte afbeelding van de subpagina wordt normaal weergegeven op de hoofdindexpagina.
• Wanneer een bezoeker op die afbeelding klikt, of naar de directe URL gaat, wordt men gevraagd het paginawachtwoord in te voeren.
• Speciale opmaak wordt niet weergegeven voor de families Avenue, Flatiron of Montauk.

Voor wachtwoordbeveiligde gestapelde indexen:

• Als een bezoeker naar de directe URL van een subpagina gaat, wordt men gevraagd om het wachtwoord van de hoofdindexpagina in te voeren.
• In het pagina's-paneel is het wachtwoordveld verborgen voor subpagina's. Sleep de pagina uit de index om een wachtwoord in te stellen. Nadat je een wachtwoord hebt toegevoegd aan een pagina, kun je deze niet naar een index slepen.

Opmerking: In het verleden kon je wachtwoorden toevoegen aan subpagina's in een gestapelde index. Als je subpagina al een wachtwoord heeft:

• De uitgelichte afbeelding en inhoud van de pagina verschijnen in de index.
• De log-inprompt verschijnt alleen als de bezoeker naar de directe URL van de pagina gaat.
• Als je het wachtwoord verwijdert, verdwijnt het wachtwoordveld.
• Als je de pagina uit de index sleept, kun je hem pas weer terugzetten als je het wachtwoord hebt verwijderd.

SEO en sociale media delen

Omdat indexen collecties van pagina's zijn, gaan zoekmachines en sociale mediasites er anders mee om dan met andere pagina's in Squarespace. Voor meer informatie, bezoek Indexpagina SEO en social sharing in versie 7.0.

Een index in andere sjablonen repliceren

Als je sjabloon geen indexpagina of de indexpaginastijl ondersteunt die je wilt, zijn er manieren om het uiterlijk van een index op elk sjabloon na te bootsen:

• Raster - Maak op een lay-outpagina een raster van afbeeldingen met doorkliklinks.
• Gestapeld - Voeg afbeeldingen en tekst toe aan een lay-outpagina.
• Diavoorstelling - Voeg een voorpagina toe en voeg meerdere afbeeldingen toe via het tabblad Media.