Nøgle takeaways
- Faner er for en håndfuld parallelle sektioner en besøgende vælger imellem. En harmonika er for en liste, hvor de fleste elementer bliver sprunget over.
- Faner dækker omkring fire eller fem titler, fordi striben løber tør for bredde. En harmonika tager tyve uden at klage.
- En harmonika kan have flere paneler åbne på én gang, og kan sammenligne dem på skærmen. Faner viser præcis én.
- Der blev bygget harmonikaer til smalle skærme. Elementors faner håndterer telefoner ved at skifte til en harmonika under et brudpunkt, du indstiller, hvilket er et hint om, hvilket mønster der vinder der.
- Ingen af dem skjuler indhold fra Google. Begge widgets sætter hvert panel i siden HTML og skjuler de lukkede med CSS.
Begge mønstre gør det samme job: kollapse en lang side, så en besøgende læser den del, de kom for. Forskellen er, hvad de kollapsede elementer er til hinanden.
Faner siger “vælg en af disse”. En harmonika siger “her er en liste, åbn hvad du har brug for”. Få det baglæns, og siden bekæmper den besøgende, hvilket er det, der gør dette værd to minutters tanke.
Indholdsfortegnelse
Den faktiske forskel
| Faner | harmonika | |
|---|---|---|
| Titler sidder | I en række eller sidekolonne | Stablet, hver over sit eget panel |
| Åben på én gang | et | En eller flere, dit valg |
| Komfortabelt antal varer | Tre til fem | Fem til tyve |
| Alle titler synlige | Ja | Ja |
| Sidehøjde, når den er lukket | Fastgjort af det højeste panel | Vokser, når paneler åbnes |
| Læser som | “Vælg en” | “Scan listen” |
| Smalle skærme | Trænger til et tilbagefald | Arbejder som bygget |
Rækken, der driver de fleste beslutninger, er genstandstælling. En fanestrimmel er begrænset af vandret plads, og en harmonika er kun begrænset af tålmodighed.
Når faner er rigtige
Faner passer, når sektionerne er jævnaldrende, og den besøgende vil læse en af dem. Tre signaler:
- Tre til fem sektioner, få nok til at passe til en strimmel.
- Parallelt indhold, som Beskrivelse, Specifikation, Anmeldelser og Forsendelse på en produktside: den samme slags ting, forskellige skiver.
- Hver besøgende vil have en af dem. Ingen læser alle fire, alle læser en.
Faner holder også siden en forudsigelig højde, hvilket betyder noget, når noget sidder direkte under, og du ikke vil have det til at hoppe ned ad skærmen.
Når en harmonika har ret
En harmonika passer, når elementerne er en liste snarere end et sæt valg:
- Seks eller flere elementer. En FAQ med tolv spørgsmål har ingen tabulatorlayout, der virker.
- De fleste varer bliver sprunget over, fordi en besøgende åbner de to spørgsmål, der gælder for dem.
- Varer af meget forskellig længde, hvor et svar er en sætning og et andet er fem afsnit. Faner ville størrelse til den længste.
- Paneler en besøgende ønsker åbne på samme tid, for at læse to politikker side om side.
Ofte stillede spørgsmål er det klareste tilfælde, og derfor er de fleste FAQ-sektioner, du møder, harmonikaer. Prispolitikker, fejlfindingstrin og dokumentationssektioner opfører sig på samme måde.
Elementor har en Accordion-widget i det gratis plugin. Den Master Addons Advanced Accordion tilføjer et par ting ovenpå: en Accordion Type-kontrol, der skifter mellem harmonikaadfærd (et panel ad gangen) og skifteadfærd (hvert panel uafhængigt), brugerdefinerede udvidelses- og sammenbrudsikoner, Aktiv som standard pr. element, en Toggle Speed i millisekunder, og titlens HTML-tag.
Hvilke telefoner bestemmer
En harmonika er allerede en lodret stak af rækker i fuld bredde, så en 390px skærm ændrer intet ved det. Faner er det mønster, der skal tilpasses.
Elementors Tabs-widget skifter til et lodret harmonika-layout under et brudpunkt, du vælger, med mobil som standard. Addon-faner stabler deres titler i en kolonne i fuld bredde med panelet under listen.
Rettelsen til faner på en telefon er med andre ord at blive en harmonika. Hvis det meste af din trafik er mobil, springer opbygningen af harmonika fra starten et layout over, der kun nogensinde eksisterer på skrivebordet.
SEO spørgsmålet
Sammenklappet indhold indekseres. Begge widgets sætter hvert panel i siden HTML og skjuler de inaktive med CSS, så Googles crawler læser det hele. Du kan bekræfte dette på din egen side ved at se kilde og søge efter tekst fra et lukket panel.
To ting er oprigtigt værd at bekymre sig om:
- Skjul ikke, hvad siden handler om. Hvis en besøgende skal klikke for at finde ud af, hvad du sælger, hører det indhold ikke hjemme i fane tre, uanset hvad crawleren kan læse.
- FAQ strukturerede data kommer fra dit SEO plugin snarere end fra enten widget. Rank Math og Yoast bygge FAQPage markup fra deres egen blok eller skema felt, så harmonika er præsentationen og skemaet er indstillet separat.
Hvor Toggle passer
Toggle kommer op i denne sammenligning, fordi Elementor plejede at have en Toggle-widget, og fordi “toggle” betyder to forskellige ting.
Elementors gamle Toggle-widget var en harmonika med et andet navn: en stak udvidelige rækker. Den er blevet forældet siden version 3.15, og redigering af en viser nu en meddelelse, der fortæller dig at trække i Accordion-widgetten i stedet. Så på en aktuel installation har fanerne versus harmonika-spørgsmålet allerede absorberet det.
Den anden betydning er en to-tilstands switch, hvor den ene kontrol vender siden mellem to versioner af det samme indhold. Det er, hvad den Master Addons Skift indhold widget gør: to etiketter, et skifte mellem dem, og en blok af indhold bag hver. Månedlig mod årlige priser er det indlysende tilfælde, og metrisk mod kejserlige enheder er en anden.
Det er et tredje mønster snarere end en variation på de to første. Brug det, når der er præcis to tilstande, og den besøgende skifter mellem dem. Tre eller flere muligheder betyder faner, og en liste til scanning betyder en harmonika. Hvis det, du ønsker, er en harmonika, hvis paneler åbner og lukker uafhængigt, det er Accordion Type kontrol indstillet til Toggle.
Bruger begge sammen
De kombinerer godt, fordi de svarer på forskellige spørgsmål.
En plansammenligningsside kan bruge faner til Månedlig og Årlig, med en harmonika af funktionsdetaljer inde i hver fane. Ydre niveau er et valg mellem to peers; indre niveau er en liste, der skal scannes. Indlejrede faner gør dette ligetil, da hvert panel er en beholder, der accepterer en harmonika-widget.
Tabs inde i faner er den kombination, der ikke virker, fordi den beder en besøgende om at huske, hvilket par titler de valgte.
Hvad Elementor giver dig for hver
Begge widgets er i det gratis plugin, og begge er indlejrede widgets, så paneler holder containere.
Faner tilføjer Retning for vandret eller lodret, Vandret rulle for en lang titelrække, og Breakpoint, der skifter til en harmonika. Accordion widget har Max Items Expanded, som afgør, om åbning af et panel lukker de andre. Master Addons widget gør det job med sin Accordion Type kontrol.
Addon widgets udvider begge. På fanerne side får du stil forudindstillinger, billedtitler og hover switching, dækket i avancerede faner indlæg. På harmonika-siden får du ikonkontrollerne, skiftetilstanden og standardtilstanden pr. element.
Ofte stillede spørgsmål
Er en harmonika bedre end faner?
For seks eller flere elementer, for ofte stillede spørgsmål og for mobiltunge sider, ja. For tre til fem parallelle sektioner på en desktopside læses fanerne bedre.
Indekserer Google indhold inde i faner og harmonikaer?
Ja. Panelerne er i HTML, uanset om de er åbne eller lukkede, så crawleren læser dem.
Kan jeg sætte en harmonika inde i en fane?
Ja. Hvert Nested Tabs-panel er en beholder, så en harmonika-widget falder lige ind.
Hvor mange faner er for mange?
Fem er det praktiske loft, og færre hvis titlerne er lange eller bærer ikoner. Forbi at strimlen ombrydes og en harmonika er det bedre mønster.
Hvad med Toggle-widgetten?
Elementors Toggle-widget er forældet siden 3.15 og peger på Accordion-widgetten. En skift i switch-forstand, der vender mellem to versioner af det samme indhold, er et separat mønster og har brug for en widget bygget til det.
Hvilken skal jeg bruge til en FAQ?
En harmonika. Spørgsmålene er en liste, der skal scannes, snarere end et sæt valg, og layoutet forbliver læsbart ved tolv spørgsmål, som ingen fanestribe administrerer.
Endelige tanker
Tæl varerne, og spørg derefter, hvad de er for hinanden. Et kort sæt jævnaldrende, hvor alle læser en, er faner. En lang liste, hvor de fleste elementer bliver sprunget over, er en harmonika. Mobil afgør enhver resterende tvivl, da faner på en telefon alligevel bliver til en harmonika.
Relateret læsning
