Layout

Suchmaschinen und Tabellennavigation

Viele Suchmaschinen erfassen die in den Webseiten vorkommenden Worte und erstellen ein Ranking. Kommt also auf einer Webseite das Wort "Pilatusbahn" besonders oft vor und dazu noch am Anfang, so erhält diese Seite ein besseres Ranking (sofern sie nicht wegen zu grosser Wortwiederholung gesperrt wurde).

Beachten Sie auch im Bereich "Clientseitige Programmierung-->HTML" das Dokument "Suchmaschinen".

Wird auf einer Webseite nun jedoch mittels einer Tabelle navigiert, so kommt in der Regel die gesamte Navigation vor dem eigentlichen Text. Zur besseren Veranschaulichung haben wir die Rahmenlinien eingeblendet gelassen.

Der für obige Seite notwendige HTML-Code:

<table border=1>
<tr>
<td><a href="einführung.htm">Einführung</a><br>
<a href="hauptteil.htm">Hauptteil</a><br>
<a href="schluss.htm">Schluss</a><br>
<a href="index.htm">Home</a></td>
<td><b>Gliederung</b><br>
Ein Text sollte in einige wichtige Elemente gegliedert werden. Diese
Gliederung unterliegt gewissen Regeln. Wir zeigen Ihnen den Inhalt und den
Zweck der Gliederung in den einzelnen Stufen.</td>
</tr>
</table>

Das Wort "Gliederung", welches für die Suchmaschinen von Bedeutung ist, erscheint erst im unteren Teil des Dokumentes.

Bauen wir die Tabelle also etwas um damit die relevanten Worte früher erscheinen:

<table border="1">
<tr>
<td width="50%">&nbsp;</td>
<td rowspan="2"><b>Gliederung</b><br>
Ein Text sollte in einige wichtige Elemente gegliedert werden. Diese
Gliederung unterliegt gewissen Regeln. Wir zeigen Ihnen den Inhalt und den
Zweck der Gliederung in den einzelnen Stufen.</td>
</tr>
<tr>
<td width="50%"><a href="einführung.htm">Einführung</a><br>
<a href="hauptteil.htm">Hauptteil</a><br>
<a href="schluss.htm">Schluss</a><br>
<a href="index.htm">Home</a></td>
</tr>
</table>

Um das Menü oben bündig erscheinen zu lassen:

<td height="1"></td>

Mit dem Einsatz von etwas Phantasie erreichen wir auch dass ein Werbebanner zwar vor dem eigentlichen Webtext erscheint, aber erst nach dem WebText programmiert ist. Das vertikale transparenten Gif bewirkt dass der Text an die richtige Stelle "geblockt" wird.

	Gliederung Ein Text sollte in einige wichtige Elemente gegliedert werden. Diese Gliederung unterliegt gewissen Regeln. Wir zeigen Ihnen den Inhalt und den Zweck der Gliederung in den einzelnen Stufen.
Werbebanner (colspan=2)
Einführung Hauptteil Schluss Home

<table width="80%" border="1" cellspacing="0" cellpadding="10">
   <tr>
      <td></td>
      <td rowspan=3 valign="top"><img src="/blocker.gif" width=10 height=100><br>
      <b>Gliederung</b><br>
      Ein Text sollte in einige wichtige Elemente gegliedert werden. Diese
      Gliederung unterliegt gewissen Regeln. Wir zeigen Ihnen den Inhalt und den
      Zweck der Gliederung in den einzelnen Stufen.</td>
   </tr>
   <tr>
      <td colspan=2><img src="werbung.gif" alt="Werbung" width=200 height=30>Werbebanner (colspan=2)</td>
      </tr>
   <tr>
   <td><a href="einführung.htm">Einführung</a><br>
      <a href="hauptteil.htm">Hauptteil</a><br>
      <a href="schluss.htm">Schluss</a><br>
      <a href="index.htm">Home</a></td>
   </tr>
</table>