# Best FAQ blocks 2026: 24 verified sections

24 FAQ blocks from 6 registries, each with a free preview and Pro source code. The table ranks them by real file count and names every publisher.

> Page: https://ui.eneawork.it/blog/migliori-faq-blocks-2026
> Markdown: https://ui.eneawork.it/blog/migliori-faq-blocks-2026.md

*2026-11-01*

Un blocco FAQ è una lista di domande che si aprono, e il suo rischio è il doppio contenuto. Il catalogo ne conta 24 da 6 registry, misurati il 1 novembre 2026 su /api/blocks/category/faq; la tabella ordina per file e mostra quanto poco serva per averne uno.

I 24 record sono la categoria faq letta il 1 novembre 2026 su /api/blocks/category/faq. Il numero di file è basso in tutta la tabella: una sezione FAQ è piccola, e la differenza tra i blocchi sta nel comportamento, non nella quantità di codice.

## Il problema non è l'accordion, è la copia

La sezione FAQ ha una particolarità che nessun altro blocco ha: lo stesso testo finisce due volte nella pagina, una visibile e una dentro il dato strutturato. Se il blocco apre una domanda con un'animazione e il testo del dato strutturato è diverso, il risultato non è un errore di validazione ma una pagina che dichiara cose che non mostra. Le linee guida sui risultati arricchiti chiedono che il contenuto del dato strutturato coincida con quello visibile.

Il secondo problema è il movimento. Un accordion che apre una sola voce alla volta e che cambia altezza con un'animazione sposta il contenuto sotto di sé: chi sta leggendo la risposta successiva la perde di vista. Il terzo è semantico: se la domanda è un div con un gestore di clic, la tastiera non la raggiunge e il lettore di schermo non annuncia che è espandibile.

## Cosa guardare dentro il blocco

Il dettaglio che distingue un blocco sano è l'assenza di JavaScript. Con details e summary il browser gestisce apertura, tastiera e ricerca nel testo, e la pagina resta leggibile quando lo script non arriva. L'accordion costruito su una libreria di primitive porta animazioni migliori e uno stato controllato, che serve solo se devi aprire una voce da un collegamento esterno.

## Il limite che il blocco non vede

Nessuno dei 24 blocchi genera il dato strutturato, e nessuno verifica che il testo visibile coincida con quello dichiarato. Quella incoerenza è la causa più comune di risultati arricchiti persi, e nasce quasi sempre da una risposta aggiornata a mano in un posto solo. Il secondo limite è la licenza: il blocco copre il markup, non le risposte che ci metti dentro.

## La regola per non duplicare le risposte

Se la sezione è statica e vive in una pagina di marketing, usa details nativo e genera il dato strutturato dallo stesso elenco che disegna la pagina. Se l'utente deve poter aprire una voce da un collegamento o cercare tra le risposte, serve un accordion controllato, e allora il testo va letto da un'unica sorgente. In tutti e due i casi, cinque o sei domande vere valgono più di quindici domande riempite per fare volume.

L'alternativa è una pagina di aiuto separata, con indice e ricerca. Per un sito con molte domande ricorrenti è la scelta che regge: la pagina cresce, si aggiorna e non occupa spazio nella pagina di vendita. Il blocco in pagina conviene quando le domande sono poche e servono a togliere l'ultimo dubbio prima di un acquisto o di un contatto.

Sull'ordine delle domande c'è poco da improvvisare. La sequenza utile è quella delle obiezioni: prima il prezzo, poi la disdetta, poi i dati personali, poi il supporto. Un blocco che ordina alfabeticamente sembra ordinato e non aiuta nessuno. Se le domande sono più di sei, l'indice in cima con i collegamenti alle voci è la parte che rende la sezione usabile, e nessun blocco della tabella lo include: va aggiunto.

curl "https://ui.eneawork.it/api/blocks/category/faq?limit=10"

Le sezioni sono in /blocks/category/faq, gli accordion di base in /components/cat/accordion e le icone di apertura in /icons. Per l'accessibilità leggi la checklist dei componenti React e per il test manuale test con axe; il confronto tra blocco pronto e primitiva è in copy-paste o headless.

## FAQ

### La sezione FAQ deve avere un dato strutturato?

Solo se il testo visibile coincide con quello dichiarato. Se le risposte sono scritte a mano in due posti, il dato strutturato va tolto.

### Meglio details nativo o accordion controllato?

Details se la sezione è statica: funziona senza JavaScript e si stampa. L'accordion serve quando un collegamento deve aprire una voce precisa.

### Quante domande mettere in pagina?

Cinque o sei, scelte tra quelle che bloccano davvero l'acquisto. Oltre, la pagina si allunga e nessuno legge fino in fondo.

### Perché la pagina salta quando apro una risposta?

Perché l'altezza del contenitore cambia con un'animazione. Riserva lo spazio o apri senza animazione sul contenitore esterno.

### Le FAQ possono stare in una pagina separata?

Sì, ed è meglio quando le domande sono molte e ricorrenti: la pagina di aiuto si aggiorna senza toccare la pagina di vendita.
