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.

Bin grade mehr oder weniger bei yigg über eine nette Icon Sammlung (Packs) gestoßen.

Das ein oder andere ist teilweise recht nützlich um den eigenen Shop aufzuwerten.

Ein nützliche Ergänzung der Liste wäre wenn bei alle direkt angegeben ist unter welche Lizenz diese verwendet werden dürfen.

Was bei der Optimierung nicht in Vergessenheit geraten sollte, ist die Anzahl der internen Links. Google rät dazu die Anzahl der Links pro Seite wenn möglich unter 100 zu halten. Dieser Wert sollte als ungefähre Richtung gesehen werden. Bei 101 oder 120 Links ist nichts los, steigt die Anzahl aber auf über 200 sollte schon etwas unternommen werden. Aber auch unter diesem Wert lohnt es sich den Link-juice mit bedacht zu verteilen.

Als Beispiel möchte ich einmal das Modul new_products, welches von viele Shops auf der Startseite eingebunden ist, nehmen. Schauen wir uns an was dieses Modul für Links erzeugt:

Ich habe bei dem linken Artikel die Links markiert die standardmässig erzeugt werden. Dies ist zum einem das verlinkte Bild, der Artikelname, die Versandkosten (javascript-PopUp) und der Button “Jetzt kaufen”. In Summe als 4 Links pro Produkt, zwei auf dieselbe URL (Bild, Artikelname). Geht man nun von 10 “neuen Artikel” aus wären dies schon 40 Links.

Doch welche sind von diesen vier Links relevant? Im Grunde nur einer, der Artikelname. Maskieren wir nun die 3 verbleibenden Links senken wir die Anzahl der verfolgten Links auf 10.

xt:C Links mit nofollow maskieren
Um diese Links nun zu maskieren die folgende Datei öffnen: template/_deintemplate_/module/new_products_default.html
Als erstes das Bild:

<td rowspan="2" >{if $module_data.PRODUCTS_IMAGE}<a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /></a>{/if}</td>


Hier ist es einfach, da der a-Tag so im Template steht, einfach ein rel=”nofollow” hinzufügen.

Weiter geht es mit den Versandkosten:

{$module_data.PRODUCTS_SHIPPING_LINK}

Sieht schon anders aus, hier wird der Link bereits von xt:C erzeugt und nur als Variable an das Template übergeben. Um diesen Link zu maskieren machen wir einfach von der Smarty Funktion “replace” gebrauch. Gesucht wird nach ‘<a’ und ersetzt mit ‘<a rel=”nofollow”‘:

{$module_data.PRODUCTS_SHIPPING_LINK|replace:'<a':'<a rel="nofollow"'}


Zum Abschluss noch den “Jetzt Kaufen” Button:

{$module_data.PRODUCTS_BUTTON_BUY_NOW}


Wie schon bei den Versandkosten gehen wir hier auch mit “replace vor:

{$module_data.PRODUCTS_BUTTON_BUY_NOW|replace:'<a':'<a rel="nofollow"'}


Damit wäre das Modul “new_products” soweit abgedeckt. Dies kann nun noch auf viele weitere Module angewendet werden, wie das Kategorie Listing usw. Sehr hilfreich bei dieser Arbeit ist die Firefox Erweiterung SearchStatus. Zum einen lassen sich damit nofollow Links anzeigen und zum anderen bringt die Erweiterung auch eine gute Möglichkeit mit sich die Anzahl der Links auf der Seite anzeigen zu lassen.

Diese Anpassungen sind selbstverständlich auch bei anderen Shop Systeme ratsam.

Für die ersten Leser des Blogs mal eine kleine Aufmerksamkeit. Hier eine Liste mit 32 deutschen Social Bookmark Diensten die mir bekannt sind. Die Liste könnte bestimmt doppelt so lang sein, aber die nofollow-Dienste habe ich mal aussen vor gelassen.
Was ihr mit der Liste anstellt? Das müsst ihr wissen… Nachdem ja die Artikelverzeichnisse sterben bzw. schon tot sind nutzt sie so lange es noch geht…

• Oneview
• IQ Lycos
• Icio.de
• Mister Wong
• SeekXL Bookmarks
• Linksilo

Dienste die als Software Scuttle bzw. Scuttle+ einsetzen

• AllTagz
• b5b
• de.lirio.us
• klickts
• ho.tli.st
• Maodi
• Windows-Software.info
• ThinkEasy
• Suchnase Bookmarks
• fav.oriten.de
• myfavs.eu
• Katalogfuchs Lesezeichen
• wd-bookmarks
• xixxi
• b24.poel-tec.com
• seo-bookmark.com (Spezielles Verzeichnis für SEO Bookmarks?)
• webbui
• mouse-network Bookmarks
• cylex-review

Dienste die als Software Social Bookmark Script 2.0 nutzen:

• Bensack Bookmarks
• MCBookmark
• Public Bookmark
• Mr. Bookmark
• favoriten.name
• Bookler

Dienste die als Software phpBookmark nutzen:

• bookmarks.cc

Wer selber eine Social Bookmark Dienst starten möchte hier 3 Scripte:

Scuttle (kostenlos, OpenSource)
phpBookmark (kostenpflichtig)
Social Bookmark Script 2.0 (kostenpflichtig)

So wer noch weitere Dienste oder Scripte kennt, die Kommentare sind eröffnet. Allerdings diese Liste besteht aus Social Bookmark Diensten und nicht aus Digg klonen, es sei den diese sind stark modifiziert.

*Update*:

Yigg Bookmarks

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.

Willkomme auf shop-seo.de, Blog über Suchmaschinenoptimierung von Online Shops. Online Shops bieten viele Möglichkeiten schon mit wenig Änderungen eine starke Verbesserungen in den Suchergebnissen zu erzielen, aber mindestens auch soviele Möglichkeiten durch Unwissenheit evtl. vorhanden Rankings auch wieder zu verlieren. Hier werde ich in Zukunft auf viele dieser Punkte detailliert eingehen.