Grundriss einer Website



Der Grundriss einer Website gehört in den Bereich OnPage-Optimierung und muss bei einer guten Suchmaschinenoptimierung besonders geplant werden. Die meisten Grundrisse von Webseiten im Internet verfolgen das Schema 08-15. Hierbei werden für gewöhnlich die Seiten suchmaschinenunfreundlich aufgebaut.

Es ist aber mit einem kleinen Gedankentrick und der Verwendung der richtigen Technik möglich, die Suchmaschinenroboter mit einer suchmaschinenfreundlichen Seite zu überraschen und zu erfreuen.

Der Standardgrundriss



Die überwiegende Mehrheit aller Internetseiten folgt im Aufbau ihres Grundrisses einem Schema, welches für Suchmaschinen eher ungesund ist. Zum Verständniss die nachfolgende Grafik.

Standaufbau einer Internetseite
Grafik 1.1


Die missbrauchte Tabelle



Der Seitenaufbau aus Grafik 1.1 hat sich durch den Missbrauch der Verwendung von Tabellen für das Einteilen einer Internetseite eingeschlichen. Die Tabelle, die ursprünglich überhaupt nicht dazu gedacht war, eine Internetseite zu designen, wurde von den meisten unerfahrenen Webmastern durch ihren logischen Aufbau und ihrer logischen Struktur für die einzigste Möglichkeit angesehen, eine Website aufzubauen.

Allerdings ergibt sich hieraus ein Problem für die Suchmaschinen, welches nicht bedacht wurde und bis heute nicht bedacht wird. Eine Tabelle baut sich immer von links oben nach rechts unten auf.

Das bedeutet, das sich aus unserem grafischen Beispiel aus 1.1 der folgende Seitenaufbau ableiten lässt:
  1. Alle Inhalte aus dem Kopfbereich mit Logo
  2. Alle Inhalte aus dem Menu
  3. Alle Inhalte aus dem Seiteninhalt
  4. Alle Inhalte aus dem Fussbereich
In dieser Reihenfolge würde die tabellengestützte Website auch im Quelltext der Seite erscheinen. Und der Quelltext einer Website ist das, was den Suchroboter interessiert!

Damit also ein Suchmaschinenroboter an die eigentlich wichtigen Informationen kommen kann, muss er sich zuerst durch alle Inhalte im Kopfbereich und durch alle Inhalte im Sektor Menü 'durchwühlen', um dann an die gewünschten Inhalte zu kommen. Das kann aber gerade bei sehr langen Internetseiten zu einem Problem werden.

Durch ein ewig langes Menü auf der linken Seite wurde hier die Relevanz des Inhaltes der Internetseite unter Umständen vollkommen verfälscht. Zwar erkennen Suchmaschinen durchaus schon, wenn es sich um ein Menü handelt, weil die Menüpunkte auf einem statischen Menü immer gleichbleiben sind. Wie aber verhält es sich, wenn ein dynamisches Menü eingesetzt wird, in welchem vielleicht die letzten News als Highlight angezeigt werden oder immer der neueste Wetterbericht erscheinen soll.

In einem solchen Fall würde der Suchmaschine unter Umständen mitgeteilt, das die entsprechende Website eine Seite eines Wettermelders ist!

Ebenen (Layer) und CSS



Das Problem mit der Anordnung lässt sich aber durchaus lösen! Die Tabelle wurde niemals zur Verwendung des Seitenaufbaus geschaffen, hierfür gab es schon immer die Ebenen (Layer).

Der Grund, das Layer nicht so oft eingesetzt werden, liegt mit Sichheit daran, das der Aufbau eine Layersite sehr viel komplizierter ist, als das Erstellen einer Website mit Tabellen. Aber gerade Layer in Verbindung mit CSS sind ein multidynamisches Werkzeug, mit der sich die Regel des Absoluten auch schon mal auf den Kopf stellen lassen. Sehen wir hierzu das nächste grafische Beispiel:

Aufbau einer Internetseite mit Ebenen
Grafik 1.2

Die Ebenen können sich, wie in der Grafik 1.2 gezeigt, ganz anders aufstellen lassen, was dem Suchmaschinenoptimierer natürlich einen Weg bietet, den Inhalt der Website in den Vordergrund zu bringen und die Elemente wie Kopfbereich und Menü hinten an zu stellen. In unserem Beispiel würde sich der Quelltext jetzt wie folgt ändern:
  1. Alle Inhalte aus dem Seiteninhalt
  2. Alle Inhalte aus dem Fussbereich
  3. Alle Inhalte aus dem Menu
  4. Alle Inhalte aus dem Kopfbereich mit Logo
Das ist in der Suchmaschinenoptimierung ein riesen Vorteil, denn nun erkennt die Suchmaschine schnell, was der eigentlich wichtige Inhalt der Seite ist und wird diesen Inhalte viel besser und viel schneller auswerten können. In dem hier gezeigten Beispiel wäre es noch nicht einmal mehr erforderlich das Meta-Tag descrition einzusetzen. Die Suchmaschinen würden als Beschreibung direkt den ersten Text aus der Website nehmen. Dieses tun Suchmaschinen sowieso sehr oft, gerade wenn Seitenteile relevant sind bei einer bestimmten Suchabfrage, aber der Aufbau in Layer und der Aufstellung wie aus Grafik 1.2 unterstützen dieses Verhalten der Suchmaschinen im Besonderen und kann bei klugen Verhalten sogar vollkommen regelgerecht ausgenutzt werden.

Weitere Vorteile der Layertechnik



Nun zum einen wird einmal der Quelltext wesentlich kürzer, denn es ist ein unterschied, ob eine Tabelle aufgebaut werden muss oder ein Layer eingesetzt wird. Machen wir hier ein kleines optisches Beispiel, damit das verstanden werden kann:
  • Quelltext einer Tabelle:

    <table id="beispiel" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                Dieses ist ein Beipiel!
            </td>
        <tr>
    </table>

  • Quelltext eines Layers:

    <div id="beispiel">Dies ist ein Beispiel!</div>
Beide Beispiele würden haargenau das gleiche anzeigen, sind aber zwei grundverschiedene Techniken um eine Website aufzubauen.

Grafische Elemente können in eine externe css.Datei ausgelagert werden, was den Quelltext noch um ein weiteres kürzt.

Dazu ein letzter Satz zu den Vorteilen: Ein kurzer Quelltext wird im Browser wesentlich schneller angezeigt als ein vergleichbar langer. Wenn also geplant ist, das die Websites viel Text haben sollen, was wiederum ein Plus für die Suchmaschinen sein wird, kommt man bei einer ordentlichen Suchmaschinenoptimierung ganz und garnicht mehr an der Layertechnik vorbei.

Übrigens: Ein kurzer Quelltext wird auch von den Suchmaschinenrobotern viel schneller aufgenommen als ein langer Quelltext. Suchmaschinen lieben kurzen Quelltext aber viel Seiteninhalt!



Webkatalog Sitemap

Titel Titel Titel
Damen Unterwäsche...
Restposten Unterwäsche...
World Wide Web AT...
Webhoster Österreich...
Webhoster kommerziell...
Beziehungen Österreich...
Kontakte Österreich...
Flirten Österreich...
Automarken Ferrari...
Flirten Verzeichnisse...
Computer Österreich...
PC Hardware Österreich...
Medizin Hypnose...
Automarken VW...
Hypnose Seminare...
Baden-Württemberg...
Regional Gesundheit...
Alternative Medizin...
Regional Hypnose...
Hypnose Ausbildung...
Software Bildung Schweiz...
Lernsoftware Schweiz...
Lernsoftware Sprachen...
Automarken Ford...
Rheuma Deutschland...
Rheuma Skoliose...
Skoliose Foren...
Zuhause Umzug DE...
Übersetzungen...
Aktuelle Nachrichten...
Automarken Nissan...
Automarken Mitsubishi...
Themen Webkataloge...
Webkataloge Literatur...
Verbände Deutschland...
Zubehör Drucker...
Tauschbörse PC-Games...
Internet Online Fotoalbum...
Sonstige Dienstleistungen...
Regional Berlin...
Regional Berlin Immobilien...
Berlin Immobilien...

Webkatalog Premiumpartner

Unter anderem unterstützen folgende Internetseiten unseren Webkatalog:



Copyright © 2002- terraX-computer international Ltd

Buchtip 1 zum Thema



PHP 5 & MySQL 4
Der leichte Einstieg



von Christine Peyton

PHP 5 & MySQL 4 - Der leichte Einstieg
Broschiert: 397 Seiten
Verlag: Markt und Technik
Auflage: 1 (April 2005)
Sprache: Deutsch
ISBN: 3827269180
Preis: 9,95 €


Buchtip 2 zum Thema



CSS - Kurz und gut


Behandelt CSS2 & CSS2.1

von Eric A. Meyer

CSS - Kurz & gut
Broschiert: 138 Seiten
Verlag: O'Reilly
Auflage: 2 (Januar 2005)
Sprache: Deutsch
ISBN: 3897215047
Preis: 8,90 €


Buchtip 3 zum Thema



JavaScript
Kurz & gut



von David Flanagan

JavaScript - Kurz & gut
Broschiert: 135 Seiten
Verlag: O'Reilly
Auflage: 2 (Mai 2003)
Sprache: Deutsch
ISBN: 3897212536
Preis: 8,90 €

Sehen Sie hier alle Informationen zu unseren Domainangeboten.

Buchtip 4 zum Thema



HTML - Webseiten einfach selber machen



von Christian Wenz

HTML - Webseiten einfach selber machen
Broschiert: 319 Seiten
Verlag: Markt und Technik
Auflage: 1 (März 2005)
Sprache: Deutsch
ISBN: 3827269261
Preis: 7,95 €


Buchtip 5 zum Thema



PHP und MySQL Easy. Dynamik für Ihre Webseiten.
Leicht, klar, sofort



von Giesbert Damaschke

PHP & MySQL - Webseiten dynamisch machen
Broschiert: 319 Seiten
Verlag: Markt und Technik
Auflage: 1 (März 2005)
Sprache: Deutsch
ISBN: 3827269326
Preis: 7,95 €


Buchtip 6 zum Thema



HTML
Kurz & gut



von Jennifer Robbins Niederst

HMTL - Kurz & gut
Broschiert: 110 Seiten
Verlag: O'Reilly
Auflage: 2 (Mai 2002)
Sprache: Deutsch
ISBN: 3897212439
Preis: 8,00 €