 |
Die Zeiten, in denen Suchmaschinen noch Meta-Keywords beachteten, sind wohl endgültig vorbei. Inzwischen versuchen sie, gefundene Seiten mit halbintelligenten Algorithmen einzustufen.
Einordnung
Dabei geht es häufig um die Frage: "Worum geht es auf dieser Website?". Eine plausible Antwort darauf wäre: "Was am weitesten oben steht, hat wahrscheinlich ziemlich viel mit dem Hauptthema der Website zu tun" - und nach ähnlichen Verfahren gehen auch die Spider vor.
Das heißt: wichtige Suchbegriffe und Sätze sollten möglichst weit oben im Quellcode auftauchen, wenn möglich kombiniert mit anderen Methoden. So empfiehlt es sich z.B., die Überschrift einer Seite auch wirklich in ein <h1>-Tag zu stellen, aber das ist Thema anderer Artikel.
Wie strukturiert man den Quellcode?
Jedoch: wie bekommt man wichtige Begriffe möglichst weit nach oben?
Lösung 1: Layer
Eine optimale Lösung: Sie verwenden direkt Layer, um Ihr Layout aufzubauen. Dann ist es kein großes Problem, den Layer mit den Inhalten und den wichtigen Überschriften-Tags an erste Stelle im Code zu setzen. Die gewünschte Positionierung in der Darstellung lässt sich anschließend mit CSS einrichten. Angenehmer Nebeneffekt: Sie halten die aktuellsten Standards des W3C ein.
Lösung II: Tabellen ummodeln
Vielleicht ziehen Sie es aber vor, zunächst bei einem herkömmlichen Tabellen-Layout zu bleiben, etwa in der Art:
<table>
<tr>
<td>
Navigation
</td>
<td>
<h1>Überschrift</h1>
Text
</td>
</tr>
</table>
Das Navigationsmenü steht hier vor den Inhalten - in der Regel keine optimale Lösung.
Besser wäre es so:
<table>
<tr>
<td><!-- Leerraum --></td>
<td style="width: 10px;"><!-- Trennung --></td>
<td rowspan="2">
<h1>Überschrift</h1>
Text
</td>
</tr>
<tr>
<td>
Navigation
</td>
<td><!-- Trennung --></td>
</tr>
</table>
Bei dieser Lösung liegt der Text mit wichtigen Überschriften im Code vor der Navigation. Der Schlüssel zum Verständnis des Codes liegt übrigens im rowspan-Attribut der Inhalts-Zelle.
|
|
|
|
Sie wollen diese Seite ausdrucken? Dafür haben wir eine spezielle Druckversion ohne grafische Elemente entwickelt! |
|
|
Einführung in CSS bei HTMLWorld.
|
|
