午夜探花

Schulung und Support

Hinweise zur Seitenstrukturierung /h1/

Funktionen der Seitenstrukturierung /h2/

Vorbemerkung: Der Schwerpunkt dieser Hinweise liegt nicht auf den optischen / 盲u脽erlichen Struktur-Aspekten einer Webseite. Daf眉r sind grafische / typografische Merkmale der Elemente zust盲ndig: Positionierungen von Textbl枚cken, Auszeichnungen mit fett, kursiv etc.
Hier im Fokus stehen demgegen眉ber die "inneren" formalen Struktur-Aspekte einer Webseite. Moderne Seitenstrukturen verwenden neue, in HTML5 vorhandene Elemente, die zu einer 眉产别谤蝉颈肠丑迟濒颈肠丑别谤别苍 und "semantischeren" Struktur der Seite f眉hren.
Diese besseren Seitenstrukturen erm枚glichen insbesondere auch eine gr枚脽ere Barrierefreiheit der Seiten und sind bedeutsam f眉r die SEO (Search Engine Optimization).
Eine kurze formale Einf眉hrung liefert der Artikel zum Thema auf der bekannten Plattform selfhtml.

Gute Seitenstrukturen
    • verbessern die Suchbarkeit
    • vergr枚脽ern die Barrierefreiheit
    • verk眉rzen Ladezeiten

    Im Bild rechts ist ein Beispiel f眉r eine schlechte Seitenstrukturierung im inhaltlichen / formalen Sinne zu sehen. Der "Graue Balken" - im alten Typo3 verbunden mit der obersten 脺产别谤蝉肠丑谤颈蹿迟enebene h1 - war als optisches Strukturierungsinstrument einfach zu verf眉hrerisch und wurde - ohne 眉ber die eigentliche Funktion der Ebene h1 nachzudenken - inflation盲r verwendet.

    • Stichwort Search Engine Optimization: Wie soll da eine Suchmaschine zu einem geeigneten Ranking der Wichtigkeit der Themen kommen?

    • Stichwort Barrierefreiheit: Wie soll da ein Screen-Reader-Programm einem Sehbehinderten die Themen in einer geeigneten Reihenfolge pr盲sentieren?

    Die wichtigste Leitlinie /h3/

    • Verwenden Sie die 脺产别谤蝉肠丑谤颈蹿迟 des Typs h1 auf einer Webseite nur ein einziges Mal

    Weitere Aspekte /h3/

    • Denken Sie bei der strukturell-inhaltlichen Gestaltung der Webseite an die Parallele zu einem Inhaltsverzeichnis eines Buches !
      Ihr Buch hat einen ( 1 ! ) Titel (Typ h1) und i. d. R. mehrere Kapitel (Typ h2). Kapitel sind u. U. in mehrere Abschnitte (Typ h3) und Unterabschnitte (Typ h4) unterteilt .....

    • Strukturieren Sie Ihr Thema!

    • VERWENDEN (!) Sie die verschiedenen 脺产别谤蝉肠丑谤颈蹿迟entypen!

    • Lassen Sie keine Ebene aus!

    In allen Formularfeldern 脺产别谤蝉肠丑谤颈蹿迟 werden jeweils die Typen h1 bis h4 (sowie verborgen) angeboten; im Rich Text Editor stehen zus盲tzlich auch noch die Ebenen h5 und h6 zur Verf眉gung.

    Die 4 Typen von 脺产别谤蝉肠丑谤颈蹿迟en /h2/

    脺产别谤蝉肠丑谤颈蹿迟 in h1

    脺产别谤蝉肠丑谤颈蹿迟 in h2

    脺产别谤蝉肠丑谤颈蹿迟 in h3

    脺产别谤蝉肠丑谤颈蹿迟 in h4

    TYPO3 Logo