SEO Checkliste

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.

  • Administration

    Konfiguration Webserver

    • Vermeiden von Duplicate Content, hier wird oft zwischen internal und external unterschieden
      Als Erstes sollte sichergestellt werden das der Content nur über eine Domain erreichbar ist (external), also alle anderen / alternativen Domains (auch oder gerade die Subdomains) auf die Haupt-Domain umleiten.
      z.B. gocher.me auf www.gocher.me
      Des Weiteren sollte darauf geachtet werden, dass nur eine Variante mit oder ohne "trailing Slashes" (Slash am Ende der URL) das Ergebnis wiedergibt, die andere Variante sollte ebenfalls auf diese umgeleitet werden.
      In vielen CMS werden Clean URL oder Pretty URL also eine lesbare URL über Erweiterungen Filter realisiert, dieses birgt die Gefahr das sowohl die lesbare als auch die kryptische Adresse Zielführend ist, so lange die kryptischen Adressen an keiner Stelle im Seiteninhalt erscheinen stellt das in der Regel kein Problem dar.

    Inhalte des HTTP-Header als Anfrage (Request) und Antwort (Response)

    • HEADbei HEAD Anfragen nur mit dem HTTP-Header antworten
      mit dieser Anfrage möchte der Client / die Suchmaschine nur den Status erfahren, also ob die Daten zur Verfügung stehen und ob sie sich geändert haben
      (bei dynamischen Inhalten ist das in einigen Fällen nur durch den Entwickler zu übernehmen)
      Resultat: weniger Traffic
    • Host:– statische Inhalte von einer Static-URL / CDN (Content Delivery Network) beziehen
      die Eigenschaften einer Static-URL sind in der Regel eine andere Sub-Domain,
      von Vorteil ist auch wenn keine Cookies benötigt und benutzt werden, genau so wie eine längere Gültigkeit der Daten
      Resultat: paralleles Laden von Seitenbestandteilen (Verkürzung der Ladezeit), weniger Traffic
    • Access-Control-Allow-Origin: *beim beziehen von Daten z.B. Webfonts von einem externen Server
      Resultat: Gültigkeits-Daten können überprüft werden, kein wiederholtes  Laden erforderlich
    • Accept-Encoding: gzip, deflatedeflate/Gzip-Komprimierung aktivieren
      Resultat: weniger Traffic, Verkürzung der Ladezeit
    • Vary: Accept-Encoding
      hierdurch wird sichergestellt das ein Proxy eine sowohl eine komprimierte als auch eine unkomprimierte Version zur Verfügung stellen kann.
    • Last-Modified: und Etag: Gültigkeitsdaten mit übergeben (letzte Änderung und im Regelfall eine Checksumme)
      bei einer erneuten Abfrage kann über diese Werte ermittelt werden ob sich die Daten geändert haben.
    • If-Modified-Since: und If-None-Match: Gültigkeitsdaten überprüfen
      bei einer Anfrage mit diesen Werten kann mit Last-Modified: und Etag: verglichen werden, sind die Werte identisch sollte mit dem Status „HTTP/1.1 304 Not Modified“ geantwortet werden und keine Daten übermittelt werden
      Resultat: weniger Traffic, Verkürzung der Ladezeit
  • Entwicklung/Layout

    Javascript Optimierung

    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!

    Stylesheet Optimierung

    Bei großen Stylesheets kann durch CSSMin eine gute Komprimierung des Codes erzielt werden (entfernen unnötiger Zeichen)

    Mobile Website / Print Website

    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" />
    

    Bilddaten Optimierung

    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.

  • Redaktion

    Meta-Daten

    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!

    • Meta-Title:Titel der in der Trefferliste des Suchdienstes erscheint (10–70 Zeichen)
      Jede Eurer Seiten sollte idealerweise einen einzigartigen Title-Tag besitzen. Das hilft Google dabei zu erkennen, dass die Seite sich von anderen auf eurer Website unterscheidet.
      Titel können sowohl kurz als auch informativ sein. Wenn der Titel zu lang ist, zeigt Google nur einen Teil davon in den Suchergebnissen.
    • Meta-Description:Beschreibungstext der in der Trefferliste des Suchdienstes erscheint. (70–160 Zeichen)
      Wählt eine Beschreibung, die sowohl informiert als auch Interesse weckt, denn der Meta-Tag Description  wird den Nutzern als Snippet in den Suchergebnissen angezeigt.
    • Meta-Keywords:Schlüssel-Begriffe zum Seiteninhalt
      Verwendet nur Keywords die sich auf den Seiteninhalt beziehen nicht auf den Auftritt.
    • Meta-Author:Autor des Seiteninhalts
    • Meta-Lang:Sprache in der der Seiteninhalt verfasst ist 

    Seiten-Inhalt

    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 Desktop
zoom

Google Page Speed Desktop

Google Page Speed Mobil
Google Page Speed Mobil
zoom

Google Page Speed Mobil

Kontakt

Udo Schmal
Udo Schmal

Udo Schmal
Softwareentwickler
Ellerndiek 26
24837 Schleswig
Schleswig-Holstein
Germany




+49 4621 9785538
+49 1575 0663676
+49 4621 9785539
SMS
WhatsApp

Google Maps Profile
Instagram Profile
vCard 2.1, vCard 3.0, vCard 4.0

Service Infos

CMS Info

Product Name:
UDOs Webserver
Version:
0.5.1.200
Description:
All in one Webserver
Copyright:
Udo Schmal
Compilation:
Wed, 25. Sep 2024 20:55:53

Development Info

Compiler:
Free Pascal FPC 3.3.1
compiled for:
OS:Linux, CPU:x86_64

System Info

OS:
Ubuntu 22.04.5 LTS (Jammy Jellyfish)

Hardware Info

Model:
Hewlett-Packard HP Pavilion dm4 Notebook PC
CPU Name:
Intel(R) Core(TM) i5-2430M CPU @ 2.40GHz
CPU Type:
x86_64, 1 physical CPU(s), 2 Core(s), 4 logical CPU(s),  MHz