Exemplos originais de página de FAQ que você pode editar ao vivo: accordions nativos, FAQs agrupados e com busca, um padrão de toggle acessível e o que a marcação FAQPage ainda faz em 2026.
Uma boa página de FAQ responde às perguntas que os clientes realmente enviam para você, agrupadas por assunto, com cada resposta começando já na primeira frase. Use os elementos nativos details e summary para um accordion que funciona sem scripts, adicione uma busca quando passar de umas vinte perguntas e coloque links para uma ajuda mais completa quando a resposta exigir passos.
Escolha um layout de FAQ pelo tamanho
As listas de exemplos de FAQ costumam apontar para centrais de ajuda de outras empresas. Aqui cada layout foi montado para um negócio fictício em HTML puro, com uma demonstração de busca funcionando, para você copiar a estrutura e preencher com as perguntas dos seus próprios clientes.
Perguntas reais de clientes, respostas curtas e diretas, grupos por assunto que correspondem a como as pessoas pensam o seu serviço e uma forma de entrar em contato quando a resposta não está lá. Ela deve ser atualizada sempre que a mesma pergunta nova chegar duas vezes.
Não para a maioria dos sites. O Google limitou os resultados avançados de FAQ a sites governamentais e de saúde bem conhecidos em 2023, e a documentação dele diz que o recurso deixa de aparecer na Pesquisa Google a partir de 7 de maio de 2026. A marcação continua sendo schema.org válido, então mantenha-a só se corresponder ao conteúdo visível.
Coloque cada pergunta e resposta dentro de um elemento details, com a pergunta dentro de summary. O navegador cuida de abrir, fechar e do suporte ao teclado. Adicionar o mesmo atributo name em cada details transforma o conjunto em um grupo exclusivo, em que abrir um fecha os outros.
Nos dois lugares. Coloque as duas ou três perguntas que travam uma decisão bem ao lado daquilo a que se referem, como perguntas sobre frete na página do produto, e mantenha a lista completa em uma página de FAQ com link no rodapé.
Use um botão de verdade para cada pergunta, defina aria-expanded como true ou false de acordo com o estado da resposta e, se quiser, aponte aria-controls para a resposta. Assim Enter e Space alternam o estado, como descrito no padrão de disclosure do WAI-ARIA.
details e summary não precisam de script. O atributo name em comum fecha a resposta aberta quando outra é aberta.
Os títulos deixam as pessoas pularem para o assunto delas. A última linha oferece uma saída quando a resposta não está lá.
Com poucas perguntas, esconder as respostas só adiciona cliques sem benefício. Uma lista de definições mantém pergunta e resposta juntas.
Inclua só perguntas que aparecem na página com as mesmas palavras. Para a maioria dos sites, isso não muda mais a aparência do resultado no Google.
Digite uma palavra como vegano, sinal ou entrega. A lista diminui enquanto você digita e mostra quantas respostas correspondem, e é assim que um FAQ longo continua fácil de usar.
Pedidos
Cinco dias para a maioria dos bolos e duas semanas para bolos de andares.
Pedidos
Sim, até 48 horas antes da retirada. Responda ao seu e-mail de confirmação.
Pedidos
Sim, entre 9 am e 3 pm nos dias úteis.
Entrega
Sim, num raio de 8 milhas da loja, com uma taxa fixa mostrada no checkout.
Entrega
A retirada começa às 7:30 am em todos os dias em que abrimos.
Entrega
O entregador liga para você e depois leva o pedido de volta à loja para retirada.
Alimentação
Sim, mas ele é assado na mesma cozinha que o trigo, então não é indicado para celíacos.
Alimentação
Três dos nossos bolos são veganos e estão marcados no cardápio.
Alimentação
Toda etiqueta lista os alergênicos, e a equipe pode mostrar a ficha completa.
Pagamentos
Todos os principais cartões de débito e crédito, além de pagamentos pelo celular.
Pagamentos
Bolos de festa exigem um sinal de 50 por cento no momento do pedido.
Pagamentos
O sinal é devolvido integralmente se você cancelar com 72 horas ou mais de antecedência da retirada.
Pesquise no FAQ da padaria
Filtrar por assunto
Todos
{n} resposta corresponde
{n} respostas correspondem
Nenhum resultado. Um FAQ de verdade deveria oferecer um link de contato aqui.
Comece grátis · Sem cartão de crédito