Ich bin kein Freund von starren vorgegebenen Arbeitsweisen und passe lieber verschiedene Tools an meine Arbeit an, als mich an irgendwelche Tools anzupassen. Aus diesem Grund habe ich im laufe der Zeit viele kleine Helferlein im Browser, mit dem sich schnell verschiedene Dinge überprüfen lassen. Mit wenig Aufwand lassen sich so ein paar Minuten Arbeit einsparen.

Die Anwendungsgebiet für Bookmarklets sind verschieden. Dies wären z.B. Online Tools die Werte per GET oder POST annehmen oder bestimmte Inhalte einer Seite analysieren/auswerten usw.

Hier nun einige Beispiel:

Bookmarklet für Online Tools mit GET Variablen
Diese Bookmarklets sind mit die einfachsten, da einfach nur eine URL aufgerufen wird und ein bestimmter Wert mit übergeben wird. Beispielsweise um eine Whois Abfrage bei DNS Stuff durchzuführen. Dies würde wie folgt aussehen:

javascript:location.href='http://private.dnsstuff.com/tools/whois.ch?ip='+encodeURIComponent(location.href)+''

Oder aber auch eine site:-Abfrage bei Google:

javascript:location.href='http://www.google.de/search?q=site%3A'+encodeURIComponent(location.href)+''


Bookmarklet für Online Tools mit POST Variablen
Hier wird es schon ein wenig komplizierter, da die entsprechenden Werte nicht einfach per URL übergeben werden. Hier kommt einem Javascript, was ja aus der Sicht des Optimierers eher als suboptimal einzuordnen ist, zur Hilfe. Erstmal ein Beispiel “Wie sieht die aktuelle Seite in Lynx aus”:

javascript:document.write('<form method=%22post%22 action=%22http://www.besser-barrierefrei.de/barrierefreiheit/textbrowser-simulation/textbrowser-ausgabe.html%22 name=%22lynx%22><input type=%22hidden%22 name=%22service%22 value=%22anzeigen%22 /><input title=%22Bitte geben Sie hier die gewünschte Internetadresse ein.%22 type=%22text%22 name=%22url%22 maxlength=%22250%22 value=%22'+location.href+'%22 /><input type=%22submit%22 value=%22Anzeigen%22 class=%22submit_auto%22 /></form>');document.lynx.submit();

Das Formular auf besser-barrierefrei.de erfordert bestimmte Input Felder die wir einfach inkl.

Oft gehen die Meinungen eines SEO und dem Shopbetreiber ja weit auseinander was den Aufbau der Seite, im speziellen das Menü/Navigation, angeht. Der SEO rät zu reinen Textlinks, der Shopbetreiber will aber hübsche Bilder als Menüelemente.

Nun kommt das ALT Attribut ins Spiel. Die einzelnen Menüpunkte erhalten einfach die jeweiligen Keywords als ALT Attribut in den IMG Tag und nun sehen auch die Crawler was sich hinter dem Link eigentlich verbirgt.

Beispiel: <img src="menu1.jpg" alt="Fernseher" />

Eigentlich ein Punkt der zu den Grundlagen gehört, wird aber oft vernachlässigt.

Übrigens für die Optimierung von Produktfotos für die Google Bildersuche empfehle ich den Eintrag bei Blue Hat Seo. Nicht ganz so detalliert, aber dafür als Video.
Auf dieses Thema werde ich aber bald noch genauer eingehen.

“Herzlich Willkommen in Lisas tollen Einkaufsladen im Internet für Dinge die die Welt nicht brauchen tut” oder “Festplatten, Arbeitsspeicher, Gehäuse, Tower, Komplettsysteme, RAM, Grafikkarten, Mainboard, Notebook, TFT-Display” dies oder so ähnlich ist der Title Tag der Startseite vieler Online Shops. Beispiel 1 nur irrelevanter Inhalt, Beispiel 2 ala “mehr Keywords sind mir gerade nicht eingefallen”. In den Kategorien wird es dann noch abenteuerlicher wenn diesem Shop Title noch die jeweiligen Kategoriename angehängt werden. Das wird aber nicht zum gewünschten Erfolg führen.

Title Tag Startseite:
- sollte kurz sein
- die wichtigsten Keywords (-Kombinationen) enthalten (max. 3-4)
- Branding, wenn benötigt, am Ende (mein-shop.de o.ä.)

Beispiel für einen PC Shop: “Grafikkarten - Gehäuse - Festplatten günstig bei mein-pc-shop.de”
Für mehr Keywords wird es nur schwer möglich sein eine ausreichende Relevanz auf der Startseite zu erzeugen, für die weiteren Keywords sollten die Kategorien genutzt werden oder optimierte Landingpages erstellt werden.

Wird dies berücksichtigt ist der erste Schritt getan. Der nächste Schritt ist zu kontrollieren wie sich dieser Title Tag nun auf Kategorie- und Produktebene verhält.

Unvorteilhaft: Der Title Tag der Startseite wird komplett übernommen und nur noch mit dem jeweiligen Kategorie- oder Produktnamen ergänzt.
Besser: Die 3 Keywords “Grafikkarten, Gehäuse, Festplatten” werden schon von der Startseite abgedeckt, haben also in dem Title Tag der Kategorie nichts mehr zu suchen. Ein guter Title Tag für die Kategorien könnte wie folgt aufgebaut sein:
“$kategorie_name im Online Shop mein-pc-shop.de”

Kleiner Tipp: Bei xt:Commerce gibt es im Backend das Feld “Meta Title”. Mit diesem Feld lässt sich der Title Tag optimieren ohne den Kategorienamen zu verändern. Änderungen des Title Tags bei xt:Commerce lassen sich über die Datei “\includes\modules\metatags.php” vornehmen.

Bei den Produkten sollte man sich anschauen was der Shop bietet. Werden die Produkte als solches gesucht oder ist noch ein Zusatz erforderlich?
Beispiel:
- Produktname ausreichend: “Canon Digital IXUS 75″
- Produktname nicht ausreichend: “Ladegerät”

Aus dem ersten Beispiel sollte klar sein, dass ein Digitalkamera Model etwas ist nach dem gezielt gesucht wird, das zweite Beispiel wird wohl auch gesucht, aber selbst wenn hierfür ein Ranking vorhanden ist wird der größte Teil des Traffics nicht gezielt genug sein. Deshalb ist es bei solchen Begriffen vom Vorteil noch den entsprechenden Kategoriename in der Produktansicht zusätzlich anzuzeigen. Hier könnte es z.B. ein Ladegerät für ein Nokia 7250i sein. Sollte es nicht möglich sein dies automatisch per Kategorie zu lösen, muss wohl oder übel die manuelle Methode gewählt werden.

So dann will ich mich gleich mal bei einem Teil der Leser unbeliebt machen. Bringt eine XML Sitemap was? Ich sage nein!

Warum? Die Sitemap bietet den Robots alle verfügbaren URLs einer Domain in einer Datei aufbereitet an. Hört sich zuerst auch recht nett an, aber was bringt dies einem Shop? Selbst wenn nun einige Unterseite, die vor dem erstellen der Sitemap nicht im Index auffindbar waren, indexiert werden, wird die Relevanz in den Augen der Suchmaschinen nicht sehr hoch sein um diese auch entsprechend hoch in den Suchergebnissen zu platzieren. Diese Relevanz wird über eine gute interne Verlinkung erreicht. Der Großteil aller Shops wird von Longtail Traffic leben und dieser wird nicht durch eine XML Sitemap erzeugt.

Deshalb mein Tipp: Anstatt sich lange mit dem implementieren von Plugins für eine XML Sitemap beschäftigen, lieber die interne Verlinkung verbessern.

Ein Fehler den man noch recht häufig sieht: Die Splash Page. Man ruft eine URL auf und wird von einem mehr oder wenigen hübschen Bild begrüßt. Besonders bei osCommerce beobachte ich dies recht oft. Hier liegen die eigentlichen Shop Files standardmäßig im Ordner /catalog/, was viele dazu verleitet eine Seite vor den eigentlichen Shop zu platzieren.

Warum ist die Splash Page negativ?
Meist zeigt nur ein Link von der Splash Page auf den eigentlichen Shop. Als Linktext ist sicherlich “zum Shop” sehr beliebt. Hier durch wird den Suchmaschinen Crawlern der Weg zum eigentlichen Inhalt der Seite erschwert, da Sie nun “einen Klick” mehr benötigen um die wichtigen Inhalte zu finden.

Welche Möglichkeiten gibt es diese Splash Page zu umgehen?
Die einfachste Möglichkeit ist eine permanente Weiterleitung (Statuscode 301) vom Domain Root auf das entsprechende Unterverzeichnis einzurichten.
Eine weitere wenn absolut nicht auf die Splashpage verzichtet werden kann, wäre es von dieser Splash Page zumindest die Hauptkategorie zu verlinken, dass die Crawler von der Startseite auch tiefere Einstiegspunkte in den Shop erhalten.