Webseiten-Titel/Logo mit <h1> auszeichnen?

[Georg]

Hallo Forum,
wie zeichne ich die Überschriften auf einer Website besser aus? Die Struktur ist etwa so:

MEINE WEBSEITE (Header)
-----------------------

Artikelüberschrift

Text bla bla bla
bla bla bla bla...

-----------------------
Footer

Soll jetzt der Webseiten-Titel (der auf allen Seiten gleich ist, könnte auch ein Logo sein) mit <h1> ausgezeichnet werden und die Artikelüberschrift mit <h2>? Oder beides mit <h1>? Der Webseiten-Titel ist ja eigentlich gar keine richtige Überschrift, aber ein Textabsatz (<p>) wohl auch nicht...

Danke!
Schorschi

[hotti]

hi,

w3org means: use h1 for title.

Das heißt auf gut deutsch:

• Der Titel ist wichtig,
• die erste Überschrift sollte mit h1 beginnen.

Heißt nicht: <title> <h1> Title </h1> </title> // wrong!

Viele Grüße vom Bau,
Horst Haselhuhn

[Georg]

Hallo Horst,

Heißt nicht: <title> <h1> Title </h1> </title> // wrong!

Na das ist mir auch klar! Mal ein Beispiel zum besseren Verständniß: http://www.spiegel.de/

Wäre es hier besser "SPIEGEL ONLINE" mit <h1> und
"Taliban-Comeback alarmiert Washington" (ist im Moment der erste Artikel) mit <h2> auszuseichnen? Oder beides mit <h1>? Oder "SPIEGEL ONLINE" gar nicht mit <h1>?

Schorsch

[suit]

Wäre es hier besser "SPIEGEL ONLINE" mit <h1> und
"Taliban-Comeback alarmiert Washington" (ist im Moment der erste Artikel) mit <h2> auszuseichnen? Oder beides mit <h1>? Oder "SPIEGEL ONLINE" gar nicht mit <h1>?

ich würde sagen:
"spiegel online" h1 (= titel)
"afghanistan ..." h2 (= kapitelüberschrift)
"taliban-comeback ..." h3 (= untergeordente überschrift)

[Cyx23]

Hallo,

ich würde sagen:
"spiegel online" h1 (= titel)
"afghanistan ..." h2 (= kapitelüberschrift)
"taliban-comeback ..." h3 (= untergeordente überschrift)

Gibt es andere h2? Andere h3? Ist es ein Artikel über "Spiegel online"?

Grüsse

Cyx23

[hotti]

hi,

Heißt nicht: <title> <h1> Title </h1> </title> // wrong!

Na das ist mir auch klar! Mal ein Beispiel zum besseren Verständniß: http://www.spiegel.de/

Wäre es hier besser "SPIEGEL ONLINE" mit <h1> und
"Taliban-Comeback alarmiert Washington" (ist im Moment der erste Artikel) mit <h2> auszuseichnen? Oder beides mit <h1>? Oder "SPIEGEL ONLINE" gar nicht mit <h1>?

Hui, das geht beim Spiegel ja ganz schön durcheinander: h1, h4, h3, h2...

Also, ich halte es bei meinen Seiten so:

Was im Title steht kommt auch als h1 obendran. Dann gehts weiter mit h2 und ggf. auch mal mit h3... je nach Tiefe einer Gliederung; und: dann kann durchaus auch wieder eine h1 kommen, wenn das Thema von der Wichtung her passt.

Beispiel: http://rolfrost.de/hypothesen.html

--Hotte

[Georg]

Also, ich halte es bei meinen Seiten so:
Was im Title steht kommt auch als h1 obendran. Dann gehts weiter mit h2...
Beispiel: http://rolfrost.de/hypothesen.html

Klar, auf Deiner Seite hast Du eben keinen Header mit dem "Webseiten-Titel" (Titel für die gesamte Website wie z.B. Firmenname).

Schorschi

[Harlequin]

Yerf!

Soll jetzt der Webseiten-Titel (der auf allen Seiten gleich ist, könnte auch ein Logo sein) mit <h1> ausgezeichnet werden und die Artikelüberschrift mit <h2>? Oder beides mit <h1>? Der Webseiten-Titel ist ja eigentlich gar keine richtige Überschrift, aber ein Textabsatz (<p>) wohl auch nicht...

Hm, wenn der Header tatsächlich gegenüber der Artikelüberschrift "unwichtig" ist, würde ich ihn einfach als Hintergrundgrafik einbinden und <h1> für die Artikelüberschrift nehmen.

Gruß,

Harlequin

[Georg]

Hallo Harlequin,

Hm, wenn der Header tatsächlich gegenüber der Artikelüberschrift "unwichtig" ist, würde ich ihn einfach als Hintergrundgrafik einbinden und <h1> für die Artikelüberschrift nehmen.

Naja, lesbar (auch Suchmaschine, Screenreader, mit abgeschalteten Bildern usw.) sollte er natürlich trotzdem sein. Ich frage mich aber: handelt es sich um eine Überschrift?

Schorschi

[suit]

Naja, lesbar (auch Suchmaschine, Screenreader, mit abgeschalteten Bildern usw.) sollte er natürlich trotzdem sein. Ich frage mich aber: handelt es sich um eine Überschrift?

nimm ein buch bzw einen epos als beispiel, die odyssee - mal einfach so:

es gibt folgende gliederung (gekürzt):

"die odyssee"
geschrieben von homer simpson [1]

• 1. gesang
• ...
• 12. gesang
      -- kyklopen
      -- kirke und hades
      -- seeungeheuer
      -- kalypso
      -- ...
• ...
• 24. gesang

somit ist "die odyssee" das title-element (am buchrücken)

beim aufschlagen des buchs kommt dann nochmal "die odyssee" vor als h1-element gefolgt von der einleitung/vorwort

nach dem umblättern gibts wieder eine dicke überschrift
"1. gesang" - das entspricht der h2-element als kapitelüberschrift

usw

[1] SCNR

[Georg]

nimm ein buch bzw einen epos als beispiel,

Na, ob man Webseiten mit Büchern vergleichen kann/soll? Für mich wäre der Webseiten-Titel, der auf allen Unterseiten oben steht (z.B. "SPIEGEL ONLINE") eher so was wie das Buch-Cover.

Schorch

[suit]

Na, ob man Webseiten mit Büchern vergleichen kann/soll?

naja, html ist ursprünglich für (fach-)publikationen gedacht gewesen, da ist der unterschied zum buch nicht gross

[Gunnar Bittersmann]

@@Georg:

wie zeichne ich die Überschriften auf einer Website besser aus?

Frag vier Leute und du bekommst fünf verschiedene Antworten.

Oder beides mit <h1>?

Dem wäre ich nicht abgeneigt.

Live long and prosper,
Gunnar

[Georg]

Hallo Gunnar,

Frag vier Leute und du bekommst fünf verschiedene Antworten.

Oder beides mit <h1>?
Dem wäre ich nicht abgeneigt.

OK, Danke füe diese weitere Meinung! Falls nichts dagegen spricht (z.B. wenn nicht mehrere <h1> auf einer Seite sein sollen) tendiere ich auch dazu.
Ich frage mich aber trotzdem noch, ob so ein Webseiten-Titel/Logo/Firmenname überhaupt eine Überschrift im eigentlichen Sinne ist (aber was, wenn nicht?).

Schorsch

[Cybaer]

Hi,

Ich frage mich aber trotzdem noch, ob so ein Webseiten-Titel/Logo/Firmenname überhaupt eine Überschrift im eigentlichen Sinne ist (aber was, wenn nicht?).

Eine Webseite ist kein Zeitungsartikel. Sie steht im Zweifel auch singulär, und der Firmenname etc. ist dort eine wichtige Information - nämlich die alleroberste Ebene.

Gruß, Cybaer