Layout Tips
Die Layout Tips zu einer Internetseite lassen sich auf drei wichtige Punkte reduzieren:
- Der Quellcode sollte so schlank wie möglich gestaltet sein
- Content first: Als erstes den Text versuchen auf der Seite zu platzieren
- Der Besucher muß sich wohl fühlen (usability)
Zu 1. Quellcode
Viele Designer versuchen ihre glorreichen Designs und damit verbundenen Bilder mit Hilfe von Tabellen, Zeilen, Zellen und wohlmöglich auch noch Javascript und Flash auf einer Seite zu platzieren. Oftmals wird dabei nicht darauf geachtet, wie umfangreich dadurch der Quellcode aufgebläht wird und noch weniger wird dabei das eigentliche Augenmerk auf den Text auf der Seite gelegt. Der Inhalt kommt demzufolge oft zu kurz. Aber was wird von den Suchmaschinen ausgelesen? Richtig, der Inhalt. Der Text einer Seite ist relevant, da keine Suchmaschine der Welt derzeit erkennen kann was ein Bild aussagt oder dessen Werbebotschaft bewertet.
Zu 2. Content first
Platzieren Sie Ihre Inhalte soweit oben im Quelltext wie möglich. Vermeiden Sie dass sich die Suchmaschinen durch endlose Zeilen unnötigen Codes durchquälen muß um endlich relevanten Text oder Überschriften zu finden, die diese Seite zum Unicat machen. Da Designbestandteile sich auf allen Seiten wiederholen, ist der Text jener Bestandteil einer Seite, der diese idendifiziert und aus der sie ihre Wertigkeit erhält.
Zu 3. Besucher freundlich
Sie wollen viele Besucher (sonst würden Sie ja hier nicht lesen). Was nützen Ihnen aber viele Bewunderer Ihrer ach so tollen Internetseite, wenn diese Besucher vor lauter Design den eigentlichen Inhalt der Seite a) nicht finden b) nicht navigieren können c) vor lauter spielen mit Designbestandteilen vergessen zu kaufen?
Überfüttern Sie den Besucher nicht durch ewig lange Navigationen mit Informationen. Versuchen Sie kleine schnell überschaubare Navigationen zu erstellen. Wenn Sie etwas zu verkaufen haben, machen Sie es dem Besucher nicht schwer den 'jetzt kaufen' Button zu finden oder gar seinen Warenkorb oder die Kasse. Kleine im Design verborgene Buttons werden hier oft übersehen und lassen den verzweifelnden Besucher nach 2 vergeblichen Anläufen schnell einer anderen Internetseite sein Geld vermachen.
Layout Tips: Schlank und trotzdem schön
Layout Tips, alles gut und schön werden Sie sagen, aber.... und hier müssen wir einhaken, denn es gibt kein 'aber'. Eine Suchmaschine geht den Weg des kürzesten Widerstands, denn sie hat nicht viel Zeit um die Milliarden von Seiten im Internet zu indexieren. Kommen Sie nicht zu Beginn einer Seite auf den Punkt und haben Sie dort nicht den relevanten Text mit dem Sie gefunden werden wollen, dann brauchen Sie sich sicherlich nicht zu wundern, wenn Sie in den Suchergebnissen unter ferner liefen gelistet werden.
Layouts ohne viel Schnick Schnack im Quelltext lassen sich hervorragend mit CSS realisieren. Ohne viel Grafik ist es Ihnen mit CSS auch möglich schöne Mouse-Over-Effekte und grafische Buttons zu erzeugen. Da die aktuellen Browserversionen damit gut zurecht kommen, können Sie getrost auf Javascript und Java-Spielereien verzichten.
Wie flexibel Layouts rein auf CSS gestaltet werden können, sehen Sie zum Beispiel auf dieser CSS Workshop Seite.
Mit Standards die Suchmaschinen erfreuen
Eine Überschrift ist eine Überschrift ist eine Überschrift. Sorry für diese Wiederholung, aber es ist ein primärer Bestandteil, den Sie beim Layout einer Seite beachten sollten. Wenn Sie eine Überschrift in die Seite einbauen, dann nutzen Sie den HTML-Standard mit <h1>, <h2> usw.
Eine Suchmaschine wird nicht wissen dass ein per ' class="ueberschrift" ' vergrößerter Text eine Überschrift ist, selbst wenn die css Anweisung diesen Namen trägt.
Wichtige und elementare Aussagen gehören in die Überschrift. Dies gilt auch für die Hauptkeywörter Ihrer Seite. Beginnen Sie mit einer Überschrift mit max. 5 - 7 Wörtern und versuchen Sie das relevante Keywort dort einzubringen.
Im darauf folgenden Text wird natürlich auch das Keywort abgehandelt. Damit ein Besucher die entsprechende Textpassage auch besser ausmachen kann sollten Sie hier dezent und nicht zu oft (1 - 2 mal pro Seite) auf die Hilfsmittel fett (<b></b>), kursiv (<i></i>), strong (<strong></strong>) und unterstrichen (<u></u>) zurückgreifen.
Diese Hervorhebung hilft nicht nur den menschlichen Besuchern Ihrer Seite, sondern auch der Suchmaschine die Wertigkeit der Seite zu analysieren.
Sie verwenden ein Hintergrundbild das dunkler ist und weiße Schrift auf der Seite? Vergessen sie nicht die Hintergrundfarbe ebenfalls dem Hintergrundbild anzupassen (dunkel oder schwarz). Dadurch kann eine Suchmaschine erst erkennen, dass der Text NICHT die selbe Farbe hat wie der Hintergrund und Sie verhindern, dass Sie ggf. in einen Spam-Filter geraten.
Sie haben Bilder auf der Seite? Dann helfen Sie den Suchmaschinen und erklären Sie ihnen was auf den Bildern zu sehen ist. Bei jedem Bild sollte mit ' alt="Erklärung zum Bild" ' ein alternativer Text angegeben werden.