diedVIPs

html knowhow

h1-6 Überschriften mit Auswirkungen










Keywords sind ade. Es lebe die Überschrift.

Warum? Google und Co. verzichten mittlerweile auf Keywords, sondern suchen gezielt nach Überschriften in den Seitentexten. Dabei spielen die Überschriften H1 und H2 eine außerordentliche Rolle. Deshalb sollten Sie in ihren Überschriften Worte plazieren, die die Suchmaschinen als markant erkennen.

Im eigentlichen Sinne stehen die HTML-Befehle h1, h2 bis h6 für hierarchische Überschriften und stellen, neben den Absätzen für Texte, die grundlegende Gliederungsmöglichkeiten dar.

H1 ist die wichtigste, 6 die unwichtigste. Sie ist aber immer noch besser, als normaler Text).



Überschrift, wie sie die Software ausgibt

In einer HTML-Seite darf nur EINE h1-Überschrift vorkommen. Unterüberschriften können Sie mehrmals benutzen. Nach der Hauptüberschrift kommen die Unterüberschrift h2 bis h6 wobei Sie unbedingt auf diese Hierarchie achten müssen. 1, 2, 3, etc. Wie Sie unten sehen können, hat jede Überschrift eine eigene Größe und einen unsichtbaren Rand. Aber wenn wir diese Effekte nicht wollen, bearbeiten wir Sie. Siehe unten.

Quellcode So sieht´s aus
<html>
<head>
Hier nichts
</head>

<style type="text/css">
Hier nichts
</style>

<body >
<span class="auto-style26">h1</span><br class="auto-style26" />
<h1><span class="auto-style26">htmlKnowhow </span><br class="auto-style26" />
</h1>
<br class="auto-style26" />
<span class="auto-style26">h2</span><br class="auto-style26" />
<h2><span class="auto-style26">htmlKnowhow</span> <br class="auto-style26" /></h2>
<br class="auto-style26" />
<span class="auto-style26">h3</span><br class="auto-style26" />
<h3><span class="auto-style26"> htmlKnowhow</span><br class="auto-style26" /></h3>
<br class="auto-style26" />
<span class="auto-style26">h4</span><br class="auto-style26" />
<h4><span class="auto-style26">htmlKnowhow </span><br class="auto-style26" /></h4>
<br class="auto-style26" />
<span class="auto-style26">h5</span><br class="auto-style26" />
<h5><span class="auto-style26">htmlKnowhow </span><br class="auto-style26" /></h5>
<br class="auto-style26" />
<span class="auto-style26">h6</span><br class="auto-style26" />
<h6><span class="auto-style26">htmlKnowhow</span></h6>

</body>
</html>

h1

htmlKnowhow


h2

htmlKnowhow


h3

htmlKnowhow


h4

htmlKnowhow


h5
htmlKnowhow

h6
htmlKnowhow



Modifizierte Überschrift mit Größe und Schriftart

Wie oben schon gesagt. Man kann den unsichtbaren Rand um die Überschrift wegmachen und die Größe und die Schrift der Überschrift ändern. Das machen wir mit einem <DIV>-Befehl.
Quellcode So sieht´s aus
<html>
<head>
Hier nichts
</head>

<style type="text/css">
Hier nichts
</style>

<body >
<span class="auto-style26">h1</span><br/><h1><div style="height: 2em;width: 17.6em;font-size:1.1em;font-family:Forte">htmlKnowhow</div></h1><br/><br/>
<span class="auto-style26">h2</span><br/><h2><div style="height: 1em;width: 10.6em;font-size:2.5em;font-family:'Rock Salt', cursive;">htmlKnowhow</div></h2><br/><br/><br />
<span class="auto-style26">h3</span><br/><h3><div style="height: 2em;width: 17.6em;font-size:1.6em;font-family:'Sigmar One', cursive;">htmlKnowhow</div></h3><br/><br/>
<span class="auto-style26">h4</span><br/><h4><div style="height: 2em;width: 17.6em;font-size:1.1em;font-family:'Rye', cursive;">htmlKnowhow</div></h4><br/><br/>
<span class="auto-style26">h5</span><br/><h5><div style="height: 2em;width: 17.6em;font-size:1.9em;font-family:'Princess Sofia', cursive;">htmlKnowhow</div></h5><br/><br/>
<span class="auto-style26">h6</span><br/><h6><div style="height: 2em;width: 8.0em;font-size:3.1em;font-family: Magneto;">htmlKnowhow</div></h6><br/>

</body>
</html>

h1

htmlKnowhow


h2

htmlKnowhow




h3

htmlKnowhow


h4

htmlKnowhow


h5
htmlKnowhow

h6
htmlKnowhow







Kontakt    Datenschutz   Impressum