RSS Feed
abonnieren.
Suche
Wunschzettel
Weblogeinträge
ReferenzenÜberlegungen zu Überschriften innerhalb von Content Managmant Systemen | 22. April 2005 um 15:39 Uhr /
Ich programmiere gerade an meiner Weblogsoftware und überlege, wie ich Überschriften eigentlich strukturieren soll. Zum besseren Verständnis hier ein paar Erklärungen:
- Startseite
- Auf der Startseite erscheint immer der vollständige letzte Beitrag ohne Kommentare, unten drunter kommt eine gewisse Anzahl von älteren Beiträgen in Form von Überschrift und einer Zusammenfassung. Noch weiter drunter kommt noch eine Liste mit einer gewissen Anzahl von ganz alten Beiträgen, die nur aus den Überschriften besteht.
- Artikelseite
- Jeder einzelne Artikel bekommt auch einen permanenten Aufenthaltsort, darunter werden auch alle Kommentare chronologisch aufgelistet.
- Artikel
- Der Einzelne Artikel enthält einen Titel und kann weiterhin noch einzelne Überschriften in einer Tiefe von drei Ebenen enthalten. Dies wird durch bbcode umgesetzt, so dass ich da auch volle Kontrolle habe wie das ausgezeichnet wird.
Das Problem dabei ist jetzt, dass ich noch nicht so schlüssig bin wie ich wo welche Überschrift auszeichnen soll. Hier was ich mir bisher überlegt habe:
für die Startseite
- Titel der Teite
<title>- Logo
<div>- Überschrift des letzten Artikels auf der Startseite
<h1>- Überschrift erster Ordnung innerhalb des Artikels
<h2>- Überschrift zweiter Ordnung innerhalb des Artikels
<h3>- Überschrift dritter Ordnung innerhalb des Artikels
<h4>- Überschriften der älteren Beiträge, die mit einem Teaser auftauchen
<h2>- Überschriften der ganz alten Beiträge, die ohne Teaser aufgezählt werden
<li>
für die Artikelseiten
Für die Überschriften genau so, nur dass da noch ein paar Sachen dazu kommen.
- Überschrift über alle Kommentare um sie vom Artikel abzutrennen
<h2>- Name und Metadaten des Kommentators
<p>- Bezeichnung des Kommentar Eingabefeldes
<fieldset>
Für mich währe denke ich das das intuitivste. Allerdings habe ich das in dieser Form sonst noch bei keinem anderen Weblogsystem gesehen. Wordpress zum Beispiel hat einen ganz anderen Quellcode, dort hat der Blogname auf jeder Seite h1, das Datum hat h3, kommt aber im Quelltext vor den Titel des Artikels welcher als <h2> ausgezeichnet wird. Irgendwie macht das in meinen Augen nicht so richtig viel Sinn verschiedene Artikel – zum Beispiel auf der Startseite – nach Datum zu Gruppieren und dann das Datum mit einer geringeren Ordnung auszuzeichnen als die sich darin befindlichen einzelnen Artikel.
Und damit währen wir auch schon beim nächsten Problem. Höchstwahrscheinlich wollen einige User auf der Startseite mehr als einen Artikel vollständig anzeigen lassen. Dann hätte ich bei meiner Lösung mehrere <h1> auf der Startseite, was auch nicht richtig ist, da <h1> in meinen Augen für die Überschrift der Inhalte auf der Seite dienen sollte.
Alternative
Ich bin an dieser Stelle am überlegen, ob ich nicht (nur auf der Startseite) dem Logo, bzw. einem Titel des Blogs eine <h1> verpasse und alle anderen Überschriften um eine Herarchiestufe tiefer lege. Dann könnte ich gut mehrere vollständige Artikel auf einer Seite sinnvoll anzeigen lassen. Die einzelnen Artikelseiten würden aber so bleiben wie sie sind.
Nachteile
Natürlich hat auch diese Möglichkeit wieder Nachteile. Der größte ist definitiv, dass Inhalte auf der Startseite anders ausgezeichnet werden als auf den Unterseiten und man somit eigentlich zwei CSS Dateien erstellen müsste um die gleichen optischen Ergebnisse zu erzielen. Zumindest auf die Überschriften bezogen. Ich nutze zum Beispiel hier im Weblog das <h1> Element auch um das Layout zu erreichen. Somit könnte ich keine zwei Artikel identisch auf der Startseite platzieren, außer ich unterscheide da mit id oder Klasse ob das der Eintrag ist, der ganz oben steht oder nicht und es im CSS ausgleiche.
Mein Überlegungsprozess ist auf jeden Fall noch nicht abgeschlossen und ich würde mich freuen ein paar Anregungen und Gedanken zu diesem Thema von euch zu hören. Diese Überlegungen betreffen übrigens nicht nur Blogs, sondern eigentlich alle CMS, die Inhalte nicht nur semantisch korrekt, sondern auch sinnvoll auszeichnen sollten.
Kommentare
Die Kommentare sind für diesen Eintrag geschlossen.
wahsaga schrieb am 22.04.2005
Überschrift des letzten Artikels auf der Startseite <h1>
[...]
Überschriften der älteren Beiträge, die mit einem Teaser auftauchen <h2>
ist hier "artikel" gleichbedeutend mit "beitrag"?
wenn ja, haben m.E. auch alle - aktueller beitrag und ältere beiträge - eine überschrift selber ordnung verdient. schließlich sind sie vom selben typ (blogeinträge eben). dass dabei nur der erste vollständig ist, die anderen aber gekürzt dargestellt werden, ist m.E. unerheblich.
andernfalls hättest du, nach deinem vorschlag, unten beitragsüberschriften mit dem selben "bedeutungslevel" wie die eventuellen sub-überschriften im ersten beitrag (<h2>) - das beißt sich doch, oder?
außerdem könnten innerhalb des teasers der älteren beiträge ja ggf. auch noch deren sub-überschriften mit auftauchen (je nachdem, wie du beim teaser kürzt). die müsstest du dann konsequenter weise wieder mit einer ordnung weiter unten auszeichen - denn die eigentliche überschrift dieses älteren beitrages wäre ja selber schon eine <h2>.
zum thema, <h1> für seitentitel/blogtitel verwenden, alle anderen eine ebene darunter beginnen zu lassen:
da bin ich ja eigentlich schon immer dafür gewesen. eine seite sollte m.E. immer eine überschrift haben, die den zusammenhang zum rest der webpräsenz herstellt (kann dann auch gerne gleichzeitig als link zur startseite funktionieren).
wie, wenn nicht als <h1>, wollte man diese sinnvoll auszeichnen ...?
Jeena Paradies aus Varberg schrieb am 22.04.2005
Das stimmt, von der Seite her habe ich das gar nicht betrachtet.
Auch daran habe ich gar nicht gedacht, obwohl die Software genau diese Möglichkeit anbietet.
Das tut sie ja schon im <title> Tag, wo auf jeder Seite auch der Name des Weblogs auftaucht. Zu den hx Überschriften steht geschrieben:
Auf der Startseite des Weblogs kann ich das sehr gut nachvollziehen, dass da das Logo, bzw. der Weblogname etc. im <h1> steht, immerhin beschreibt es dort das ganze Weblog, welches dann die einzelnen Beiträge enthält.
Bei den einzelnen Beiträgen kann ich aber nicht einsehen, dass es da genau so gehandhabt wird. Meiner Meinung nach sollte das <h1> dort genau so das Thema der Sektion beschreiben welche es einleitet, also das Thema des Beitrages, denn genau diesen Leitet es ein und nicht das ganze Weblog. Das tut es nur und einzig allein das h1 auf der Startseite.
Einen sehr großen Vorteil hätte es aber das Logo/Weblogname überall in <h1> reinzutun. Man könnte überall für die Beitragsüberschrift <h2> nutzen, auf der Startseite, sowie auf den einzelnen Beitragsseiten, denn mittlerweile bin ich durch deinen Kommentar wahsaga, zu der überzeugung gekommen, dass alle Blogbeiträge auf der Startseite in der gleichen Herarchiestufe ausgezeichnet werden müssten, egal ob vollständig aufgeführt oder gekürtzt.
Nur wenn ich schon die möglichkeit habe so gravierend in die Weblogsoftware einzugreifen, dann möchte ich es auch so richtig wie möglich machen, auch wenn das etwas länger dauert. Immerhin ist es ein hobbyprojekt von mir und da darf man ruhig etwas übertrieben genau sein ;-).