Jeder kennt das Problem, man hat nicht immer alle Keywords auf die man eine Webseite optimieren möchte parat, Sistrix aktualisiert auch nicht immer sofort usw. Die Liste könnte ewig so weiter gehen - jeder SEO kennt das. Auf www.keyword-monitor.de findet sich aktuell ein SEO-Tool das noch in der Beta-Phase ist. Um diese SEO-Software-Suite (nennen wir es einfach mal so) geht es um eines der Kernthemen beim Webseiten optimieren und der Überwachung von Konkurrenten - das Keyword Tracking, also die Möglichkeit immer aktuell die momentan SERP-Position für Keyword XY auszuwerten.

Keyword Monitor

Keyword Monitor - Ein erster Überblick

Was macht so ein Keyword Tracker? Klar, in erster Linie trackt er unsere vorher eingegebenen Keywords - ganz egal ob es unserer sind oder die eines Mitbewerbers. Dank keyword-monitor.de haben wir auch die Möglichkeit Ordnung in unsere Keyword-Arbeiten zu bringen. So kann man alle Seiten in Projekte gliedern. Dazu aber gleich mehr. Keyword Tracker kann aber noch wesentlich mehr als nur das. Er zeigt uns an, wie die Verteilung der Suchergebnisse auf die Seiten aussieht, also wieviele Keywörter sind auf Seite X zu finden (X soll mal die Suchergebnis-Seite darstellen). Als besonders Schmankerl zeigt und keyword-monitor auch noch einige andere Paramter an. Aber "First-things-first".

Das Arbeiten mit den Keywords

Nachdem wir alle mehr oder weniger ordnungsliebende Menschen sind, würde es sich anbieten - vor allem wenn man mehrere Projekte betreute - diese zu trennen.
Dafür können wir unter Projekt Gruppen eben jene Abteilungen im keyword Monitor anlegen. Hier kann man sich nach Herzenslust austoben. Möglichej Beispielanwendungen wären

• Projektgruppen für Privat / Geschäftlich
• Projektgruppen für Geschäftlich - Subdomain 1 / Geschäftlich Subdomain 2

Ich denke man sieht worauf das hinausläuft. Man kann je nach Belieben und Zwecke Gruppen anlegen um die Übersichtlichkeit etwas zu verbessern. Man will ja schließlich ohne viel Stress arbeiten.

Um die Übersichtlichkeit auch noch nach Keywords zu verbessern, können wir ebenso Keyword Gruppen anlegen. Das macht natürlich bei einzelnen Projekten keinen Sinn, wenn man dagegen aber beispielsweise ein News-Portal sein Eigen nennt macht diese Funktion schon mehr Sinn. Man könnte so z. B. eine Keyword Gruppe für Reisen oder für Lifestyle anlegen.

Das Kernstück der Accounteinstellung im keyword-monitor ist jedoch die Funktion "Projekte verwalten". Hier können wir nun fertige Projekte anlegen.

Das Anlegen von Projekten im keyword Monitor

Nachdem wir den keyword Monitor angewiesen haben ein neues Projekt anzulegen werden wir auch prompt mit einer Handvoll Fragen bombardiert. Irgendwo muss ja immer ein Haken sein, gell? Ist aber alles halb so wild. Wir vergeben lediglich eines Namen für das Projekt sowie den Hostnamen. Das hat jetzt insofern den Vorteil, dass wir auch andere Hostnamen mit abfragen können (z. B. chat.seo-geek.de).

Zusätzlich können wir festlegen ob das Projekt einen Mitbewerber gehört. Dessen Rankings werden dann in der Übersicht anders dargestellt. Damit wir auch immer sofort informiert sind können wir keyword-monitor.de auch anweisen uns eine eMail bei einem eventuellen Ranking Verlust zu schicken. So sind wir immer Top über unsere keywords informiert.

Jetzt entscheiden wir uns noch für eine passende Projektgruppe und schon können wir unsere Angaben speichern. Jetzt ist es an der Zeit unsere keywords für das Projekt einzutragen. Sollte beim Eintragen eines Projektes ein Fehler aufgetreten sein , z. B. Typos oder änliches können wir das Projekt jederzeit wieder unter Aktionen Bearbeiten oder ggf. auch Löschen. Jetzt interessiert uns aber erst einmal die Funktion Keywords hinzufügen.

Das Hinzufügen von keywords ist sehr trivial gehalten. Wir haben eine Textbox in der wir pro Zeile ein Keyword oder ein Long Tail Keyword eintragen können. Am Ende nur noch speichern und der Zauber beginnt erst einmal. Nach dem Speichern sehen wir eine Meldung dass gerade eben Rankings für dieses Projekt bzw. für die Keywords ermittelt werden. Sobald dies fertig ist müssen wir lediglich die Seite neu laden um das Ergebnis zu sehen. Je nach Anzahl der vorher definierten keywords kann die Dauer des Auswertend variieren.

Auswertung der keywords

Was haben wir nun vor uns? Wir werden (sofern die Rankings gut sind - was wir als SEOs auch hoffen) von einem netten Diagramm empfangen, das uns zeigt wie unsere Keywords auf den jeweiligen Seiten verteilt sind. Je mehr keywords auf einer Suchergebnisseite sind, desto höher der Balken. Wer sich gerne in Excel verliert, kann sich die aktuelle Tagesansicht auch als Excel-Datei herunterladen. Das ist natürlich auch ideal für Kunden, die gerne mit der Tabellenkalkulation arbeiten.

Im Anschluss haben wir dann unsere Keywords noch mal im Detail. Hier sehen wir zunächst nur die keywords, welche auch ein Ranking besitzen. Angereichert werden die Informationen mit der aktuellen Veränderung, auf welcher Seite sich das keyword befindet und welche die häufigste Position in den letzten 30 Tagen war. Möchte man alle Keywords sehen, genügt ein Klick auf die Funktion alle anzeigen.

Mehrere Zuckerl für den Stress-geplagten SEO

Wie versprochen bietet keyword-monitor.de auch noch einige Zusatzfunktionen um uns SEOs zu beeindrucken. Die erste Funktion der SEO-Details eines Projektes sind Backlinks. Hier werden zwischen 3 Backlinkarten unterschieden. Google Backlinks, Yahoo Backlinks sowie Seomoz Backlinks. Man sieht jedoch nicht woher diese Links kommen, aber man sieht die Menge der Links als Liniendiagramm darstellt. Im Anhang sieht man noch die Daten als Zahlen und deren Veränderungen. Aber damit nicht genug - der keyword Monitor bietet uns noch einige andere Funktionen.

Ebenfalls als Liniendiagramm angelegt ist die Entwicklung der indizierten Seiten eines Projekts. Diese wird täglich aktualisiert. So hat man die Entwicklung eines Projektes immer fest im Blick. Unterhalb des Diagrammes ist wie gewohnt wieder die Tabelle mit den oben in der Grafik dargestellten Daten, samt Veränderunganzeige.

Eine weitere Anzeige die wir uns geben lassen können ist eine Übersicht verschiedener Rankings. Darunter fallen Pagerank (wird demnächst wohl entfallen), der Mozrank für die Domain und für Subdomain. Wie schon öfter bei keyword-monitor gesehen, werden alle im Diagramm darstellten Daten als Tabelle dargestellt.

Das letzte Zuckerl, dass uns der keyword-monitor bietet die die Auswertung der SEOmoz Authority. Diese teilt sich ebenfalls in Domain und Page Authority auf. Auch hier findet man wieder eine bekannte Diagrammart vor - das Liniendiagramm. Anbei selbstverständlich wieder die Tabelle, die nochmals die Daten samt Veränderungen darstellt.

Zusammenfassung

Wenn man ein einfaches und schnelles Tracking für seine Projekte sucht ist aktuell mit dem keyword-monitor sehr gut beraten. Die Übersicht des Toolkits ist sehr übersichtlich gehalten und intuitiv zu bedienen. Die Funktion sind für ein solches Kitt mehr als ausreichend und helfen einem wirklich bei der Arbeit.

Derzeit ist keyword-monitor.de noch in der Beta-Phase. Ich weiß nicht genau ob jeder eine Beta-Key bekommt, der ihn auch beantragt. Fakt ist jedoch, dass ich noch 10 Beta-Keys habe, die ich gerne unter Euch verteilen will. Was Ihr dafür machen müsst? Nunja, ich habe 10 Keys. Lasst Euch was einfallen Ihr könnt meinen Tweed retweeten und mir die Tweet URL per Mail schicken, Ihr könnt ein Kommentar hinterlasse, einen Backlink setzen usw. Es liegt ganz bei Euch. Die ersten 10 werden einen Key erhalten.

Das Warum von SEO-Videos

Seit Jahren versuchen Webseiten und Onlineshops immer auf anderen Methoden die Aufmerksamkeit auf sich zu ziehen. Angefangen vor Urzeiten mit bunten Bildern, dann weiter mit animierten GIF's, Flash und zuletzt tolle Effekte mit jQuery und anderen Java-Bibliotheken. Mit jeder dieser Möglichkeiten wurden Webseiten und Onlineshops aufgewertet und Besucher bzw. Kunden wurden immer aufs neue gefesselt. Zeit und Grund dafür dass jetzt auch bewegte Bilder in hoher Qualität uns davon überzeugen zu lassen einen bestimmten Artikel zu lesen oder ein tolles Produkt zu kaufen. Nachdem noch nicht viele Onlineshop und Webseiten Videos einsetzen hat man hier noch sehr viele Chancen und Möglichkeiten sich nach vorne an die Spitze der SERP-Listen zu kämpfen.

Das Wie von SEO-Videos

Jetzt ist es natürlich die Frage wie man SEO-Videos am besten anfängt und diese einbaut. Was benötigt man für Software und Hardware? Wieviele Videos sollte man einbauen? Betrachten wir uns zunächst was man alles benötigt. Hier könnt Ihr aufatmen, um erste Gehversuche mit SEO-Videos zu machen muss man sich nicht sehr viel installieren oder kaufen. Fast jedes Betriebssystem bietet von Haus aus eine gewisse Videoschnitt-Funktionalität und ab und zu auch Software von Aufnehmen von Videos. Mac-User haben hier ab Snow Leopard einen gewissen Vorteil, da Quicktime mittlerweile auch das Capturen von Desktop-Inhalten als Funktion bietet. Zum Nachbearbeiten bietet sich iMovie an. Mit Apples iMovie hat man alle Grundfunktionen um schnell Videos zu schneiden und zu bearbeiten. Unter Windows findet man dafür den Windows Movie Maker. Das sollte für den Anfang und für die ersten Videos reichen.

Wieviele Videos sollte man jetzt auf einer Produtkseite einbauen (wenn wir mal Onlineshops betrachten)? Anfangs sollte man den Fokus lieber darauf abzielen, dass zunächst alle Trafficreichen Seiten mit einem Video versehen werden. Das ist zunächst wichtiger als Zweitvideos. Dasselbe gilt natürlich auch bei normalen Webseiten. Nicht jede Seite wird sofort gesehen, warum sollte man sich dann unter Druck setzen und mit Zwang jede Seite mit einem Video versehen? Wenn ein Shopbetreiber vorerst keine Vorstellung hat, welche Videos er aufnehmen soll, kann er freundlich beim Hersteller anfragen. Viele Hersteller bieten fertige Videos an um die Produktreihe zu unterstreichen. Idealerweiße sind jetzt noch ein passender Titel und Description für das Video, wie auch ergänzender Text und ein nettes Thumbnail. Das alles, weil Google und andere Suchmaschinen zwar Videos sehen, aber nicht interpretieren können. Deswegen sollte man die Seite dementsprechend anpassen.

Checkliste für ein erfolgreiches SEO-Video

Was sollte jetzt alles bei einem SEO-Video beachtet werden? Das erste und wichtigste ist ein ordentliches Webhosting Paket. Warum? Ganz einfach. Unser Ziel des SEO-Videos soll sein, dass der Traffic in erster Linie zu uns kommt. Es ist zwar eine nette Funktion bei Youtube einen Channel zu erstellen und Videos hochzuladen bzw. auf der Seite einzubetten aber der Traffic geht natürlich an Youtube. Im Universal Search sieht man immer mal wieder das Videos angezeigt werden, dies kommt aber nur dann wenn das Video auf einem eigenen Host liegt. Man benötigt also den nötigen Webspace und ein dementsprechendes Traffic-Kontingent. Das ist allerdings bis jetzt nur die halbe Miete. Fangen wir mit den interessanten Geschichten an.

Die Videositemap

Wie jede andere Seite auch benötigen auch Videos eine eigene Sitemap - die Videositemap. Diese ist ebenfalls im xml-Format und enthält alle wichtigen Elemente die man benötigt um Google mitzuteilen wo die Videos liegen und um was es in den SEO-Videos geht. Auf den Hilfeseiten von google findet man eine Anleitung wie diese Datei aussehen soll. Im groben müssen folgende Angaben gemacht werden:

• Titel des Videos
• Beschreibung des Videos
• URL der Wiedergabeseite
• URL der Miniaturansicht
• Speicherort der Videodateien und/oder Player-URL

Bei diesen Videositemaps gibt es dieselben Restriktionen wie bei klassischen Sitemaps, also 50.000 Einträge sowie maximal 10 MB für komprimierte Daten.

Ein kleines Beispiel:

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
<url>
<loc>http://www.testeseite.de/zielseite.html</loc>
<video:video>
<video:thumbnail_loc>http://www.testseite.de/thumbnails/thumb.jpg"</video:thumbnail_>
<video:title>Testvideo für Video-SEO</video:title>
<video:description>Description für Test SEO-Video</video:description>
<video:content_loc>http://www.test.de/seovideo.flv</video:content_loc>
<video:duration>600</video:duration>
<video:tag>SEO</video:tag>
<video:tag>Video</video:tag>
<video:category>SEO Video</video:category>
<video:family_friendly>yes</video:family_friendly>
</video:video>
</url>
</urlset>

Die Erklärungen zu den einzelnen Zeilen findet man sehr gut erklärt auf den Seiten von Google. Zu beachten ist noch welche Videoformate Google eigentlich crawlen kann. Laut den Webseiten sind dies MPG, MPEG, MP4, M4V, MOV, WMV, ASF, AVI, RA, RAM, RM, FLV Dateien. Es werden also alle wichtigen Videoformate unterstützt. Eine andere Möglichkeit Sitemaps zu erzeugen findet man auf den Seiten von seo-news.de, geschrieben von Astrid Staats - Die Erstellung einer Mastersitemap

Das passende Thumbnail

Google hat die Angewohnheit, dass wenn kein Thumbnail angegeben wurde einfach eines aus dem Video genommen wird. Der Nachteil ist natürlich dass das Bild recht unpassend sein könnte. Deswegen sollte man unbedingt ein Thumbnail übergeben.

Um die beste Qualität beim Thumbnail zu erhalten sollte man das Bild in einer optimierten Version in der Größe 80 x 60 Pixel zu generieren. Dies macht man am besten mit einem Screen-Capture Programm bzw. mit einem extra Grafikprogramm. Mit einem passenden Thumbnail lässt sich natürlich auch die Klickrate in den SERPS deutlich erhöhen. Hier also etwas Mühe geben

Das Video einbinden und eine eindeutige URL erzeugen

Damit das Video auch gefunden wird, müssen wir es natürlich auch auf der Seite einbinden. Hier hat man wie man es vom Internet erwartet auch gleich mehrere Möglichkeiten. Von komplexen Plugins die alles übernehmen bis zu seperaten Javascripts die das nötige erfüllen. Wichtig ist hier allerdings für eine gute Konversion dass der Player selber sehr spartanisch ausgestattet sein soll um nicht abzulenken. Hier langt beispielsweise schon einer mit einem Play, Pause und Vorspulbutton. Eine Empfehlung wäre das Skript von <a href="http://videojs.com" title="Tooler HTML5 Video Player">VideoJS - einem HTML5 Player</a> der nahezu alle Broswer unterstützt.

Abschließendes

Wie ich Euch gezeigt habe ist SEO-Video nicht allzuschwer und bietet sehr viele Chancen seinem Shop oder siener Webseite noch einmal einen gewissen SEO-Kick zu geben. Vor allem im Bereich des eCommerce hat man hier sehr viele Möglichkeiten seine Konversionsrate zu verbessern. Shopbetreiber sollten Video-SEO mit zu einem Bestandteil ihrer SEO-Strategien machen. Die Zukunft verspricht noch wesentlich mehr.

Ich werde das ganze in den nächsten Postings einmal selber einsetzen um zu demonstrieren wie dann eine "echte" Sitemap aussieht und wie die Auswirkungen sind. Dazu werden beide Screencasts noch einmal aufgelegt und auf dem eigenen Server gehostet.

Was meint Ihr zum Thema Video-SEO? Wie sind Eure Erfahrungen? Schreibt mir ein Kommentar.

• Im Shop integriertes Master-Slave System (heißt hier halt anders)
• Multi-Shop Funktion
• Umfangreiche Attribut-Verwaltung

Um diese Funktionen ausnutzen zu können muss man das System natürlich erst einmal durchschauen und verwenden können. An diesem Punkt möchte ich Euch mit meinem Wissen weiterhelfen. Ich bin zwar selber auch kein Überprofi in Sachen Magento, aber ich möchte mit Euch zusammen etwas Flüssige Intelligenz aufarbeiten.

Heute geht es erst einmal darum einen tollen Hoster für Magento vorzustellen sowie den Magento Shop in kürzester Zeit fit für den deutschen Markt zu machen. Im folgenden Video erkläre ich alles wichtige, dass es nach der Installation zu erledigen gibt.

Screencast #002 - Erste Gehversuche in Magento

Schreibt mir in den Kommentaren, welche Themen Euch bei Magento am meisten interessieren, damit ich die Videos ggf. etwas priorisieren kann.

Weiterführende Links

• Professionelles und günstiges Magento Hosting
• Herstellerseite des Shopsystems Magento

Was versteckt sich hinter SPO?

Wie man bereits weiß wird nach und nach auch die Site-Performance eine Rolle in den SERPS (Search Engine Result Pages) spielen. Dazu zählt beispielsweise der Faktor Zeit eine große Rolle bis die Seite fertig geladen bzw. gerendert ist. Jetzt muss man vorher natürlich etwas die theoretische Seite betrachten um die genauen Sachverhalte für das Wieso nachvollziehen zu können.

Jeder Aufruf einer Datei - sei es ein Bild, ein Filmchen, eine CSS-Datei (Cascading Style Seet) oder eine JavaScript-Datei (wie beispielsweise jquery) wird der Server angewiesen alle Dateien zur Verfügung zu stellen. Der Browser dagegen nimmt diese Dateien an. Soweit so gut, das Problem ist nur dass Browser an kleinere Restriktionen gebunden sind.

• Viele Browser können lediglich zwei Dateien einer gleichen Quelle parallel downloaden.
• Werden mehr als zwei Dateien von einer Quelle angefordert werden diese in eine Warteschleife gestellt
• Jeder Aufruf bedeutet einen HTML-Request. Je mehr es sind, desto länger wird es dauern alle Verbindungen geöffnet und verarbeitet wurden

Hier stellt man unweigerlich fest, dass man selbst bei aktuellen Browsern schnell ein Flaschenhals da sein kann.

Wie sieht der Plan aus? Wie gehen wir vor?

Unser heutiges Ziel soll es sein die Anfragen zu minimieren. Im speziellen geht es mir um die Reduzierung der JavaScript und CSS-Dateien. Dabei möchte ich heute hier auf eine etwas händischere Methode eingehen. Sicherlicht gibt es auch On-The-Fly Methoden in den gängigsten CMS, aber ich möchte ja auch die Grundlagen vermitteln. Denn wer sich selber eine Seite in HTML aufbaut, kann dann immer noch auf diese Resourcen zurückgreifen. Wir realisieren das ganze in der Skriptsprache ruby. Ruby wird uns hier ganz einfach helfen ans Ziel zu kommen. Mit Ruby werden wir die Dateien kombinieren (hier sparen wir wichtige Aufrufe) und komprimieren (spart uns wichtige Bandbreite). Wer Interesse hat, den Originalbeitrag "How to automate optimization and deployment of static content" findet man bei smashingmagazin.com.

Vorbereitungen

Wer mit einem Apple arbeitet kann sich jetzt ganz entspannt zurücklehnen, denn auf Mac-Rechnern ist Ruby bereits vorinstalliert. Anders bei Windows. Hier muss man das ganze erst einmal nachinstallieren. Hierzu lädt man sich schlicht von der Herstellerseite das passende Paket für Windows herunter und installiert dies. Ist die Installation von Ruby fertig kann man die Konsole ganz einfach mit Ruby-Unterstützung starten.

Damit haben wir aber ersteinmal nur die halbe Miete. Wir brauchen natürlich auch die nötigen Addons für Ruby.
Eines davon ist Juicer, welches von Christian Johansen entwickelt wurde. Mit diesem Tool werden unsere Javasckripte und CSS kombiniert und komprimiert.
Um Juicer zu installieren benötigen wir folgende Zeile in unserer Kommandozeile

    	Windows: gem install juicer
    	Mac OS X: sudo gem install juicer

Nicht wirklich viel Unterschied, nur lediglich 4 Buchstaben. Damit Juicer auch richtig arbeitet benötigen wir hier noch zwei Komponenten. YUI-Kompressor und JSlint. Wesentlich schwieriger gestaltet sich das auch nicht. Hier brauchen wir zwei Zeilen:

    	juicer install yui_compressor
    	juicer install jslint

Hat man beide Zeilen eingegeben steht einem das Optimieren seiner Dateien nichts mehr im Wege

Fangen wir an

Nehmen wir der Einfachkeit halber an, wir bauen uns ein kleines HTML-Template auf das später einmal eine kleine statische HTML-Seite werden soll. Grundlegend ändert sich nichts an der Art wie wir Dateien optimieren und komprimieren. Es unterscheidet sich dann lediglich nur wo die Dateien liegen und wie diese eingebunden werden.
Unsere Seite soll folgende Elemente beinhalten:

• 960er Grid-System von 960.gs
• Eine eigene Stylesheet Datei
• Diverse Javascript - Dateien (Framework, seperate Dateien - egal was)

Damit Ihr Euch vorstellen könnt wie die HEAD-Anweisung aussieht hier einen Auszug aus genanntem Bereich:

		<head>
		<title>Juicer-Demo ohne Optimierung</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/960.css">
		<link rel="stylesheet" href="css/text.css">
		<link rel="stylesheet" href="css/style.css">

		<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
		<script type="text/javascript" src="js/jquery.pagination.js"></script>
		<script type="text/javascript" src="js/jquery.pageigen.js"></script>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	</head>

Allein mit diesen Zeilen haben wir bereits 7 (!!) HTTP-Requests. Was haben wir oben gelernt? Ein Browser kann immer zwei Dateien parallel downloaden, der Rest ist in der Warteschlange. Das bedeutet dass wir mind. 3x2 und 1x1 Datei laden. Das sich das ganze auch auf die Ladezeit ausübt sieht man an folgendem Screenshot.

Dieser wurde mit Safari aufgenommen und zeigt deutlich das Ladeverhalten. Je nachdem ob die Dateien gecached sind ändern sich natürlich die Zeiten. Aber wie man hier sieht hat man mit den vorangehenden HTML-Block 706 ms benötigt (ok, der vServer ist nicht der schnellste, aber es zählt ja das Prinzip ). Jetzt stellt man sich das ganze mal bei vielen Skripts, vielen CSS und noch mehr Bildern vor. Da ist man sehr schnell am Flaschenhals.

Steuerungsdateien vorbereiten

Da wir nun dem Ruby-Plugin Juicer mitteilen müssen welche Dateien kombiniert werden sollen, müssen wir vorher Steuerungsdateien anlegen. In diesen Dateien teilen wir juicer mit welche Dateien optimiert und kombiniert werden sollen.
Fangen wir zunächst mit den CSS-Dateien an. Wichtig ist hier, dass man sich an die Reihenfolge hält da sonst die Ausgabe anders wird wie gewohnt bzw. wie erwartet.
Legen wir uns im css-Ordner eine Datei namens combined.css an und füllen diese mit folgendem Inhalt:

	@import url("reset.css");
	@import url("960.css");
	@import url("text.css");
	@import url("style.css");

Nicht allzu schwierig oder? Wir importieren lediglich alle anfallenden css-Dateien. Dasselbe Prinzip greift auch bei den js-Dateien, jedoch mit etwas anderem Inhalt:

	/**
	* @depends jquery-1.2.6.js
	* @depends jquery.pagination.js
	* @depends jquery.pageigen.js
	*/

Auch hier gilt, first things first. Was zu erst geladen werden muss, muss auch zu erst als depend markiert sein.

Jetzt kommt der Moment auf den wir alle gewartet haben. Lassen wir den Zauber beginnen. Betrachten wir uns vorher noch einmal die Dateigrößen:

• Stylesheets - 4 Dateien - 24 kb
• Javascripts - 3 Dateien - 108 kb

Beim jquery habe ich bewusst eine unkomprimierte Datei gewählt um den Effekt zu demonstrieren.

Wechseln wir zunächst in den css-Ordner. Dazu bemühen wir unsere Konsole bzw. unsere Kommandozeile. Hier geben wir folgenden Code an:

	juicer merge --force combined.css

Das Ergebnis hier ist eine combined.min.css. Die Größen verrate ich gleich. Wiederholen wir den Vorgang für die javascripts.

	juicer merge -i --force combined.js

Fällt das -i auf? Das bedeutet lediglich das jslint (Modul von juicer) auch bei Fehlern im Skript die Arbeit trotzdem fortführt.
Jetzt wären wir soweit fertig, sehen wir uns die neuen Dateien an:

• Stylesheets - 1 Datei - 12 kb
• Javascripts - 1 Datei - 61 kb

Das macht in der Summe 59 kb weniger, eine Einsparung von knapp 44,7%. Wenn man nun ca. 50 Besucher am Tag hat kommt das bereits auf eine Traffic-Reduzierung von 2,88 MB.
Toll oder? Jetzt ändern wir unseren Code folgendermaßen ab:

	<head>
		<title>Juicer-Demo mit Optimierung</title>
		<link rel="stylesheet" href="css/combined.min.css">
		<script type="text/javascript" src="js/combined.min.js"></script>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	</head>

Sieht man sich jetzt die Grafik von Safari an, merkt man ganz schnell das unsere Aktion Früchte getragen hat. Wir bewegen uns jetzt bei 512 ms, also fast 200 ms schneller als ohne die Optimierung - und das bei kleinen Dateien. Man stelle sich das jetzt bei einer kompletten Stylesheet - Sammlung vor.

Demo der beiden Varianten

Wer sich das gerne live anschaut, kann beide Links einmal klicken um das Ergebnis selber zu betrachten:

Abschließendes und künftiges

Sicherlich gibt es auch viele Tools wie ScriptCompressor (WordPress) oder Fooman Speedster (Magento) die das alles bereits on-the-fly und automatisch machen. Wenn diese gecached werden natürlich umso besser. Aber Fakt ist hier, dass der Serverprozessor beansprucht wird. Man sollte aber auch die theoretischen Grundlagen wissen, wie solche Tools arbeiten. Im nächsten Post zu diesem Thema werden wir das ganze etwas automatisieren, auch mit Hilfe von ruby. Wir gehen dazu über das wir das für ein einzelnes Projekt nur noch eine Zeile ausführen müssen, die uns die Dateien optimiert, komprimiert und anschließend in gzip umwandelt.

Ich hoffe der Post war einigermaßen verständlich. Wie optimiert Ihr Eure Dateien? Ihr seid gerne eingeladen Euch in den Kommentaren auszulassen.

SEO-POST

Am 15. Januar 2010 released ist dieses App schon mit aktuell 4 Sternen ein richtiger Download Tip für SEO Apps für das Iphone oder dem iPod Touch. Das App "SEO POST" bringt alle wichtigen Nachrichten der SEO-Szene (deutsche wie englische SEO-News) auf das Iphone oder dem iPod Touch. Ebenso werden auch Links zu SEO Podcasts, Veranstaltungn und Jobangebote übermittelt.

Programmiert wurde das ganze von Hans Kronenberg von seo-strategie.de und mit 1,2 MB ein kleines Kraftpaket. Man kann alle News entweder direkt im Browser lesen, per eMail verschicken oder direkt den Link in Twitter posten. Wer immer auf dem Laufenden sein möchte ist mit diesem SEO-App für Apple´s iPhone / iPod Touch sehr gut beraten.

Serps

Das zweite iPhone / iPod Touch App im Bunde trägt den Titel "Serras". Wie man unschwer am App-Titel feststellen kann, ist der Name bei dem App Programm. Man kann seine kompletten Webseiten samt Suchbegriffen im Überblick behalten. Man legt eine Domain an, vergibt die gewünschten Keywords und prüft diese. Das Programm lässt sogar Keyword-Recherche in deutschen Suchmaschinen zu. Wenn wir unsere Liste fertig haben, reicht ein Klick auf ein Keyword und das App "Serps" sucht uns die aktuelle Position im Google-Index und zeigt und diese farbig an. Zusätzlich sehen wir wer vor oder nach uns im Index steht.

Programmiert von Hans Schneider wurde es am 05. Dezember 2009 veröffentlicht. Aktuell trägt das Programm die Revision 1. und ist mit 0,3 MB auch nicht speicherfressend. Für kurze Keyword Recherchen ist dieses iPhone / iPod Touch App ideal. Das App ist kostenlos, wird aber wohl durch kleine Anzeigen am unteren Bildschirmrand finanziert.

Domainer

Ebenfalls ein iPhone / iPod Touch App um SEOs das Leben zu erleichtern ist Domainer. Dieses kostenlose App gibt uns für jede eingegebene Domain den aktuellen Pagerank sowie den Alexa Rank (weltweit) zurück. Alle ausgewerteten Daten werden auch in einer Historie auf dem iPhone / dem iPod gespeichert um diese auch auf längere Sicht zu verfolgen.

Facebook

Dieses iPhone / iPod Touch App gehört zwar jetzt generell nicht zum Bereich SEO aber ist sehr praktisch um seinen Facebook Account schnell zu bearbeiten. Wichtig vor allem wenn man sich ein Netzwerk an Freunden und Partnern aufbauen möchte. Mit dem Facebook App für das iPhone / iPod Touch hat man mit lediglich 1,5 MB Größe die Möglichkeit genau das zu machen. Man kann direkt seine Gedanken schreiben, Notizen machen, mit Freunden Kontakt aufnahmen und vieles mehr.

Selbstreden ist das Facebook App kostenlos und wurde zuletzt am 14. Januar 2010 auf die Version 3.1.2 upgedatetund steht mit 4 Sternen bei insgesamt 1769 Bewertungen sehr gut da. Für Fans von Sozial Network das ideale iPhone / iPod Touch App.

Twitterrific

Das zweite Social Tool im Bunde ist das wohl bekannte Twitterrific App. Wie der Name vermuten lässt geht es hier selbstverständlich um das Microblogging Netzwerk Twitter. Mit Twitterrific hat man ein Allround-Tool um seinen Twitter Account zu managen. Die normale Version dieses iPhone / iPod Touch Apps ist zudem kostenfrei erhältlich.

Wie stellt man es nun in einem Blogsystem wie WordPress an, dass man die HTTP-Requests im Falle von css Dateien minimiert? Im Grunde geht es darum, alle css-Stile in eine Datei zu verpacken. Nur ist das Problem, dass Module bzw. WordPress-Plugins immer gern eigene css Dateien laden. Wir müssen also hergehen und die Stile in unsere style.css packen und das Modul abhalten diese zu laden.

Wie das geht möchte ich an zwei Modulen zeigen. Das erste wird Add to An, da dieses Inline-CSS erstellt. Das zweite ist das Modul Digg Digg, welches eine CSS Datei in den Heider schreibt.

Wir betrachten uns zunächst den Quellcode der ausgegebenen Seite und öffnen die CSS-Datei, welches im Heider geöffnet wird. Im ersten Fall schauen wir uns erst einmal den Inline-Style von Add To An an. Inline Styles können wir glücklicherweise direkt aus dem HTML-Code heraus und in unsere style.css kopieren. Damit der Code jetzt nicht doppelt (aus der css und dem inline Code) aufgerufen wird, müssen wir das Modul ein wenig anpassen.

Wichtig ist hier auch wieder, dass Ihr bei jeder Datei die Ihr verändert vorher unbedingt eine Datensicherung macht um im Falle von Fehlern eine Rückversicherung zu haben. Im Falle von Add to Any führt unsere Arbeit uns zur gleichnamigen PHP-Datei. In dieser Datei suchen wir gezielt nach einer Ausgabe von CSS-Stilen und entfernen diese. Diese Zeilen finden wir bei Add To An ab Zeile 307 bis Zeile 345. Diese gilt es nun zu entfernen und die Datei wieder hochzuladen.

Im Grunde genommen bleibt also nur noch eine leere Funktion über, die folgendermaßen aussieht:

function A2A_SHARE_SAVE_button_css() {

}

Der Vorteil hier liegt, dass im Quelltext vom Dokument weniger Text steht, wodurch die Suchmaschinen schneller zum eigentlichen Inhalt kommt und der Quelltext nicht künstlich aufgebläht wird. Einen richtigen Geschwindigkeitsvorteil gibt es hier zwar noch nicht, aber der Fokus liegt hier ganz klar darauf, dass der Quelltext etwas entschlackt wird und die css Stile da hin kommen, wo sie hingehören - in unserem Stylesheet.

Wie sieht das nun aus, wenn Module eine fertige css-Datei in den Header schreiben? Im Grunde genommen geht das genauso, nur dass der Ablauf ein klein wenig anders ist. Wir benötigen als erstes die CSS-Datei des jeweiligen Moduls. Im Falle von Digg Digg sieht man, dass die Datei folgenden Pfad besitzt:

/wp-content/plugins/digg-digg/diggdigg-style.css

Diese Datei öffnen wir in unserem Lieblings-Programm und fügen die Stile unserer style.css hinzu. Jetzt geht es wieder darum den Aufruf des Moduls so abzuändern, dass diese Datei nicht geladen wird. Ein Problem dass uns jetzt trifft ist, dass ein Modul wie Digg Digg mehrere Dateien einsetzt, deswegen starten wir zuerst mit der Hauptdatei. Diese heißt in 99 % der Fälle so wie das Modul - also schauen wir uns die digg-digg.php einmal an.

So sehen wir jetzt schon in Zeile 36 des Pudels Kern. Hier wird mittels echo-Befehl das Stylesheet ausgegeben. Wir könnten natürlich jetzt auch die beiden Zeilen in der Funktion löschen, aber wir können auch den Aufruf direkt wegnehmen, damit das erst gar nicht ausgeführt wird. Das bringt zwar keinen wirklich merkbaren Unterschied, aber der Ordnung halber machen wir das.

So sehen wir in Zeile 45 dass in den Kopf die eben gesehene Funktion aufgerufen wird - kommentieren wir das also einmal aus. Wenn wir die Datei jetzt wieder hochladen und die Seite neu aufrufen sehen wir das unser Modul noch genauso funktioniert, aber einen HTTP-Aufruf weniger ausführt. Bei einem Modul macht das sicherlich keinen Sinn, aber Ihr wisst ja selber wie schnell sich Module in WordPress installieren lassen.

Das ganze hat natürlich auch einen kleinen Nachteil. Nach einem Update geht das ganze Spiel immer von vorne los. Man darf jedes Mal schauen ob noch alles so funktioniert wie das Modul es vorsieht - was das Design angeht. Da aber jeder neue Aufruf eine neue Latenzen mit sich zieht kann man da denk ich mal ein Auge zudrücken

In meinen Augen wirklich ein netter Politiker, der auch wenn es etwas dauert, sich die Zeit nimmt mit offenen Fragen auch offen umzugehen. In keinster Weise musste ich Ihn überreden sich 5 Frage zu stellen. An dieser Stelle möchte ich mich noch einmal für seine Zeit bedanken.

Damit Ihr auch wisst um wen es geht, möchte ich Euch erst einen Steckbrief von Herrn Schneider präsentieren, bevor es zum eigentlichen Interview geht.

Staatsminister Siegfried Schneider
Leiter der Bayerischen Staatskanzlei

Geboren am 07. April 1956, katholisch, verheiratet, 3 Kinder

1975
Abitur Reuchlin Gymnasium Ingolstadt

1977 - 1980
Studium für Lehramt an Volksschulen

1980 - 1994
Lehrer an verschiedenen Grund-, Haupt- und Förderschulen

1987 - 1999
CSU-Ortsvorsitzender Wettstetten

1990 - 2005
Gemeinderat

seit 1994
Mitglied des Landtags

seit 1996
Kreisrat

2001 - 2007
stv. CSU-Bezirksvorsitzender Oberbayern

seit 2002
Mitglied des Diözesanrats der Katholiken im Bistum Eichstätt

2002 - 2005
Bildungspolitischer Sprecher der CSU-Landtagsfraktion

2002 - 2003
Stellvertretender Vorsitzender des Ausschusses für Bildung, Jugend und Sport

2003 - 2005
Vorsitzender des Ausschusses für Bildung, Jugend und Sport

2005 - 2008
Bayerischer Staatsminister für Unterricht und Kultus

seit 2007
Vorsitzender des CSU-Bezirksverbandes Oberbayern

seit 30. Oktober 2008
Staatsminister, Leiter der Bayerischen Staatskanzlei

Ich habe Herrn Staatsminister Schneider 5 Fragen gestellt. Teilweise gezielt auf den Medienführerschein, teilweise auch ganz triviale Fragen. Was genau dabei herausgekommen ist, könnt Ihr jetzt lesen

• Wie nutzt der Staatsminister das Internet privat?
  Natürlich hat das Internet neben dem Berufsalltag auch privat bei mir Einzug gehalten. Ich nutze e-mail und die Office-Programme. Auch recherchiere ich öfters über das Internet. In Teilbereichen habe ich auch die Möglichkeit über das Internet einzukaufen kennen und schätzen gelernt.
• Wie sehen Sie das Problem mit Lehrkräften, die auf ihrem aktuellen Stand bleiben und sich nicht fortbilden möchten? Was wäre hier eine mögliche Lösung?
  Grundvoraussetzung zur Stärkung der Medienkompetenz ist, dass den Lehrkräften auch ein Qualifikationsangebot an die Hand gegeben wird. Den bestehenden Fortbildungseinrichtungen, wie z.B. der Akademie für Lehrerfortbildung und Personalführung in Dillingen, kommt hier eine zentrale Verantwortung zu. Hinsichtlich der persönlichen Motivation der Lehrkräfte bin ich zuversichtlich, dass die überwiegende Anzahl der Lehrkräfte bereit ist, sich den neuen Herausforderungen zu stellen, wenn ihnen ausreichend Fortbildungsmöglichkeiten und Unterrichtsmaterialien an die Hand gegeben werden. In der Lehrerausbildung muss der Umgang mit neuen Medien und die Vermittlung von Medienkompetenz einen höheren Stellenwert einnehmen.
• Das Internet birgt viele Gefahren und es werden täglich mehr. Kann man hier überhaupt eine vernünftige Basis bilden, die im Idealfall auch nachhaltig bleibt? Kann man in den verschiedenen Phasen wirklich auf nahezu alle Details eingehen?
  Gerade diese Problematik habe ich erkannt und daher den Medienführerschein Bayern konzipiert. Das mediale Angebot ist bereits jetzt vielfältig, von unterschiedlichster Qualität und nicht immer ohne Gefahren. Der Medienführerschein geht daher davon aus, dass Medienkompetenz Wissen und Reflektion über die verschiedenen Mediensysteme integriert und verbindet, zu kritischem Durchdenken, fundierter Bewertung und Positionierung gegenüber und in der Medienwelt befähigt und letztendlich den eigenständigen und selbstbestimmten Gebrauch von Medien als Mittel der Artikulation und Partizipation ermöglicht. Gefahren, Urheberrechte und selbstbestimmter Umgang werden Schwerpunkte sein. Zudem wird sich der Medienführerschein Bayern ständig weiterentwickeln, die zu vermittelnden Inhalte aktualisieren und in praktische Anwendungsbeispiele umsetzen.
• Viele Jugendliche sind den eigenen Eltern, was Technik angeht, mindestens 1 bis 2 Generationen voraus. Ist es wichtig, dass sich auch die Eltern mit dem Thema befassen und ggfs. auch an einem speziellen Seminar teilnehmen sollten?
  Natürlich ist dies der Fall. Dafür werden wir auch die Erwachsenenbildungseinrichtungen einbinden. Die bestehenden Angebote müssen besser vernetzt werden und neue Angebote entstehen, wenn Defizite erkannt werden. Denkbar sind auch generationsübergreifende Projekte, wie z.B. „Ich erkläre meinem Opa das Handy“ oder „Kommunikationsprojekte im Rahmen unseres Wertebündnisses“. Auf diesem technischen Gebiet bietet es sich an, offen dafür zu sein, dass Erwachsene von Kindern und Jugendlichen lernen können.
• Welche 3 Websites würden Sie aus persönlichen Erfahrungen empfehlen?
  Spontan fallen mir hier ein www.eltern-ans-netz.de, www.klicksafe.de und www.youtube.com/bayern, unsere neue Videoplattform.

Weiterführende Links

• Posting zum Medienführerschein

Möglichkeiten und Ideen eines RSS-Feeds für xt:Commerce

Eine Alternative ist natürlich im Hintergrund einen WordPress-Blog laufen zu lassen und diesen im Shop verlinken. Dass dies mit einem Gewissen Grad an Mehrarbeit verbunden ist dürfte klar sein. Deswegen wollen wir uns das ganze selber basteln. Dazu benutzen wir weigehenst xt:Commerce-eigene Funktionen.

Wir werden das ganze auch nicht mit einem einzigen Post perfekt hinbekommen. Ich werde das als kleines Projekt nebenher laufen lassen und Stück für Stück (vielleicht auch mit einigen Gastbeiträgen - bei Interesse gerne bei mir melden) bis zur Produktreife bringen. Geplant habe ich die RSS-Ausgabe für folgende Funktionen:

• Anlegen, Verändern und Löschen eines Produktes
• Anlegen, Verändern und Löschen einer Kategorie
• Ausgabe vom Produktfoto, Beschreibung und Namen des Produktes

Wie gehen wir hierbei vor? Ich möchte ja, dass meine Leser auch dahingehend einen Mehrwert bekommen, dass man auch die Technik dahinter versteht, also das ganze Wie, wo und warum? Keine Angst, für die die das nicht wissen wollen biete ich am Ende des Postings die ganzen Dateien auch als Zip-File zum Download an. Das RSS-Programm Vienna (Mac OS X) zeigt den Feed brav an, während NetNewsWire keine Postings laden will. Sobald ich darauf eine Antwort habe, wird das aber seperat behandelt. Ich denke aber das der Code so aber schon einmal ein gutes Fundament für unser späteres AddOn bieten wird.

Fangen wir an - Anlegen von mySQL-Tabellen

Überlegen wir zunächst, wie das ganze in unserem xt:Commerce Shop arbeiten soll. Sobald wir einen Artikel neu abspeichern wollen wir, dass ein neuer Eintrag in einer separaten mySQL-Tabelle abgespeichert wird, in diesem Fall wollen wir vorerst wenige Daten abspeichern. Wir benötigen für unseren RSS-Feed folgende Felder:

• id
• title
• description
• link

Während die ID nur eine fortlaufende Zahl ist, für welches sich nur mySQL interessiert, sollen in den anderen 3 Feldern jene Informationen gespeichert werden, welche später im Feed ausgegeben werden sollen. Der Code um diese Tabelle z. B. in phpmyadmin anzulegen muss wie folgt lauten:

CREATE TABLE `products_rss` (
`id` BIGINT NOT NULL AUTO_INCREMENT PRIMARY KEY ,
`title` VARCHAR( 255 ) NOT NULL ,
`description` TEXT NOT NULL ,
`link` VARCHAR( 255 ) NOT NULL
) ENGINE = MYISAM

Theorie und Praxis im xt:Commerce Shop

Welche Dateien müssen wir nun bearbeiten? Halten wir uns einmal vor Augen, wann ein Artikel gespeichert wird. Im Admin-Bereich wird beim Anlegen von neuen Artikeln die categories.php geladen. Diese Datei untergliedert sich ebenfalls in mehrere Teilbereiche - Produkte anlegen, ändern löschen sowie Ordner anlegen, ändern und löschen. Da wird weitgehenst vom Original-Quellcode fernbleiben wollen, wird diese nur minimal bearbeitet. Zuerst erstellen wir uns eine neue Klasse für die RSS-Feeds. Eine Klasse hat den Vorteil das wir diese schnell skalieren und an neue Gegebenheiten anpassen können.

Wir erstellen uns zunächst unsere RSS-Klasse. Diese legen wir im Ordner /admin/includes/classes an. Wir benennen die Datei wie folgt: products_rss.php. In dieser Datei legen wir einige Dateien an, die am Ende unsere Datenbank mit Feed-Einträgen füllen soll. Fangen wir zunächst mit der Variablen-Deklaration und dem Konstruktor an.

Variablendeklaration und Konstruktur

<?php
class product_rss {

	var $products_id;
	var $title;
	var $description;
	var $suchbegriffe;
	var $inhalt_final;
	var $picture;
	var $metadescription;
	var $productlink;

	function product_rss($data) {
	$this->description = $data['products_description_2'];
	$this->suchbegriffe = explode(',',$data['products_keywords'][2]);

	if($data['products_meta_description'] != '') {
		$this->metadescription = $data['products_meta_description'][2];
	}

	if($data['products_id'] == '') {
		$this->products_id = $this->getNewID();
	}

	$this->link = HTTP_SERVER.DIR_WS_CATALOG.'product_info.php?info=p'.$this->products_id.'.html';

		return true;
	}

Erklärung der Variablendeklaration und des Konstruktors

Wir legen zunächst einige Variablen an, die uns später helfen sollen unseren Feed-Beitrag zu gestalten. Dazu benötigen wir die neue Produkt-ID für den Link, sowie den Titel - also den Produktnamen und die Beschreibung. Ferner möchte ich einbauen, dass man im Feed ebenfalls Links angezeigt bekommt in der die xt:Commerce Suche benutzt wird. Desweiteren benötigen wir kleinere Hilfsvariablen wie $inhalt_final. In dieser Variable wird der fertige Feed-Eintrag gespeichert. Die Metadescription des Artikels benutzen wir als Untertitel für den Feed-Titel. Das hat zwei Vorteile:

a) Im Feed selber wird etwas mehr ausgegeben, evtl. sogar etwas Interessantes was zum kaufen animiert
b) Wir sind fleißig und füllen wie es sein sollte alle Felder aus

Über den Produktlink können wir dann über den Feed-Eintrag direkt auf die Produktseite wechseln. Nun kommen wir zu dem Konstruktor, also die erste Funktion die die Klasse aufruft. In dieser Klasse werden alle POST-Variablen welche im Eingabedialog eingegeben wurden verarbeitet. Nicht alle aber immerhin ein Teil. Besondere Beachtung sollte man der Zeile $this->products_id = $this->getNewID(); widmen. Da der Post an dieser Stelle noch nicht in der Datenbank vorhanden ist, müssen wir mit einer kleinen Hilfsfunktion die neue ID herausfiltern. Dazu basteln wir uns folgendes Gebilde:

	function getNewID() {
			$new_pid_query = xtc_db_query("SHOW TABLE STATUS LIKE '".TABLE_PRODUCTS."'");
			$new_pid_query_values = xtc_db_fetch_array($new_pid_query);
			$pid = $new_pid_query_values['Auto_increment'];

			return $pid;
	}

Hinzufügen des Produktbildes und Erstellen des Beitrags

Da wir später in unserem xt:Commerce RSS Feed auch das Produktbild anzeigen möchte, müsen wir sicherstellen das wir es auch aus der Datenbank laden. Dazu benutzen wir eine Funktion um die Datenbank abzufragen:

	function getProductImage() {
	$sql = "SELECT products_image FROM ".TABLE_PRODUCTS." WHERE products_id='".$this->products_id."'";
	$imagedb = xtc_db_query($sql);
	$image = xtc_db_fetch_array($imagedb);
	return $image['products_image'];
	}

Nun erstellen wir uns eine Funktion welche die in der Klasse befindlichen Daten in einen kleinen HTML-Block packt, damit diese später aus der Datenbank ausgelesen werden können. Ich habe folgende Anforderung an die Datei:

- Die Datei soll auf jede Variante reagieren können

Das heißt die Funktion soll sowohl beim Anlegen eines neuen Artikels, sowie auch beim Löschen eines Artikels reagieren und des rss-Feed füllen. Effektiv bedeutet das, dass wir mit einer switch-case-Schleife arbeiten sollten um alle Varianten durchzuprüfen. Die vorläufe Funktion wird folgendermaßen aussehen:

function create_feeditem($type) {

	switch($type) {
		case 'new_product' : {
			$this->title = 'Neuer Artikel im Shop: '.$data['products_name'][2];
			$this->picture = $this->getProductImage();

			$back = '';
			$back .= "<h1>$this->title</h1><br />";

			if($this->metadescription != '') {
				$back .= $this->metadescription."<br />";
			}
			$back .= "<table><tr><td><img src=\"".HTTP_SERVER.DIR_WS_CATALOG_INFO_IMAGES.$this->picture."\"/></td><td>$this->description</td></tr>";
			$back .= '<tr><td colspan="2">';
			$back .= "<h3>Den Artikel findet man unter folgenden Suchbegriffen: <br /><ul>";
			foreach($this->suchbegriffe as $term) {
				$back .= '<li><a href="'.HTTP_SERVER.DIR_WS_CATALOG.'advanced_search_result.php?keywords='.trim($term).'&amp;amp;amp;amp;x=0&amp;amp;amp;amp;y=0&phpMyAdmin=fac4b407329t262ea922">'.$term.'</a></li>';
			}
			$back .= '</ul></td></tr></table>';
			break;
		}
	}

	return $back;
	}

Zwei weitere Hilfsfunktionen

Das einzige was wir jetzt noch in der Klasse benötigen sind zwei Funktionen. Eine, die angib dass wir einen neuen Artikel in den Feed schreiben möchten und eine die die Daten in die Datenbank abspeichert. Diese zwei sind relativ leicht und schnell abgehandelt:

	function create_new_product_rss() {
	$this->inhalt_final = $this->create_feeditem('new_product');
	}

	function insert_rss() {
		$query = xtc_db_query("INSERT INTO products_rss (title, description, link) VALUES ('".$this->title."','".$this->inhalt_final."','".$this->link."')");
		return true;
	}
}
?>

Der Code noch einmal komplett

<?php
class product_rss {

	var $products_id;
	var $title;
	var $description;
	var $suchbegriffe;
	var $inhalt_final;
	var $picture;
	var $metadescription;
	var $productlink;

	function product_rss($data) {
	$this->description = $data['products_description_2'];
	$this->suchbegriffe = explode(',',$data['products_keywords'][2]);

	if($data['products_meta_description'] != '') {
		$this->metadescription = $data['products_meta_description'][2];
	}

	if($data['products_id'] == '') {
		$this->products_id = $this->getNewID();
	}

	$this->link = HTTP_SERVER.DIR_WS_CATALOG.'product_info.php?info=p'.$this->products_id.'.html';

		return true;
	}

	function getNewID() {
			$new_pid_query = xtc_db_query("SHOW TABLE STATUS LIKE '".TABLE_PRODUCTS."'");
			$new_pid_query_values = xtc_db_fetch_array($new_pid_query);
			$pid = $new_pid_query_values['Auto_increment'];

			return $pid;
	}

	function getProductImage() {
	$sql = "SELECT products_image FROM ".TABLE_PRODUCTS." WHERE products_id='".$this->products_id."'";
	$imagedb = xtc_db_query($sql);
	$image = xtc_db_fetch_array($imagedb);
	return $image['products_image'];
	}

	function create_feeditem($type) {

	switch($type) {
		case 'new_product' : {
			$this->title = 'Neuer Artikel im Shop: '.$data['products_name'][2];
			$this->picture = $this->getProductImage();

			$back = '';
			$back .= "<h1>$this->title</h1><br />";

			if($this->metadescription != '') {
				$back .= $this->metadescription."<br />";
			}
			$back .= "<table><tr><td><img src=\"".HTTP_SERVER.DIR_WS_CATALOG_INFO_IMAGES.$this->picture."\"/></td><td>$this->description</td></tr>";
			$back .= '<tr><td colspan="2">';
			$back .= "<h3>Den Artikel findet man unter folgenden Suchbegriffen: <br /><ul>";
			foreach($this->suchbegriffe as $term) {
				$back .= '<li><a href="'.HTTP_SERVER.DIR_WS_CATALOG.'advanced_search_result.php?keywords='.trim($term).'&x=0&y=0&phpMyAdmin=fac4b407329t262ea922">'.$term.'</a></li>';
			}
			$back .= '</ul></td></tr></table>';
			break;
		}
	}

	return $back;
	}

	function create_new_product_rss() {
	$this->inhalt_final = $this->create_feeditem('new_product');
	}

	function insert_rss() {
		$query = xtc_db_query("INSERT INTO products_rss (title, description, link) VALUES ('".$this->title."','".$this->inhalt_final."','".$this->link."')");
		return true;
	}
}
?>

Das Ganze in die categories.php einbauen

Nun müssen wir das ganze vorerst einmal einbauen, damit neue Artikel auch gespeichert werden. Hierzu öffnen wir wie bereits gesagt die categories.php aus dem admin-Ordner. Zuerst suchen wir uns die Zeile heraus, in der der Fall behandelt wird, wenn ein neues Produkt eingefügt wird (insert_product -> ca. Zeile 140). Hier wird der betreffende Teil folgendermaßen abgeändert:

case 'insert_product' :

$rss = new product_rss($_POST);
$catfunc->insert_product($_POST, $current_category_id);
$rss->create_new_product_rss();
$rss->insert_rss();

break;

Mehr braucht es auch vorerst in dieser Datei nicht. Ein Backup im Voraus macht aber trotzdem Sinn.

Einen Feed für xt:Commerce generieren

Was ist wohl das auffälligste an einem Feed-Link, sagen wir z. B. in WordPress? Ein Link sieht in den meisten Fällen folgendermaßen aus: http://www.domain.de/feed
Dieses Gebilde können wir ganz einfach realisieren. Wir erstellen auf unserer xt:Commerce - Root einen Ordner "feed" in der wir lediglich eine index.php abspeichern, welche folgenden Inhalt hat

<?php
echo '<?xml version="1.0" encoding="utf-8"?>' . "\n";
?>
<rss version="2.0">
 <channel>
	<title>Neue Produkte bei Testshop</title>
   <link>http://localhost:8888/xtcommerce</link>
   <description>Unsere Artikel im Überblick  </description>
 <?php
  define('DB_SERVER', 'localhost'); // eg, localhost - should not be empty for productive servers
  define('DB_SERVER_USERNAME', 'root');
  define('DB_SERVER_PASSWORD', 'root');
  define('DB_DATABASE', 'xtcommerce');

	 $connection = mysql_connect(DB_SERVER, DB_SERVER_USERNAME, DB_SERVER_PASSWORD) or
	 die('Connection to the specified database couldnt be established');
	 mysql_select_db(DB_DATABASE)  or
	 die ('Specified database couldnt be selected');  

	 $query = "SELECT * FROM products_rss ORDER BY id DESC";
	 $result = mysql_query($query) or die ("Query couldn't be executed");  

	 while ($row = mysql_fetch_array($result)) {
		print "<item>
			 	<title>".$row['title']."</title>
		 		<link>".$row['link']."</link>
		 		<description>".strip_tags($row['description'])."</description>
		 		<content:encoded><![CDATA[".$row['description']."]]></content:encoded>

</item>\n";
	 }
 ?>
 </channel>
 </rss>

Erklärung des Feed-Generators

In dieser Datei erstellen wir zunächst einen Header der angibt, dass es eine xml-Datei werden soll welche ausgegeben wird.
Danach erstellen wir zunächst einige Standardeinträge die in einer Feed-Datei vorhanden sein sollen. Danach fängt der eigentliche Zauber an. Wir definieren zunächst noch einmal unsere Datenbank-Konfiguration und bauen eine Verbindung zu unserer xt:Commerce Datenbank auf. Danach wählen wir alle Einträge aus unserer angelegten Tabelle an, welche wir nach der ID sortieren lassen. Danach verarbeiten wir lediglich wie in anderen Skripts auch die Ausgabe. Mehr ist es auch an dieser Stelle vorerst nicht.

Abschließendes

Wie ich bereits eingangs erwähnt habe, wird es noch etwas dauern bis dieses Skript Serienreife erlangt und sollte demnach NICHT - ich wiederhole - NICHT auf Produktivservern eingesetzt werden. Es soll bis jetzt lediglich einen Überblick über die Technik und den damit verbundenden Methoden geben wie RSS arbeitet und wie man das selber in den eigenen GPL-Shop xt:Commerce einbauen kann. Das Skript wird in den nächsten Wochen immer erweitert - es lohnt sich am Ball zu bleiben. Viel Spaß beim selber testen. Wer Anmerkungen oder Verbesserungsvorschläge hat, kann diese gerne in den Kommentaren hinterlassen.

Download des xt:Commerce Moduls

Weiterführende Links

• Basis-Informationen von RSS-Feeds bei nettuts.com
• WordPress suchmaschinenoptimiert in xt:Commerce einbinden

Der Schlüssel zum Erfolg - webnews WordPress Plugin

Mit dem webnews.de WordPress Plugin Artikel automatisch an webnews.de schicken

Handhabung des webnews WordPress Plugins

Die Installation des Plugins ist genauso einfach wie andere Plugins auch. Wir downloaden uns die Zip-Datei und laden diese im Plugin-Dialog hoch und aktivieren es. Vorsicht an dieser Stelle! Das Plugin ist noch im beta-Stadium, also noch nicht wirklich fertig. Meinen Erfahrungen nach läuft das Plugin aber recht stabil. Man sollte nur keine Tippfehler in den Einstellungen bezüglich webnews.de Zugangsdaten haben. Bei Fehler wird der Artikel wieder auf Entwurf gesetzt Aber egal, dafür ist es beta und bietet dafür einen super Service.

Man muss allerdings nicht unbedingt jeden Artikel einfügen lassen. Man kann bei jedem Post auswählen ob dieser überhaupt bei webnews.de eingetragen werden soll oder nicht. Alte Artikel können mit Auswahl des Häkchens "aktualisiert" und ebenfalls übermittelt werden. So hat man wirklich Kontrolle darüber was in den Newskatalog kommen soll.

Weiterführende Links

• Markus Walter bei Twitter