Wichtige Erkenntnisse
- Tabs sind für eine handvoll paralleler abschnitte, zwischen denen ein besucher wählt ein akkordeon ist für eine liste, wo die meisten gegenstände übersprungen werden.
- Tabs kappen um vier oder fünf Titel aus, weil der Streifen nicht mehr breit ist Ein Akkordeon braucht klaglos zwanzig.
- Ein Akkordeon kann mehrere Paneele auf einmal öffnen und diese auf dem Bildschirm vergleichen. Tabs zeigen genau eines.
- Akkordeons wurden für schmale Bildschirme gebaut Die Tabs von Elementor behandeln Telefone, indem sie auf ein Akkordeon unterhalb eines von Ihnen festgelegten Haltepunkts umschalten, was ein Hinweis darauf ist, welches Muster dort gewinnt.
- Beide verbergen Inhalte nicht vor Google Beide Widgets setzen jedes Panel in die Seite HTML und verstecken die geschlossenen mit CSS.
Beide Muster erfüllen die gleiche Aufgabe: Eine lange Seite zusammenklappen, damit ein Besucher den Teil liest, für den er gekommen ist. Der Unterschied besteht darin, was die zusammengebrochenen Gegenstände füreinander sind.
Tabs sagen “pick dir so eins aus” Ein Akkordeon sagt “hier ist eine Liste, öffne, was du brauchst” Hol das rückwärts und die Seite bekämpft den Besucher, was das zwei Minuten Gedanken wert macht.
Inhaltsverzeichnis
Der tatsächliche Unterschied
| Tabs | Akkordeon | |
|---|---|---|
| Titel sitzen | In einer Zeilen - oder Seitenspalte | Gestapelt, jeweils über einer eigenen Platte |
| Auf einmal geöffnet | Eine | Eins oder mehrere, Ihre Wahl |
| Komfortable Artikelanzahl | Drei bis fünf | Fünf bis zwanzig |
| Alle Titel sichtbar | Ja | Ja |
| Seitenhöhe bei geschlossenem Zustand | Durch die höchste Platte fixiert | Wächst, wenn sich die Paneele öffnen |
| Liest als | “Pick dir einen aus” | “Die Liste scannen” |
| Schmale Bildschirme | Braucht einen Rückfall | Funktioniert wie gebaut |
Die Zeile, die die meisten Entscheidungen antreibt, ist die Anzahl der Elemente. Ein Laschenstreifen wird durch den horizontalen Raum begrenzt, und ein Akkordeon wird nur durch Geduld begrenzt.
Wenn Tabs richtig sind
Tabs passen, wenn die Abschnitte Peers sind und der Besucher eines davon lesen wird Drei Signale:
- Drei bis fünf Abschnitte, wenige genug, um einen Streifen unterzubringen.
- Paralleler Inhalt, wie Beschreibung, Spezifikation, Bewertungen und Versand auf einer Produktseite: dasselbe, anderes Stück.
- Jeder Besucher will einen davon Keiner liest alle vier, jeder liest einen.
Tabs halten die Seite auch auf einer vorhersehbaren Höhe, was wichtig ist, wenn etwas direkt darunter sitzt und Sie nicht möchten, dass es über den Bildschirm springt.
Wenn ein Akkordeon recht hat
Ein Akkordeon passt, wenn es sich bei den Elementen um eine Liste und nicht um eine Reihe von Auswahlmöglichkeiten handelt:
- Sechs oder mehr Items Eine FAQ mit zwölf Fragen hat kein Tab-Layout, das funktioniert.
- Die meisten Gegenstände werden übersprungen, da ein Besucher die beiden für ihn geltenden Fragen öffnet.
- Gegenstände von sehr unterschiedlicher Länge, wobei eine Antwort ein Satz und eine andere fünf Absätze ist Tabs würden am längsten dimensionieren.
- Panels, die ein Besucher gleichzeitig öffnen möchte, um zwei Richtlinien nebeneinander zu lesen.
FAQs sind der klarste Fall, weshalb die meisten FAQ-Abschnitte, die Sie treffen, Akkordeons sind Preisrichtlinien, Fehlerbehebungsschritte und Dokumentationsabschnitte verhalten sich genauso.
Elementor hat im kostenlosen Plugin ein Accordion-Widget Die Master Addons Advanced Akkordeon Darüber hinaus werden einige Dinge hinzugefügt: eine Akkordeon-Steuerung, die zwischen Akkordeonverhalten (ein Panel nach dem anderen) und Kippverhalten (jedes Panel unabhängig) wechselt, benutzerdefinierte Erweiterungs- und Einklappungssymbole, Aktiv als Standard pro Element, eine Kippgeschwindigkeit in Millisekunden, und das HTML-Tag des Titels.
Welche Telefone entscheiden
Ein Akkordeon ist bereits ein vertikaler Stapel von Reihen voller Breite, so dass ein 390 px Bildschirm nichts daran ändert Tabs sind das Muster, das sich anpassen muss.
Das Tabs-Widget von Elementor wechselt zu einem vertikalen Akkordeon-Layout unterhalb eines von Ihnen gewählten Haltepunkts, mit Mobil als Standard. Addon-Tabs stapeln ihre Titel in einer Spalte über die gesamte Breite mit dem Panel unterhalb der Liste.
Der Fix für Tabs auf einem Telefon, mit anderen Worten, ist ein Akkordeon zu werden, Wenn der größte Teil Ihres Traffics mobil ist, überspringt der Aufbau des Akkordeons von Anfang an ein Layout, das immer nur auf dem Desktop existiert.
Die SEO-Frage
Zusammengebrochener Inhalt wird indiziert Beide Widgets setzen jedes Panel in die Seite HTML und verstecken die inaktiven mit CSS, so liest der Crawler von Google das alles, das kann man auf der eigenen Seite bestätigen, indem man Quelle ansieht und aus einem geschlossenen Panel nach Text sucht.
Zwei Dinge sind es wirklich wert, dass man sich darum kümmert:
- Verstecken Sie nicht, worum es auf der Seite geht Wenn ein Besucher klicken muss, um herauszufinden, was Sie verkaufen, gehören diese Inhalte nicht in Tab drei, was auch immer der Crawler lesen kann.
- FAQ strukturierte Daten stammen von Ihrem SEO-Plugin und nicht von einem der Widgets Rank Math und Yoast erstellen FAQPage-Markup aus ihrem eigenen Block- oder Schemafeld, sodass das Akkordeon die Präsentation und das Schema separat festgelegt sind.
Wo Toggle passt
Toggle kommt in diesem Vergleich daher, weil Elementor früher ein Toggle-Widget hatte, und weil “toggle” zwei verschiedene Dinge bedeutet.
Das alte Toggle-Widget von Elementor war ein Akkordeon mit einem anderen Namen: ein Stapel erweiterbarer Zeilen. Es ist seit Version 3.15 veraltet und die Bearbeitung eines solchen Winkels zeigt jetzt einen Hinweis, der Sie stattdessen dazu auffordert, das Accordion-Widget einzuziehen. Bei einer aktuellen Installation hat die Frage zwischen Tabs und Akkordeon es also bereits aufgenommen.
Die andere Bedeutung ist ein Zwei-Zustands-Switch, bei dem ein Steuerelement die Seite zwischen zwei Versionen desselben Inhalts umdreht Das ist es, was die Master-Add-ons Inhalte umschalten Widget tut: zwei Labels, ein Wechsel zwischen ihnen und ein Block von Inhalten hinter jedem Monatlich gegen jährliche Preise ist der offensichtliche Fall, und Metrik gegen imperiale Einheiten ist ein anderer.
Das ist ein drittes Muster und keine Variation zu den ersten beiden Benutzen Sie es, wenn es genau zwei Zustände gibt und der Besucher zwischen ihnen wechselt Drei oder mehr Optionen bedeuten Tabulatoren, und eine Liste zum Scannen bedeutet ein Akkordeon Wenn Sie wollen, ist ein Akkordeon, dessen Panels sich unabhängig voneinander öffnen und schließen, das ist die Accordion Type-Steuerung, die auf Toggle eingestellt ist.
Beides zusammen verwenden
Sie kombinieren sich gut, weil sie unterschiedliche Fragen beantworten.
Eine Planvergleichsseite verwendet möglicherweise Registerkarten für Monat und Jahr, mit einer Akkordeon von Funktionsdetails in jeder Registerkarte. Die äußere Ebene ist eine Wahl zwischen zwei Peers; Die innere Ebene ist eine Liste zum Scannen. Nested Tabs macht dies einfach, da jedes Panel ein Container ist, der ein Akkordeon-Widget akzeptiert.
Tabs in Tabs sind die Kombination, die nicht funktioniert, da sie einen Besucher auffordert, sich zu merken, welches Titelpaar er ausgewählt hat.
Was Elementor Ihnen für jeden gibt
Beide Widgets befinden sich im kostenlosen Plugin und beide sind verschachtelte Widgets, sodass Panels Container enthalten.
Tabs add Direction for horizontal or vertikal, Horizontal Scroll for a long title row, and the Breakpoint that switches to a accordion Das Accordion-Widget hat Max Items Expanded, das entscheidet, ob das Öffnen eines Panels die anderen schließt Das Master Addons Widget erledigt diesen Job mit seiner Accordion Type-Steuerung.
Addon Widgets verlängern beide Auf der Tabs-Seite erhalten Sie Stilvoreinstellungen, Bildtitel und Hover-Switching, abgedeckt in der Erweiterte Tabs Beitrag. auf der Akkordeonseite erhalten Sie die Icon-Steuerelemente, den Toggle-Modus und den Standardzustand pro Item.
Häufig gestellte Fragen
Ist ein Akkordeon besser als Tabs?
Für sechs oder mehr Elemente, für FAQs und für mobillastige Seiten ja. Für drei bis fünf parallele Abschnitte auf einer Desktop-Seite lesen sich Tabs besser.
Indiziert Google Inhalte in Tabs und Akkordeons?
Ja. Die Panels sind im HTML ob geöffnet oder geschlossen, also liest der Crawler sie.
Kann ich ein Akkordeon in eine Lasche stecken?
Ja. Jedes Nested Tabs-Panel ist ein Container, also fällt ein Akkordeon-Widget direkt hinein.
Wie viele Tabs sind zu viele?
Fünf ist die praktische Decke, und weniger, wenn die Titel lang sind oder Symbole tragen Vergangenheit, dass die Streifenwickel und ein Akkordeon das bessere Muster ist.
Was ist mit dem Widget Toggle?
Das Toggle-Widget von Elementor ist seit 3.15 veraltet und zeigt auf das Accordion-Widget. Ein Umschalter im Switch-Sinne, der zwischen zwei Versionen desselben Inhalts umschlägt, ist ein separates Muster und erfordert ein dafür erstelltes Widget.
Welches sollte ich für eine FAQ verwenden?
Ein Akkordeon Die Fragen sind eine Liste zum Scannen und keine Auswahlmöglichkeiten, und das Layout bleibt bei zwölf Fragen lesbar, die kein Tabulatorstreifen verwaltet.
Letzte Gedanken
Zählen Sie die Gegenstände, dann fragen Sie, was sie füreinander sind Ein kurzer Satz Peers, bei dem jeder einen liest, sind Tabs Eine lange Liste, bei der die meisten Gegenstände übersprungen werden, ist ein Akkordeon Mobile regelt alle verbleibenden Zweifel, da Tabs auf einem Telefon sowieso in ein Akkordeon übergehen.
Verwandte Lektüre
