FAQ Accordion

An accordion the crawler can read, the keyboard can drive, and your CMS can fill.

Yes. Drop one inside a Collection List and connect Question and Answer to your fields. Everything else is optional.

Yes. The answer is in the HTML before any JavaScript runs, collapsed with CSS alone. Most accordions remove it from the document while it is closed, which also hides it from the AI crawlers that never run JavaScript.

No, and no component can. Google removed FAQ rich results in May 2026. The schema is still emitted, still valid, and still read by Bing and by the answer engines, so it stays as a switch you can turn off.

The trigger is a real button inside the heading tag you choose, carrying aria-expanded and aria-controls. A closed answer is out of the tab order, so Tab never lands on a link nobody can see.

Yes. Give the second one a different Group name so they stop closing each other and each gets its own schema block.

Yes. Every row gets an id from your slug field, so /faq#keyboard opens that answer and scrolls to it.

No. Switch Source to List and type the questions in the properties panel. Same component, same markup.

Rows as cards, dividers or plain. Fonts, colours, padding, radius, border, shadow, focus ring, chevron or plus, icon side and size, and the animation duration.

Your client adds a question.
Your schema doesn’t know.

FAQ schema written by hand lives in the page’s Custom Code, where it cannot see your CMS. It is a copy. The moment someone edits a row, the copy is wrong, and nothing tells you.

SCHEMA WRITTEN BY HAND

Questions on the page

8

Questions in the schema

4

Someone added four questions in the CMS. Nobody opened the Custom Code.

THIS COMPONENT

Questions on the page

8

Questions in the schema

8

The schema is built from the same rows that render. They cannot drift.

The schema that stays right is the one you never update.

Create a free website with Framer, the website builder loved by startups, designers and agencies.