Bludit Plugin erzeugt automatisches Inhaltsverzeichnis im Content

Inhaltsverzeichnisse in Beiträgen haben hohe SEO Wirkung. Dieses Bludit Plugin erzeugt für jeden Beitrag ein Inhaltsverzeichnis vor dem Beitragstext.

  Download Plugin
CMS Workbench Bludit Pico WordPress Smarty Twig Automad PHP
CSS von Animation bis Responsiv

CSS von Animation bis Responsiv - Das Buch für den Webentwickler in der neuen Auflage. Hier findet sich das vollständige Wissen zu CSS und Co. in einem Band. Einsteiger erhalten eine fundierte Einführung, professionelle Webentwickler einen Überblick über alle CSS-Technologien und Praxislösungen für CSS-Layouts sowie Tipps, um aus dem täglichen Webeinerlei herauszukommen. Zahlreiche aktuelle Themen wie HTML5 und CSS3, CSS-Transitions, objektorientiertes CSS, JavaScript-Fallbacks, Responsive Webdesign mit CSS sowie viele Praxisbeipiele machen das Buch zu einem unentbehrlichen Werk für die tägliche Arbeit. (*

kaufen...
Inhaltsverzeichnis
  •   Download Bludit Plugin
  •   Warum ein Inhaltsverzeichnis wichtig ist
  •   H2-Tags als Liste anzeigen
  •   Das Bludit Plugin in ein Theme oder Template einbinden
  •   Abfragen ob das Bludit Plugin aktiviert ist
  •   Weiterführende Links
  •   FAQ

Download Bludit Plugin

So funktioniert der Download: Klicken Sie den Download-Button an, um in das GitHub-Repository von CMSWorkbench zu gelangen. Im Repository können Sie das Plugin über den grünen Button Code - Download ZIP herunterladen.

Warum ein Inhaltsverzeichnis wichtig ist

Platzieren Sie ein Inhaltsverzeichnis im Beitragstext bereits am Anfang des Textes, haben Sie gute Chancen, das Google Ihren Content positiv bewertet und im Ranking aufsteigen lässt. Aufzählungen deuten darauf hin, das signifikante Informationen für den Leser als wertvolle Liste aufgeführt wurden. Listen sind aus ergonomnischer Sicht schneller für den Menschen zu erfassen als reiner Text - folglich werden Aufzählungen hoch bewertet.

Bludit Plugin Inhaltsverzeichnis Bild: Automatisches Inhaltsverzeichnis mit Bludit Plugin erzeugt

H2-Tags als Liste anzeigen

Für die Erstellung einer Liste kommen zunächst die H-Tags (Überschriften) in frage. Das H1 Tag befindet sich bereits im Kopf der Webseite und darf 1x pro Seite verwendet werden, bleiben folglich die H2-Tags, die Sie im Beitrag maximal 4x nutzen können (ein paar mehr schadet dem SEO aber auch nicht). Das Bludit Plugin Inhaltsverzeichnis, sucht aus dem gesamten Content alle H2 Tags heraus und erstellt daraus eine HTML-Liste. Untergeordnete H3 Tags werden ignoriert. Das Plugin hat den folgenden Code:

001  <?php
002  
003  class pluginInhaltsverzeichnis extends Plugin {
004  
005      function getInhalt() {
006          global $content, $pages, $items, $L;
007  
008         foreach ($content as $key=>$page) {
009             $pageContent = $page->content();
010  
011             $html = '<div class="bg-wp-dark text-light rounded p-3 mb-3">';
012             $html .= '<strong>Inhaltsverzeichnis</strong>';
013             $html .= '<ul class="mt-3" style="list-style: none; padding-left: 5px;">';
014             while (stristr($pageContent, '<h2>')) {
015                 $token = explode('<h2>', $pageContent);
016                 $token = explode('</h2>', $token[1]);
017                 $pageContent = str_replace('<h2>'.$token[0].'</h2>', '', $pageContent);
018                 $html .= '<li>'.$L->get('icon_check_circle').' &ensp; '.$token[0].'</li>';
019             }
020             $html .= '</ul>';
021             $html .= '</div>';
022  
023             echo $html;
024          }
025      }
026  }
027  ?>

Zur Erklärung der Funktionsweise, einige wichtige Programmzeilen des Bludit Plugins erläutert.

  • Zeile 003 erzeugt die Pluginklasse pluginInhaltsverzeichnis
  • Zeile 008 liest den Content der aktuelle Seite ein
  • Zeile 014 wiederholt die Listen-Erstellung so lange sich noch H2 Tags in $pageContent befinden - stristr()
  • Zeile 015 ermittelt den öffnenden H2 Token mit der PHP Funktion explode()
  • Zeile 016 ermittelt den schliessenden H2 Token mit der PHP Funktion explode()
  • Zeile 017 löscht die gefundene Überschrift aus $pageContent, damit sie nicht nochmals verarbeitet wird - str_replace()
  • Zeile 018 erstellt einen Listeneintrag mit dem LI-Tag
  • Zeile 023 zeigt die HTML-Liste an

Tipp: Der .= Operator in foo .= bar stellt eine Kurzschrift für foo = foo . bar dar (Verkettung bzw. Konkatinierung einer Zeichenkette)

Alle anderen Programmzeilen des Bludit Plugins betreffen eher das individuelle CSS und trivilatere Operationen und bedürfen daher kaum der Erläuterung.

Besonderheit: In Zeile 018 erfolgt unter anderem der Aufruf mit $L->get('icon_check_circle'), dabei handelt es sich um ein SVG-Icon, dessen Vektordaten in der Datei languages/de_DE.json eingetragen sind. Dies können Sie natürlich entfernen oder legen dort eigene SVG-Icons ab.

Das Bludit Plugin in ein Theme oder Template einbinden

Klar sollte zunächst sein, das die Funktion des Bludit Plugins Inhaltsverzeichnis zu speziell für einen allgemainen Hook-Aufruf durch Bludit ist, daher muss es manuell in das Bludit Theme an die richtige Stelle eingebunden werden - vorzugsweise im Template page.php.

...  
...  echo getPlugin('pluginInhaltsverzeichnis')->getInhalt();
...  echo $page->content();
...  

Die Einbindung erfolgt exemplarisch mit dem oben gezeigten Codeschnipsel. Zunächst wird das Plugin gerufen und dort die Methode getInhalt() gestartet, was zur Ausgabe der HTML-Liste des Inhaltsverzeichnis noch vor dem aktuellen Content führt.

Abfragen ob das Bludit Plugin aktiviert ist

Für eine saubere Funktionsweise ist es zuvor im Theme unerlässlich, zu prüfen, ob das Plugin aktiviert wurde. Ist dies nicht der Fall, bleibt Ihre Webseite weiß und nichts passiert - der Content fehlt, da Bludit auf die Rückmeldung des nicht aktivierten Plugins warten würde.

...  <?php
...      if (pluginActivated('pluginInhaltsverzeichnis')) {
...          echo getPlugin('pluginInhaltsverzeichnis')->getInhalt();
...      }
...      echo $page->content();
...  ?>

Folglich müssen Sie im Bludit Theme mit pluginActivated('pluginInhaltsverzeichnis') (zur Doku) prüfen, ob das gerufene Plugin geladen und aktiv ist, erst dann erfolgt die Anzeige eines Inhaltsverzeichnis vor dem Beitragstext.

Hinweis: Die so erzeugte Liste ist eine reine Darstellung, ihr fehlt in diesem Beispiel die Möglichkeit einzelnen Listenpunkte anzuklicken, um an die Stelle im Beitrag zu springen. Darüber hinaus werden lediglich H2 Tags berücksichtig und Schachtelungen mit etwaigen H3 Tags ignoriert. Dennoch hat die Liste eine positive Wirkung auf das Ranking bei Google und Ihr SEO.

Weiterführende Links

FAQ

Die Webseite bleibt weiß, nichts passiert

Haben Sie als Methoden-Namen einen bereits verwendeten Namen benutzt, kommt dies zu einer Kollision und Bludit kann die Plugins nicht laden. Verwenden Sie einen anderen Methoden- bzw. Funktionsnamen für den Start der Listenanzeige. Namen von Funktionen und Methoden darf es nur einmal im Arbeitsspeicher des PHP geben.


Plugin Verzeichnis Bludit Inhalt SEO Liste
28.03.2022
Oliver Lohse

Es wurden noch keine Kommentare verfasst, sei der erste!

Weitere passende Artikel

_____

Mit diesem Code, können Sie eine ganz einfache Beitrags-Statistik erstellen und in einem Log-File speichern. Ermitteln Sie welcher Beitrag wie oft gelesen wird
Blenden Sie das Kontaktformular Plugin Contact3 immer oben auf der Kontaktseite ein. Durch die Änderung des so genannten Hook ist dies einfach möglich.
Im Admin Backend von Bludit können Sie die Einstellungen für den Seiten Paginator vornehmen. Benötigen Sie eigene Werte, dann nehmen Sie diese Anpassung vor.
Bauen Sie eine Listbox, Auswahlliste bzw Combobox als Bludit Custom field und erweitern die Funktionen der hilfreichen Benutzerfelder für Beiträge und Posts.
Aktivieren Sie die Anzeige von Schlagwörtern im Bludit Theme Alternative. Damit ist das vorinstallierte Template deutlich aufgewertet und funktionaler.
Das senden des so genannten X-Powered Header kann in Bludit für ein schlechteres Ranking sorgen, zudem ist es nicht ratsam, das verwendete CMS aufzudecken
Lassen Sie sich im Bludit Backend die wichtigsten SEO Informationen zu Länge des Titels und der Beschreibung anzeigen. Passen Sie die Datei content.php an.
In diesem Beitrag zeige ich Ihnen ein SEO-Plugin für das Admin Backend, das in der Lage ist den Beitragstitel und die Metadescription zu überwachen.
So aktualisieren Sie die sitemap.xml bei Google und Bing manuell. Zwei einfache Befehle im Browser verbessern Ihr SEO und Ranking bei den großen Suchmaschinen.
Der TinyMCE läuft nicht im Standardmode, statt dessen ist der MarkDown Parser aktiviert. Diese Meldung erhalten Sie oft wenn JavaScripte in Plugins stören.
Dieses Bludit Plugin konvertiert aller Bludit Beiträge in das MarkDown Format und die Ordnerstruktur des Pico CMS, legen Sie lediglich die Index.md an
Flatfile CMS erfreuen sich sehr großer Beliebtheit und bieten zudem sehr viele Vorteile die Sie so kaum von den Platzhirschen am Markt erwarten dürfen.

Download - Plugins -

Download • kostenlos • Plugin • Template • Theme
Kostenlose Plugins und Templates für Bludit, Pico CMS, WonderCMS, GetSimple, WordPress und co, zum kostenlosen Download
Machen Sie eigene Anzeigen im Notification Panel des Bludit Dashboards. Nutzen Sie den $syslog-Dienst des CMS, um Events oder Checks aus Plugins zu zeigen.
Die Entwicklung eines Plugins für das CMS Bludit ist einfach. Der Beitrag zeigt Ihnen Schritt für Schritt wie Sie vorgehen müssen um an Ihr Ziel zu gelangen.
Ein wenigen Schritten installieren Sie ein Bludit Plugin aus dem Internet auf Ihrer eigenen Webseite. Der Beitrag zeigt wie das geht und was benötigt wird
Soll Ihr Plugin auf Events im Admin-Backend reagieren, dann müssen Sie es an einen Admin Controller hängen, um Daten im Backend verarbeiten zu können.
Das Auflösen mehrdimensionaler Arrays ist in PHP sehr sperrig, daher in diesem Beitrag ein einfaches diskretes Design-Pattern, für die Auflösung von Arrays
Dieser Beitrag zeigt Ihnen, wie Sie ein erstes Plugin für PICO entwickeln. Die wenigen Zeilen Code verdeutlichen die Arbeitsweise der Plugins in diesem CMS
Sie haben Probleme mit Ihrem SEO? Wer nicht! Dann kann Ihnen dieses kleine Coding helfen eine korrekte Überschriftenstruktur für Suchmaschinen zu erstellen
Ein einfaches SEO-Plugin für Bludit CMS zu Überwachung der SEO-Eigenschaften aller Beiträge. Beitrags-Titel und die Beschreibung werden ausgewertet.
Man liest immer: "Für gutes Ranking, brauchen Sie ein gutes SEO...", doch ist das wirklich so? Wie weit bringt Sie ein sklaivisches SEO wirklich?

Vermeiden Sie die Umbenennung von Beiträgen und Strukturen - Templating Tipps Beispiele SEO für viele CMS und Tipps

RedirectPermanent • Rpbots • Link • SEO • Impacht • Google • Bing • Suchmaschine
So nutzen Sie RedirectPermanent in der htaccess und die Datei robots.txt, um Google und co verschobene Beiträge oder umbenannte Kategorien kenntlich zu machen.
Legen Sie mit nur 3 Zeile Java-Code ein Verzeichnis, Ordner bzw. Direcktory auf der Festplatte an.
Sie können mit PHP ein Verzeichnis mit Ordnern und Dateien einlesen und anzeigen. Der Beitrag zeigt ein kurzes Codesegment mit dem opendir() Befehl aus PHP.
Was ist die Bludit API und zu was kann sie verwendet werden. So rufen Sie Content aus dem CMS Bludit für die Darstellung in anderen Webseiten auf.
Die Pluginschnittstelle des WonderCMS ist gut dokumentiert und einfach zu bedienen. In diesem Beitrag schreiben Sie ein Hit-Counter Plugin für das kleine CMS.
Damit Ihre WordPress Seite im Internet schnell bekannt wird, sollten Sie in anderen ähnlich gelagerten Blogs kommentieren und Ihre Seite ausreichend vernetzen.
Die YAML Syntax anhand einer Liste erläutert, die beispielsweise Affiliate oder CTA Links aufnimmt und die vom Twig-Template ausgelesen werden können.
WordPress Easy - Redaktion

About me

Mein Name ist Oliver Lohse. Ich bin diplomierter Wirtschafts-Informatiker und Organisations-Programmierer in verschiedenen Programmier-Sprachen und Markup-Dialekten, z.B. Java, JEE, COBOL, PHP, Python, MySQL, HTML, CSS, ANSI C, Lisp, Rexx, JavaScript, Scheme, ActionScript 2.0, Maschinensprache, Assembler und JCL. Seit mehr als 24 Jahren arbeite ich als Entwickler in einem großen Softwareunternehmen für Versicherungen in Hannover Niedersachsen und seit etwa 37 Jahren im EDV-Sektor mit wechselnden Aufgaben.