Affiliate T-Shirt Shop eröffnen mit dem Spreadshirt Partnershop

Karierter Blog    Tipps und Tricks für Webmaster    

Gerade für kreative Menschen ist ein Affiliate T-Shirt Shop eine gute Möglichkeit sich künstlerisch zu betätigen, denn ein Spreadshirt Partnershop bietet die Möglichkeit mit wenig Aufwand den eigenen Shop anzulegen und T-Shirt Motive zu kreieren. Doch auch wer einen T-Shirt Shop eröffnet, mit dem Hauptgrund Geld zu verdienen, dem bietet Spreadshirt über 200.000 Motive aus dem Spreadshirt Martkplatz an, mit denen im Handumdrehen lustige Shirts gestaltet werden können.
Im nachfolgenden Artikel erkläre ich wie du einen Spreadshirt Partnershop einrichtest und biete Tipps wie du mehr Besucher bekommst. Zum Schluß gibt es ein paar Beispiele und Statistiken von erfolgreichen Spreadshirt Partnershops.

Über Spreadshirt

Spreadshirt wurde im Jahr 2001/2002 von Lukasz Gadowski und Matthias C. Spieß gegründet. Das Leipziger Unternehmen ist kein “T-Shirt Laden”, sondern ein rein online agierendes Shopsystem. Zum einen können direkt über die Spreadshirt Plattform T-Shirt individuell gestaltet und bestellt werden. Private Designer können ihre eigenen T-Shirt Motive entwerfen und verkaufen. Über 400.000 Spreadshirt-Partnershops bieten von seriös bis kurios alle möglichen Themen an. Spreadshirt hat weit über 100 verschiedene Kleidungsstücke in der Produktpalette, die schon lange nicht mehr rein aus T-Shirts besteht. Spreadshirt Shirts gibt es inzwischen in 16 verschiedenen Ländern: Deutschland, Österreich, USA, Kanada, England, Irland, Niederlande, Belgien, Frankreich, Dänemark, Spanien, Italien, Norwegen, Polen, Finnland und Schweden.

Spreadshirt ist bemüht die Produktionsbedingungen ihrer Kleidung transparent zu halten, so kann auf der Spreadshirt Website nachgelesen werden, wie die Ethikgrundsätze und der eigene Verhaltenskodex lauten. Ausserdem gibt es Herkunftsnachweise der Kleidung und Zertifikate und Siegel, die die fairen und umweltgerechten Bedingungen dokumentieren.

Spreadshirt Partnershop einrichten

Nachfolgend zeige ich euch wie man mit Spreadshirt einen Partnershop anlegt, ganz ohne eigene Website oder Programmierkenntnisse.

Spreadshirt Shop eröffnen

Als erstes wird der Shop in 5 Schritten hier eröffnet.

Die Shopeinrichtung sollte komplett durchgeführt werden (einfach irgendeinen Testartikel als ersten Artikel einstellen), sonst kommt später eine Fehlermeldung “Du hast den Assistenten zum Einrichten des Shops abgebrochen”.

Trage deine korrekten Daten ein, per E-Mail erhältst du eine Aktivierungsmail.

Sobald du angemeldet bist, landest du wieder auf der Startseite. Um in deinen Shop zu gelangen, mußt du auf deinen Benutzer ganz oben klicken.

Kontoeinstellungen deines Benutzers

Gehe als erstes auf die “Kontoeinstellungen”, das sind grundsätzlich deine persönlichen Spreadshirt Kundendaten, nicht die Einstellungen für deinen Shop! Teilweise sind diese Daten allerdings notwendig für den Shop, wie das Impressum oder für die Auszahlung der Provision.

• Kontrolliere ob alle “Benutzerdaten” richtig eingetragen sind.
• Bei “Über mich” kannst du deine Website angeben zum Beispiel http://www.example.com. So kannst du dir einen Backlink von spreadshirt.de holen, allerdings nur nofollow. Diesen Link findest du unter http://www.spreadshirt.de/user/[deinbenutzername].
• Bei “Meine Bestellungen” siehst du deine eigenen Bestellungen, also das was du dir selbst nach Hause bestellt hast, nicht die Bestellungen deiner Kunden.
• Bei “Finanzverwaltung” kannst du deine Bankverbindung oder Paypal-Daten angeben. Außerdem benötigt Spreadshirt noch deine Geschäftsform bzw.  die Steuerinformationen zur Provisionsauszahlung.
• Bei “Meine Merkliste” findest du Produkte, die du dir auf dem Marktplatz gemerkt hast.
• Bei “Newsletter-Abos” kannst du verwalten, welche Spreadshirt News du bekommen möchtest.
• Bei “Zugangsdaten ändern” kannst du deinen Login Aliasnamen ändern, auch später noch, falls du dich einmal umbennen möchtest.
• Bei “Premium-Mitglied werden” kannst du einen kostenpflichtigen werbefreien Shop anlegen mit diversen anderen Features, ich stelle hier im Beitrag nur den kostenlosen Shop vor.

Grundeinrichtung des Shops

Bevor wir die Produkte erstellen, benötigt der Shop eine Grundeinrichtung, die wichtig für den späteren Erfolg des Partnershops ist.

Gehe auf den Reiter “Shops” – hier gibt es die Eckdaten über Verkäufe und Besucher.

Shop-Übersicht

Bei deiner “Shop-Übersicht” sollte angehakt sein:

Shop Übersicht - alle Kästchen aktivieren

• “Aktiv” – der Shop ist per E-Mail Link aktiviert worden und Besucher können einkaufen
• “im Profil anzeigen” – du bekommst einen dofollow Link zu deinem Spreadshirt Shop aus dem Benutzerprofil. Diesen Link findest du unter http://www.spreadshirt.de/user/[deinbenutzername].
• “Bestellbestätigung” – Sobald jemand eine Bestellung aufgegeben hat, erhältst du eine Mail mit deiner soeben verdienten Provision

Klicke auf den Namen deines Shops und du siehst das Grundgerüst deines zukünftigen T-Shirt Shops.

Info & Meta

Bei “Info & Meta” kannst du die allgemeinen Titles und Descriptions eintragen, die für die Suchmaschinenoptimierung wichtig sind.

Shop-Info sind sämtliche Seiten (Startseite, Kategorien, Produkte).

Der “Shop-Name” entspricht der h1-Überschrift im Shop und wird auch im Seiten-Title nach dem Produktnamen angezeigt.

Die “Beschreibung” entspricht dem Text der unter der h1-Überschrift platziert ist. Leider ist dieser Text auf jeder Seite und ganz oben. Das bedeutet zum einen Duplicate Content und die Produkte werden aus dem Blickfeld geschoben, je länger dieser Text ist. Deswegen mein Rat, sich hier relativ kurz zu halten.

Metadaten Einträge gelten nur für die Startseite, es sind Title, Description, Keywords und Author möglich. Wer sich ein bißchen mit Suchmaschinenoptimierung auskennt, der weiß dass diese Meta Keywords schon lange nicht mehr von Google ausgewertet werden. Diese Keywords kann man sich also auch sparen.

Impressum

Falls die Rechnungsadresse und die Impressumsadresse unterschiedlich sind, können hier alternative Adressdaten hinterlegt werden.

Sprache & Währung

Du kannst einen Spreadshirt Shop in 16 verschiedenen Ländern betreiben und eine dementsprechende Domainendung erhalten, wie .fr für Frankreich. Theoretisch kann das auch später geändert werden, allerdings nicht die Währung, sobald der Shop Produkte hat. Shops in USA und Kanada sind übrigens nur über spreadshirt.com möglich.

URL & Verlinkung

Du kannst eine beliebigen Namen als Shop-URL verwenden, der nicht markenrechtlich geschützt ist.

Tipp: Auch Keyworddomains sind erlaubt, also http://funshirts.spreadshirt.de oder ähnliches. Spreadshirt will schließlich auch, dass du erfolgreich bist

Zugriffsschutz

Der Zugriffsschutz ist nur interessant, wenn du deinen Shop nur für bestimmte Leute zugänglich machen willst.

Aussehen des Partnershops

Der neue Spreadshirt Partnershop sieht nicht noch nicht aus wie ein “richtiger” Modeshop, wie zum Beispiel blacksheep.de, aber mit den Vorlagen von Spreadshirt und ein wenig Styling per CSS kann das Layout um einiges aufgewertet werden.

Spreadshirt bietet einfach gehaltene Vorlagen, doch es gibt auch Design Vorlagen von anderen Websites, mit deren Hilfe schnell ein hübsches Shop-Layout erstellt werden kann.

Spreadshirt bietet ausserdem viele sehr sehr gute Fotos auf Flickr an, die von Partnershops verwendet werden können.

Ladezeit-Tipp: Begrenze die Produktdarstellung (unter Einstellungen) auf 3-4 Zeilen, da sonst die Ladezeiten des Shops beeinträchtigt werden.

Wenn du die Google Webmaster Tools verwendest, kannst du im Header deinen Authentifizierungscode eintragen.

Tipp: Bei den Google Webmaster Tools kannst du eine XML-Sitemap deines Partnershops eintragen, der Pfad dazu ist /shop/rss. Nicht zu verwechseln mit dem RSS-Feed für deine Besucher, der unter /shop/feed zu erreichen ist.

Marketing

Der Punkt “Marketing” hilft dir zu mehr Besuchern für deinen Partnershop, neben den hier zur Verfügung gestellten Anleitungen sind das die wichtigsten Punkte:

• Das “Qualitätssiegel” schafft vertrauen für deine potentiellen Käufer.
• Die “Google Produktsuche” solltest du auf jeden Fall aktivieren, damit werden deine Produkte automatisch bei Google Shopping eingetragen.
• Die “Google AdWords” sind die bezahlten Anzeigen bei Google. Das ist mit Spreadshirt leider eine schwierige Sache. Google lässt nur eine Adwords Kampagne pro Domain zu, so dass du bei ähnlichen Anzeigen die Meldung bekommst “Ihre Anzeige hat die gleiche angezeigte URL wie eine konkurrierende Anzeige mit höherem Rang.” oder “Ihr Keyword löst zurzeit aufgrund eines zu niedrigen Anzeigenrangs keine Schaltung von Anzeigen bei Google aus. Der Anzeigenrang ergibt sich aus Ihrem Gebot und dem Qualitätsfaktor.”. Adwords macht daher für mein Verständnis nur Sinn, wenn wirklich nur selbst kreierte Motive beworben werden, die nicht auf dem Spreadshirt Marktplatz angeboten werden.

Tipp: Du kannst übrigens auch einen Google Places Eintrag für deinen Shop anlegen um besser gefunden zu werden.
Tipp: Es gibt von Spreadshirt eine Facebook-App mit der du deinen T-Shirt Shop auf deiner Facebook Seite einbinden kannst.

Produkte für den Shop – Entwerfe deine eigenen T-Shirts

Nachdem du nun den Shop erstellt hast benötigen wir Produkte, die wir verkaufen können. Gehe dazu auf den Hauptmenü-Punkt “Produkte”.

Meine Produkte

Unter “Meiner Produkte” kannst du T-Shirts, Pullis, Hosen, Polohemden, Laufkleidung und Accessoires anlegen, gestalten, Beschreibungen vergeben und deine Provision festlegen.

Lege als erstes ein “Neues Produkt” an. Nach dem Klick auf den Button öffnet sich ein neues Fenster mit einem T-Shirt Designer. Es gibt Kleidung für Frauen, Männer, Kinder und Babys, sowie Accessoires. Der Produktname und die Provision kann später noch angepasst werden.

Motive

Unter “Motive” kannst du vorhandene Motive von Spreadshirt und anderen Designern auswählen. Achte dabei darauf, dass die Motive von anderen Designern Geld kosten. Sobald du ein T-Shirt mit einem fremden Motiv verkaufst, erhält der Designer die Motivprovision. Es gibt auch kostenlose Motive von Spreadshirt selbst. Leider ist es beim anlegen des T-Shirts nicht möglich nach Motivpreisen, Motivnamen oder Designer zu sortieren, deswegen solltest du dich im Vorfeld erst einmal im Marktplatz umsehen. Hier kannst du dann dein gewünschtes Motiv “Zu meinen Motiven hinzufügen”. Im T-Shirt Designer erscheinen dann diese Motive unter “Weitere Motive”.
Die tatsächlichen Kosten schwanken, je nachdem wieviele Farben das Motiv verwendet und wieviele Motive verwendet werden.

Text

Der Reiter “Text” bietet Platz für lustige Sprüche. Diese Schriften stehen zur Verfügung. Aber Achtung: verwende keine markenrechtlich geschützten Namen, Vornamen oder Sprüche. Eine Recherche bei der DPMA und OAMI sind Pflicht! Falls du geschützte Marken in deinem Shop verwendest, wird dir Spreadshirt (wenn du Glück hast) die Produkte aus dem Shop wieder löschen. Manchmal kommt auch schon beim anlegen eines Shirts eine Meldung, dass ein Begriff gesperrt ist. T-Shirts haben leider kein recht der freien Meinungsäußerung, dazu gab es auch schon diverse Diskussionen im Spreadshirt Forum, aber Spreadshirt kann das leider auch nicht ändern.

Eigene Kategorien

Nachdem du nun die ersten Produkte angelegt hast, kannst du individuelle Kategorien anlegen.

Verwende eine aussagekräftige Überschrift und Beschreibung, die beiden Felder werden im Shop als Title und Description verwendet.

Mit den Kategorien kannst du dir, sofern du HTML kannst, eine eigene Navigation in deinem Shop im “Header” erstellen.

Produkte sortieren

Hier kannst du die Reihenfolge deiner Produkte festlegen. Es ist auch ein verschieben per Drag & Drop möglich.
Wenn du Kategorien angelegt hast kannst du deine Produkte hier auch in die Kategorien einsortieren.
Es gibt bei den Spreadshirt Partnershops keine statische Startseite, stattdessen werden sämtliche Produkte aufgelistet. Das lässt sich nicht ändern.

Motive hochladen und verkaufen

Wenn du zeichnen kannst und/oder mit Photoshop oder CorelDraw umgehen kannst, gibt es unter “Motive” die Möglichkeit eigene Kreationen hochzuladen.
Diese Farben stehen zum Druck zur Verfügung.
Für Motive können Vektorgrafiken und Pixelgrafiken verwendet werden, die Anforderungen findest du hier. Wenn du vor hast öfters Motive zu zeichnen, dann kannst du wie ich ein Grafiktablett verwenden, das Wacom Bamboo ist ganz gut.
Jedes Motiv kannst du sobald es freigegeben wurde auf dem Spreadshirt Marktplatz anbieten und Provision kassieren, sobald dein Motiv verkauft wird.

Spreadshirt Erfolgsgeschichten und Statistiken

Wer am Ball bleibt, kann mit Spreadshirt durchaus Geld verdienen, so berichtet Elbtunnelblick von 5198,22 Euro an Provisionen im Jahr 2011 durch Spreadshirt Verkäufe.

Lucky Shirts betreibt den T-Shirt Verkauf inzwischen hauptberuflich.

Spreadshirt veröffentlich in im eigenen Blog auch interessante Statistiken:

“Die 100 erfolgreichsten deutschen Shop-Betreiber nehmen jährlich durch ihre Shops im Schnitt mehr als 7.000 € ein.” – Trendreport 2011

“Genau 226 Euro und 34 Cent kostete das bislang wertvollste T-Shirt” – Teuerstes T-Shirt 2011

“Durchschnittliche Monatseinnahmen der fünf erfolgreichsten privaten Spreadshirt Shop Partner im Jahr 2008 in Euro: 4.894,20“ – T-Shirt Welt in Zahlen

Außerdem gibt es immer wieder im Spreadshirt Blog Statistiken zu den beliebtesten Motiven, Top-Suchbegriffen, Farbpsychologie, Demografie usw. die für den Verkauf wichtig sein können.

Backlink Checker in der Nach-Yahoo-Siteexplorer-Ära

Karierter Blog    Tipps und Tricks für Webmaster    

Backlink Check mit Yahoo und Bing

Viele Backlink Checker funktionieren nicht mehr, seit dem Microsoft Bing (die die Yahoo Suche übernommen haben), den Yahoo Siteexplorer ersatzlos vom Netz genommen haben.
Auch die quasi einzige vollständige Domainpopularitäts Prüfung über die Suche in Yahoo India mit dem Befehl “linkdomain:” funktioniert nicht mehr.
Bing bietet leider auch keine Alternativen zum Yahoo Siteexplorer an, zumindest ist ein Umzug zum Bing Webmaster Center angekündigt, allerdings ist der noch nicht vollzogen worden. Ob es dann aber eine Schnittstelle nach außen geben wird ist fraglich.
Allgemein ist das Bing Webmaster Center nicht nur extrem langsam, sondern auch ohne großen Mehrwert.
Eine Linkabfrage über die Bingsuche nicht möglich.

Backlink Check mit Google

Die Google Backlinkdaten aus den Google Webmaster Tools sind nur unvollständig, die Abfrage in der Googlesuche “link:www.domain.de” ist unbrauchbar.

Kostenlose und kostenpflichtige Backlink Checker

Kostenlose Backlink Checker haben bisher großteils auf die Yahoo API zugegriffen und nicht eine eigene Backlink Datenbank aufgebaut. Beliebte Tools wie der Backlink Check auf European-Business-Connect oder der X4d Backlinkchecker funktionieren nicht mehr.

Kommerzielle Anbieter mit eigener Datenbank gibt es, allerdings sind diese oft nicht gerade günstig und liegen meist ab etwas 100 Euro pro Monat.
Beim Test zum Beispiel des Linkmoduls von Sistrix, dem Open Link Graph der noch im Betastadium ist, reicht die Datenbasis in der kostenlosen, wie auch in der kostenpflichtigen Variante, in meinem Test von sehr gut bis nicht vollständig. Allerdings ist abzuwarten wie die Datenbasis in der finalen Version ist und wie sie aufbereitet wird. Die Backlinks werden laut FAQ nur einmal im Monat aktualisiert. Auch die Datenbasis des Open Site Explorer von SEOMoz wird nur etwa 1x im Monat aktualisiert und bietet inzwischen auch keine kostenlose Registrierung mehr an, sodass nach wenigen Abfragen der Backlink Checker gesperrt wird. Allerdings werden hier in der kostenlosen Version mehr Daten angezeigt als im kostenlosen Open Link Graph.
So “offen” wie sich die beiden Anbieter mit ihren Produktnamen geben, sind sie sicherlich nicht und für den täglichen Einsatz in der kostenlosen Variante sind diese beiden Backlink Checker nicht geeignet.

Backlink Checker Liste

Nachfolgend eine Liste mit Backlink Checkern, die auch ohne Yahoo Siteexplorer Abfrage funktionieren.
Fehlen noch Links zu weiteren Backlink Checkern, können diese gerne in den Kommentaren nachgereicht werden.

Kostenlose Backlink Checker

• Backlink Watch – langsam und unvollständig
• Link Diagnosis – Auf Basis von SEOMoz
• Domain Pop – Sehr rudimentärer Backlink Checker
• Backlinktest – Ausführlich und übersichtlich, allerdings schwankende Backlink Daten
• SEO Kicks – Gute Backlink Daten und mit eigener Datenbasis
• SEO SpyGlass – Programm aus der Link Assistant Suite. Daten sind aus verschiedenen Quellen und sehr ausführlich. Hatte die vollständigsten Backlink Daten von den getesten kostenlosen Backlink Checkern.

Kostenpflichte Backlink Checker

• SEO SpyGlass – Die kostenpflichte Variante des SEO Spyglas, frägt noch mehr Datenquellen ab, kann Projekte speichern etc. Einmalige Kosten.
• Open Site Explorer – Site Explorer von SEOMoz. Monatliche Kosten.
• Open Link Graph – Link Modul von Sistrix. Monatliche Kosten.
• Xovi – Backlink-Tool und Linkmanager von Xovi. Monatliche Kosten.
• Searchmetrics – In der Searchmetrics Suite ist ein Backlink Checker enthalten, die kostengünstigeren Essentials bieten diese nicht. Monatliche Kosten.
• WISE – Web Information Services SEO Suite. Monatliche Kosten.
• Ahrefs – Allgemeine Siteexplorer Reports mit Backlink Checker. Monatliche Kosten.
• Link Research Tools – Backlink Checker mit vielen Analyse Möglichkeiten. Monatliche Kosten.

Massenumbenennung von Dateien und SQL-Datenbank Zeichen ersetzen

Karierter Blog    Tipps und Tricks für Webmaster    

Hier eine schnelle Anleitung zur Massenumbenennung von Dateien und wie man in einer SQL-Datenbank Zeichen ersetzen kann.

Problem:
Hunderte Dateien werden in ein CMS hochgeladen und in der SQL-Datenbank verknüpft.
Leider sind alle diese Dateien korrupt, weil zum Beispiel Umlaute oder Sonderzeichen wie ä,ö,ü oder ß im Dateinamen stehen oder als Namensendung wurde beispielsweise eine Dateiendung verwendet wie .jpg.jpg mit der das Content Management System nicht umgehen kann.
Folge, die Dateien sind nicht erreichbar.
Beim Upload entfernt das CMS möglicherweise bei der Verarbeitung Teile des Dateinamens oder fügt Hieroglyphen hinzu.
Die Daten werden zudem in der Datenbank falsch verknüpft und die Website sagt Adios.

Lösung:
Es ist nicht nötig alle Dateien zu löschen und noch einmal auf den Server hochzuladen.

Massenumbennung von Dateien in Windows
Das kostenlose Tool Rename Master kann die verschiedensten Massenänderungen verwalten, wie Zahlen hinzufügen, Dateiendungen entfernen, nur Dateien mit einem bestimmten Kriterium am Dateianfang oder Dateiende bearbeiten und vieles mehr.

Fehlerhafte Dateien per FTP herunterladen.
Im aktuellen Fall ist es so relativ einfach zum Beispiel alle “ö” durch “oe” zu ersetzen.
Korrigierte Dateien wieder auf den Server hochladen.

Datenbank Zeichen per SQL ersetzen
Jetzt die Datenbank reparieren.
Zum Ersetzen von Zeichen in Dateinamen in der SQL-Datenbank wird folgender SQL-Befehl benötigt
UPDATE `Tabelle1` SET `Feldnamen99`=replace(`Feldnamen99`,'ö','oe');

Fertig und die Arbeit der Reparatur ging um einiges schneller, als konventionell alles per Hand anzupassen.

Google Analytics Nutzermanager Konto-Berechtigung einrichten

Karierter Blog    Tipps und Tricks für Webmaster     google analytics, nutzermanager

Wenn man Google Analytics Konten zusammenführen möchte, dann kann das eine ganz schöne Odyssee werden.
Damit es Dir nicht auch so geht, wenn Du im Google Analytics Konto eines Kunden eine Nutzerberechtigung (also einen weiteren Nutzer) einrichten willst, so funktioniert es:

Google schlägt praktischerweise gleich die richtige Frage vor:
Häufige Fragen
Wie kann ich anderen Nutzern Zugriff auf mein Analytics-Konto gewähren?

Doch wo man diesen “Nutzermanager” findet, das bleibt ein Rätsel.
Früher war der Google Analytics Nutzermanager nämlich rechts oben in der grauen Leiste.

Jetzt ist der Google Analytics Nutzermanager UNTER das Website Profil gewandert, siehe Bild.

Google Analytics Nutzermanager

Wenn Dir dieser Beitrag geholfen hat, hinterlasse doch einen Kommentar, würde mich freuen

Webworker & SEO Toolsammlung – die Crème de la Crème

Karierter Blog    Tipps und Tricks für Webmaster    

Hier findest Du eine Toolsammlung von kostenlosen und praktischen Werkzeugen für Webmaster, Webworker und SEOs.
Zumindest für Privatanwender sind diese Anwendungen kostenlos.

Achtung:
Wer auf seinem Rechner Programme installiert, sollte wissen, was er tut.
Wenn Du Dir nicht sicher bist, lass Dir von jemand mit IT-Erfahrung helfen.
Ich übernehme keine Verantwortung dafür, wenn etwas nicht mehr so funktioniert, wie es sollte

Webworker & SEO Toolsammlung – die Crème de la Crème:

Browser

Pflicht ist natürlich, dass die Website für jeden Browser akzeptabel aussieht.
Folgende Browser sind die populärsten und Website Layouts sollte mit jedem von ihnen überprüft werden.

Firefox Browser
Google Chrome
Opera
Microsoft Internet Explorer
Apple Safari

SEO Firefox Plugins

Firefox ist mit seinen vielen Plugins für Suchmaschinenoptimierer ein mächtiges Werkzeug.
Beliebte SEO-Tools für Firefox sind folgende:

SearchStatus zeigt in der Firefox Statusleiste neben PageRank und Alexa Rang zum Beispiel auch No Follow Links anders farbig an.
Firebug ist ein Werkzeug um Websites auf Fehler zu überprüfen.
Google Page Speed ist ein äußerst wichtiges Tool um die Performance einer Website zu testen. PageSpeed gibt außerdem Tipps, wie man die Website-Leistung verbessern kann.
SEO Quake ist ein ultimatives SEO-Tool, das sich mit einer SEO-Toolbar in den Firefox integriert und auf Wunsch auch direkt in die Suchergebnisse von Google und Bing. SEO Quake liefert die wichtigsten SEO Kennzahlen zur Website und sogar Keyworddichte auf einen Klick und ist meiner Meinung nach ein unverzichtbares Tool um eine erste SEO Analyse einer Website zu machen.

Nützliche Browser-Plugins

Web Developer Toolbar ist der Klassiker. Browser auf Bildschirmauflösung 1024×768 anpassen, Javascript oder Bilder abschalten und vieles mehr. Praktisch für jeden Webmaster.
Adobe Flash Player wird für die Darstellung vieler Websites, als auch Youtube Videos benötigt.
Adobe Air ist eine Laufzeitumgebung, auf die andere Adobeanwendungen zugreifen. Wird zum Beispiel auch für TweetDeck benötigt.
Adobe Reader zeigt PDF-Dateien an. Unterstützt signierte PDFs, Foxit PDF Reader ist allerdings wesentlich schneller beziehungsweise nicht so leistungshungrig. Wenn man auf signierte PDFs verzichten kann, die man zum Beispiel beim Ausdruck von Briefmarken benötigt, lieber Foxit verwenden.
Ghostscript ist für PDF Erstellung nötig. Benötigt Free PDF als Benutzeroberfläche.
FreePDF integriert sich im System als Drucker, so dass man aus jeder Anwendung, wie auch dem Browser, PDFs sogar mit Zeitstempel drucken kann. Benötigt Ghostscript.
Foxit PDF Reader ist die schnellere PDF Reader Alternative zum Adobe Reader.
Fireshot ist ein sehr praktisches Tool um Screenshots von kompletten Websites oder auch nur Ausschnitte von Websites zu erstellen.

Webworker Computer Programme

Tweetdeck ist ein leistungstarker Social Media Manager. Ursprünglich für Twitter entwickelt, verwaltet Tweetdeck inzwischen mehrere Twitterkonten, aber auch Facebook-Seiten, Myspace und viele andere. Man kann zeitgesteuerte Nachrichten absetzen und kann bedingt auch Social Media Monitoring betreiben.
Google Adwords Editor die Offline Variante für Google Adwords. Synchronisiert sich mit dem “richtigen” Adwordskonto.
HTTrack kann Kopien von Websites anfertigen.
Notepad ++ ist ein Textbearbeitungsprogramm das Pflicht für jeden Webmaster und SEO sein sollte. Zum Beispiel kann man Texte in eine zweite Ansicht verschieben oder in einer Textdatei selbstdefinierte Spalten bearbeiten. Außerdem kann man Wörterzählen, offene HTML Tags farblich markieren und Zeilen kennzeichnen. Notepad++ ist ein echter Zeitgewinn.
Java ist eine Laufzeitumgebung die für einige Anwendungen benötigt wird.
IrfanView ist ein praktisches und schnelles Bildbetrachtungsprogramm.
Filezilla ist ein FTP Programm.
WinSCP ist ein SFTP Programm. Also ein Manager für eine verschlüsselte Verbindung zum Webserver, was sehr zu empfehlen ist, da hier Passwörter nicht mitgelesen werden können. WinSCP kann auch über einen SSH-Zugang wie im Explorer Dateien managen.
Putty ist der klassische SSH-Client zur Consolen Verbindung zu einem Webserver.
Paint.NET ist ein verbessertes Grafikprogramm, wie das Windows eigene Paint.
OpenOffice ist die Open Source Alternative zur Microsoft Office Suite.
Gnumeric ist ein weiterer Tabellenkalkulator, der aber recht spartanisch ist. Das ist sehr hilfreich wenn man Produkte für den Google Merchant vorbereiten möchte und diese verflixten Autoformatierungen im Office nicht los wird.
7-Zip ist ein Packer/Entpacker der alle gängigen Kompressionen und Formate kann, wie .zip, .rar oder .tar.gz
XAMPP ist nützlich, wenn man ein Webprojekt offline vorbereiten möchte. XAMPP ist eine Komplettinstallation eines Apache, MySQL, PHP, Perl Servers unter Windows, Linux, Mac OS X oder Solaris
Password Safe schützt Deine Passwörter. Password Safe legt eine verschlüsselte Datei auf Deiner Festplatte an, die mit einem Masterkennwort geschützt ist. Hier kannst Du mit Unterordnern zum Beispiel Kennwörter zu verschiedenen Projekten ablegen.
ECMO Ping Monitor schickt einen Ping an einen Server und überwacht somit die Erreichbarkeit des Webservers und die Zuverlässigkeit eines Providers.
Remote Desktop Manager ist hilfreich, wenn man Windows Server verwaltet und sich mit Remote Desktop verbindet. Man kann im Remote Desktop Manager viele verschiedene Verbindungen anlegen und gleichzeitig öffnen.
Quicktime Player ist ein Videoplayer von Apple für das Quicktime Video Format.
K-Lite Codec Pack ist eine Ansammlung von Video-/Audio-/Kompressions-Codecs die man installieren kann, wenn man in einem Videoplayer ein Video nicht anzeigen kann.
Windows Movie Maker ist ein einfach zu handhabendes Videobearbeitungsprogramm, das bei Windows XP enthalten ist und bei Windows Vista und Windows 7 mit den Windows Live Essentials nachinstalliert werden kann.
Videolan VLC Player ist ein Allrounder für Videowiedergabe.

System säubern

Sicherlich kennst Du das auch, man probiert neue Programme aus, deinstalliert wieder, macht Updates, das Windows-System wird immer langsamer.
Bei den umtrieben im Web kann man sich auch schnell mal einen Trojaner, Wurm oder Virus einfangen.
Mit folgenden Tools bekommst Du Dein System wieder in Ordnung.

Microsoft Security Essentials ist ein kostenloser Virenscanner von Microsoft.
Secunia Security Scanner überprüft den eigenen Rechner ob alle Anwendungen auf dem letzten Patchstand sind.
Zonealarm Firewall ist eine persönliche Firewall für den eigenen Rechner und kann unerwünschte Verbindungen nach innen oder nach außen blocken.
Microsoft Sysinternals Autoruns dient zum säubern des Windows Autostart. Damit ist nicht der Autostart-Ordner im Startmenü gemeint. Viele Programme vergraben sich tief im System. Autoruns kann auch viel mehr als das Windows eigene “msconfig”.
Ccleaner befreit den Rechner zuverlässig von Müll, oft mit spürbarem Geschwindigkeitszuwachs.
SpyBot säubert den Rechner von Spyware und Trojanern, die oft von Virenscanner übersehen werden.
Defraggler defragmentiert Deine Festplatte, das heißt die Dateien werden neu angeordnet damit sie schneller lesbar sind und bringt oft auch einen guten Geschwindigkeitszuwachs.

Ich freue mich auf Kommentare und bitte darum Tools zu ergänzen, die ich vergessen habe

Favicon erstellen

Karierter Blog    Tipps und Tricks für Webmaster    

Ein Favicon ist das kleine Symbol das entweder in der Adressleiste oder im Browser-Tab und sogar beim ersten speichern in den Favoriten und Lesezeichen angezeigt wird. Es ist meistens das Logo der Website.

Um ein Favicon zu erstellen, nimmt man das Bild oder Logo und verkleinert es mit einem beliebigen Grafikprogramm auf 16×16 Pixel oder 32×32 Pixel.

Ein gutes kostenloses Malprogramm ist Paint.NET. Man kann natürlich auch Adobe Photoshop, Corel Photopaint oder andere benutzen.

Wenn man das Logo nun verkleinert hat und genau hinschaut, sieht man, dass die Strukturen und Farben ziemlich zerhauen sind.
Nachzeichen muß man fast immer. Vor dem speichern als Gif, sollte man das Bild noch auf die Farbpalette 8-bit mit 256 Farben konvertieren. (Du kannst auch eine optimierte Farbpalette mit weniger Farben benutzen, die Browser zeigen das auch an.)

Transparenz-Farbe muß beim Gif speichern nicht angewählt werden, das erfolgt bei der ICO-Datei erstellung.

Umwandeln in das Bildformat “.ico”.

Das kostenlose Bildbetrachtungsprogramm IrfanView kann nicht nur Bildbetrachtung, sondern auch Bildbearbeitung benutzt werden.

Favicon erstellen

Wir öffnen jetzt die gespeicherte gif-Datei mit IrfanView und gehen auf “Datei > Speichern unter >”.
Wir nennen die Datei die herauskommen soll “favicon.ico” (ohne ein .gif dahinter).
Jetzt muß der Dateityp auf “ICO – Windows Icon” umgestellt werden. Es geht ein kleines Fenster auf (siehe Bild).

Die meisten Browser haben einen weißen Adressleisten-Hintergrund, aber man weiß nicht, was der Besucher der Website für einen Hintergrund bei sich im Browser eingestellt hat. Die meisten Browser-Tabs sind auch grau hinterlegt. Deswegen müssen wir noch eine Transparenz-Farbe einstellen, damit der Hintergrund nicht angezeigt wird, wenn man nicht gerade ein quadratisches Motiv hat.
Ohne transparentem Hintergrund hat man sonst eventuell einen hässlichen Rahmen um das eigentliche Logo.

Bei dem kleinen Fenster unter der Option ICO “Transparente Farbe speichern” anhaken. (PNG Optionen ignorieren.)

Das Favicon Bild wird nun angezeigt und die Farbe, die man als durchsichtige Farbe gerne hätte muß ausgewählt werden. Wenn man einen gelben Hintergrund transparent machen möchte, darf natürlich im Logo kein Gelb enthalten sein! Es erfolgt keine Bestätigung, die Datei wird nach der Auswahl sofort gespeichert.

Ab damit auf die Website.
Hochladen in das Basis FTP-Verzeichnis, in der auch deine index.html liegt.

Damit das Favicon angezeigt wird muß in den Header noch der Link zur favicon.ico eingetragen werden.

- entweder -
<link rel=”icon” href=”/favicon.ico” type=”image/x-icon” />

- oder -

<link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon” title=”Meine Website” />

Es ist egal ob du jetzt den vollen Pfad http://www.example.com/favicon.ico, oder nur den relativen Pfad /favicon.ico angibst.

Im Normalfall, wenn zuvor noch nie ein Favicon auf der Website war, dann sollte das Favicon sofort in das Tab oder Adressleiste geladen werden.

Wird das Favicon nicht angezeigt?
Gebe in den Browser ein http://www.[deine-website]/favicon.ico. Das Bild muß angezeigt werden, wenn nicht an der eigenen Nase packen!

Es gibt aber leider auch in jedem Browser Probleme mit dem Laden von Favicons.
Jeder Browser speichert Bilder, damit beim erneuten ansurfen der Website nicht nochmal alles neu geladen werden muß. Die Bilder hat er ja schon zwischengespeichert.
Damit sich dieser Zwischenspeicher leert, hilft es oft nicht nur auf den “Anzeige Aktualisieren”-Knopf zu drücken.

Es gibt in jedem Browser die Möglichkeit diesen Speicher zu leeren.

Firefox Browsercache löschen:

Internet Explorer Browsercache löschen:

Opera Browsercache löschen:

Wird das neue Favicon noch immer nicht geladen?
Auf dem Server mal die favicon.ico auf favicon1.ico umbenennen.
Es darf jetzt gar kein Favicon angezeigt werden, außer dem Standard was der Browser immer als Platzhalter anzeigt.

Wird das alte Favicon noch immer angezeigt?
Browser schliessen und neu starten.

Favicon umbenennen
Favicon wieder zurückbenennen auf favicon.ico. Jetzt muß es geladen werden.

Viel Spaß

Wissenswertes über Favicons:
Firefox und Opera können mit einem favicon.gif umgehen (anstatt favicon.ico). Internet Explorer hat das favicon.gif in meinen Tests nicht angezeigt.
Wenn sich das Favicon einmal ändern sollte, wird es meistens nicht mehr in den Favoriten und Lesezeichen aktualisiert. Das Favicon wird nur beim erstmaligen speichern in die Lesezeichen übertragen.

Neues WordPress Theme und neues Logo

Karierter Blog    Tipps und Tricks für Webmaster    

So langsam wird das hier im Karierten Blog gemütlich.
Erst einmal WordPress auf den aktuellen Stand gebracht.
Dann einen coolen neuen Theme von Site5 installiert, wirkt doch schon mal viel frischer, oder?
Und jetzt gibt es auch endlich ein passendes Logo (siehe oben) für den Karierten Blog.
Das Logo ist von VisionBreed – Art & Design. Bei Visionbreed gibt es nicht nur Logos, sondern auch Flyer, Poster, Artwork.

Viel Spaß weiterhin!

Wie man Spam vermeidet

Karierter Blog    Tipps und Tricks für Webmaster    

Spam, das sind die ungeliebten werbe E-Mails, die tagtäglich unsere Postfächer verstopfen und vor allem unsere wertvolle Zeit stehlen.

Schlimmstenfalls enthalten Spammails auch Schadcode wie Viren und Würmer.

Leider ignorieren viele Webdesigner und Webmaster einfache Regeln zur Spamvermeidung.
Standardmäßig werden anklickbare E-Mail-Adressen so als HTML-Code eingetragen:

<a href=”mailto:beispiel@karierter-blog.de”>beispiel@karierter-blog.de</a>

Das Problem dabei ist, dass das ein Klartext ist und diese E-Mail von Bots und Crawlern abgegrast wird und dann in eine Adressdatenbank abgespeichert wird.

Viele verwenden stattdessen die Schreibweise “spam AT karierter-blog DOT de” in verschiedenen Schreibweisen.

Abgesehen davon, dass das nicht gerade benutzerfreundlich ist, da man es nicht anklicken kann, unterstützt diese Schreibweise auch noch Spam.

Das @ Zeichen wird von Suchmaschinen nämlich nicht indiziert, AT DOT dagegen schon. Und so müssen sich die Spambots nicht mehr bemühen, alle Websites zu besuchen, sondern können sich beim Suchmaschinen Index bedienen.

Aber es gibt eine einfache Lösung.

Sofern das eigene Content Management System die E-Mail Adressen nicht verschlüsselt, kann man das ganz einfach mit einem kostenlosen Programm, wie dem Riddler machen.

Einfach die gewünschte E-Mail Adresse durch das Programm schreddern lassen, bevor man sie ins Netz stellt.

E-Mails präventiv vor Spam schützen mit dem E-Mail Riddler (Mit Javascript)

E-Mails präventiv vor Spam schützen mit dem E-Mail Encoder (Ohne Javascript)

Zum Thema Spamvermeidung gibt es auch ein paar gut gemacht Videos bei Youtube von Semper Video:

Spamvermeidung falsch gemacht (Teil 1 von 2)

Spamvermeidung falsch gemacht (Teil 2 von 2)

Spamvermeidung richtig gemacht (Teil 1 von 2)

Spamvermeidung richtig gemacht (Teil 2 von 2)