Een accordeon is een contentblok waarmee je informatie per onderwerp inklapt en uitklapt: de bezoeker klikt zelf op de punten waarvan hij de onderliggende informatie wil zien. Zo voorkom je dat een contentrijke pagina te lang en overzichtelijk wordt. Dat maakt deze functionaliteit zeer geschikt voor een pagina met veelgestelde vragen en antwoorden (faq's).
Kenmerken
- Het is een gebruiksvriendelijke manier om door een pagina te navigeren.
- De blokjes informatie die je individueel kunt in- en uitklappen maken het voor bezoekers makkelijker om hun weg te vinden.
- Deze functionaliteit is geschikt voor informatie die niet voor iedereen essentieel is: je kunt namelijk niet ervan uitgaan dat iemand de inhoud van alle uitklapvelden ziet. Bij vragen en antwoorden is dat niet erg, omdat de bezoeker alleen de voor hem relevante vragen zal aanklikken.
- In een accordeon kun je maximaal één afbeelding per uitgeklapt veld plaatsen. Wil je meer afbeeldingen laten zien? Voeg deze content dan boven of onder de accordeon toe of zet ze in een fotoalbum.
- Het is niet mogelijk om een videobestand in een accordeon te zetten. Deze content kun je wel als los contentblok toevoegen aan de pagina.
- Een accordeon is paginaspecifiek: dit betekent dat je de inhoud niet op één centrale plek kunt beheren.
- Een accordeon-indeling is doorgaans makkelijker te indexeren door zoekmachines; de informatie krijgt daardoor al snel een hogere ranking in de zoekresultaten;
- Tot slot kan het contentblok accordeon aan elk paginatype worden toegevoegd.
Hoe voeg je een accordeon toe?
Je maakt een accordeon aan in het cms. Kies voor het contentblok Accordeon en vul daar de benodigde informatie in. Het is mogelijk om meerdere accordeons onder elkaar te zetten.
Voorbeeldsites met accordeonindeling
Dit is een accordeon van het type 'anders'
Dit is het tekstveld van de eerste uitklapper. In dit tekstveld is er opmaak aanwezig van de wysiwyg editor.
Omdat het type 'Anders' is geselecteerd, zal er aan de voorkant geen gestructureerde data van deze accordeon te vinden zijn.
Dit is het tekstveld van de tweede uitklapper. In dit tekstveld is er opmaak aanwezig van de wysiwyg editor.
Omdat het type 'Anders' is geselecteerd, zal er aan de voorkant geen gestructureerde data van deze accordeon te vinden zijn.
Dit is een accordeon van het type 'Vragen en antwoorden': hier mag maar 1 item tegelijkertijd zijn uitgeklapt
Arachibutyrofobie is de angst dat er pindakaas aan je gehemelte plakt.
Deze data verschijnt wel in de gestructureerde data aan de voorkant.
Nomofobie is de angst dat je geen bereik hebt op je telefoon.
Deze data verschijnt wel in de gestructureerde data aan de voorkant.
Dit is een accordeon met afbeeldingen
Beeld: © Ministerie van Algemene Zaken
Hier kan een afbeeldingsbijschrift worden toegevoegd.
In deze accordeon wordt de tekst getoond boven een afbeelding over de volle breedte.
Bij de weergaveopties is ervoor gekozen om de foto op 'volle breedte' te tonen. De afbeelding wordt dan standaard onder de tekst getoond.
De bezoeker kan de afbeelding vergroten door het loepje in de rechterbovenhoek aan te klikken.
Hier kan een afbeeldingsbijschrift worden toegevoegd.
In deze accordeon is ervoor gekozen om de tekst naast een afbeelding op halve breedte te plaatsen.
De afbeelding wordt dan standaard rechts van de tekst weergegeven.
De bezoeker kan de afbeelding vergroten door het loepje in de rechterbovenhoek aan te klikken.
Wanneer is een VAC-indeling meer geschikt?
Als je dezelfde vraag-antwoordcombinaties op meerdere plekken op de site wilt weergeven en deze info vaak moet bijwerken, komt de VAC-indeling waarschijnlijk beter van pas. Je hoeft deze content dan namelijk maar op één plek up-to-date te houden.