Quelltext und Layout

Ich habe zur Zeit sehr viel mit meinen Projekte zu tun und schaffe es meistens nur spät Abends mal einen Post für She-Sign zu schreiben. Deshalb fällt der heutige Newcommer-Post etwas schmaler aber trotzdem sehr informativ aus. Ich möchte heute etwas über die Erstellung einer Seite im Quelltext- und Layoutbereich sagen. Was man beachten sollte und welche Fehler man nicht machen darf.

Quelltext

Auf einen WYSIWYG-Editor wie Microsoft Frontpage sollte in jeden Fall verzichtet werden, sofern Sie den Text nicht per Hand im HTML-Bereich selbstständig schreiben. Denn genau darauf will ich hinaus. Sie sollten anfangen sich mit HMTL und der validen Scriptsprache auseinanderzusetzen, damit Sie einfache Basics drauf haben um grobe Fehler auf Ihrer Seite zu erkennen und zu korrigieren. Damit meine ich nicht unbedingt invalides HTML, da dieses ja nicht direkt Rankingbeeinflussend ist, wie ich vor ein paar Wochen festgestellt habe. Viel mehr ist es wichtig, einen strukturierten Aufbau des Quelltextes zu haben. Benutzen Sie Tags wie h1,h2,h3,… für das erzeugen von Überschriften, anstatt diese einfach nur größer zu schreiben. Gleiches gilt für Absätze (p), Listen (ol,ul,li) und Markierungen (strong,em). Weiterhin sollten Sie jegliche stylischen Elemente mit einer externen CSS-Datei realisieren und keine veraltetet Font-Tags im Quelltext verwenden. Für Besucher und Suchmaschine sollten Sie ebenfalls die validät Ihres Textes überprüfen. Fehler wirken sich zwar nicht negativ auf das Ranking aus, jedoch kann es zu Anzeigefehler innerhalb des Browsers kommen. Auf zu viele Leerzeichen, die zum Beispiel beim einrücken der Tags entstehen, sollten Sie ebenfalls verzichten, da sich so die Ladezeit der Seite erheblich verlängern kann.

Layout

Im Layout gibt es 4 klare Regeln, an die Sie sich beim Erstellen der Seite halten sollten. Regel Nummer eins ist, dass Sie keine Frames benutzen. Denn mit diesen entstehen Nachteile für User und Suchmaschinen.

Suchmaschine:

  • Ihre Startseite wird als leer angesehen, da sie nur das Frameset enthält. So kann es zu Missverständnissen zwischen Ihrer Seite und dem Spider kommen.
  • Der Google Pagerank verteilt nur rund 1/6 seiner Wertigkeit auf die Frame-Unterseiten. Dies entspricht ca einem PR-Punkt. Die dadurch stärkere Startseite bringt Ihnen allerdings auch nichts, da diese ja keinen eigenen Inhalt hat.

Besucher:

  • Bookmarks können von Besuchern auf keine Unterseite gesetzt werden. Nur die Hauptdomain lässt sich per Lesezeichen im Browser speichern.
  • Bei Suchergebnissen werden nur die Frames angezeigt. Dies führt dazu, dass der Kopfbereich und die Navigation auf der aufgerufenen Seite fehlen.

Also verzichten Sie unbedingt auf Frames. Wenn Sie allerdings Ihre Homepage schon auf Frames aufgebaut haben, müssen Sie wohl das Layout überarbeiten, da mit Frames kein vernünftiges SEO betrieben werden kann.

Regel Nummer zwei besagt, dass Sie auf eine Intro-Startseite verzichten sollten, wenn diese nur wenig Text oder gar nur ein Logo enthält. Die Startseite ist das wichtigste Element Ihrer Homepage und sollte schon mit gutem Inhalt gefüllt sein. Beschreiben Sie mit Ihren wichtigsten Keywords, was den Besucher auf Ihrer Seite erwarten wird.

Regel Nummer drei geht nochmals darauf ein, dass Sie sämtliche stylischen Elemente mit einer externen CSS beschreiben sollen. Dies hat den Vorteil, dass sich der Quelltext reduziert, was dem Bot der Suchmaschine ebenfalls erheblich gefällt.

Regel Nummer vier ist, dass Sie keinerlei verschachtelte Tabellen nutzen sollten. Versuchen Sie sich etwas mit der DIV-Container Problematik und den dazugehörigen CSS-Kenntnissen auseinander zu setzen um den Inhalt wie gewünscht, aber ohne Tabellen einzubinden.

Wenn Sie sich nicht damit beschäftigen wollen, jegliche HTML Befehle auswenig zu lernen und keine Zeit haben CSS zu lernen, empfehle Ich Ihnen für den Anfang das CMS WordPress. Dieses erstellt W3C konformes HTML und bindet stylische Elemente über die CSS ein.

1 Kommentar bisher »

  1. Anzeigen

    am 21. Mai 2011 @ 13:06

  2. Micha sagt

    am 27. Januar 2009 @ 22:55

    danke

Hinterlasse einen Kommentar

Name: (erforderlich)

eMail: (erforderlich)

Website:

Kommentar: