SEO Automatik für konforme Überschriften Formatierung - Pico CMS

Sie haben Probleme mit Ihrem SEO? Wer nicht! Dann kann Ihnen dieses kleine Coding helfen eine korrekte Überschriftenstruktur für Suchmaschinen zu erstellen

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...

SEO Überschriftenschaltung in Twig

Nach Vorgabe der großen Suchmaschinen hätten diese in einer zu indexierenden Seite die folgende Überschriftenstruktur (Hx-tags):

  1. 1x H1 (der auf die Überschrift des Beitrags bzw. der Seite verwendet wird)
  2. max. 4x H2 (einzelne Posts, Beiträge unterhalb des H1)
  3. max. 8x H3 ab 3000 Wörter Beitragstext max. 10x H3

Da die Überprüfung durch den Redakteur eine echte Nerverei sein kann, übernimmt das folgende Twig-Template die Arbeit der SEO-Überschriften Formatierung im Loop automatisch.

Der Twig Code für Pico

Das folgende Twig-Template-Coding ist einfach und effektiv. Beim auslesen der Beiträge und deren Anzeige, werden die ersten drei Beiträge mit H2 formatiert, Beiträge 4...9 werden mit H3 formatiert und der restliche Teil der Beiträge mit H4. Damit hält die Beitragsliste jeder SEO Prüfung stand, die maximal 4 x H2 und 8 x H3 vorschreibt.

{% for page in pages(current_page.id, depth=0)|sort_by("time")|reverse  %}

    <a rel="alternate" hreflang="de-DE" href="{{ page.url }}" role="button" title="{{ page.title }}">

        {# H2 max. 3 #}
        {% if loop.index in [1,2,3] %}
            <h2> {{ page.title }} </h2>
        {% endif %}

        {# H3 max. 8 #}
        {% if loop.index in [4,5,6,7,8,9] %}
            <h3> {{ page.title }} </h3>
        {% endif %}

        {# H4 für den Rest #}
        {% if loop.index > 9 %}
            <h4> {{ page.title }} </h4>
        {% endif %}

    </a>

{% endfor %}

Der Befehl if ... in [1,...] prüft in diesem Fall ob der Counter der Schleife in diesem Bereich liegt, diese IF-Konstruktion ist etwas effizienter als wenn Sie mit größer oder kleiner als arbeiten wollten.

Tipp - Zwar ist mit diesem Code Ihr Template SEO Sicher, jedoch kann die Strukturierung für den menschlichen Leser ungewohnt erscheinen, daher ist es ratsam die Auflistung der Blog-Beiträge gleichartig zu formatieren, sodass diese optisch als gleichförmige Beitrags-Liste.


Tags: SEO • Heading
Datum: 30.11.2021
Autor: Oliver Lohse

Weitere passende Artikel

_____

Begrenzen Sie den Anleser für Posts im CMS Automad mit ganz einfachen Mitteln auf eine bevorzugte Länge. Damit vermeiden Sie Überlängen in der Darstellung
Stellen Sie den Anleser des Beitrags im Bludit Template DEVTHEME individuell ein, indem Sie die Anzahl anzuzeigender Zeichen mit einem PHP Befehl begrenzen.
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
Aktivieren Sie den wichtigen Anleser für Ihre Beiträge mit dem folgenden kleinen und leichten Codeschnipsel für die page.php des ausgewählten Theme.
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.

Ein SEO-Plugin für das Admin Backend - Bludit CMS

SEO • Titel • Meta • Metainfo • Download
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.

Der große Vorteil des freien Flatfile CMS - Bludit CMS

CMS • SEO • VS • Vorteile • Nachteile • Vergleich
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.
Damit Ihre WordPress Seite im Internet schnell bekannt wird, sollten Sie in anderen ähnlich gelagerten Blogs kommentieren und Ihre Seite ausreichend vernetzen.
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.