FAQ-sektioner: Format, schema och exempel
Bygg en FAQ-struktur utifrån verkliga läsarfrågor, koncisa fristående svar, frontmatter och matchande FAQPage-schema utan upprepning eller innehållsglidning.
En FAQ är ett avslutande innehållselement som besvarar en liten, evidensbaserad uppsättning frågor som sidans huvudsektioner inte redan besvarar. Dess frågor använder läsarens språk och varje svar på 30–60 ord står för sig självt. Elementet nedan återges från denna sidas [[faq]]-frontmatter snarare än duplicerat i Markdown-kroppen.
De synliga frågorna ovan och deras FAQPage-strukturerade data delar en källa. Att redigera en frontmatter-post ändrar båda representationerna, vilket förhindrar att ett polerat svar på sidan glider isär från den maskinläsbara versionen.
Varför detta element är viktigt
Läsare når ofta slutet av en sida med en specifik osäkerhet snarare än ett behov av ytterligare en full förklaring. En köpare kanske förstår vad en produkt gör men undrar ändå om installation kräver ett kreditkort. En person som följer en procedur kanske kan stegen men behöver bekräfta vad som händer när ett obligatoriskt fält saknas. En FAQ ger dessa högfrekventa, sena frågor en förutsägbar plats utan att tvinga varje läsare genom en ny lång sektion.
Elementet fungerar eftersom frågeformulering är en igenkänningssignal. En läsare som skannar “Kan jag exportera datan?” kan identifiera sin egen fråga snabbare än de kan tolka en vag rubrik som “Ytterligare information”. Svaret löser sedan den frågan omedelbart. Detta är läsarpsykologi, inte dekoration: komponenten minskar avståndet mellan ett specifikt tvivel och dess lösning.
En FAQ skapar också avgränsade fråga-svar-par för maskinextraktion. Maskinextraherbarhet innebär att programvara kan isolera en enhet och bevara dess innebörd utanför hela sidan. En verklig fråga följd av ett fristående svar är lättare för söksystem, intern sökning, supportverktyg och AI-agenter att identifiera än ett svar gömt i ett blandat avslutande stycke. Avgränsningen hjälper bara när språket förblir explicit; “Ja, som beskrivits ovan” är visuellt inuti en FAQ men blir oanvändbart när det extraheras.
Frontmatter är publiceringskällan eftersom samma poster måste mata tre användningsområden: det synliga blocket, FAQPage-strukturerad data och analys på korpusnivå. Analys på korpusnivå innebär att söka igenom alla sidor som en samling — till exempel att hitta varje svar om avbokning eller kontrollera vilka sidtyper som rutinmässigt överskrider sex frågor. Att lagra poster i typade [[faq]]-register gör dessa kontroller möjliga. Att kopiera frågorna in i brödtexten skapar två redigerbara versioner och inbjuder till glidning.
När det ska användas
Använd en FAQ när forskning avslöjar flera återkommande frågor som är relevanta för sidan men för specifika för att motivera hela sektioner. Bra kandidater klargör gränsfall, behörighet, kompatibilitet, tidpunkter, definitioner som läsare regelbundet blandar ihop, köpinvändningar eller ett säkert nästa steg. Varje fråga måste hjälpa samma målgrupp att slutföra sidans primära beslut eller uppgift.
Frågeforskning kommer före skrivandet. Samla exakt språk från sökförslag, intern webbplatssökning, supportärenden, säljsamtalsanteckningar, communitydiskussioner och spårade AI-prompts. Promptspårning är användbart eftersom det registrerar de frågor ett företag väljer att övervaka hos AI-motorer; upprepade prompts kan avslöja hur prospekt frågar om en kategori, funktion eller jämförelse. Uppgifterna är bevis på formulering och efterfrågan, inte tillstånd att tvinga in en orelaterad prompt på en sida.
Använd inte en FAQ bara för att en mall tillhandahåller en. Påhittade frågor som “Varför är vår plattform fantastisk?” är igenkännbara som marknadsföringstext klädd i frågetecken. Sökordsfragment som “FAQ-schema fördelar?” låter inte som en läsare. Båda försvagar förtroendet och lär maskiner lite om ett faktiskt informationsbehov.
En FAQ är inte en soptipp för stycken som inte passade i dispositionen. Om ett svar introducerar en kärnargumentation, förklarar ett obligatoriskt steg, bär sidans starkaste bevis eller behöver mer än 60 ord, gör det verkligt arbete och förtjänar troligen en namngiven sektion. Flytta det till huvudstrukturen. FAQ:en kan då besvara den mindre följdfråga som återstår.
Upprepa inte artikeln i frågeform. “Vad är X?”, “Varför är X viktigt?” och “Hur fungerar X?” är dåliga avslutande frågor när dessa redan är sidans tre första sektioner. Upprepning gör sidan längre utan att öka täckningen, och det riskerar att producera något annorlunda svar på samma fråga.
Det vanliga misstaget är en relevant fråga vars svar är centralt. På en symptomsida kan “När är detta allvarligt?” se ut som en naturlig FAQ, men varningssignaler påverkar säkerheten och bör finnas i huvudbrödtexten där varje läsare stöter på dem. FAQ:en kan varken upprepa varningslistan eller en svagare sammanfattning. Använd istället en smal obesvarad fråga, till exempel om en viss omständighet förändrar det rekommenderade nästa steget.
Var det ska placeras
FAQ är ett avslutande element eftersom dess uppgift är att lösa kvarvarande frågor efter att sidan har levererat sitt huvudsvar. Placera det efter den substantiella brödtexten, exemplen och stödbevisen. Placera källor omedelbart före det när FAQ:en är beroende av dessa källor; placera den primära uppmaningen till handling och relaterade innehållslänkar efter det. Denna sekvens låter läsaren lösa slutgiltig osäkerhet innan de bestämmer vad de ska göra härnäst.
Placera inte produktions-FAQ:en direkt under hero-sektionen, inuti introduktionen, mellan steg eller mellan ett påstående och dess bevis. Det live-block som finns högst upp i denna specifikation är en demonstration som krävs av elementbiblioteket, inte den föreskrivna placeringen för normala sidor.
Använd ett FAQ-block per sida. Det får inte sitta bredvid ett andra accordeon, en “vanliga frågor”-sektion som innehåller samma material eller en sammanfattning omformulerad som frågor. Undvik att placera det bredvid en stor ordlista: två täta uppsättningar korta poster konkurrerar om samma skanningsbeteende. Om båda är nödvändiga, behåll definitionerna i relevanta brödtextsektioner och reservera det avslutande blocket för obesvarade frågor.
Anatomi
Den märkta skärmbilden separerar de semantiska regionerna från den visuella behandlingen. Förklaringen stannar på denna sida så att dess etiketter förblir läsbara när bilden ändras storlek eller ersätts.
- Sektionsrubrik: Namnger samlingen som vanliga frågor; det är en verklig rubrik i dokumenthierarkin.
- Fråga: Använder läsarens ord som en fullständig frågesats och avslutas med ett frågetecken.
- Öppna/stäng-kontroll: I hopfällbara varianter visar den användbara knappen om dess svar är expanderat och identifierar den kontrollerade svarsregionen.
- Svar: Ger det direkta svaret först, sedan en användbar kvalificering, distinktion eller nästa steg.
- Objektsgräns: Håller visuellt och programmatiskt varje fråga associerad med exakt ett svar.
- Frontmatter-post: Den icke-visuella källan som parar
questionochanswer; den matar både presentation och FAQPage-utmatning.
Designexempel
Varianterna förändrar presentationen, inte innehållsägarskapet. Varje version läser samma [[faq]]-register och bevarar samma fråga-svar-par.
Standard responsiv variant
Stationära datorer visar frågor och svar i justerade kolumner; mindre skärmar använder öppna/stäng-kontroller för att spara vertikalt utrymme. Detta är standard när designsystemet tillhandahåller responsivt beteende.
Hopfälld mobilvariant
Frågor förblir synliga som knappar och svar öppnas på plats. Kontrollen måste kommunicera expanderat tillstånd, behålla tangentbordsåtkomst och hålla svaret intilliggande i läsmässig ordning.
Långfrågestressvariant
En naturlig fråga kan sträcka sig över två rader. Layouten måste bevara frågetecknet, kontrollmålet och svarsjusteringen utan trunkering.
Inget-FAQ-tillstånd
När det inte finns några forskningsbaserade frågor, rendera ingenting. Visa inte en tom rubrik, platshållarrad eller generiskt genererat innehåll.
Parametrar
Parametrar är innehållskontraktet. Gränser finns för att hålla varje par extraherbart och för att hindra det avslutande elementet från att bli en andra artikel.
| Namn | Typ | Obligatorisk | Min/max | Standard | Källa | |
|---|---|---|---|---|---|---|
faq | Array av poster | Ja när elementet används | 4–6 poster normalt; 1 block per sida | Inget block | Frontmatter | |
question | Vanlig sträng | Ja | 5–18 ord; max 120 tecken | Ingen | [[faq]]-attribut | |
answer | Vanlig text med begränsad inline-markup | Ja | 30–60 ord; 2 meningar rekommenderas | Ingen | [[faq]]-attribut | |
heading | Vanlig sträng | Nej | 2–6 ord; max 60 tecken | “Vanliga frågor” | Shortcode-attribut eller temats översättning | |
expanded | Boolesk per post | Nej | true eller false; högst 1 initialt öppen på små skärmar | false på små skärmar; svar synliga på stora skärmar | Återgivarens beteende, inte redaktörens text | |
schema type | Fast enum | Ja när schema sänds ut | Endast FAQPage | FAQPage | Mall, härledd från frontmatter-poster | |
| question source | Bevisreferens | Ja redaktionellt | Minst 1 spårbar källa per fråga | Ingen | Forskningslogg: support, försäljning, sökning, webbplatssökning eller spårad prompt |
Bevisreferensen behöver inte synas offentligt, men den måste överleva redaktionell granskning. En supportärendeidentifierare, samtalsanteckningslänk, frågeexport eller spårad prompt-post räcker. “Skribenten kom på det” är inte tillräckligt.
Syntax och kodexempel
Alla tre formerna behandlar FAQ-poster som strukturerad sidmetadata. Återgivningsinstruktionen innehåller inga duplicerade frågor eller svar.
Bärbart Markdown-direktiv
:::faq{source="frontmatter" heading="Vanliga frågor"}
:::
Den bärbara dokumentmodellen lagrar posterna som sidmetadata:
[[faq]]
question = "Can I export the report as a CSV?"
answer = "Yes. Export creates a CSV containing the report's current dataset. Check the export scope before sharing it, because screen filters and account permissions can affect which records are included."
Hugo-shortcode
{{< faq-side-by-side title="Vanliga frågor" >}}{{< /faq-side-by-side >}}
Hugo-shortcoden läser .Page.Params.faq; den tar inte emot någon JSON-kropp. Att lägga till inline-poster skulle skapa en andra källa och är förbjudet för detta element.
WordPress-block eller shortcode
<!-- wp:amicited/faq {"source":"post-meta","heading":"Vanliga frågor"} /-->
[amicited_faq source="post-meta" heading="Vanliga frågor"]
I WordPress hör varje fråga och svar hemma i repeterbar postmetadata som används av både blockrenderaren och JSON-LD-sändaren. Att klistra in samma par i block-HTML eller shortcode-brödtext misslyckas med paritet även när sidan ser korrekt ut.
Exempel
Bra exempel
Kan jag ändra rapporteringsperioden efter att ha exporterat rapporten?
Ja. Ändra rapporteringsperioden i rapporten, skapa sedan en ny export så att filen återspeglar det reviderade intervallet. En befintlig CSV är en statisk ögonblicksbild och uppdateras inte automatiskt när dashboard-filter ändras senare.
Detta fungerar eftersom frågan låter som något en användare skulle fråga efter att ha stött på exportarbetsflödet. Första meningen svarar “ja” och anger åtgärden. Andra meningen förklarar den konsekventiella gränsen: den tidigare filen uppdaterar sig inte själv. Med 30 ord är svaret komplett utan att bli en gömd handledning.
Dåligt exempel
Rapportexport CSV-nedladdning?
Som nämnts ovan gör vår kraftfulla plattform export enkel. Se rapporteringssektionen för mer information om alla fantastiska alternativ som finns tillgängliga för dig.
Frågan är ett sökordsfragment snarare än talat språk. Svaret anger inte om export är möjlig, är beroende av frånvarande sammanhang, lägger till ett ogrundat reklampåstående och skickar läsaren vidare. Att omformulera är inte nog; skribenten måste verifiera en verklig fråga och ange det faktiska beteendet.
Ett andra dåligt mönster är ett 180-ords svar som innehåller förkunskaper, fem steg och en varning. Även om varje mening är korrekt hör det materialet hemma i en procedursektion. FAQ:en bör besvara den smalare kvarvarande frågan eller tas bort.
Schema-markup och tillgänglighet
Schema-markup
är standardiserad maskinläsbar kod som identifierar innebörden och relationerna hos sidinnehåll. FAQ-poster mappar till ett Schema.org FAQPage. Varje synlig fråga blir en Question i mainEntity; dess svar blir acceptedAnswer med typ Answer och ett text-värde. Webbplatsen sänder ut denna struktur som JSON-LD
, ett JSON-baserat format för länkad strukturerad data.
Markup måste matcha synligt innehåll exakt i innebörd och formulering. Lägg inte till en schema-enbart-fråga, förkorta inte det synliga svaret endast i markup, och lämna inte ett gammalt svar i JSON-LD efter redigering av sidan. Regeln om endast frontmatter förhindrar dessa misslyckanden genom att härleda båda utmatningarna från samma post. Strukturerad data beskriver innehåll; det kompenserar inte för tunt, påhittat eller dolt innehåll och garanterar inte ett rikt sökresultat.
Tillgänglighet beror på öppna/stäng-beteende. En öppna/stäng-kontroll är en kontroll som visar eller döljer associerat innehåll. Frågan bör vara en inbyggd button när den växlar ett svar, med aria-expanded som speglar det aktuella tillståndet och aria-controls som pekar på svarets unika ID. ARIA, Accessible Rich Internet Applications, tillhandahåller tillstånd och relationer när inbyggd HTML ensam inte uttrycker dem.
Tangentbordsanvändare måste kunna nå varje fråga, öppna den med Enter eller Mellanslag och fortsätta genom sidan i logisk ordning. Fokus måste förbli synligt. Svaret bör följa sin fråga i dokumentordningen, och rubriker får inte hoppa över nivåer. Förlita dig inte på en vinkelrotation, färg eller animation som den enda expanderat-tillstånds-signalen. Om svar alltid är synliga på stationära datorer måste de fortfarande vara associerade med sina frågor genom dt och dd eller en motsvarande semantisk relation.
Skrivregler
Använd fyra till sex frågor i en typisk FAQ. Fyra är det praktiska golvet eftersom färre frågor sällan motiverar ett separat avslutande gränssnitt; en till tre svar kan vanligtvis placeras bredvid relevanta brödtextsektioner. Sex är det praktiska taket eftersom en längre uppsättning blir svår att skanna och ofta signalerar att stora ämnen har undanhållits från artikeln. Undantag kräver bevis: en reglerad produkt kan behöva fler snäva behörighetsfrågor, medan en koncis produktsida kan utelämna blocket helt.
Formulera varje post som en verklig fråga i läsarens ord. Bevara användbar vokabulär från källan, men ta bort personuppgifter, konto-specifika detaljer och samtalsbrus. Slå samman äkta dubbletter endast när deras svar också är samma. “Kan jag avsluta månadsvis?” och “Kommer jag att få en återbetalning?” kan förekomma i samma säljsamtal, men de representerar olika beslut och får inte slås samman.
Skriv 30–60 ord per svar. Första meningen besvarar frågan; andra meningen utvecklar med den mest användbara förutsättningen, skillnaden, anledningen eller nästa steget. Namnge ämnet så att svaret överlever extraktion. Skriv aldrig “ja, det gör det”, “se ovan”, “som diskuterats tidigare” eller “kontakta oss för att lära dig mer” som hela svaret.
Använd en lugn, saklig ton. Definiera en nödvändig teknisk term i svaret, men stapla inte jargong. Inkludera en länk endast när destinationen möjliggör nästa steg eller tillhandahåller väsentlig detalj; det synliga svaret måste fortfarande vara komplett utan att följa den. Inkludera inte vittnesmål, säljslogans, orelaterade sökord, nästlade tabeller, procedurer i flera steg eller påståenden som saknar stöd.
Varje posttyp deklarerar avsiktskategorier som dess FAQ måste täcka. En avsiktskategori är typen av beslut bakom en fråga, inte ett sökordstema. En symptomsida kan deklarera kategorierna orsak, egenvård, allvarlighetsgrad och köp, med minst en fråga som täcker varningssignaler. Eftersom varningssignaler påverkar säkerheten måste huvudbrödtexten fortfarande presentera dem; FAQ-kategorikontrollen säkerställer att de avslutande frågorna inte diskuterar endast lätta kommersiella ämnen.
Generalisera den metoden snarare än att kopiera dessa fyra kategorier överallt. En jämförelse kan kräva kategorierna byteskostnad, kompatibilitet, kontrakt och bästa passform. En how-to-guide kan kräva förkunskaper, återhämtning från misslyckande, slutförandeverifiering och underhåll. Täckning är framgångsrik när de deklarerade kategorierna återspeglar sidans sökintention och verkliga bevis, inte när varje sida upprepar en universell frågeuppsättning.
Posttyper som använder det
postTypes-frontmattern registrerar de registrerade kopplingarna. Tabellen omvandlar varje koppling till en täcknings- och placeringsregel; den gör inte FAQ obligatorisk där forskning inte finner några användbara kvarvarande frågor.
| Posttyp | Typiskt krav | Avsiktskategorier att täcka | Position | |
|---|---|---|---|---|
| Ultimate guide | Vanligtvis | Gränser, avancerade gränsfall, underhåll, nästa beslut | Efter den sista substantiella sektionen och källorna | |
| How-to-guide | Vanligtvis | Förkunskaper, återhämtning från misslyckande, slutförandekontroll, underhåll | Efter felsökning; före CTA | |
| Listikelguide | Villkorligt | Urvalskriterier, exkluderingar, utvärderingsmetod, uppdateringar | Efter listan och metodiken | |
| A-vs-B-jämförelse | Vanligtvis | Bästa passform, byteskostnad, kompatibilitet, kontraktsgräns | Efter utslag och bevis | |
| Bästa-X-för-Y-sida | Vanligtvis | Behörighet, rankningsmetod, prisbas, bästa passform | Efter rekommendationer och metodik | |
| Alternativ-till-X-sida | Vanligtvis | Migration, sparad data, bytesanledning, ersättningspassform | Efter alternativ och bytesvägledning | |
| Ordlisteterm | Villkorligt | Terminologigränser, vanlig förvirring, tillämpning | Efter relaterade koncept; utelämna om definitioner täcker allt | |
| Vad-är-X-sida | Vanligtvis | Betydelsegräns, mekanism, tillämplighet, missuppfattning | Efter den fullständiga förklaringen | |
| Produktsida | Vanligtvis | Installation, kompatibilitet, fakturering, riskreversering | Efter bevis och specifikationer; före CTA | |
| Kategorisida | Villkorligt | Kategoriomfattning, filtrering, leverans, returer eller villkor | Efter kategoriinnehåll och urvalshjälp | |
| Användningsfallsida | Vanligtvis | Behörighet, arbetsflödespassform, integration, förväntat resultat | Efter arbetsflöde och bevis | |
| Fallstudie | Villkorligt | Startförhållanden, metodgräns, överförbarhet, tidpunkt | Efter resultat och begränsningar |
“Vanligtvis” innebär att posttypen ofta skapar kvarvarande frågor, inte att redaktörer bör tillverka dem. Beviskravet gäller fortfarande.
QA-checklista
En granskare kontrollerar källposterna innan de bedömer den visuella utformningen.
- Enskild källa: Varje synligt par kommer från
[[faq]]-frontmatter; ingen fråga eller svar dupliceras i Markdown-kroppen. - Verklig efterfrågan: Varje fråga har en spårbar källa i sökförslag, webbplatssökning, support, försäljning, forskning eller spårade AI-prompts.
- Naturlig formulering: Varje fråga är en grammatiskt korrekt fråga på läsarens språk, inte ett sökordsfragment eller produktpåstående.
- Direkt svar: Första meningen löser frågan; andra meningen lägger till den mest användbara kvalificeringen eller åtgärden.
- Fristående innebörd: Inget svar är beroende av “ovan”, “tidigare”, “detta” eller en annan saknad referent.
- Längd: Varje svar innehåller 30–60 ord; varje fråga håller sig under 120 tecken om inte naturligt språk verkligen kräver mer.
- Antal: Blocket innehåller normalt fyra till sex poster, med en dokumenterad anledning för eventuella undantag.
- Inga förflyttade sektioner: Inget svar innehåller en kärnargumentation, obligatorisk procedur, större varning eller bevisuppsättning som hör hemma i huvudbrödtexten.
- Ingen upprepning: Frågor omformulerar inte rubriker som redan besvarats fullständigt, och svar sammanfattar inte artikeln igen.
- Deklarerad täckning: Uppsättningen täcker posttypens obligatoriska avsiktskategorier, inklusive en risk- eller varningskategori där ämnet kräver en.
- Korrekt placering: Produktionsblocket följer substantiellt innehåll och källor, och föregår den primära CTA:n och relaterat innehåll.
- Synligt-schema-paritet:
FAQPage.mainEntityinnehåller samma frågor och svar som det renderade blocket, utan dolda eller inaktuella poster. - Tillgängliga kontroller: Växlingsknappar exponerar expanderat tillstånd, svars-ID:n är unika, tangentbordsoperation fungerar, fokus är synligt och dokumentordningen förblir logisk.
- Tomt tillstånd: En sida utan kvalificerade frågor renderar ingen FAQ-rubrik eller platshållarinnehåll.
- Skärmbildsstatus: Infångningskommentarer förblir kommentarer tills deras namngivna tillgångar finns; ingen obefintlig sökväg renderas som bild.
FAQ
Live-exemplet högst upp och FAQPage-datan genereras från de fem granskade [[faq]]-posterna i denna sidas frontmatter. De täcker nödvändighet, källhänvisning, svarslängd, fristående formulering och synligt-schema-paritet utan att underhålla en andra kopia här.
Fler tutorials i det här avsnittet
Redo att omsätta det i praktiken?
Gratis kontroll · 7 dagars provperiod · inget kreditkort