Suchmaschinen-Optimierung ist ein großes Gebiet und immer wichtigerer Bereich in der Administration, Entwicklung aber auch der Redaktion von Internet-Auftritten. Eine schlechte Platzierung ist meist nicht auf schlechte Inhalte, sondern mehr auf deren Präsentation im Internet zurückzuführen, wobei in diesem Fall die technisch/formale mehr als die optische Form gemeint ist.
Im folgenden werden die Optimierungs-Möglichkeiten in Arbeitsbereiche aufgeteilt, damit sich der mit der Optimierung beschäftigte Benutzerkreis auf sein Aufgabenfeld konzentrieren kann und sich nicht mit für ihn unnötigen Informationen herum quälen muss! Es ist jedoch zu beachten das es in manchen Bereichen zu Überschneidungen kommen kann oder auch Aufgaben geteilt werden müssen.
Bei der Auflistung wurde auf eine logische Reihenfolge geachtet die mit einer Gewichtung der SEO-Kriterien nicht unbedingt einhergeht, während bei der Administration und Entwicklung von quasi Außen nach Innen (Protokoll nach HTML-Content) aufgelistet wird, wird bei der Redaktion von quasi Oben nach Unten (Überschrift und Kopfinformationen nach Inhalt) sortiert.
In Frameworks wie z.B. jQuery sind oftmals schnelle Lösungen für animierte Inhalte zu finden, sie sind aber nicht unbedingt kompakt und vom Aufbau her optimiert.
Bei großen Javascrips kann durch JSMin eine gute Komprimierung des Codes erzielt werden (entfernen unnötiger Zeichen), in der Entwicklungsphase wird jedoch eine Fehlersuche im betroffenen Javascript erschwert!
Bei großen Stylesheets kann durch CSSMin eine gute Komprimierung des Codes erzielt werden (entfernen unnötiger Zeichen)
Um sicher zu stellen das der Inhalt einer Website im richtigen Format angezeigt wird, ist es wichtig für die unterschiedlichen Medien Typen die entsprechenden Stylesheets mit zu liefern, gerade hinter einem Proxy-Server könnte es sonst zu Problemen kommen.
<link rel="stylesheet" type="text/css" href="/styles/gocher-screen.css" media="print, screen and (min-device-width: 481px)" />
<link rel="stylesheet" type="text/css" href="/styles/gocher-handheld.css" media="handheld, only screen and (max-device-width: 480px)"; />
<link rel="stylesheet" type="text/css" href="/styles/gocher-print.css" media="print" />
PNGs sind GIFs vorzuziehen, jedoch ist zu bedenken das ältere Browser wie der IE6 Alpha-Transparenz nicht unterstützt,
JPGs sind für Photos vorzuziehen
zumindest sollten aber die Layout spezifischen Bilddaten optimiert bzw. komprimiert werden und nicht skaliert eingesetzt werden, kleine Symbole sollten zusammengefasst werden und über Stylesheet im Bildrahmen platziert werden (CSS-Sprites) dies ist allerdings nur sinnvoll wenn sie nicht in der Druckversion erscheinen müssen.
Im Allgemeinen ist darauf zu achten das wichtigste möglichst an den Anfang zu stellen, so sollte ein ein Title nicht „Für uns ist SEO wichtig“ sondern „SEO ist für uns wichtig“ lauten!
Wählt einen Titel, der den Inhalt (Content) der Seite effektiv kommuniziert.
Es sollte nur eine Überschrift der Kategorie 1 (H1) geben, in der Regel der Titel der Seite (am Besten mit ein paar Keywords). Die Überschrift und der folgende Text erscheint bei Google in der Vorschau hervorgehoben!
Wichtige Begriffe gehören in den Titel oder in den Untertitel Überschrift der Kategorie 2 (H2).
Zwischenüberschriften können häufiger vorkommen.
Anders sprachlicher Inhalt sollte durch eine Kennzeichnung der Sprache erfolgen (lang-Attribute).
Abkürzungen sollten durch eine Kennzeichnung mit voller Bedeutung erfolgen (abbr-Tag).
Soll eine Seite an unterschiedlichen Stellen des Auftritts eingebunden werden, erzeugt keine Kopie, sondern legt eine neue Seite mit einer Weiterleitung auf das Original an (als Verweis im Mengengerüst)!
Falls eine Url schon vergeben ist wird am Ende ein Eindeutiger Schlüssel angehängt, dieser ist durch Umbenennung zu entfernen, unter Umständen macht es auch Sinn den Beitrag mit der schon existierenden Url abzuändern, denken Sie jedoch daran was mit den Verlinkungen auf diesen Beitrag geschieht!
Weitere Links zum Thema:
Google Page Speed Desktop
Google Page Speed Mobil