Nachdem Domain und Keywords festgelegt worden sind geht es nun an das Grundgerüst der Seite bevor diese mit Inhalten befüllt werden kann. Dazu gehören klassisch ein Seitenkopf, die Navigation, der eigentliche Inhalt und ein Seitenfuß mit weiteren internen und externen Links.

Diese Bereiche definieren wir einfach mit festen IDs: <div id="header">, <div id="navigation">, <div id="content">, <div id="footer">.

Die eigentliche Seite (oder der Content) gliedert sich auf unseren Seiten nochmal in den Seitentext und einen zusätzlichen Block, häufig eine Teaserbox für zusätzliche Informationen. Diesen Block nutzen wir für google adsense um zusätzliche Einnahmen zu generieren. In der Struktur geben wir ihm die div id="advertising".

Warum die Struktur vor dem eigentlichen Inhalt steht oder durch die konsequente Verwendung von CSS für das spätere Layout zunächst einmal von nachrangigem Interesse ist, das werde ich im nächsten Workshop zum Thema Semantik klären. Darin wird erklärt, warum es von Relevanz ist, sauberen Quelltext zu schreiben, Inhalt konsequent durch HTML-Tags zu strukturieren und wie sich sauberer und valider Quelltext auf Suchmaschinenergebnisse auswirkt.

Unter Grundlayout habe ich einmal ein Template für eine Internetseitenstruktur mit einem einfachen CSS-Layout hochgeladen. Die einzig verwendete zusätzliche Graphik ist das Logo, das einfach ausgetauscht werden kann. Ansonsten kann die Gesamtstruktur einfach weiterverwendet werden.

Auch die CSS-Datei die das Layout für die Struktur definiert steht hier zum Download

Suchmaschinen und Menschen betrachten Webseiten häufig unterschiedlich. Während für den Menschen eventuell das Design einer Seite, die graphische Gestaltung und die originelle Aufbereitung von Interesse sind, so sieht eine Suchmaschine lediglich den Inhalt und die Gewichtung, die der Autor den unterschiedlichen Teilen gibt. Umso wichtiger ist es, XHTML konsequent einzusetzen um relevante Informationen sowohl für den Nutzer auffällig jedoch auch für die Suchmaschine deutlich hervorzuheben.