In diesem Beitrag haben wir 8 der besten Optionen zusammengestellt, von denen 6 komplett kostenlos sind.<\/p>\n
Nachfolgend findest du Details zu jedem Plugin sowie eine kurze Einf\u00fchrung, wie Fortschrittsbalken funktionieren und warum sie f\u00fcr deine Website von Vorteil sind.<\/p>\n
Was ist ein Lesefortschrittsbalken?<\/h2>\n
Ein Lesefortschrittsbalken tut so ziemlich genau das, was der Name sagt – er zeigt den Besuchern deiner Website, wie weit sie mit dem Inhalt<\/a> deines Beitrags gekommen sind.<\/p>\n Normalerweise klebst du einen horizontalen Balken am oberen oder unteren Rand der Seite. Wenn die Nutzer\/innen durch den Beitrag scrollen, f\u00fcllt sich der Balken und zeigt an, wie nah sie am Ende des Inhalts sind.<\/p>\n Einige Plugins bieten dir auch die M\u00f6glichkeit, einen vertikalen Fortschrittsbalken links oder rechts vom Inhalt zu erstellen. In diesen F\u00e4llen sieht er fast wie eine Bildlaufleiste aus. Der entscheidende Unterschied ist jedoch, dass der Fortschrittsbalken auf der L\u00e4nge des eigentlichen Inhalts basiert, w\u00e4hrend der Browser-Scrollbalken auf der vollen L\u00e4nge der Seite basiert.<\/p>\n Hier sind zwei Beispiele f\u00fcr die typische Art und Weise, wie Websites Lesefortschrittsbalken verwenden…<\/p>\n HubSpot f\u00fcgt einen orangefarbenen Fortschrittsbalken hinzu, der direkt unter der \u00dcberschrift<\/a> erscheint:<\/p>\n Du kannst jedoch mit verschiedenen Platzierungen der Fortschrittsleiste experimentieren, passend zu deiner Website.<\/p>\n\n Mit einer Lesefortschrittsleiste kannst du die Benutzerfreundlichkeit<\/a> und das Benutzererlebnis auf deiner Website verbessern, was sich direkt auf wichtige Kennzahlen wie die Verweildauer auf der Seite und die Absprungrate auswirken kann.<\/p>\n Lass uns zun\u00e4chst \u00fcber das Nutzererlebnis im Allgemeinen sprechen.<\/p>\n Die meisten Menschen wollen wissen, worauf sie sich einlassen, bevor sie die Zeit investieren, sich mit deinem Beitrag zu besch\u00e4ftigen. Handelt es sich um einen 5-Minuten-Artikel, den sie zwischendurch lesen k\u00f6nnen, oder um einen langen 20-Minuten-Artikel, der viel Aufmerksamkeit erfordert?<\/p>\n Ein Fortschrittsbalken gibt den Lesern eine gute Vorstellung davon, was sie von deinem Beitrag erwarten k\u00f6nnen, wenn sie anfangen zu lesen. Manche Websites f\u00fcgen zus\u00e4tzlich zum Fortschrittsbalken eine gesch\u00e4tzte Lesezeit hinzu, die von einigen der folgenden Plugins unterst\u00fctzt wird.<\/p>\n 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\u00f6\u00dften Teil des Beitrags gelesen hat.<\/p>\n Diese Verbesserungen der Nutzererfahrung k\u00f6nnen sich positiv auf zwei wichtige Kennzahlen auswirken:<\/p>\n Wenn du Fortschrittsbalken mit anderen Ma\u00dfnahmen zur Verbesserung des Nutzererlebnisses<\/a> kombinierst, z. B. mit einer guten Navigationsstruktur<\/a> und einer intelligenten Paginierung<\/a>, kannst du ein wirklich sch\u00f6nes, ansprechendes Erlebnis f\u00fcr deine Besucher schaffen.<\/p>\n Kommen wir nun zu den 8 besten Fortschrittsbalken-Plugins f\u00fcr WordPress, mit denen du einen Lesefortschrittsbalken auf deiner Website einbauen kannst.<\/p>\n Es gibt zwar allgemeine Fortschrittsbalken-Plugins, mit denen du f\u00fcr alles einen eigenen Fortschrittsbalken erstellen kannst, aber in diesem Beitrag geht es speziell um Plugins, die den Lesefortschritt anhand der L\u00e4nge des Inhalts einer Seite anzeigen.<\/p>\n 6 dieser Plugins sind kostenlos, w\u00e4hrend die weiteren 2 Plugins erschwinglich sind und dir zus\u00e4tzliche Flexibilit\u00e4t bieten, die du bei den meisten kostenlosen Optionen nicht findest.<\/p>\n Das Beste daran ist, dass alle diese Plugins mit so ziemlich jedem WordPress-Theme<\/a> funktionieren sollten.<\/p>\n Read Meter<\/a> 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<\/a> geschafft hat).<\/p>\n Mit dem Plugin kannst du automatisch einen Lesefortschrittsbalken hinzuf\u00fcgen, der ganz oben oder unten auf der Seite angezeigt wird. Au\u00dferdem kannst du neben dem Fortschrittsbalken auch die gesch\u00e4tzte Lesedauer des Beitrags anzeigen lassen.<\/p>\n Hier ist alles, was du mit Read Meter bekommst:<\/p>\n Preis<\/strong>: Read Meter ist 100% kostenlos.<\/p>\n Neben Read Meter ist Reading progressbar<\/a> ein weiteres der beliebtesten Fortschrittsleisten-Plugins auf WordPress.org. Im Gegensatz zu Read Meter bietet dieses Plugin jedoch keine M\u00f6glichkeit, die gesch\u00e4tzte Lesedauer hinzuzuf\u00fcgen – sie ist ausschlie\u00dflich f\u00fcr den Fortschrittsbalken vorgesehen.<\/p>\n Allerdings bietet es dir eine zus\u00e4tzliche Flexibilit\u00e4t bei der Zielsetzung, die Read Meter nicht bietet. Zum Beispiel kannst du deinen Fortschrittsbalken zus\u00e4tzlich zum Post-Type-Targeting auf bestimmte Vorlagen ausrichten.<\/p>\n Hier ist alles, was du mit dem Fortschrittsbalken von Reading\u00a0 progressbar bekommst:<\/p>\n Preis<\/strong>: Reading\u00a0 progressbar ist 100% kostenlos.<\/p>\n Worth the Read<\/a> ist eines der anpassungsf\u00e4higsten WordPress-Plugins f\u00fcr die Fortschrittsleiste und damit eine gute Wahl, wenn du die vorherigen Plugins zu einschr\u00e4nkend findest.<\/p>\n Es bietet einige einzigartige Platzierungs- und Targeting-Optionen, die die meisten anderen Plugins nicht bieten, sowie einige andere einzigartige Elemente. Au\u00dferdem kannst du eine gesch\u00e4tzte Lesezeit hinzuf\u00fcgen, wenn du das m\u00f6chtest.<\/p>\n Hier ist alles, was du mit Worth the Read bekommst:<\/p>\n Preis<\/strong>: Worth the Read ist 100% kostenlos.<\/p>\n Catch Scroll Progress Bar<\/a> ist eine weitere leichtgewichtige Option, um einen einfachen Fortschrittsbalken auf deiner Website einzubauen.<\/p>\n Sie ist ziemlich einfach gehalten und bietet nur die minimalen Optionen, die du brauchst, um deinen Fortschrittsbalken zu platzieren und zu gestalten.<\/p>\n Hier ist alles, was du mit Catch Scroll Progress Bar bekommst:<\/p>\n Preis<\/strong>: Catch Scroll Progress Bar ist 100% kostenlos.<\/p>\n WP Reading Progress<\/a> ist ein weiteres kostenloses Progress Bar WordPress Plugin, das auf WordPress.org erh\u00e4ltlich ist.<\/p>\n Wie das vorherige Plugin bietet es dir nur die minimalen Einstellungen, die du brauchst, um deinen Lesefortschrittsbalken anzupassen. Aber f\u00fcr die meisten Leute ist das alles, was du brauchst, was es zu einer weiteren soliden Option macht.<\/p>\n Hier ist alles, was du mit WP Reading Progress bekommst:<\/p>\n Preis<\/strong>: WP Reading Progress ist 100% kostenlos.<\/p>\n Reading Time<\/a> ist das erste Lesefortschritt-Plugin auf dieser Liste, das es nur in einer Premium-Version gibt.<\/p>\n Es ist aber immer noch recht erschwinglich und bietet lebenslange Updates \u00fcber den CodeCanyon-Marktplatz von Envato.<\/p>\n Es gibt 2 Hauptgr\u00fcnde, warum du Reading Time den kostenlosen Alternativen vorziehen solltest:<\/p>\n Du bekommst auch alle „Standard“-Funktionen, die du von einem Plugin erwartest:<\/p>\n Preis<\/strong>: Reading Time kostet $15. Darin enthalten sind lebenslange Updates f\u00fcr eine einzelne Website und 6 Monate Support.<\/p>\n Reading Position Indicator<\/a> ist ein weiteres leichtes, kostenloses Fortschrittsbalken-Plugin auf WordPress.org.<\/p>\n Es bietet dir nicht viele Einstellungsm\u00f6glichkeiten, aber eine einzigartige Option ist, dass du einen benutzerdefinierten Farbverlauf f\u00fcr deinen Lesefortschrittsbalken verwenden kannst (zus\u00e4tzlich zu einer festen Farbe).<\/p>\n Hier ist alles, was du mit Reading Position Indicator bekommst:<\/p>\n Preis<\/strong>: Reading Position Indicator ist 100% kostenlos.<\/p>\n ReBar<\/a> ist ein weiteres hochwertiges WordPress-Plugin, das \u00fcber Envatos CodeCanyon-Marktplatz verkauft wird.<\/p>\n Wie bei Reading Time gibt es auch hier einige einzigartige Funktionen, f\u00fcr die es sich lohnt, das Geld auszugeben:<\/p>\n Hier sind einige weitere bemerkenswerte Funktionen:<\/p>\n Preis<\/strong>: ReBar kostet $15 und beinhaltet lebenslange Updates f\u00fcr eine einzelne Website und 6 Monate Support.<\/p>\n\n Das war’s mit unserer Sammlung der 8 besten Lesefortschrittsleisten-Plugins f\u00fcr WordPress.<\/p>\n F\u00fcr die einfachsten Optionen, um einen einfachen Fortschrittsbalken hinzuzuf\u00fcgen, kannst du Plugins wie Read Meter oder Reading progressbar in Betracht ziehen.<\/p>\n Wenn du hingegen die meisten Anpassungsm\u00f6glichkeiten zum Nulltarif haben m\u00f6chtest, solltest du mit Worth the Read beginnen, da es eine Reihe einzigartiger Optionen und Funktionen enth\u00e4lt, die andere Plugins nicht bieten.<\/p>\n Wenn du mehr als nur eine einfarbige F\u00fcllung f\u00fcr den Fortschrittsbalken m\u00f6chtest, 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.<\/p>\n Jedes Plugin hat seinen eigenen Stil und seine eigenen Funktionen. Es lohnt sich also, sie alle zu testen, um die richtige Option f\u00fcr deine Website zu finden.<\/p>\n F\u00fcr die meisten Plugins gibt es kostenlose Versionen auf WordPress.org, so dass du sie einfach testen kannst. Wenn du deine Website bei Kinsta hostest<\/a>, kannst du ganz einfach eine Staging-Site einrichten<\/a>, um sicher zu testen, wie die einzelnen Plugins auf deiner Website aussehen werden.<\/p>\n![\"Ein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/hubspot-progress-bar-1024x669.jpg\")
Warum einen Lesefortschrittsbalken in WordPress einbauen?<\/h2>\n
\n
Die 8 besten WordPress-Plugins f\u00fcr Lesefortschrittsbalken<\/h2>\n
Read Meter<\/h3>\n
![\"Das](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/read-meter-1024x331.jpg\")
\n
Reading progressbar<\/h3>\n
![\"Das](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/reading-progressbar-1024x330.jpg\")
\n
Worth the Read<\/h3>\n
![\"Das](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/worth-the-read-1024x330.jpg\")
\n
Catch Scroll Progress Bar<\/h3>\n
![\"Der](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/catch-scroll-progress-bar-1024x461.jpg\")
\n
WP Reading Progress<\/h3>\n
![\"Das](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/wp-reading-progress-1024x331.jpg\")
\n
Reading Time<\/h3>\n
![\"Das](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/reading-progress-bar.jpg\")
\n
\n
Reading Position Indicator<\/h3>\n
![\"Das](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/reading-position-indiciator-1024x331.jpg\")
\n
ReBar<\/h3>\n
![\"Das](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/rebar.jpg\")
\n
\n
Zusammenfassung<\/h2>\n