Willkommen auf CSS-Roots

der Starthilfe für Webdesigner

Seht euch um und schaut euch unsere Beiträge an, für euch ist sicher was dabei,
für Themenanregungen und Ideen stehe ich gerne unter info@css-roots.de zur Verfügung.

Mitglieder-Login

Lost your password?

Registrierung ist geschlossen

Die Registrierung wurde gesperrt, möchtest du dich registrieren schreibe bitte eine E-Mail an info@css-roots.de



Überschriften h1-h6

Verfasst am November 24, 2008 von admin in Kategorie Überschriften

Von Suchmaschinen gern gesehen aber meist leider viel zu selten verwendet sind die Überschriften H1-H6. Diese Überschriften signalisieren Suchmaschinen und vor allem auch den Benutzern die Zugehörigkeit der jeweiligen Texte. Generell solltet ihr euch merken das die Überschriften einer gewissen Rangfolge unterliegen, wobei H1 die wichtigste Überschrift ist und sich bis H6 in Überschriften mit abnehmender Priorität unterordnen. Also solltet ihr das Hauptthema eurer Seite in H1 setzen und die Unterthemen dem entsprechend gliedern. Scheut euch nicht diese Überschriften effektiv einzusetzen.

Die Überschriften H1-H6 definieren

Verfasst am November 23, 2008 von admin in Kategorie Überschriften

Der häufigste Grund warum die Überschriften nicht verwendet werden ist, weil bei diesen die Schriftgrößen schon vorgegeben sind. Aber keine Sorge diese kann man noch umdefinieren.  Dazu erstellt ihr in eurem Stylesheet einfach ein Element wie folgt:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
h1
{
  font:15px Arial, Verdana, Helvetica, sans-serif; color: #515080;
}
h2
{
  font:14px Arial, Verdana, Helvetica, sans-serif; color: #515080;
}
h3
{
  font:13px Arial, Verdana, Helvetica, sans-serif; color: #515080;
}
h4
{
  font:12px Arial, Verdana, Helvetica, sans-serif; color: #515080;
}
h5
{
  font:11px Arial, Verdana, Helvetica, sans-serif; color: #515080;
}
h6
{
  font:10px Arial, Verdana, Helvetica, sans-serif; color: #515080;
}

Ich rate euch mit absteigender wertigkeit der Überschriften auch die Textgrößen zu verringern, dies dient den Usern dazu die Unterthemen eurer Texte zu erkennen und eventuell zu den relevanten Texten zu springen ohne den vielleicht unnötigen Vorspann lesen zu müssen.