Möchtest du einen Lesefortschrittsbalken zu WordPress hinzufügen?
Ein Lesefortschrittsbalken ist eine großartige Möglichkeit, die Benutzerfreundlichkeit deiner Website zu verbessern, indem du den Lesern einen visuellen Indikator für ihren Fortschritt in einem Beitrag gibst.
Wenn du einen solchen Balken in deine Website einbauen möchtest, gibt es eine Vielzahl von kostenlosen oder erschwinglichen Plugins, mit denen du einen Fortschrittsbalken einbauen und sein Design an den Rest deiner Website anpassen kannst.
In diesem Beitrag haben wir 8 der besten Optionen zusammengestellt, von denen 6 komplett kostenlos sind.
Nachfolgend findest du Details zu jedem Plugin sowie eine kurze Einführung, wie Fortschrittsbalken funktionieren und warum sie für deine Website von Vorteil sind.
Was ist ein Lesefortschrittsbalken?
Ein Lesefortschrittsbalken tut so ziemlich genau das, was der Name sagt – er zeigt den Besuchern deiner Website, wie weit sie mit dem Inhalt deines Beitrags gekommen sind.
Normalerweise klebst du einen horizontalen Balken am oberen oder unteren Rand der Seite. Wenn die Nutzer/innen durch den Beitrag scrollen, füllt sich der Balken und zeigt an, wie nah sie am Ende des Inhalts sind.
Einige Plugins bieten dir auch die Möglichkeit, einen vertikalen Fortschrittsbalken links oder rechts vom Inhalt zu erstellen. In diesen Fällen sieht er fast wie eine Bildlaufleiste aus. Der entscheidende Unterschied ist jedoch, dass der Fortschrittsbalken auf der Länge des eigentlichen Inhalts basiert, während der Browser-Scrollbalken auf der vollen Länge der Seite basiert.
Hier sind zwei Beispiele für die typische Art und Weise, wie Websites Lesefortschrittsbalken verwenden…
HubSpot fügt einen orangefarbenen Fortschrittsbalken hinzu, der direkt unter der Überschrift erscheint:
Du kannst jedoch mit verschiedenen Platzierungen der Fortschrittsleiste experimentieren, passend zu deiner Website.
Warum einen Lesefortschrittsbalken in WordPress einbauen?
Mit einer Lesefortschrittsleiste kannst du die Benutzerfreundlichkeit und das Benutzererlebnis auf deiner Website verbessern, was sich direkt auf wichtige Kennzahlen wie die Verweildauer auf der Seite und die Absprungrate auswirken kann.
Lass uns zunächst über das Nutzererlebnis im Allgemeinen sprechen.
Die meisten Menschen wollen wissen, worauf sie sich einlassen, bevor sie die Zeit investieren, sich mit deinem Beitrag zu beschäftigen. Handelt es sich um einen 5-Minuten-Artikel, den sie zwischendurch lesen können, oder um einen langen 20-Minuten-Artikel, der viel Aufmerksamkeit erfordert?
Ein Fortschrittsbalken gibt den Lesern eine gute Vorstellung davon, was sie von deinem Beitrag erwarten können, wenn sie anfangen zu lesen. Manche Websites fügen zusätzlich zum Fortschrittsbalken eine geschätzte Lesezeit hinzu, die von einigen der folgenden Plugins unterstützt wird.
Sobald deine Besucher mit dem Lesen beginnen, kann der Fortschrittsbalken sie auch dazu ermutigen, den Beitrag zu Ende zu lesen. Wenn ein Leser zum Beispiel sieht, dass er bereits 80 % des Inhalts gelesen hat, wird er ermutigt, die letzten 20 % zu lesen, weil er bereits den größten Teil des Beitrags gelesen hat.
Diese Verbesserungen der Nutzererfahrung können sich positiv auf zwei wichtige Kennzahlen auswirken:
- Verweildauer – wenn du die Leser/innen ermutigst, einen Beitrag zu Ende zu lesen, sobald sie ihn begonnen haben, kannst du die Verweildauer auf der Seite erhöhen.
- Absprungrate – wenn du die Verweildauer der Besucher auf deiner Seite erhöhst, steigt die Wahrscheinlichkeit, dass sie sich weiter mit deiner Seite beschäftigen (z. B. indem sie einen weiteren Beitrag lesen), was dazu beitragen kann, deine Absprungrate zu senken.
Wenn du Fortschrittsbalken mit anderen Maßnahmen zur Verbesserung des Nutzererlebnisses kombinierst, z. B. mit einer guten Navigationsstruktur und einer intelligenten Paginierung, kannst du ein wirklich schönes, ansprechendes Erlebnis für deine Besucher schaffen.
Die 8 besten WordPress-Plugins für Lesefortschrittsbalken
Kommen wir nun zu den 8 besten Fortschrittsbalken-Plugins für WordPress, mit denen du einen Lesefortschrittsbalken auf deiner Website einbauen kannst.
Es gibt zwar allgemeine Fortschrittsbalken-Plugins, mit denen du für alles einen eigenen Fortschrittsbalken erstellen kannst, aber in diesem Beitrag geht es speziell um Plugins, die den Lesefortschritt anhand der Länge des Inhalts einer Seite anzeigen.
6 dieser Plugins sind kostenlos, während die weiteren 2 Plugins erschwinglich sind und dir zusätzliche Flexibilität bieten, die du bei den meisten kostenlosen Optionen nicht findest.
Das Beste daran ist, dass alle diese Plugins mit so ziemlich jedem WordPress-Theme funktionieren sollten.
Read Meter
Read Meter ist ein Lesefortschrittsbalken-Plugin von Brainstorm Force, dem Team, das auch hinter dem beliebten Astra WordPress-Theme steckt (das es in unsere Liste der schnellsten WordPress-Themes geschafft hat).
Mit dem Plugin kannst du automatisch einen Lesefortschrittsbalken hinzufügen, der ganz oben oder unten auf der Seite angezeigt wird. Außerdem kannst du neben dem Fortschrittsbalken auch die geschätzte Lesedauer des Beitrags anzeigen lassen.
Hier ist alles, was du mit Read Meter bekommst:
- Platzierung oben oder unten – zeige den Fortschrittsbalken oben oder unten auf dem Bildschirm eines Nutzers an.
- Ausrichtung auf den Beitragstyp – du kannst den Lesefortschritt nur für bestimmte Beitragstypen (einschließlich benutzerdefinierter Beitragstypen) einblenden. So kannst du ihn z. B. bei Blogbeiträgen anzeigen lassen, nicht aber bei Seiten.
- Lesezeit – füge die geschätzte Lesezeit automatisch an verschiedenen Stellen des Beitrags ein (z. B. unter dem Titel) oder platziere sie manuell über einen Shortcode.
- Anpassbare Farben – du kannst die Farben und den Stil jedes Elements anpassen, damit es zu deiner Website passt.
Preis: Read Meter ist 100% kostenlos.
Reading progressbar
Neben Read Meter ist Reading progressbar ein weiteres der beliebtesten Fortschrittsleisten-Plugins auf WordPress.org. Im Gegensatz zu Read Meter bietet dieses Plugin jedoch keine Möglichkeit, die geschätzte Lesedauer hinzuzufügen – sie ist ausschließlich für den Fortschrittsbalken vorgesehen.
Allerdings bietet es dir eine zusätzliche Flexibilität bei der Zielsetzung, die Read Meter nicht bietet. Zum Beispiel kannst du deinen Fortschrittsbalken zusätzlich zum Post-Type-Targeting auf bestimmte Vorlagen ausrichten.
Hier ist alles, was du mit dem Fortschrittsbalken von Reading progressbar bekommst:
- Flexible Positionierung – du kannst deinen Fortschrittsbalken automatisch oben oder unten auf der Seite anbringen. Es gibt aber auch eine benutzerdefinierte Positionierungsoption, mit der du sie an jedes CSS-Element anheften kannst. Wenn du z. B. einen Sticky Header hast, kannst du ihn unter dem Navigationsmenü in der Kopfzeile anbringen, anstatt ganz oben auf der Seite (wie im Beispiel von HubSpot oben).
- Anpassbares Design – ändere die Höhe und die Farben deines Fortschrittsbalkens, damit er zu deiner Website passt.
- Targeting-Optionen – du kannst deinen Fortschrittsbalken nur auf bestimmten Vorlagen und/oder Beitragstypen anzeigen lassen.
Preis: Reading progressbar ist 100% kostenlos.
Worth the Read
Worth the Read ist eines der anpassungsfähigsten WordPress-Plugins für die Fortschrittsleiste und damit eine gute Wahl, wenn du die vorherigen Plugins zu einschränkend findest.
Es bietet einige einzigartige Platzierungs- und Targeting-Optionen, die die meisten anderen Plugins nicht bieten, sowie einige andere einzigartige Elemente. Außerdem kannst du eine geschätzte Lesezeit hinzufügen, wenn du das möchtest.
Hier ist alles, was du mit Worth the Read bekommst:
- Horizontale oder vertikale Positionierungsoptionen – füge einen horizontalen Fortschrittsbalken am oberen oder unteren Rand des Bildschirms ODER einen vertikalen Fortschrittsbalken am linken oder rechten Rand des Bildschirms ein. Die vertikale Option ist einzigartig, da die meisten anderen Plugins sie nicht unterstützen.
- Post-Type-Targeting – du kannst deinen Lesefortschrittsbalken nur bei bestimmten Post-Typen einblenden.
- Gerätetargeting – du hast die Möglichkeit, den Fortschrittsbalken für mobile Geräte und Tablets (oder Desktops) auszuschalten.
- Kommentarfortschritt – du hast die Möglichkeit, Kommentare in den Lesefortschritt einzubeziehen, was nützlich sein kann, wenn du aktive Kommentarbereiche mit nützlichen Informationen hast.
- RTL-Unterstützung – es ist eines der wenigen Plugins, mit dem du auf RTL umschalten kannst, was für Websites in RTL-Sprachen sehr nützlich sein kann.
- Stiloptionen – passe die Farben, die Dicke, die Deckkraft und so weiter an. Wenn du die Kommentare aktiviert hast, kannst du sogar eine eigene Farbe verwenden, um anzuzeigen, wann der Kommentarabschnitt auf dem Fortschrittsbalken beginnt.
- Geschätzte Lesezeit – wenn du die Lesezeit aktivierst, kannst du die Funktion anpassen und sie automatisch oder manuell mit einem Shortcode platzieren.
Preis: Worth the Read ist 100% kostenlos.
Catch Scroll Progress Bar
Catch Scroll Progress Bar ist eine weitere leichtgewichtige Option, um einen einfachen Fortschrittsbalken auf deiner Website einzubauen.
Sie ist ziemlich einfach gehalten und bietet nur die minimalen Optionen, die du brauchst, um deinen Fortschrittsbalken zu platzieren und zu gestalten.
Hier ist alles, was du mit Catch Scroll Progress Bar bekommst:
- Position oben oder unten – klebe deinen Fortschrittsbalken an den oberen oder unteren Rand der Seite.
- Post Type Targeting – füge deinen Fortschrittsbalken nur in bestimmten Post Types ein.
- Template-Targeting – innerhalb dieser Beitragstypen wird er nur in bestimmten Templates angezeigt. Du kannst ihn zum Beispiel zu einzelnen Beiträgen hinzufügen, aber nicht auf der Archivseite.
- Farb- und Stiloptionen – passe die Farben, die Deckkraft und die Höhe deines Fortschrittsbalkens an.
Preis: Catch Scroll Progress Bar ist 100% kostenlos.
WP Reading Progress
WP Reading Progress ist ein weiteres kostenloses Progress Bar WordPress Plugin, das auf WordPress.org erhältlich ist.
Wie das vorherige Plugin bietet es dir nur die minimalen Einstellungen, die du brauchst, um deinen Lesefortschrittsbalken anzupassen. Aber für die meisten Leute ist das alles, was du brauchst, was es zu einer weiteren soliden Option macht.
Hier ist alles, was du mit WP Reading Progress bekommst:
- Flexible Positionierung – du kannst den Balken automatisch am oberen oder unteren Rand der Seite anbringen. Du kannst ihn aber auch manuell an einem beliebigen CSS-Selektor anbringen.
- Post Type Targeting – füge den Fortschrittsbalken nur bei bestimmten Post Types ein. Es gibt auch eine Option zum Aktivieren/Deaktivieren auf Archivseiten.
- Stilanpassung – du kannst die Farbe und Dicke des Fortschrittsbalkens anpassen. Allerdings kannst du nur eine einzige Farbe wählen und es gibt keine Optionen für die Deckkraft.
Preis: WP Reading Progress ist 100% kostenlos.
Reading Time
Reading Time ist das erste Lesefortschritt-Plugin auf dieser Liste, das es nur in einer Premium-Version gibt.
Es ist aber immer noch recht erschwinglich und bietet lebenslange Updates über den CodeCanyon-Marktplatz von Envato.
Es gibt 2 Hauptgründe, warum du Reading Time den kostenlosen Alternativen vorziehen solltest:
- 8+ voreingestellte Stile – du erhältst einige einzigartige Stiloptionen, wie z. B. die Verwendung von vertikalen Balken anstelle einer durchgehenden Füllung innerhalb des Fortschrittsbalkens (siehe Abbildung oben).
- Erweiterte Targeting-Regeln – neben den Post-Typen und Templates kannst du deine Fortschrittsbalken nach sehr spezifischen Regeln wie Nutzerrollen, URLs, Geräten und mehr ausrichten.
Du bekommst auch alle „Standard“-Funktionen, die du von einem Plugin erwartest:
- Flexible Positionierung – neben der automatischen Platzierung oben oder unten kannst du auch eine benutzerdefinierte Positionierung verwenden, um deinen Fortschrittsbalken an jeden CSS-Selektor anzuhängen.
- Stiloptionen – neben den 8+ voreingestellten Stilen hast du auch allgemeine Optionen, um die Farben und die Höhe deines Fortschrittsbalkens anzupassen.
Preis: Reading Time kostet $15. Darin enthalten sind lebenslange Updates für eine einzelne Website und 6 Monate Support.
Reading Position Indicator
Reading Position Indicator ist ein weiteres leichtes, kostenloses Fortschrittsbalken-Plugin auf WordPress.org.
Es bietet dir nicht viele Einstellungsmöglichkeiten, aber eine einzigartige Option ist, dass du einen benutzerdefinierten Farbverlauf für deinen Lesefortschrittsbalken verwenden kannst (zusätzlich zu einer festen Farbe).
Hier ist alles, was du mit Reading Position Indicator bekommst:
- Position oben oder unten – es gibt keine CSS-Selektoren, aber du kannst einen Versatz hinzufügen.
- Post Type Targeting – Richte deinen Fortschrittsbalken auf bestimmte Post Types aus.
- Optionen zur Stilanpassung – wähle zwischen einfarbigen und farbigen Stilen. Du kannst auch die Dicke des Fortschrittsbalkens anpassen.
Preis: Reading Position Indicator ist 100% kostenlos.
ReBar
ReBar ist ein weiteres hochwertiges WordPress-Plugin, das über Envatos CodeCanyon-Marktplatz verkauft wird.
Wie bei Reading Time gibt es auch hier einige einzigartige Funktionen, für die es sich lohnt, das Geld auszugeben:
- 8+ voreingestellte Stile – du erhältst eine Reihe einzigartiger Stile, die über einfarbige Füllungen hinausgehen, z. B. Plastik, Farbverläufe, iOS-Stil und mehr.
- Erweiterte Targeting-Regeln – du kannst deine Fortschrittsbalken nicht nur nach Beitragstypen ausrichten, sondern auch nach sehr spezifischen Regeln wie Nutzerrollen, URLs, Geräten und mehr.
- Unterstützung von Endlos-Scrolls – ReBar funktioniert auch mit Endlos-Scroll-Layouts, was es zu einer großartigen Option für diese Websites macht. Du kannst den Scrollbereich auf der Grundlage von CSS-Selektoren definieren und es wird für jeden Beitrag in der unendlichen Bildlaufleiste ein eigener Fortschrittsbalken erzeugt.
Hier sind einige weitere bemerkenswerte Funktionen:
- Horizontale und vertikale Stile – platziere einen horizontalen Fortschrittsbalken am oberen oder unteren Rand der Seite ODER platziere einen vertikalen Fortschrittsbalken am linken oder rechten Rand der Seite.
- Anpassbare Stile – zusätzlich zu den 8+ voreingestellten Stilen kannst du auch die Farben und Höhe/Breite deines Fortschrittsbalkens anpassen.
- RTL-Unterstützung – du kannst den Fortschrittsbalken für RTL-Sprachen umkehren.
Preis: ReBar kostet $15 und beinhaltet lebenslange Updates für eine einzelne Website und 6 Monate Support.
Zusammenfassung
Das war’s mit unserer Sammlung der 8 besten Lesefortschrittsleisten-Plugins für WordPress.
Für die einfachsten Optionen, um einen einfachen Fortschrittsbalken hinzuzufügen, kannst du Plugins wie Read Meter oder Reading progressbar in Betracht ziehen.
Wenn du hingegen die meisten Anpassungsmöglichkeiten zum Nulltarif haben möchtest, solltest du mit Worth the Read beginnen, da es eine Reihe einzigartiger Optionen und Funktionen enthält, die andere Plugins nicht bieten.
Wenn du mehr als nur eine einfarbige Füllung für den Fortschrittsbalken möchtest, solltest du die Premium-Optionen auf CodeCanyon in Betracht ziehen – entweder Reading Time oder ReBar. Auch diese Plugins zeichnen sich dadurch aus, dass sie mehr als 8 voreingestellte Stile und viel fortschrittlichere Targeting-Optionen bieten.
Jedes Plugin hat seinen eigenen Stil und seine eigenen Funktionen. Es lohnt sich also, sie alle zu testen, um die richtige Option für deine Website zu finden.
Für die meisten Plugins gibt es kostenlose Versionen auf WordPress.org, so dass du sie einfach testen kannst. Wenn du deine Website bei Kinsta hostest, kannst du ganz einfach eine Staging-Site einrichten, um sicher zu testen, wie die einzelnen Plugins auf deiner Website aussehen werden.
Um weitere Plugins zu finden, die deine Website verbessern können, kannst du auch unsere vollständige Liste der besten WordPress-Plugins durchstöbern.
Schreibe einen Kommentar