Suchmaschinen: Quelltext effizient strukturieren

Gelesen bei AboutWebDesign.de
URL: http://www.aboutwebdesign.de/awd/content/1052328469.shtml

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.