Absolute SEO-Basics für Webdesigner

Es gibt hunderte kleine Tricks und Kniffe, die Suchmaschinenoptimierer auf den Websites ihrer Klienten anwenden. Ein normaler Webdesigner muss diese nicht alle kennen. Jedoch gibt es einige Basics, die man beherrschen sollte. Sie sind leicht umzusetzen und sorgen schon einmal für ein positives Ansehen bei Google & Co.

Lerne mehr über Suchmaschinenoptimierung mit Martin Labuschins
SEO-Dokumentation.

Leidige Subdomain »www«

Eine Website sollte nur unter einer einzigen Domain zu finden sein. Alle weiteren Domains oder Subdamains, die den gleichen Inhalt erhalten, sollten auf eine einheitliche Domain weiterleiten. Beispiel:

Grundsätzlich sind das vier verschiedene Domains mit dem gleichen Ziel. Daher leiten die ersten drei von Ihnen auch auf die letzte in der Auflistung weiter. Bei der Weiterleitung ist zu beachten, dass es sich um eine 301 MOVED PERMANENTLY-Weiterleitung handelt. Natürlich kann man auch die Subdomain »www« zu dem Standard machen und alle anderen darauf leiten lassen.

Startseite

Die Startseite einer Website sollte immer direkt (also ohne zusätzliche URL-Angaben) aufzufinden sein. Die Domain darf nicht einfach auf folgende oder ähnliche Domains weiterleiten:

  • /?page=home
  • /index.html
  • /shop/home/show/

Die Verlinkung der Startseite sollte dann auch klar sein: Auf die Domain oder das Root verlinken.

POSH

»Plain Old Semantic HTML« sollte die Devise bei der Umsetzung des Frontends lauten. Einfaches Markup ohne Layout-Tabellen oder andere veraltete Gestaltungsmethoden. Das mach den Quelltext für Maschinen besser lesbar und für Suchmaschinen-Bots verständlicher.

CSS und Javascript auslagern

Alles was nicht HTML ist, auslagern. Dazu gehören nicht nur die Style- und Script-Elemente, sondern auch die kleinen inline-Ablagerungen (das Style-Attribut, oder die Gebrüder onclick, onmouseover & Co), die man zwischendurch mal ganz gerne einbaut. Dafür gibt es CSS- und Javascript-Dateien. Sie sind leichter zu warten, müssen pro Änderung nur einmal geladen werden und die Suchmaschinen finden diese für sie unrelevanten Dinge nicht im HTML-Quelltext vor.

Fazit

Jeder Webdesigner kann sich an diese einfachen Regeln halten. Die Befolgung zeugt zusätzlich davon, dass derjenige sein Handwerk beherrscht. Man möchte ja nicht irgendwann vom Kunden X erfahren, dass Suchmaschinenoptimierer Y aus Köln ihm geflüstert hat, dass der Webdesigner die Website nicht optimal umgesetzt hat und kein HTML beherrscht.

veröffentlicht am 06.04.2008 um 22:00 von Martin Labuschin in ,


Wie siehts eigentlich mit der Relevanz von h1- und h2-Überschriften aus? So wie ich bisher gelesen hab, werden h2 bei Google höher gewertet als h1, was ich allerdings für unlogisch halte.

@Michel: Käme mir auch komisch vor. Das würde nur Sinn machen, wenn Google davon ausgehen würde, dass h1-Überschriften die Seitenstruktur beschreiben ("Navigation", "Inhalt" usw.) und die 'wirklichen' Überschriften erst in H2s enthalten wären. Das machen aber wahrscheinlich selbst unter 'richtigen' Webprogrammierern nicht all zu viele.

Das H2 mittlerweile hoher gewertet wird als H1 kann ich mir höchstens aufgrund der übermäßigen Verwendung von H1 erklären. Oder möglichweise wegen der meist in Blogs vorkommenden großen Ähnlichkeit mit dem Seitentitel ... Höre ich aber wirklich gerade zum ersten mal!

Hi,
interessante Basisinfo zum SEO! Hier mal ein wenig aus einem alten SEO Leben dazu...

Dublicate Content:
Du kannst mitlerweile bei den Google Webmaster Tools angeben wie die Standarddomain aussehen soll. Dies sollte man wirklich nutzen. Ansonnsten richtet sich Google nachdem wie intern am Häufigsten verlinkt wird. Ergo sollte man sich ein Verfahren überlegen und dabei bleiben.

POSH:
Man sollte sich nicht nur an die Gliederungen, die HTML vorgiebt halten, sondern auch an die damit verbundene Ordnungen/Hierarchie. Damit ist gemeint, dass eine Überschrift in H1 auch die der höchsten Ordnungsstufe ist und nicht in der reinen Abfolge ein H2 weiter oben im Quellcode eingefügt wird.
Faustregel für einen Text:
1 x H1
2-3 x H2
2-3 x H3
2-6 x H4

Wer gelernt hat wie ein Aufsatz zu gliedern ist, der hat schon ne Menge im SEO gelernt.

CSS/JScript:
Man sollte immer versuchen das Verhältnis von Content zu Code richtung Content zu verschieben und alles was unnötig ist rauszunehmen. CSS und JScript sind da nur zwei der Bereiche, die man ansehen kann. Tabellen, Kommentare, Leerzeilen,... sind ebenso zu minimieren.

Das H2 mittlerweile besser ranked als H1 ist kein Mythos sondern aus meiner Erfahrung heraus ein Fakt.

Ich bereue eine Seite wo wir einfach nicht im Ranken auftauchen wollten, obwohl die Seite wirklich ansonsten super optimiert war. Passende Texte, passende Links, wohlgeformtes HTML...

Irgendwann habe ich dann mal das H1 genommen, als Globale Überschrift auf jeder Seite genommen z.B. "Mustermann GmbH" und die jeweiligen Seitentitel in H2 abgeändert, wie ich es mittlerweile auch semantisch korrekter finde.

Siehe da, einige Wochen später kamen alle Seiten in den Serps ans Tageslicht... war hier vielleicht wirklich nur was das Fass zum überlaufen brachte, aber ich denke immernoch das es daran lag.

Schaut euch doch mal http://www.sistrix.com/ranking-faktoren/ an, dann wisst ihr so grob worauf es ankommt :) Es sind nämlich auch viele Mythen im Netz die bewiesenermaßen kaum einen Einfluss aufs Ranking haben.

Gruß, Christian

Und für die Meta-Tags gibts auch wissenswertes, direkt von Google: http://googlewebmastercentral.blogspot.com/2007/12/answering-more-popular-picks-meta-tags.html

Wow, danke für die vielen Ergänzungen!

Christian, du sagtest, dass es deiner Meinung nach korrekter wäre, die Firmenbezeichnung in das H1-Element zu packen. Da kann ich dir nicht zustimmen. Dafür ist meines Erachtens das TITLE-Element da. Das habe ich vor fast drei Jahren mit Wolfgang Bartelme genauer ausgeführt: http://labuschin.com/journal/xhtml-css/semantisch-korrekter-header oder http://www.bartelme.at/journal/archive/semantic_headers

Und wenn wir schon einmal fleißig beim Linken sind: Die besten SEO-Ressourcen, die ich kenne sind folgende:

http://www.seomoz.org/article/search-ranking-factors
http://www.vaughns-1-pagers.com/internet/google-ranking-factors.htm

Ja da scheiden sich die Geister... aber dann frag ich dich... du hast eine Seite wo im Header der Name der Firma steht, welchen du auch direkt als Schrift ausgeben lassen könntest.

Wenn hier nicht h1 als Überschrift passt, was würdest du dann fürs Markup nehmen? Strong? Erst h2, dann h1? Einfacher Absatz? Der Name einer Firma ist doch das Haupttheme einer Seite.... und gerade seit dem auch Google anscheinend so denkt deckt sich das mit meinem Empfinden :)

Wenn schon als Klartext, dann nur als einfacher Absatz. Für den Unternehmensnamen muss ich nicht optmimieren. Und mE hat das TITEL-Element die Beschriftung/Nennung des Hauptthemas (sprich Unternehmensbezeichnung) übernommen.

Naja, die Überschriften sollen ja nun auch nicht in erster Linie für die Suchmaschinen gewählt werden sondern auch passend für den Besucher.

Den Title guckt sich doch kaum ein "normalo" User an, wenn wir mal davon ausgehen das CSS ist grade nicht vorhanden oder wurde im Browser ausgeknippst, dann will ich auch lesen können was überhaupt das Haupttheme der Seite ist? Ich musste es auf einer Seite auch mal als normalen Absatz formatieren und es sieht irgendwie falsch aus, wenn ich das CSS abschalte will ich ganz am Anfang des Dokuments das Haupttheme der Seite lesen, und das wenns geht auch mit höchster Wertigkeit.

Genau, man muss nicht auf den Unternehmensnamen optimieren, aber gerade da bietet sich doch das anscheinend mittlerweile fast wertlose h1 nun wunderbar für an? H1 als mehr oder minder statischen Text auf jeder Seite und H2 beinhaltet dann den jeweiligen Text für die Seite.

Sehr kurze Auflistung der wichtigsten "Klassiker", sehr gut.

Sollten jetzt alle Domains (und www. subdomains) auf die index.php (oder .html) im Hauptverzeichnis verlinken oder einfach nur auf '/' ?

Würden in dem Fall nicht 2 Seiten mit dem selben Inhalt entstehen, also 1 Mal www.domain.de/ und einmal www.domain.de/index.php ?
und wie behandelt man den Slash am Ende, weils es ja eigentlich auch noch die Variante www.domain.de (ohne Slash) gibt?

Peter, man muss nur darauf achten, dass alle Links auf die Domain verlinken (und nicht einfach die Startseite im Hauptmenü mit index.html/php verlinken), dann wird Google auch nicht die index.html/php kennenlernen.

Der endene Slash spielt bei der Verlinkung der Domain allein keine Rolle. Bei Unterverzeichnissen schon.

Dies hier sind zwei verschiedene URLs

http://labuschin.com/journal
http://labuschin.com/journal/

diese hier nicht:

http://labuschin.com
http://labuschin.com/

Das merkst du auch, wenn du eine Domain alleine in deinem Browser aufrufst. Der wird dir so oder so ein Slash dahinterhängen.

blog comments powered by Disqus
The Ruby on Rails Link Library Spanning Sync SEO-Dokumentation Gowalla
ProWebApps WellDone (β) Pinboard (α) Netzwerk Münsterland
Blogs Bücher Frameworks iPhone Mac Web-Apps