Photoshop CS6 in seiner endgültigen Fassung, präsentiert sich erstmals in einer dunkelgrauen Oberfläche. Aber auch der alte hellgraue Look lässt sich jederzeit zurückrufen.

In der Standardeinstellung ist der Hintergrund in einem coolen Anthrazit.

Anhand mehrerer neuer Filter werden die gestalterischen Möglichkeiten und Effekte in Photoshop CS6 erweitert:

Nun ist es möglich, Kissen- sowie tonnenförmige Verzerrungen aus Weitwinkel- und Fisheye-Aufnahmen, besser entfernen zu können.

Eine weitere neue Funktion ist die Weichzeichnergalerie, mit der man Unschärfe um Hauptmotive herum, oder eine Weichzeichnung mit Miniatureffekt erzeugt. Zudem werden automatisch schöne Unschärfe-Effekte errechnet, wo sich Bildteile, die sich im unscharfen Bereich befinden, sich in diffuse helle Ringe verwandeln, ähnlich wie bei einem aufgeblendeten Objektiv. Eine Grundvoraussetzung dafür ist, dass das Motiv sehr kontrastreich sein muss.

Die neue Kontrastautomatik, die sich im Hauptprogramm von Photoshop befindet, findet sich nicht am Bildhistogramm zurecht, sondern orientiert sich an einer großen Datenbank mit herkömmlichen Motiven.

Die Bildretusche beinhaltet nun empfindlichere Werkzeuge, deren Steuerung vorher nur auf Umwegen erfolgte. Auch das Ausbessern-Tool arbeitet nun viel empfindlicher und erlaubt eine präzise Steuerung der Pixel.

Das neuartige Inhaltsbasiertverschieben-Werkzeug ermöglicht ein hin und her Bewegen von Hauptmotiven. Dabei werden Lücken und Nahtstellen automatisch und sehr effektiv ausgeglichen.

Adobe hat zudem Änderungen am RAW-Dialog von Photoshop CS6 vorgenommen, wodurch nun Detailverluste besser als vorher verhindert werden und der Regler nun um arrangiert wurde. Auch die chromatische Aberration wird im RAW-Dialog leichter als bisher entfernt.

Alle neuen Funktionen, wie in Lightroom 4 eingeführt, jetzt auch in Camera Raw 7.0.

Auch die Videotechnik zeigt sich deutlich vereinfachter als bisher und zeigt das Ergebnis durch die Verwendung des Grafikprozessors schneller an. Videoclips, Fotos und Musik lassen sich kinderleicht zu neuen Filmen einbinden. Die Fotos können dabei geschwenkt, gezoomt und mit fünf Effekten überblendet werden.

Hier geht es zu einigen Produktpräsentations-Videos auf Englisch.

Hier geht es zur deutschen Adobe-Photoshopseite, welche die neuen Effekte und Funktionen beschreibt.

Dieser Artikel ist ein Gastartikel der Werbeagentur Connex.

1. Google Swiffy
Wandelt Flashinhalte (swf) in Html 5 Inhalte um. So werden einfache Animationen, die vorher in Flash programmiert worden sind, auch für Mobiltelefone sichtbar (Dank html5).

2. E-Mail Riddler
Verschlüsselt E-Mailadressen mit Javaskript, damit diese nicht von Spambots ausgelesen werden können. E-Mailadressen unverschlüsselt auf der Webseite zu zeigen, lädt zu automatischen Spamnachrichten ein. Deshalb dieses nützliche Tool für Webmaster, welche diesen Javaskript-Code in die Homepage anstelle der E-Mail-Adresse einfügen und so dafür sorgen, dass der Kunde weniger Spam bekommt. Die E-Mail-Angabe im Impressum allerdings sollte aus rechtlichen Gründen mit anderen Methoden geschützt werden (falls möglich).

3. Typetester
Zeigt an, welche Schriftarten für das Internet sicher sind. Dies ist wichtig, da sich nicht auf jedem Computersystem die gleichen Schriftarten befinden. So kann man ausschließen, dass unter Umständen Schriften, die man für die Webseite aus den eigenen Systemschriftarten gewählt hat, auf anderen Rechnern nicht angezeigt werden (sofern sie als normaler Text eingefügt werden). Diesen Link zum Typtester kann man auch gut Kunden schicken, die sich nicht sicher sind, welche Schriftart die Webseite zeigen sollte. Mit diesem Tool lassen sich auch gut Schriftarten vergleichen, da sofort ein Beispieltext der ausgewählten Schriftarten angezeigt wird. Zusätzlich lassen sich Schrift-Größe, Text-Ausrichtung, Farben und Abstände einstellen.

4. Wetransfer
Häufig lassen sich größere Daten nicht per E-Mail schicken, da das Postfach verweigert und die E-Mails zurückkommen. Bei Wetransfer kann man kostenlos größere Datenmengen verschicken, z.B. wenn der Kunde viele Bilder hat.

5. IE-Tester
Mit dieser Freeware (Open Source) lassen sich Webseiten in älteren Versionen des Internet Explorer testen. Dies ist wichtig, da noch sehr viele Webseitenbesucher, ältere Versionen nutzen, z.B. in Firmen, wo der Browser nicht geuptdatet wird. Für Firefox gibt es hier alte Versionen, die man sich aber zum Unterschied zum IE-Tester einzeln installieren muß, wobei aktuelle Versionen überschrieben werden, was nicht so toll ist. Aber wo der Kunde das wünscht, oder wo vermutet wird, dass die Besucher der Webseite noch ältere Versionen haben, sollte man schon auf ältere Versionen des Internet Explorers und Firefoxes testen.

6. Gimp
Dies ist eine kostenlose Bildbearbeitungs-Freeware (Open Source). Sie reicht zwar nicht an Bildbearbeitungssoftware Photoshop (von Adobe) heran, aber man kann einiges an Bildbearbeitung damit anstellen. Für eine Freeware jedenfalls eine tolle Sache.

7. Incsape
Mit dieser Freeware (Open Source) können kostenlos Vektorgrafiken erstellt und viele Formate bearbeitet werden. Die Funktionsvielfalt dieser kostenlosen Vektorgrafiksoftware ist so wie bei Gimp sehr anspruchsvoll, auch wenn sie nicht wirklich an die Softwareprodukte von Adobe ranreicht.

8. Kostenloses Office – Open Office
Häufig schicken Kunden Worddokumente und Powerpointpräsentationen, um den Inhalt zu integrieren. Als Alternative zu Microsofts MS Office könnte man das OpenOffice verwenden. In diesem Open Source Office ist es auch möglich, als PDF zu exportieren.

9. Youtube – Videoerzeugung
Die einfachste und eine der günstigsten Methoden Videos auf die eigene Homepage zu integrieren, ist der Youtube-Video-Uploader. Eine Alternative hierzu wäre Vimeo oder man nutzt den Open Source Web Video Player: Flowplayer, falls man öffentliche Portale eher scheut.

10. Google Routenplaner für die eigene Homepage
Google stellt ein Tool bereit mit dem man Routen berechnen kann. Google stellt dies auch für die Webseitennutzung gratis zur Verfügung (bitte Google Richtlinien dazu lesen). Um diesen Routenplaner einzubetten, geht man wie folgt vor:  Einfach mit dem eigenen Google-Account einloggen, Adresse eingeben und auf den Einbettungslink klicken (Siehe Bild). Dann erhält man das Skript bzw. den Code. Das kann man noch modifizieren und in die eigene Homepage einbauen.

Ein Content Management System (übersetzt: Inhalts-Verwaltungs-System / abgekürzt CMS) ist eine Software, die man meist Online verwendet, um vorwiegend Webseiten gemeinschaftlich verwalten zu können. Man spricht deshalb auch von einem Redaktionssystem. Es ist sozusagen eine Online-Webdesignsoftware. Mit Hilfe dieser Software kann man, unabhängig von einem Computerstandort, einen Internetauftritt (per Online-Administration) erstellen und/oder bearbeiten.

Eigentlich ist der Begriff “Content Management System” falsch gewählt, da mit jeder halbwegs vernünftigen Webdesignsoftware Internetauftritte verwaltet werden können. Somit müsste es vielmehr WCMS heißen, da man eher im allgemeinen Sprachgebrauch ein Web Content Management System meint. So könnte man es auch besser von einem DCMS (Desktop-Content-Management-System) unterscheiden, welches anstatt im Internet (Web) auf dem localen Computer als Software installiert ist und von dort bedient wird (kurzum: eine Webdesignsoftware). Der Einfachheit halber spreche ich im folgenden Text von CMS-Systemen und meine damit (W)CMS-Systeme.

Was sind die häufigsten CMS-Systeme?

Die am meisten genutzten CMS-Systeme sind:
1. Joomla
2. WordPress
3. Typo 3
4. Drupal

Joomla und WordPress sind die größten CMS-Systeme, wobei WordPress eher eine Blogsoftware ist, die sich aber auch für die Erstellung von normalen Webseiten umfunktionieren lässt.
Der große Vorteil von diesen beiden Content Management Systemen (Joomla / WordPress) ist der, dass sie eine große Community besitzen, die ständig Zusatzsoftware (Module) und Designs (Templates) entwickelt und von daher viele Möglichkeiten bietet. Außerdem erhält man schnell kostenlose Hilfe bei Problemen. Durch die lange Präsenz im Internet, sind diese Redaktionssysteme auch so ziemlich ausgereift.

Typo 3 ist das schwierigste System. Anfängern sei von diesem System abzuraten. Erfahrene Webdesigner erfreuen sich über die vielen Möglichkeiten, die das System bietet.

Drupal ist eine gute Alternative und hat steigende Zuwachsraten.

Was sind die Vorteile eines CMS gegenüber einer professionelle Webdesignsoftware?

• Ein CMS ist meistens kostenlos.
• Man benötigt keine lokale Softwareinstalation, sondern kann die Inhalte online bearbeiten.
• Zusatzmodule und Templatedesigns sind schneller installiert (z.B. wenn man eine Kommentarfunktion oder eine andere besondere Funktion benötigt)
• Man kann Rechte verteilen, und so Mitarbeiten nur den Zugriff auf bestimmte Bereiche gewähren.

Was sind die Vorteile bei einer professionellen Webdesignsoftware gegenüber einem CMS?

• Schnelleres Arbeiten (sofortige Vorschau, schnelles Einfügen von Bildern, schnelles Springen zwischen verschiedenen Seiten etc.)
• Größere Auswahl an Einstellmöglichkeiten
• Größere Auswahl an Design- und Programmierhilfen
• Größere Sicherheit, da die Seiten und die dazugehörigen Dateien sowohl Local auf der Festplatte als auch im Internet gespeichert sind. Hakt jemand die Seite oder installiert dort einen Virus, kann immer noch leicht mit den lokalen-Dateien überschrieben werden. Wenn mit einem CMS keine Backups erstellt worden sind, sitzt man vor einem großen Problem. Ständiges updaten der CMS-Version, um Sicherheitslücken zu schließen, entfällt.
• Man kann die Webseite auch mit günstigerem Webspace veröffentlichen. Es entstehen monatlich weniger Kosten, da keine Datenbanken benötigt werden, die es bei vielen Webhostern inklusive PHP nur in besseren Paketen gibt bzw. gegen einen monatlichen Aufpreis.

Arbeiten Profiwebdesigner vorwiegend mit CMS-Systemen?

Nein, eher nicht. CMS-Systeme sind umständlicher, langsamer, unsicherer und bieten in der Regel weniger Bedienelemente, wie professionelle Designsoftware (am häufigsten Dreamweaver von Adobe). Nicht umsonst ist Dreamweaver eine Software die rund 600 Euro kostet und sich nicht wirklich mit den kostenlosen (D)CMS-Systemen vergleichen lässt.

Sollte man bei einem Webdesigner oder einer Internetagentur ein Webdesign mit oder ohne CMS bestellen?

Häufig bewerben Webdesigner/Internetagenturen CMS-Systeme mit der Behauptung, dass man dann Webseiten leicht selbst bearbeiten kann ohne vorherige Kenntnisse zu besitzen. Dies ist so nicht ganz richtig. So wie mit jeder Software, bedarf es einer Einarbeitungszeit und ein wenig Affinität zum Technischen. Außerdem macht diese Möglichkeit sich einzuloggen und Seiten zu bearbeiten, noch niemanden zum Ästheten. Ich habe es schon hier und da gesehen, dass wenn Laien Zugang zu den Inhalten haben, Webseiten unschön werden.

Man darf auch nicht vergessen, dass Webdesigner, die mit einem CMS-System beauftragt werden, dann häufig nur ein Template (meistens ein Fremd-Design) aufspielen, ohne wirklich auf die Besonderheiten eines Unternehmensangebotes zu achten. Die Unterseiten sehen dann irgendwie alle gleich aus und häufig unterscheiden sich die Designs nicht so sehr von denen anderer Seiten im Internet, die mit einem CMS-System gemacht wurden. Viele CMS-Seiten sehen also sehr ähnlich aus. In meinen Webdesignreferenzen hingegen, sieht man immer sehr individuelles Webdesign. Man muss schon Glück haben, wenn man ein genau auf sein Unternehmen zugeschnittenen Internetauftritt haben möchte und einen Webdesigner findet, der dies mit einem CMS-System gekonnt umsetzt.

Aus meiner Erfahrung als langjähriger Webdesigner kann ich sagen, dass die meisten kein CMS-System brauchen. In 95% der Fälle ändern sich auch praktisch nie etwas auf einer gewöhnlichen Webseite. Meistens sind es Kleinigkeiten (in der Regel Telefon- und Adressänderungen oder es gibt einen neuen Mitarbeiter etc.). Deshalb habe ich bereits vielen meinen Kunden vorgeschlagen, ein Webdesign ohne CMS bei mir zu buchen und sich dadurch viel Geld zu sparen.  Kleinere Text- oder Bildänderungen übernehme ich kostenlos und größere Änderungen sollten aus ästhetischen Gründen ohnehin von einem Fachmann ausgeführt werden. Unterseiten wie “News” oder “Aktuelle Angebote” (falls vorhanden) können auch mit einem Mini-CMS umgesetzt werden. Die Bearbeitung ist hier für den Laien relativ einfach und es entsteht bei Fehlern seitens des Kunden kein großer Schaden, da hier nur ein bestimmter Abschnitt auf dieser einen Unterseite bearbeitet werden kann.

Die meisten Kunden haben nicht die Zeit und Geduld sich auf ein größeres CMS-System und dessen Eigenarten einzulassen. Sie sollten daher eine Webseite bevorzugen, dessen Bearbeitung der Webdesigner übernimmt. Änderungen werden bequem per E-Mail mitgeteilt.

Eine Ausnahme hierzu sind Webseiten die sehr häufigen Änderungen unterlegen sind, wie z.B. bei Shops. Falls der Kunde hier gewillt ist, sich das Wissen über die Bedienung des Online-Shop-CMS anzueignen und eine eigene Pflege vorzieht, sollte er sich diesem Unterfangen annehmen.

[Nachtrag: Heute bekannt als "Pinguin bzw. engl. Penguin"-Update vom 24.04.12]

Man sollte daher wissen, was die Signale für den Googlerobot sind, die dazu führen das Webseiten abgestuft werden, also bei der Googolesuche auf niedrigen Plätzen zu landen.

Es geht somit darum, etwas unperfekt zu sein.

1. Struktur vermeiden: Der Meta-Titel sollte nicht auf jeder Seite haargenau dem Titel der Seite (H1), den Dateinamen und dem Alttext in Bildern gleichen. Man sollte hier also besser ein bisschen spielen und auch mal Synonyme oder grammatische Abwandlungen verwenden (Beispiel: “Webdesigner Hamburg” im Meta-Titel und im Alttext “Hamburger Webdesigner”)
2. Linktausch limitieren: Linktausch sollte limitiert werden. Hier und da mal einen Linktausch ist ok, aber Linktausch sollte eher vernachlässigt werden, da dieser zur Abstrafung in Google führen kann.
3. Zuviele Keywords für eine Seite vermeiden: Vermeide, zu viele Keywords auf den entsprechenden Unterseiten einzubauen. Man sollte sich lieber auf eine oder zwei Keywordkombinationen je Unterseite konzentrieren (aber bitte Punkt 1 beachten)
4. Auf natürlichen Titel achten: Im Header sollte der Titel authentisch klingen. Nicht manipuliert! Nicht spammy! Ein mit Keywords vollgestopfter Titel ist schlecht. Ruhig mal den Firmennamen nach vorne und dann eine kurze Aussage oder eben 2 bis 4 Wörter, die es auf natürliche Weise beschreiben. Bitte darauf achten, dass der Titel nicht 68 Zeichen überschreitet.
5. Longtail einsetzen: Lieber auf Longtail-Optimierung achten, indem man mehr Unterseiten für andere (relevante) Keywords erschafft. Also wenn man z.B. Webdesigner ist, kann man eine Unterseite erschaffen, in der man beschreibt, was für ein CMS-System man verwendet und alles dazu schreibt. Dann macht man eine weitere Webseite, in der man beschreibt, was man für Shopsysteme verwendet und alles dazu schreibt.
6. Relevanz: Die Landingpage (also die Seite, auf die jemand kommt, nachdem er auf den Link bei Google geklickt hat) sollte wirklich das abhandeln, worauf die Seite seotechnisch optimiert wurde. Hier sollte man wirklich wertvollen Inhalt zu dem Thema bieten. Was man also nicht machen sollte, ist die Webseite für bestimmte Begriffe zu optimieren, die nicht zur Seite selbst passen. Man kann die Relevanz gut an der Bouncerate ablesen (also wie viele Leute schnell abspringen bzw. die Seite besuchen und dann wieder verlassen). Diese Rate kann man mit Google-Analytics-Statistiken ablesen.
7. Setze soziale Signale: Man sollte in Communities erwähnt werden wie z.B. Facebook, Qype, Eine gute Frage, Google + etc.
8. Freshness Signale einbauen
9. Auf das Linkprofil achten: Das Linkprofil sollte variieren. Wichtig sind unterschiedliche Quellen für Links (z.B. Zeitungsartikel, Webkataloge, Blogs, relevante Webseiten etc.) mit unterschiedlichen Linktiteln (also nicht immer der gleiche Linktext!!!). Auch mal ruhig mit dem Linktext “hier klicken” oder “diese Seite” (dies ist natürlicher und der Text in der nähe des Links wird wahrscheinlich auch gezählt). Wichtig ist auch, dass die Webseiten, die auf einen verlinken, themenrelevant sind. Aber auch die interne Verlinkung ist wichtig. Als SEOs wissen wir, dass eh nur der erste Linktext genommen wird, der auf eine andere Unterseite in der gleichen Domain verweist. Darum bringt es nichts, noch weitere Links auf der Seite auf die gleiche Unterseite zeigen zu lassen, in der Hoffnung, dass auch dieser Linktext ins Gewicht fällt. Auch hier sollte der Linktext natürlich sein.
10. Footerlinks minimieren: Im Footer sollten nur die Dinge verlinkt werden, die man dort auch erwarten würde. Z.B. AGB, Impressum, Datenschutzerklärung etc.
11. Schrift gut lesbar gestalten: Schlecht lesbare Minischrift, nur um noch mehr Keywords rein zu bekommen ist out.
12. Unterseiten, die nur für die Suchmaschinen gemacht wurden, sollten entfernt werden. Googles Technologie ist sehr ausgereift und merkt, wenn eine Seite nicht wirklich gelesen wird. Das gleiche gilt für Blogs, die nicht wirklich lesenswert sind.
13. Kein Signaturlinks mehr. Signaturlinks in Communities wie z.b. Foren sollten nicht mehr verwendet werden (höchstens mit der eigenen Firmenbezeichnung bzw. Namen).
14. Kommentar- oder Gästebuchlinks minimieren (vielleicht sogar gar nicht mehr).
15. Zu ähnlich Seiten vermeiden: Beispiel: Seite A ist auf Gebrauchtwagen Hamburg optimiert und die andere Seite auf “gebrauchte Wagen Hamburg”. Das ist schlecht.
16. Ruhe bewahren: Wenn man in den Suchergebnissen absackt, sollte man nicht sofort auch auf der eigenen Seite etwas ändern. Ich vermute, dass wenn man z.B. laufend den Meta-Titel ändert, wenn man in den Suchergebnissen abrutscht oder auch sonst ständig daran rumdoktert, es für Google eher ein negatives Signal ist. Was man aber definitiv tun sollte, ist die oberen Kriterien zu überprüfen und dort, wo übermäßig SEO betrieben wurde zu korrigieren.

Ich hoffe diese Tipps konnten helfen, um eine Überoptimierung zu vermeiden.

Besonders schön ist dieser Effekt, wenn die verschiedenen Elemente in unterschiedlichen Geschwindigkeiten sliden und zusätzlich der Hintergrund mitslidet.

Hier zwei Webseiten, die den Effekt sehr gut zur Schau stellen:

http://www.superlovers.fr/ (als Animation bei der Startseite)

und

http://pixelpimps.net/ (bei den Seitenübergängen, also wenn man im Menü navigiert)

Zunächst der Unterschied zwischen Internet und Web:

Internet: Das Internet ist ein weltweites Computernetzwerk …mehr auf Wikipedia

Web: Das Web ist ein Informationssystem im Internet. Ein Netzwerk von Dokumenten, dass durch das weltweite Computernetzwerk (Internet) gesehen werden kann (außer die Dokumente sind geschützt).

Web und Internet werden heutzutage synonym gebraucht; also als Wörter die fast die gleiche Bedeutung haben. Aufgrund der Nähe zueinander sind diese beiden Wörter häufig austauschbar, z.B. Webadresse und Internetadresse. Hier meint man die gleiche Sache, nämlich die Adresse, mit der man ein bestimmtes Dokument im Internet aufrufen kann.

Zu den einzelnen Begriffen:

Url: Dies ist die Adresse die man in einen Browser (z.B. Internet Explorer) eingibt, um ein bestimmtes Dokument aufzurufen: z.B. http://www.janik.cc/webdesigner-1.jpg (in diesem Falle ein Bild).

Internetadresse: Das gleiche wie URL (siehe URL)

Domain: Es ist der Hauptbestandteil einer Internetadresse. Beispiel: http://www.janik.de. Bei der Internetadresse http://www.janik.cc/webdesigner-1.jpg würde man nicht mehr von Domain sprechen, den nur der erste Teil ist die Domain, also http://www.janik.cc. Die Kurzformen wie www.janik.cc oder nur janik.cc würde man hier auch als Domain bezeichnen.

Internetauftritt: Ein Internetauftritt ist die Gesamtheit eines Angebotes eines oder mehrerer Anbieter im Internet, welche als zusammengehörig empfunden wird. Häufig versteht man darunter die Inhalte die unter einer einzigen Domain aufgerufen werden können, jedoch kann man auch von einem Internetauftritt sprechen, wenn zusammengehörige Inhalte auf verschiedenen Domains verteilt sind. So kann man sagen, dass z.B. die Facebookseite eines Unternehmens zum  Internetauftritt dieses Unternehmens gehört bzw. die Facebookseite nur ein Teil des Internetauftritts des Unternehmens ausmacht.

Internetpräsenz: Eine Internetpräsenz ist das gleiche wie Internetauftritt (siehe Internetauftritt).

Homepage: 1. Eine Homepage ist eine im Internet aufrufbare Datei, die als Ausgangspunkt für weitere Informationen gesehen werden kann, die über eine Person, Begebenheit, Institution, Unternehmen, Produkt oder ähnliches informieren möchte (Synomym: Startseite). 2. Man bezeichnet auch die Gesamtheit der Dateien, die von der Homepage (1) aus aufgerufen werden können als Homepage, also sowohl die Startseite als auch die dazugehörigen Unterseiten.

Per meinem persönlichen subjektiven Eindruck tendiert die 2. “Homepage”-Definition immer mehr bezüglichen dem  umgangsprachlichen Gebrauch in den Vordergrund zu rücken.

Internetseite: Unter einer Internetseite versteht man sowohl eine einzelne Seite im Internet z.B. http://www.janik.cc/webdesigner.html aber auch eine Homepage (Punkt 2)

Site: Eine Site ist die Kurzform für Internetseite (Site ist engl. für Seite). Siehe Internetseite.

Webseite / Website: Das gleiche wie Internetseite (siehe Internetseite).

Falls Sie eine neue Homepage benötigen, können Sie mich als Ihren neuen Webseitengestalter kontaktieren.

Das neue Scrolldesign auf dem Internetauftritt des neuen Volkswagen Beetle ist wirklich beeindruckend. Nicht nur, dass man eine Abfolge von Bildern runterscrollen kann, man kann auch bestimmte Effekte mit dem Scrollen auslösen, was den neuen Volkswagen Beetle noch schöner in Szene setzt.

Ein großes Kompliment an die Webdesigner, die hier im Auftrag für den Volkswagenkonzern tätig waren. Die Seite für den neuen Volkswagen Beetle ist wirklich beeindruckend.

Stand 25.12.2011

Da sich bei Autoherstellern Webdesigns im Laufe der Zeit schnell ändern, könnte es sein, dass man das Scrolldesign nur kurze Zeit wird sehen können.

Was ich sah, hat mich mehr als begeistert! Es ist wirklich eine günstige Alternative zu Adobe Dreamweaver, Microsoft Frontpage bzw. dem Nachfolger Expression Web oder anderen Homepageerstellungstools.  Gerade der Preis von unter 100 Euro ist wirklich beeindruckend.

Gerade als Webdesigner für die professionelle Homepageerstellung, benötigt man Software, die viele Hilfsmittel und Möglichkeiten bietet, aber auch nicht so aufgequollen daherkommt, dass alleine der Programmstart eine halbe Ewigkeit dauert – ganz zu schweigen von dutzenden Menüs, die einem nur Platz wegnehmen (auch wenn man sie hinzu- und wegschalten kann).

Die Oberfläche des Namo-Webeditors ist schön übersichtlich und einfach gehalten. Alle wichtigen Funktionen sind am richtigen Platz und es macht Spaß damit zu arbeiten. Man wird einfach nicht mit überflüssigen Funktionen überlastet und kann sich wieder auf das Wesentliche konzentrieren. Endlich wieder das alte Frontpage-Feeling!

Hier ein Überblick, was mir auf den ersten Blick gefallen hat:

• Übersichtlichkeit (Strukturierung so ähnlich wie bei Microsoft Office / Schöne Symbole / sehr Durchdacht)
• Vorschau für alle meine installierten Browser (Chrome, Firefox, Opera und Internet Explorer), sowie auf mobilen Endgeräten (iPhone 3 / iPhone 4 / Nexus One / Droid / Galaxy S / Omnia)
• Optional kann man einen Blogartikel erstellen und mit dem WebEditor posten.
• Schnelles Wechseln bzw. gleichzeitiges Betrachten von verschiedenen Modi (Bearbeiten bzw. WYSIWYG-Modus / Html bzw. Quelltext-Modus / Vorschau-Modus / Vorschau-Modus für Mobiltelefone)
• Integrierte FTP-Uploadfunktion (unterstützt Secure FTP) und auch die Möglichkeit die Dokumente direkt auf dem Server zu bearbeiten.
• Lineal und Rasterhilfslinien
• Gut einstellbare Tabellen
• Einfaches und schnelles Erstellen von Bild-Rollovereffekten
• Wechseln von Fenstergrößen z.B. auf 1024×768, um sich schnell ein Bild von der Webseite bei kleineren Browserfenstern zu machen.
• Sehr gute Hilfedatei (mit guter Sprach-Übersetzung)
• Muss ich noch ausprobieren: Eine Zeitleiste, mit der man ggf. kleine Bewegungssequenzen direkt (ohne Flash) erstellen kann.

Das Einzige, was mir so auf die Schnelle nicht so gut gefallen hat ist, dass ich sehr viel Zeit damit verbracht habe, die Einstellungen des Programms zu finden.

Hier ein Schaubild, wo sich die Einstellungen versteckt haben:

Diese Menü klappt auf, wenn man das Logo des Namo WebEditors anklickt. Unten rechts, befindet sich der Button für die Einstellungen.

Fazit: Der erste Test dieses Webseiten-Bearbeitungsprogramms hat mich sehr beeindruckt. Ich finde, es ist eine sehr gute Webdesign-Lösung für Einsteiger und Semi-Professionelle, um schnell und bequem Webseiten zu erstellen. Aber auch Profis könnten die Einfachheit der Software zu schätzen wissen und werden wahrscheinlich nicht allzuviele Funktionen vermissen.

Als Webdesigner oder Suchmaschinenoptimierer sollte man auch dafür sorgen, dass die eigenen Kunden durch den neuen Internetauftritt so wenig Spam wie möglich erhalten. Es folgen daher 10 effektive Maßnahmen, wie man Spam zu einem großen Teil verhindern, blockieren und filtern kann.

1. Schreiben Sie, wo möglich, die E-Mail-Adresse nicht im Klartext auf die Webseite. Gerade im Impressum, Footer und auf der Kontaktseite werden häufig E-Mail-Adressen angegeben, die von Spambots (Programme welche im Internet nach E-Mail-Adressen suchen)  ausgelesen werden können. Als effektive Antispam-Maßnahme könnte man hier den Klartext der E-Mail-Adresse verschleiern.

Z.B. könnte man die E-Mail-Adresse

• als Bild einfügen
• oder als Text einfügen z.B. so: beispiel[at]beispiel-musterseite.ccc
• oder so einfügen , dass die Anzeige der E-Mail-Adresse durch Javascript dargestellt wird (z.B. mit diesem Tool)
• oder so verschleiern, das man im Html-Code etwas ändert z.B. so:

  info<span style="display: none;">( Diesen Text inklusive Klammern löschen )</span>@<span style="display: inline;">bsp.ccc</span>

Bezüglich des Impressums bleibt meines Erachtens die rechtliche Situation unklar. Die europäische Rechtsprechung hat zu der veränderten Darstellung der E-Mail-Adresse z.B. durch Bilder, Javaskript etc. noch zu kein eindeutigen Urteil gefällt (zumindest kenne ich Keines). Jeder der also seine E-Mail-Adresse im Impressum verfremdet geht ein gewisses Risiko ein, abgemahnt zu werden. Die Begründung (so wie ich es verstanden habe): Blinde würden die E-Mail-Adresse mit einem Screenreader nicht auslesen können. Auch bei ausgeschaltetem Javaskript, CSS oder ausgeschalteten Bildern ist die Email-Adresse nicht einwandfrei zu erkennen.

Nach meiner Ansicht wäre folgende Lösung noch am ehesten sinvoll, bei der man Antispammaßnahmen im Html-Code einpflanzt:

info<span style="display: none;">( Diesen Text inklusive Klammern löschen )</span>@<span style="display: inline;">bsp.ccc</span>

Diese Methode der Verschleierung vor Spambots (Programme die automatisch E-Mail-Adressen auslesen) hätte vielleicht vor Gericht wahrscheinlich am ehesten Bestand, da es eher unwahrscheinlich ist, dass jemand das CSS ausschaltet. Ausserdem ist CSS bereits Bestandteil von allen gängigen Browsern, ohne dass es Zusatzsoftware benötigt. Und selbst bei ausgeschaltetem CSS erscheint immer noch die E-Mail-Adresse mit dem Hinweis: (Diesen Text inklusive Klammern löschen). Das alles könnte dann u.U. in der Rechtssprechung berücksichtigt werden und zu einem positiven Urteil führen.

Falls man gar kein rechtliches Risiko eingehen möchte, kann man die E-Mail-Adresse im Klartext schreiben und dann mit den nächsten Tipps fortfahren, um das Spamaufkommen zu reduzieren.

2. Stellen Sie den serverseitigen Spamblocker ein. Häufig kann man im Adminbereich des Webspaceproviders des Webdesignkunden einen bestimmten Spamblocker einstellen. Häufig wird bei diesen Spamabwehrmaßnahmen über einen Spamblocker direkt auf Blacklists (schwarze Listen) zurückgegriffen, um die schwarzen Schafe direkt im Vorfeld auszusortieren (zu blockieren), bevor die E-Mail in den Postkasten kommt.

3. Lassen Sie bestimmte Schlüsselbegriff im Absender, Betreff oder im Text filtern. Bei vielen Webspaceprovidern kann man schon im Vorfeld Spamfilter einstellen, welche bestimmte Schlüsseworte in den E-Mails erkennen, um die E-Mails automatisch löschen zu können, bevor Sie den Postkasten des Empfängers erreichen. Hier sollte man sich mit dem Kunden absprechen, welche Begriffe das sein sollen. Zusätzlich kann der Kunde dies auch in seiner eigenen E-Mailsoftware (Outlook, Thunderbird, Eudora, Pegasus, Incredimail, The Bat etc.) machen, die er zum Abholen der E-Mails nutzt. So wird dann serverseitig und klientenseitig (direkt beim Kunden) gefiltert. Es kann auch eine Whitelist (weiße Liste) angelegt werden, um bekannte E-Mail-Absender nicht zu filtern.

4. Wechseln Sie E-Mailadressen. Richten Sie für Ihren Kunden eine E-Mail ein, die auf eine andere E-Mail-Adresse umleitet. Z.B. leitet institut@…. auf unserefirma@…… um. Im Internet geben Sie dann erstmal nur institut@…… an. Wenn institut@…. zu viele Spam-E-Mails bekommt, tauschen Sie die E-Mail mit einer beliebigen anderen Adresse aus z.B. organisation@….. .
Der Kunde sollte nur seinen vertrauenswürdigen Kontakten die unserefirma@…. Adresse geben. Im Internet steht aber erstmal nur institut@….. (kurzfristige Mail-Adresse).  Diese Maßnahme sollte selbstverständlich nur in Abstimmung mit dem Kunden erfolgen. Es handelt sich um eine radikale (aber hochwirksame) Methode, um Spam zu bekämpfen. Jedoch sollte der Kunde sicherstellen, dass niemand, der kein Spammer ist, noch die alte E-Mail-Adresse hat.

5. Geben Sie, falls möglich, nicht die E-Mail-Adresse Ihres Kunden an, wenn Sie ihn für Webkataloge, Online-Branchenbücher, Fachverzeichnisse oder ähnliches eintragen. Häufig verlangen Webkataloge, Branchenbücher etc., dass man die E-Mail-Adresse einträgt. Falls dies nur zur Bestätigung des Eintrages geschehen soll, reicht es aus, wenn man seine eigene E-Mail-Adresse einträgt. Ihr Webdesign-Kunde mag vielleicht nicht die Zeit besitzen, um das Spamaufgebot zu beherrschen. Da sind Sie doch bestimmt viel besser dran und können die Spamlast auf sich nehmen und professionell filtern.

6. Geben Sie E-Mail-Adresse so wenig wie möglich an. Sagen Sie Ihrem Kunden Bescheid, dass er die geschäftliche E-Mail-Adresse so wenig wie möglich weitergeben soll.

7.  Nutzen Sie Kontaktformulare mit professionellem Spamschutz. Kontaktformulare können z.B. einen Bildercode aufweisen, dessen Nummern und Zahlen man eingeben muß, bevor man die E-Mail abschicken kann. Aber auch skript-interne Vorsichtsmaßnahmen können ergriffen werden. Nutzen Sie daher professionelle Skripte, die verschiedene Filter einsetzten.

8. Verwenden Sie keine gewöhnlichen E-Mail-Adressen. info@, kontakt@, mail@ und service@ werden häufig von den Spambots ausprobiert. So können Sie also Spammail erhalten, auch wenn Sie nirgends anderswo auf der Webseite Ihre E-Mail-Adresse darstellen. Nehmen Sie also ungewöhnliche E-Mail-Adressen wie z.B. mk123@….

9. Klicken Sie auf keinen Link in der Spammail und antworten Sie auch nicht. Damit würden Sie nur bestätigen, dass dieser E-Mail-Account erreichbar war und die Spam-E-Mail gelesen wurde, was den Spammer dazu veranlassen könnte, noch mehr Spam zu schicken oder sogar Ihre E-Mail-Adresse anderen Spammern anzubieten. In einigen Fällen, wenn Sie der Quelle absolut vertrauen, können Sie auf den Link am Ende der unerwünschten Mail klicken, der angeboten wird, um den Newsletter oder ähnliches abzubestellen.

10. Sperren Sie zusätzlich die Impressumsseite vor Robots. Mit dem robot.txt oder mit dem Metatag <META NAME=”ROBOTS” CONTENT=”NOINDEX,FOLLOW”> können Sie verhindern, dass Ihre Seite von z.B. Google aufgenommen wird. Viele Spammer suchen per Google Impressumsseiten, wo die E-Mail häufig im Klartext steht. Dies gilt es zu verhindern.

Ich hoffe diese 10 Punkte helfen weiter.

Alle Angaben ohne Gewähr.
Stand der oben erwähnten Information: 05.12.11

Nach dem Panda Update könnte das Freshness Update (Quelle) die Welt der SEOs erneut erschüttern (zumindest in bestimmten Bereichen).

Google wird bei 35% der Suchanfragen Suchergebnisse anders listen. Jetzt geht es vor allem darum, wie frisch ein Inhalt ist. Sucht jemand z.B. nach Fußball oder z.B. einem neuen Automodell, werden neuere Inhalte besser bewertet.

Natürlich spielt das nicht bei allen Webseiten eine Rolle, aber diejenigen Seiten die entsprechende Inhalte haben (wie z.B. Newsseiten, Produktberichte etc.), werden somit gezwungen sein, Ihre Inhalte eventuell immer wieder zu aktualisieren (inklusive der Sitemap) oder sie vom Zeitpunkt her, etwas später zu platzieren, um die meisten Besucher zu bekommen.

Beispiel: Jemand schreibt einen Artikel, der am 15. März veröffentlicht wird. Jetzt kommt jemand, der einen gleichwertigen Artikel schreibt und die gleiche Reputation hat, veröffentlicht den Artikel aber einen Tag später. Der spätere Artikel wird somit höher gelistet.

Dabei könnte auch eine Rolle spielen, wie die sozialen Signale sind, also z.B. wann Kommentare oder Votes auf Facebook, Twitter und Google +1 zu dem Artikel erscheinen.

Aber auch sonst ist die Frischheit einer Webseite, wie bislang auch, sehr wichtig. Dabei gilt zu beachten:

• Inhalte auch nach Veröffentlichung immer wieder mal umschreiben, damit Google sieht, dass sich etwas tut.
• News- bzw. Angebotsseite pflegen. Wichtig sind vor allem Inhalte, die weiter oben im Dokument stehen. D.h. Die neusten Angebote sollten weiter oben stehen.
• Neue Unterseiten erstellen, z.B. indem man einen Blog integriert oder sein Angebot mit weiteren Seiten erweitert.
• Ggf. über kürzliche oder zur Zeit populäre Events berichten.
• Veraltete Informationen löschen. Alte Informationen haben eine höhere Absprungrate und das signalisiert Google, dass die Webseite nicht mehr frisch ist.
• Stetig Links und soziale Signale sammeln. (Achtung: Zu viele Links und soziale Signale auf einmal, werden mittlerweile nicht mehr so gut beurteilt.) Lieber stetig (immer wieder mal) Links, Comments, “Gefällt mirs” etc. sammeln.
• Links sammeln, von Seiten, die selber frisch sind.
• Leute auf den Seiten mit nützlichen Informationen oder anderen Mitteln halten, damit Google sieht, dass die Informationen immer noch relevant und lesenswert sind (oder eben nicht veraltet sind).

Geräte wie das iPhone und das iPad von Apple können in der Standardversion leider kein Flash abspielen.

Es folgen zwei Möglichkeiten, wie man als Webdesigner Flash (swf) bei der Gestaltung einer Webseite trotzdem einsetzten kann und sich gleichzeitig um z.B. iPhone oder iPad-User weniger Sorgen machen muß.

Aber als erstes möchte ich die Frage aufwerfen, ob man sich in Zukunft überhaupt Sorgen um diese Nischengruppe machen sollte, da ja schließlich andere mobile Anbieter (wie Googles Android) Flash beherrschen.

Ich persönlich denke “jain“: Es hängt stark davon ab, wie sich Apple nach dem Tod von Steve Jobs entwickeln wird.

In den vergangenen Monaten hat “Apples iOS Konkurrent” Android stark aufgeholt und wird es voraussichtlich weiterhin tun. Immer mehr Hersteller bieten Tablets und Smartphones mit Android an. In vielerlei Hinsicht ist Android (meiner Meinung nach) das bessere und zukunftssichere System, das günstig zu haben ist. Googles Android-OS hat diverse Vorteile (u.a. das es Flash abspielt) und wird – wahrscheinlich mit der Hilfe vieler anderer Anbieter – iPhone, iPad usw. aus dem Markt drängen, so wie es mit den Apple-Computern – nach deren Hype – in den 90igern geschehen ist. Das ist jedenfalls meine Meinung.

Weiterhin ist zu beachten, wie die Besucherverteilung  bzw. Besucherstatistik der eigene Webseite ist. Viele informative Webseiten werden mit ca. 1-5% von Apple iOS-Verwendern besucht. Unter informative Webseiten verstehe ich so etwas wie Reiseinformationen, Wetterseiten, Routenplaner, Videoseiten, Kochrezepte-Seiten etc.

Die meisten Unternehmenswebseiten werden jedoch bislang von unter 1% iOS-Nutzern besucht. Im Webdesign gilt schon länger die Regel, dass man kleine Prozentzahlen ignorieren kann (z.B. wird schon seit ca. 3-5 Jahren bei den meisten Internetagenturen nicht mehr auf Monitorauflösungen von 800×600 Pixel optimiert sondern auf die höhere Auflösung von 1024×768 Pixel – Die Prozentzahl von Menschen welche 800×600 nutzen war seit 2008 von ca. 10% abwärts auf unter 1% gerutscht (Quelle: hier). Demnach könnte man momentan auch die iOS-Verwender ignorieren.

Nichts desto trotz, kommt man als Webdesigner nicht umhin, dass der Kunde seine neue Webseite unter Umständen auf dem iPhone oder iPad Freunden und Bekannten präsentieren möchte.

Jedoch dann in ganz bestimmten Fällen auf Flash zu verzichten, ist keine gute Lösung. Steve Jobs von Apple empfahl Webseitenentwicklern daher Html5 anstatt Flash einzusetzen.

Dies halte ich für einen extrem schlechten Rat und zwar aus folgendem Grund: Ein weitaus höherer Prozentsatz (über 10%) der Internetgemeinde  nutzt noch alte Browserversionen (Quelle für Firefox hier und für Internet Explorer hier) die Html5 nicht oder nur teilweise verstehen. Je älter der Browser, desto weniger Html5-Befehle werden verstanden. Html5 ist ja noch nicht offiziell herausgegeben. Fertigstellung soll erst 2014 erfolgen (Quelle Wikipedia). Einige Sachen lassen sich außerdem in Flash viel einfacher und schöner realisieren.

Ich rate daher jedem Webdesigner oder Internetagentur, die weiterhin Adobes Flash einsetzen möchten, einer meinen zwei Lösungsvorschläge zu beherzigen.

Hier die zwei Lösungswege:

1. Div-Layer (Einfache Lösung)
Man erstellt ein Div das absolut positioniert wurde und mit einem Z-index versehen ist. Darüber erstellt man auch ein Div der gleichen Größe, das genauso absolut positioniert wurde aber einen höheren Z-index hat. In das untere Div kommt ein Bild und in das obere die Flash-Datei. Der iPhone- oder der iPad-Nutzer sieht das Bild, der normale PC-Nutzer die Flashanimation. Dabei ist zu beachten, dass Navigationselemente wie z.B. ein Seitenmenü nicht in der Flashdatei hinein sollten. Alternativ kann man auch nur ein Div einsetzen, dort als Hintergrund das Bild nehmen und in das gleiche Div die Flashanimation einfügen. Das Hintergrundbild sollte dann die genauen Abmessungen des Div haben. Dies kann man auch mit einer Zelle einer Tabelle machen. Die Zelle hat das Hintergrundbild und in die Zelle wird die Flash-Swf eingefügt.

Diese Lösung habe ich z.B. hier eingesetzt: Eventagentur von Gerda Paul

Diese Lösung eignet sich vor allem dann, wenn nur wenige Teile der Webseite mit Flash gemacht wurden.

2. Umleitung per htaccess auf eine mobile Version der Webseite (schwerere Lösung)

Diese Lösung habe ich hier eingesetzt: KFZ-Gutachter in Hamburg

Man programmiert, wie bereits gewohnt die Flashseite. Dann macht man ein zweite Version der Webseite, die nur für Besucher gedacht ist, welche die Seite mit einem Mobiltelefon oder Tablet besuchen.

In der .htaccess-Datei steht Folgendes:

RewriteEngine ON
RewriteBase /

RewriteCond %{HTTP_USER_AGENT} android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|lge\ |maemo|midp|mmp|opera\ m(ob|in)i|palm(\ os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows\ (ce|phone)|xda|xiino [NC,OR]
RewriteCond %{HTTP_USER_AGENT} ^(1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a\ wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r\ |s\ )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1\ u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp(\ i|ip)|hs\-c|ht(c(\-|\ |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac(\ |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt(\ |\/)|klon|kpt\ |kwc\-|kyo(c|k)|le(no|xi)|lg(\ g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-|\ |o|v)|zz)|mt(50|p1|v\ )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v\ )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-|\ )|webc|whit|wi(g\ |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-) [NC]
RewriteRule ^$ http://www.xxx-beispiel-muster-seite-xxx.de/mobile-version/index.htm [R,L]

Die Webseite leitet in diesem Fall serverseitig auf die mobile Version um.

Falls jemand Verbesserungsvorschläge für diesen Code hat, kann er diesen bitte hier im Kommentar hinterlassen. Ich habe ihn auch nur im Internet gefunden. Genau wo, weiß ich auch nicht mehr.

Stand: Oktober 2011

Was ist eigentlich CSS? In einfachen Worten ist CSS eine Gestaltungshilfe für Webseiten.

Es geht also um das Design bzw. den Stil (Form, Größe, Farbe, Positionierung etc.) und nicht um den Inhalt (worüber die Webseite informieren möchte).

Beispiel: “font-size:12px;” Bedeutet, dass die Schriftgröße 12 Pixel groß sein soll (Übersetzung: “font” bedeutet Schrift und “size” bedeutet Größe.)

Alle CSS Befehle sind in Englisch geschrieben. Wer Englisch kann, ist also klar im Vorteil.

Zur Verdeutlichung einige wichtige Befehle:

color
= Farbe (z.B. rot) Anmerkung: Wenn “color” ohne Zusatz steht, dann ist die Schriftfarbe gemeint.

font-family
= Schrifttyp (z.B. Arial)

width
= Breite (z.B. 300 px – px ist eine Größenangabe wie z.B. cm)

background-color
= Hintergrundfarbe (z.B. pink)

margin
= Außenabstand (z.B. 20 px)

padding
= Innenabstand (z.B. 10 px)

Ein Übersicht über alle gängigen CSS-Befehle findet man hier

Hintergrund – Warum wurde CSS entwickelt?
CSS wurde entwickeln, um den Programmiercode einer Webseite zu vereinfachen bzw. die Arbeitsweise eines Webdesigners oder einer Internetagentur zu erleichtern.

Früher war es nämlich so, dass alle Formatierungsangaben in der Webseite selbst zu jedem einzelnen Element hinzugeschrieben wurden. Hier ein Beispiel einer herkömmlichen Programmierung:

<p><font color=”pink”>Herzlich Willkommen</font></p>
<p><font color=”pink”>Wir laden Sie herzlich dazu ein, unsere Webseite zu durchstöbern.</font></p>
<p><font color=”pink”>Wir sind auch gerne telefonisch für Sie erreichbar, um weitere Fragen zu beantworten.</font></p>

All dieser Code (Quelltext) nur um

“Herzlich Willkommen

Wir laden Sie herzlich dazu ein, unsere Webseite zu durchstöbern.

Wir sind auch gerne telefonisch für Sie erreichbar, um weitere Fragen zu beantworten.”

in pink zu schreiben.

Wie man sieht, wird bei jedem einzelne Satz die Farbe (pink) bestimmt. Das ist vor allem dann ein großer Arbeitsaufwand, wenn man per Hand programmiert.

Ausserdem erhöht es die Datenmenge einer Webseite, was sie länger laden läßt.

Dies wurde dann mit CSS eleganter gelöst:

Anstatt jedes Element in einer Webseite neu zu Formatieren (z.B. welche Farbe die Schrift hat), werden diese  Formatierungen (Gestaltungen) extern bestimmt und gelten dann für diese Elemente oder Bereiche immer wieder.

Beispiel:
body {color:pink;}
und schon ist die Schrift der ganzen Webseite mit allen Unterseiten pink.
Und der bereinigt Quelltext (Programmiercode) der Webseite sieht dann so aus:

“<p>Herzlich Willkommen</p>
<p>Wir laden Sie herzlich dazu ein, unsere Webseite zu durchstöbern.</p>
<p>Wir sind auch gerne telefonisch für Sie erreichbar, um weitere Fragen zu beantworten.</p>“

also alles viel kürzer und übersichtlicher.

Hinzu kommt, dass wenn man sich vertan hat und anstatt “pink” lieber “blau” haben möchte, es einmal kurz in der CSS-Datei ändert und schon ist die ganze Schrift der Webseite mit allen Unterseiten blau. Dies kann bei der Webprogrammierung sehr viel Zeit sparen.

Hier die Vorteile von CSS in der Übersicht:

• Die Arbeit des Webdesigners wird vereinfacht.
• Die Webseitenprogrammierung wird übersichtlicher.
• Ein einmal erstelltes Design kann schneller auf ein anderes Webprojekt übertragen werden.
• Es gibt mehr Gestaltungsspielraum (z.B. kann man Grafiken mit CSS einfacher positionieren).
• Webseiten laden schneller durch die Verwendung von CSS.
• Fehler im Design können einfacher erkannt werden.

Ich hoffe, ich habe die Frage “Was ist CSS” auch für Anfänger einfach erklärt. Falls noch Fragen offen sind, so kann hier jeder ein Kommentar hinterlassen.

Es gibt drei Arten von Hintergründen:

1. Einzelne Farben
2. Farbverläufe
3. Bilder (Einzelbilder oder sich wiederholende Bildmuster)

Zu 1, den einzelnen Farben:
Farben drücken verschiedene Emotionen aus bzw. verursachen diese.

Einige Beispiele:

Rot: Leidenschaft, Energie, Wille, Macht, Spontanität und Freude

Grün: Hoffnung, Frische, Leben, Natur, Innovation, Erneuerung, Friede

Weiß: Reinheit, Klarheit, Ordnung, Grenzenlosigkeit, Spiritualität, Weite, Schutz, Tadellosigkeit und Unschuld

Blau: Ruhe, Treue, Vertrauen, Sehnsucht, Weite, Entspannung, Erholung und Stabilität (typische Farbe der meisten Unternehmen in Deutschland)

Rosa: Mädchenhaft, süß und verspielt

Gelb: Verstand, Fröhlichkeit, Intelligenz, Logik, Kommunikation, Leichtigkeit

Orange: Lebenslust, Ausgelassenheit, Aufgeschlossenheit, Optimismus, Jugendlichkeit, Selbstvertrauen

Grau: Konservativ, modern, schlicht, sachlich, professionell und kompromißbereit.

Braun: Wärme, Bequemlichkeit

Violett: Mystik, Inspiration, Frömmigkeit, Weiblichkeit

Schwarz: Geheimnisvoll, ernsthaft und edel. Hat aber auch negative Assoziationen wie z.B. Tod, Enge, Schwere oder Unmoral, je nachdem in welchem Kontext es verwendet wird.

Anmerkung: Verschiedene Menschen und Kulturen haben gesonderte Vorstellungen von Farben. Farbnuancen spielen auch eine Rolle in der Wahrnehmung. So hat z.B. ein dunkles Bordeauxrot eine andere Wirkung als ein knalliges Purpurrot!

Farben können für den Background eines Webdesigns als einzelne Hintergrundfarben genommen werden.
Beispiel:

Hier ist die Hintergrundfarbe Grau und schafft die nötige Neutralität, um die Bilder und das Logo dieser Fotokünstlerin hervorzuheben.

Farben können auch kombiniert werden, wie die von mir programmierte Webseite eines meiner Kunden verdeutlicht:

Dieser Kardiologe drückt durch das Dunkel-Graue unter seinem Namen Professionalität, Moderne und Neutralität aus. Da es ein dunkles Grau ist, kommt auch noch die Ernsthaftigkeit des Schwarz hinzu. Das Weiße schafft Raum, Ordnung und Klarheit für seine Aussage. Ausserdem demonstriert es Tadellosigkeit (wie man es sich halt von Ärzten so vorstellt bzw. erhofft). Das Orange drückt Aufgeschlossenheit und Optimismus aus. Das es ein fast rotes Orange ist, kommt hier noch die Impulsität des Rot hinzu, die zum Weiterschauen und Weiterklicken anregt. Man bekommt Lust sich noch mehr zu informieren.

zu 2 – den Farbverläufen als Hintergrund/Background:

Bei Farbverläufen gilt das gleiche wie bei den Farben. Was bei den Farbverläufen noch hinzu kommt ist, dass die Farbe aufgewertet/intensiviert wird.
Die Verlaufsrichtungen sind:

- Vertikal
- Horizontal
- Quer
- Radial

Bei vertikalen Farbverläufen, die man als Hintergrund einsetzt, kann man, um die Dateigröße zu reduzieren, den Verlauf nur wenige Pixel breit machen. Auch 1 Pixel Breite würde ausreichen, da sich der Verlauf automatisch wiederholt.

Bei horizontalen Farbverläufen, die man als Hintergrund einsetzt, kann man, um die Dateigröße zu reduzieren, den Verlauf nur wenige Pixel hoch machen. Auch 1 Pixel Höhe würde ausreichen, da sich der Verlauf automatisch wiederholt. Man sollte bedenken, dass bei höheren Monitorauflösungen, der Verlauf eventuell rechts abgeschnitten wird bzw. sich abrupt wiederholt. Hier sollte man entweder den Verlauf so groß machen, dass er auf allen gängigen Monitor-Auflösungen ohne Unterbrechung gesehen werden kann oder man läßt den Verlauf zur Ursprungsfarbe verlaufen, so dass es keine abrupte sondern eine sanfte Unterbrechung gibt.

Beim diesem Farbverlauf sollte man bedenken, dass man entweder  die Grafik so groß macht, dass es auf alle Monitorgrößen passt, oder man setzt den Background durch den CSS-Befehl fest : “background-attachment: fixed”. Er scrollt dann nicht mit. Das gilt auch für den radialen Farbverlauf.

Ein radialer Farbverlauf kann auf der Webseite schöne Akzente setzen, z.B. um einen beleuchtungsähnlichen Effekt zu erzielen. So wie ich es auf dieser Webseite gemacht habe:

Man sollte bei Farbverläufen bedenken, dass es viele schlechte Monitor gibt, welche das sogenannte “Banding” haben, d.h. man erkennt bei den Verläufen abrupte Farbwechsel, anstatt dass die Farben weich verlaufen.

Hier ein Beispiel von “Banding” bei einem Farbverlauf, dessen Farbnuancen eigentlich weich verlaufen sollten:

Zu 3, Bilder bzw. Bildmuster:

Man kann ganze Bilder als Hintergrund nehmen. So wie ich es hier gemacht habe:

Abstrakter Hintergrund

Das Hintergrundbild ist auch hier fix. Dies erreicht man wie bereits erwähnt mit dem CSS-Befehl: “background-attachment: fixed”. Er scrollt also nicht mit.
Des weiteren kann man auch Bildmuster einsetzen. Dezente Muster (Pattern) gibt es hier. Ich empfehle die Muster noch nachzubearbeiten, indem man die Farbe abmildert oder den Kontrast schwächt. So kann man dann dezentere Hintergründe kreieren.

Oder man nimmt ein Echt-Bild, so wie ich es hier gemacht habe:

Bei diesem Beispiel habe ich zusätzlich die hier beschriebene Methode verwandt, damit der Hintergrund mit der jeweiligen Browsergröße mitwächst. Ansonsten müsste man sich an gängigen Monitorauslösungen orientieren. Eine aktuelle repräsentative Statistik zu Monitorauflösungen findet man hier (so weiß man, worauf man optimieren sollte). Ich empfehle aufgrund dieser Statistik auf die Auflösung 1920 x 1200 Pixel zu achten, da höhere Werte bei der Monitorauflösung selten genutzt werden. Das Hintergrundbild, falls es nicht als sich wiederholendes Muster konzipiert wurde,  sollte dementsprechend mindestens diese Maße aufweisen. Zu groß sollte es auch nicht geraten, da sonst der Hintergrund (wegen der Dateigröße) zu lange lädt.

Um die Dateigröße weiter einzuschränken sollte man eine Software verwenden, mit der man Bilder komprimieren (das Datenaufkommen des Bildes reduzieren) kann.

Ich nutze Photoshop zum Komprimieren von Bildern. Hier nutze ich den Menüpunkt “Save for Web and Devices” (speichern fürs Web und Geräte) und nutze den Vorschaumodus, um zu sehen wie stark ich die Komprimierung einstellen kann, ohne das zu starke Artefakte den Bildeindruck stören. Normalerweise reicht die Einstellung zwischen 55-60. Falls es ein sehr wichtiges Bild ist, dass sehr klar rüber kommen soll, verwende ich 70 als Qualitätsstufe (Kompressionsstufe). Bei anderen Programmen gibt es hier vielleicht eine andere Skala.

Manchmal bestehen Bilder nur aus wenigen Farben. Hier ist vielleicht eine Gif-Komprimierung sinnvoll. Man stellt dann die Anzahl der Farben ein.

Bezüglich Hintergründen/Wallpapern sollte man eine Dateigröße von maximal 300-400 Kb ansteuern. Bei z.B. 500 Kb für das Hintergrundbild würde dieses für die meisten Web-Surfern zu langsam laden, und daher als störend empfunden werden, wenn ca. 10 Sekunden, nachdem der Inhalt der Seite sich bereits aufgebaut hat, plötzlich der Hintergrund ins Auge springt.

Wie dem auch sein. Ich wünsche allen viel Erfolg, die mit der richtigen Wahl von Hintergründen, einen schönere Webseite schaffen möchten.

Besser wäre es, wenn der Kunde einem eine gebrannte CD/DVD schickt. Dies geht aber manchmal nicht z.B. aus Zeitgründen oder weil der Kunde keinen Brenner hat und sich vielleicht nicht so gut auskennt.

Deshalb hier ein alternativer Lösungsweg für Webdesign-Kunden, die einem für das neue Webdesignprojekt viele Bilder schicken möchten:

Schritt 1:  Fotos vorerst mit dem bequemen und kostenlosen Onlinetool von Fotosverkleinern.de verkleinern:

Sie können dem Kunden sagen, dass er die Fotos auf 1000 Pixel Breite einstellen kann. Meistens braucht man keine größeren Maße für die Erstellung von Webseiten.

Falls der Kunde viele Fotos hat, kann er nach kostenloser Registrierung, auch mehrere Fotos auf einmal (in einem Rutsch) verkleinern lassen. Sagen Sie ihm, er soll auf den Reiter “Mehrere Bilder” klicken.

Schritt 2: Fotos mit Wetransfer übermitteln. Hier stehen einem bis zu 2 GB je Transfer kostenlos zur Verfügung. Die Fotos werden gepackt und dann auf die eingetragene E-Mail-Adresse übertragen.

Sagen Sie dem Kunden, dass er mehrere Bilder gleichzeitig auswählen kann, indem er beim Auswählen (Anklicken) der Bilder die Steuerungstaste (STRG) ganz unten links auf der Tastatur gedrückt hält.

Viel Erfolg.

Problem: Bei manchen Webdesigns ist es notwendig, die Sichtbarkeit des vertikalen Scrollbalkens zu erzwingen und zwar aus folgendem Grund bzw. im folgenden Fall:

Manchmal ist die Startseite eines Webdesigns vertikal kleiner als die Folgeseiten bzw. manche Seiten im Webdesign sind nicht so lang als andere. Dann kann es dazu führen, dass das ganze Webdesign bzw. der Inhalt der Webseite nach links springt, weil sich auf einmal der vertikale Scrollbalken hinzuschaltet. Das ist unschön, da ein Design, wo nichts hin- und herspringt, für den Betrachter angenehmer ist.

Lösung: Dieses Zuschalten kann man unterbinden, indem man den vertikalen Scollbalken erzwingt. Hierzu trägt man einfach folgenden Code in die CSS-Datei ein:

html {overflow-y: scroll;}

Viel Erfolg.

Achtung!!! Seit der Skype-Aktualisierung im Oktober 2011 funktioniert die Umwandlungsunterdrückung der Telefonnummer in eine Skypenummer nicht mehr im Internet Explorer. Bei Anwendung des unten genannten CSS-Codes wird jetzt gar keine Nummer mehr gezeigt. Von daher rate ich, durch diesen neuen Umstand, von der unten genannten CSS-Lösung ab. Falls jemand eine Alternative hat, kann er diese im Kommentarfeld hinterlassen. Jedoch ist davon auszugehen, dass Skype auch in Zukunft Anpassungen vornimmt, um eine Umwandlung auch weiterhin stattfinden zu lassen, selbst wenn der Webdesigner es nicht möchte. Da Webdesign-Kunden auf die Anzeige der Nummer angewiesen sind (nämlich auch dann wenn deren Kunden Skype an haben) sollte man das Risiko lieber nicht eingehen. Wahrscheinlich bleibt als letzte Alternative die Nummer als Bild-Grafik einzufügen (anstatt als Text).

Kaum ist das Webdesign fertig und hochgeladen, kann es sein, dass Skype dann die Anzeige von Telefonnummern verändert. Jeder der Skype am laufen hat, sieht dann anstatt die Telefonnummer einen Skype-Button, mit dem man die Nummer per Skype anwählen kann.

Das ist vor allem peinlich, wenn z.B. durch die Skype-Einblendung die Telefon-Nummer in eine neue Zeile rückt, und das ganze Design umwirft. Der Webdesign-Kunde sieht dann den Skype-Button (den ich für sehr häßlich halte) anstatt nur der Telefonnummer.

Diese oftmals störende Funktion ist in bestimmten Browsern integriert und läßt sich durch folgenden Css-Trick über die ganze Seite abschalten. Hierzu fügt man einfach in der CSS-Datei folgenden Code ein:

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}

So einfach geht das, den Skype-Button automatisch zu entfernen bzw. zu unterdrücken. Und schon verschwindet der Skype-Button aus dem Webbedesign.

Einfacher geht es z.B. mit dem Lightboxmodell. Mittlerweile in der zweiten Version von Huddletogether.com

Mit diesem Script lassen sich Bilder schön vergrößern und zusammenfassen, so dass sogar ein Bildbrowsen möglich ist.

Da sich dieses Skript zum Bildvergrößern und Bildergruppieren großer Beliebtheit erfreut, erschienen im Laufe der Zeit immer mehr Lightbox-Clone und Alternativen mit anderem Design und mehr Funktionen. Zum größten Teil  sind diese Skripte kostenlos downloadbar.

Als Webdesigner sucht man häufig was Spezielles und so habe ich mich nach möglichen Lightbox-Alternativen umgeschaut. Ich liste mal eine paar Lightbox-Alternativen und Ihre Besonderheiten auf:

1. Fancybox

- Kann die Titel in unterschiedlicher Weise darstellen.
- Schönes Schließenkreuz.
- Besonders schön finde ich auch den Elastik-Effekt beim vergrößern des Bildes.
- Bilder können zusätzlich mit dem Mausrad gewechselt werden.
- Fancybox hat auch ein sehr schönes Ladesymbol.
- Ist kostenlos

2. Bumpbox

- Kann auch PDFs, Flash- und Audiofiles. Ausserdem Videos (auch Youtube-Videos), ganze Webseiten und Inline-Html.
- Schöner Transition-Effekt (wie Gummi).
- Ist kostenlos

3. Lightview (kostet mittlerweile etwas – schade)

- Hat schöne runde Ecken
- Mit Slideshowfunktion
- Hat eine Anti-Aliasing-Funktion mit der Bilder automatisch an die Browserfenstergröße angepasst werden können und immer noch gut aussehen.
- Kann auch Videos, Flash, Formulare und Iframes darstellen.
- Ist kostenlos

Falls euch auch gute Lightboxalternativen einfallen, dann bitte hier in den Kommentaren posten. Danke.

Bookmarkdienst können einen wertvollen Beitrag zum eigenen Onlinemarketing sein. Man muss nur wissen, wie man es nutzt.

Ich hatte bislang meine eigenen Bookmarkeintragungen vernachlässigt und es könnte sein, dass es nicht viel bringt. Aber ich denke, es gibt Wege, um hier einen Nutzen zu ziehen.

Es folgt eine Liste mit Bookmarkdiensten die, wenn richtig eingesetzt, einen positiven Effekt für das eigene Onlinemarketing haben könnten.

http://www.favoriten.de
http://www.linksilo.de
http://url.org/
http://www.oneview.de/
http://www.mister-wong.de/
http://www.folkd.com/

Warum diese Auswahl?

Da ich immer mit einem Backlinkchecker unterwegs bin, um zu schauen, wo sich die Konkurrenz meiner Kunden so eingetragen hat, sind mir diese Bookmarkdienste immer wieder über den Weg gelaufen (oder ich habe bestimmte Bookmarks eines bestimmten Bookmarkdienstes für einen bestimmten Begriff in Google ranken sehen).

Von daher nehme ich an, dass sich ein Eintrag unter einen dieser Dienste unter Umständen lohnen kann. Ich selbst bin im Bereich des Bookmarkens noch nicht so weit fortgeschritten und kann daher nicht wirklich aus dem Nähkästchen plaudern. Aber Folgendes habe ich auf anderen Webseiten über Bookmarking-Strategien gelesen.

Was man beim social Bookmarking beachten sollte:

- Niemals mehrere Kontos eröffnen und die eigenen Links bewerten. Bookmarkdienste erkennen das, z.B. anhand der IP.
- Die anderen Teilnehmer innerhalb des Bookmarkdienstes nicht zuspammen. Das führt in der Regel zum Rauswurf.
- Keywordfelder sollten voll ausgenutzt werden. Bitte darauf achten, ob die Schlüsselbegriffe mit Komma, mit Komma und Leerzeichen oder nur Leerzeichen getrennt werden soll.
- Einzigartigen Titel und Beschreibung wählen. Duplicate Content könnte ein Kriterium sein, was zur Abwertung führt (Bei Google und bei den Bookmarkdiensten).
- Bookmarkprofil verlinken. Je höher der Googles Pagerank desto höher die Chancen, dass die Inhalte von Google gespidert werden.
- Am besten nur interessante Sachen bookmarken, wie z.B. die eigenen Blogartikel.
- Bewerte/Kommentiere andere Bookmarks von anderen und generiere so Interesse an deinem Profil/Person.
- Vielleicht können Freunde und Bekannte die jeweilige Seite zu bookmarken. Je mehr Leute eine Seite bookmarken oder/und kommentieren, desto größer die Chancen, besser gerankt zu werden.
- Benutze kein automatisches Script für Bookmarkdienste. Das könnte zur Abwertung führen.

Falls jemand noch eine gute Strategie für das social Bookmarking hat, so möge er es doch bitte hier im Kommentar posten. Vielen Dank.

[Nachtrag: Seit dem Piguinupdate von Google vom 24.04.2012 ist es fraglich, ob sich die Zeit und Mühe lohnt in Bookmark-Marketingstrategien zu investieren]

Mehr über Aktionen, die man bezüglich des Pinguinupdates unternehmen sollte, erfahrt Ihr hier.

Es sollen keine weißen Balken produziert werden, Proportionen des Hintergrundbildes sollen erhalten bleiben (egal wie man skaliert), das Bild sollte immer zentriert bleiben, Scrollbalken sollte es nicht geben und unterschiedliche Browser sollten keine Kompatibilitätsprobleme haben.

Auf der Suche nach einer Lösung, um das Hintergrundbild schön an das Browserfenster anzupassen, bin ich auf die Webseite von Chris Coyer aus Wisconsin USA gestoßen. Er hat sich die Mühe gemacht und stellt Wege bereit, wie man ein Hintergrundbild permanent und automatisch an das Browserfenster anpassen kann. In einem Artikel stellt er 4 Lösungen vor, die mit CSS umgesetzt werden.

Ich selbst habe es bereits in 2 Projekten umgesetzt:

Bei der Schauspielerin Anne B. Scrott

und

bei einem Vertrieb für Anker und Ketten: IMS Hamburg

Es hatte einen guten Anklang bei meinen Webdesignkunden und ich denke, dass die obigen Designs schön anzuschauen sind.  Im Allgemeinen denke ich, dass großflächige Hintergründe modernen ausschauen. Das liegt daran, dass man es noch nicht so häufig sieht, es aber im kommen ist. Klar passt es nicht immer, aber in vielen Fällen kann man ja auch was dezentes als Hintergrund einsetzten.

Als Webdesigner und Internetagentur nutzt man häufig Bilddatenbanken, welche Bildlizenzen anbieten (Royalty free) und die man sich dann häufig mit anderen Unternehmen teilt. Man ist also nicht alleiniger Besitzer des Bildes, sondern hat lediglich eine Lizenz, die es einem erlaubt das Bild  auf eine bestimmte Weise einzusetzen.  Diese Lizenz ist, wie bereits erwähnt, nicht exklusiv, da sie auch von anderen Unternehmen erworben werden können .

Problematik: Da es eine Foto für ein bestimmtes Thema sein soll (z.B. Möbel), kann es also gut sein, dass die Konkurrenz des Unternehmens, für das man die Webseite erstellt, das gleiche Foto einsetzt. Das ist ziemlich peinlich. Oder es kann ein Foto sein, dass man an jeder Ecke sieht (das ist auch peinlich).

Gerade größere Unternehmen könnte das gravierend stören. Von daher muß ein professionelles Fotoshooting her. So entstehen professionelle Werbebilder, die exklusiv für das jeweilige Unternehmen angefertigt wurden.

Wie kommt man an diese Exklusivfotos?

Klar, man kann einen Werbefotografen engagieren. Nachteil: Er arbeitet vielleicht nur Vorort. Vielleicht muß man sich dann selbst noch um Models, Ideen, Stylisten, Make-up-Artists usw. kümmern. Also alles etwas umständlich.

Man kann sich auch an eine Werbeagentur wenden. Die haben das dann meistens Inhouse (alles unter einem Hut).

In diesem Zusammenhang möchte ich eine Werbeagentur vorstellen, die weltweit professionelle Fotoshootings zu einem günstigen Preis organisiert: Zu erreichen unter Shoot-Train.com und Klugwerben.de.

Das besondere an Shoot-Train bzw. Klugwerben.de ist, dass sie einen Onlinekalkulator haben mit dem man schnell den Preis für das Fotoshooting ermitteln kann. So kann man bei der Preisbestimmung für den potentiellen Webdesignkunden schon im Vorfeld sagen, wie teuer es werden wird.

Das Superbesondere bei Klugwerben.de bzw. Shoot-Train.de ist, dass es eine Festpreisgarantie gibt. Das gibt es so bei anderen Werbeagenturen eigentlich nicht. Bei anderen Werbeagenturen ist häufig nicht ausgeschlossen, dass die Kosten im Nachhinein explodieren und so für eine böse Überraschung sorgen.

Also wenn Ihr als Webdsigner oder Internetagentur mal hochwertigere Exklusiv-Fotos braucht, dann wendet euch am besten an Shoot-Train.de bzw. Klugwerben.de

Bislang galt, dass eine Keyworddomain (also ein Domain welche die Schlüsselworte enthält) einen klaren Vorteil bezüglich den Suchergebnissen hatte. Beispiel: webdesign-musterstadt.de war besser als fantasiename.de, um unter dem Begriff  “Webdesign Musterstadt” gefunden zu werden.

Dies hat Matt Cuts (die wichtigste Person bezüglich Googles  Searchquality) jetzt einigermaßen relativiert bzw. hat mit seinem Team vor, dies zu relativieren:

http://www.youtube.com/watch?v=rAWFv43qubI

Die Grundaussage des Videos ist, dass bislang die Domain welche Schlüsselworte enthalten hat, deutlich im Vorteil lag, aber das Matt Cutts und sein Team in Google dies noch besser regulieren werden, indem Sie Keyworddomains nicht mehr so stark gewichten werden. Auch weißt Matt Cutts auf den Umstand hin, dass sich Nicht-Keyworddomains besser einprägen lassen und dass man mit solchen Domains besser eine Corporate-Identity aufbauen kann (also im Prinzip, dass sich der Name besser einprägt). Wäre doch seltsam, wenn Facebook nicht unter Facebook.com gefunden wird, sondern unter soziales-netzwerk-beispielname.de gefunden wird.

Auf der anderen Seite macht Matt Cutts deutlich, dass Keyworddomains den Vorteil haben, dass die Keyworddomain häufig mit dem Domainnamen verlinkt werden. Also sieht der Linktext zu webdesign-musterstadt.de so aus:

webdesign-musterstadt.de

und das enthält die Keywords und wirkt sich auf die Suchergebnisse besser aus, als wenn auf Fantasienamen verlinkt wird. Z.B.

fantasiename-beispiel.de (Dieser Link enthält keine relevanten Schlüsselworte)

Hier nochmal näher erklärt: Es wird unterschiedlich verlinkt z.B. “eine gute Internetagentur”. Hier ist der Suchbegriff im Linktext enthalten. In diesem Fall kann eine Domainname Schlüsselworte enthalten oder nicht. Der Linktext enthält den Suchbegriff Internetagentur. Wenn also in diesem Link auf janik.cc verlinkt wird, so ist das ein possitives Signal für Google, dass janik.cc etwas mit Internetagentur zu tun hat und deshalb u.U. besser in den Suchergebnissen ranken wird. Das Problem ist aber, dass man so häufig nicht verlinkt wird. In einem hohen Prozentsatz wird man nur mit  dem Domainnamen verlinkt. Z.B.

janik.cc

anstatt eine gute Internetagentur.

In meinem Fall also ein Nachteil. Den Janik in janik.cc ist kein Schlüsselwort.

[Nachtrag: Durch das Pinguin-Update von Google vom 24.04.12 werden wahrscheinlich Linktexte die den exakten Schlüsselbegriff im Linktext übermässig verwenden eher abgestraft. Man sollte also varrieren und auch den eigenen Namen des öffteren nehmen.]

Es folgt eine Liste, wie man sich im Internet bekannt machen kann. Jede gute Internetagentur und jeder gute Webdesigner (das betrifft auch jeden, der sich seine Webseite selbst gestaltet), kann diese Liste gut gebrauchen.

Die Liste mit den Online-Marketingtipps ist nach Wichtigkeit sortiert. Die wichtigeren bzw. effektiveren Tipps kommen zuerst:

1. Für ein Unternehmen funktioniert virales Marketing am besten. Hier stellt man etwas ins Internet, was sehr interessant ist und viel Aufmerksamkeit erzeugt. Z.B. einen witzigen Werbespot. Dies ist der erste Punkt in der Liste und somit der wichtigste und effektivste. Leider ist dieser Punkt nicht immer leicht zu realisieren.

2.Engagement in der Bloggerszene und selber bloggen. Also im Prinzip das, was ich hier gerade mache. Jedes Unternehmen sollte einen eigenen suchmaschinenoptimierten Blog haben, wo regelmäßig neue Unternehmens-Nachrichten und vor allem Nützliches für den Leser (Kunden) gepostet wird. Wer hier Hilfe braucht, kann sich gerne an mich wenden (Mein Webdesignservice). Man kann auch auf fremden Blogs Artikel posten (Gastbeiträge), aber dann bitte immer mit Verweis auf die eigene Webseite. Lohnenswerter ist aber in der Regel der eigene Blog. So verschenkt man kein Content und kann sich seine eigene Leserschaft aufbauen. In vielen Fällen ist wahrscheinlich eine Kombination das Richtige.

3. Viel Content (Inhalte) auf der eigenen Seite. Die eigene Webseite sollte viele Inhalte haben, wie z.B. Texte, Bilder und Videos. Das ist alles Futter für Google und bringt dann viele Besucher. So ermöglicht man, dass man unter vielen Kombinationen gefunden werden kann. Wichtige Begriffen sollten dabei immer wieder im Content vorkommen. Das ist manchmal mehr wert, als unter einem Topsuchbegriff gut gefunden zu werden. Optimal wäre beides: Topsuchbegriff und seltenere Suchbegriffskombinationen.

4. Public Relations (auch Öffentlichkeitsarbeit). Definition Public Relations (Abk. PR) : Die eigenen Leistungen (als Organisation oder Unternehmen) für das breite Publikum (Öffentlichkeit) vorteilhaft darzustellen und dadurch Vertrauen gewinnen. Dies kann man z.B. durch gute Artikel/Berichte in Zeitungen, Magazinen, TV, Radio und sonstigen Publikationen (Online/Offline) erreichen. Je stärker das gewählte Medium wahrgenommen wird, desto besser. Wichtig: Bei jeder Publikation sollte man die Internetadresse mit angeben. Das Ziel ist es, mehr Besucher auf die eigene Webseite zu bekommen und so letztendlich zu Abschlüssen/Verkäufen etc. zu kommen.

5. Erwerb von Verweisen/Links (auf die eigene Webseite) bei anderen Seiten . Dies macht man am besten, indem man die Betreiber von Webseiten anspricht, die eine Webseite betreiben, die mit dem Thema zu tun haben, mit dem sich das eigene Unternehmen auch beschäftigt. Diese Webseiten sollten unter den gewünschten Begriff gut in Google gelistet sein. Was man dann als Austausch für den Link anbietet, bleibt jedem selbst überlassen. Es muss ja nicht immer Geld sein. (Hier ist Vorsicht geboten: Wenn man Verweise zu offensichtlich kauft, kann das zur Abstrafung bei Google führen)

6. Den Kunden mit einbeziehen. Dies kann man z.B. durch die Veranstaltung von Events, Seminaren, Networking (z.B. Facebook, Twitter etc.) und starken Kundenkontakt erreichen. Gute Bewertungen in den Bewertungsportalen im Internet z.B. Qype kann die Populariät eines Unternehmen deutlich ansteigen lassen.
Um Nah am Kunden zu bleiben, ist es wichtig, dass man als Unternehmen, den Kunden mit einbezieht, ihn sich einbringen läßt und für den Kunden da ist. Schnelle, freundliche und kompetente Kommunikation spielt hier eine wichtige Rolle.

7. Kunden Inhalte generieren zu lassen. Man kann Funktionen in die eigene Webseite einbauen, die es dem Kunden erlauben, eigene Inhalte auf die Webseite zu posten (z.B. mit einem Forum oder per Kommentarfunktion). Dies sorgt für mehr und häufig erneuerte Inhalten. Google liebt das.

8. Eintrag in bekannte Webkataloge, die Google vertraut. Dmoz.org ist z.B. so ein Katalog.

9. Einbringung in die Community, der jeweiligen Nische. Wenn man z.B. Autoteile verkauft sollte man sich selbst auf bekannten Autowebseiten einbringen. Z.B. Kommentare abgeben, Leserbriefe schreiben, Forumseinträge machen etc.

10. Regionale Verlinkungen. Es gibt viele Regionalseiten, regionale Branchenbücher, regionale Firmenverzeichnisse und Kataloge, bei denen man sich eintragen kann. Dies sorgt meistens auch für einen Boost bei Googles Branchenbuch (Google Places) – Google Places Einträge kommen häufig prominent mit einem Kartenausschnitt über oder neben den regulären Ergebnissen.

11. Eintrag und Bekanntmachung in Bookmarktdiensten. Man trägt die Seite in Bookmarkdienste ein z.B. Favoriten.de, Mr-Wong, url.org, Oneview etc. Der alleinige Eintrag ist aber meistens nicht ausreichend, man sollte anderer dazu bringen, die eigene Internetseite auch zu bookmarken.

12. Richtig Spenden. Häufig gibt es eine Liste mit Spendern inklusive Link. Und ein Link auf einer Seite einer bekannten gemeinnützigen Organisationen / eines gemeinnützigen Projekts, kann sehr wertvoll sein, da diese selbst hohes Vertrauen bei Google genießen. Aber auch wenn es keinen Link dazu gibt, so sind doch die Webseiten beliebter Projekt (z.B. kostenlose Software) gut besuchte Orte und wenn eine Liste mit Spendern an einer gut sichtbaren Stelle gezeigt wird, so kann das sehr von Nutzen sein.

13. Eintrag in normale Webkataloge. Erst an 13 Stelle, da es an Bedeutung verloren hat.

14. Webmaster (Webseitenbetreiber) kontaktieren und um eine kostenlose Verlinkung bitten.

15. Pressemitteilungen schreiben. Hier kann man z.B. Openpr.de , pressemitteilung.ws oder presseecho.de benutzen.

Weitere weniger effektive Methoden im Internet bekannter zu werden: Projetke veröffentlichen und dann per 301 umleiten (Google kann hier ggf. abstrafen), alte Domains kaufen und dann Links darauf veröffentlichen, alte Domains kaufen und dann per 301 weiterleiten (Google kann hier ggf. abstrafen), das Tauschen von Links (Google kann hier ggf. abstrafen), Werbebanner schalten (Kommt darauf an – funktioniert manchmal), Automatisierter Kommentarspam in Blogs und Foren.

Wenn man mit einer Domain umziehen möchte, z.B. weil aus seotechnischen Gründen ein ungünstiger Domainname gewählt wurde oder weil man seinen Firmennamen geändert hat, so ist das eine heikle Sache. Immerhin möchte man sich die ganze Seoarbeit, die bisher über die alte Domain gelaufen ist, nicht kaputt machen lassen.

Hier einige Regeln und Empfehlungen wie man einen Domainumzug mit weniger Schaden überstehen kann bzw. wie man mit einer Domain umzieht und dabei den Seowert auf die neue Domain transferiert. (Sehr wertvoll für SEOs und Webdesigner)

1. Richte eine 301 Umleitung ein. Eine 301 Umleitung kann man z.B. mit PHP oder mit .htaccess machen.

Sehr leicht geht dies per .httaccess-Datei (eine Textdatei, die man als .htaccess abspeichert bzw. später umbenennt und nicht als irgendwas.txt).
In diese .htaccess-Datei kommt folgender Code:

RewriteEngine On
Redirect 301 /seite-a.htm http://www.neuedomain.de/seite-a.htm
Redirect 301 /seite-b.htm http://www.neuedomain.de/seite-b.htm
Redirect 301 /seite-c.htm http://www.neuedomain.de/seite-c.htm

usw.

oder diesen Code:

RewriteEngine On
RewriteBase /
RewriteRule ^(.*)$ http://www.muster-domain.de/$1 [R=301,L]

Dieser leitet alle Anfragen direkt zu der entsprechenden datei unter der neuen Domain.

Also alte Seite: www.muster-domain-alt.de/muster1.htm
auf
neue Seite: www.muster-domain-neu.de/muster1.htm

Die .htaccess-Datei wird dann direkt ins Hauptverzeichnis hochgeladen, wo die alte Domain gehostet war (also dort wo die index-Datei zu finden war)

Bitte unbedingt beachten!!! Jede einzelne Seite muß umgeleitet werden und zwar auf einer Page-to-Page-Basis (Jede einzelne Seite der alten Domain wird auf die entsprechende Seite der neuen Domain umgeleitet). Verwendet bitte keine Redirects, welche alle Seiten der alten Domain auf die Hauptseite (Homepage) der neuen Domain lenkt. Macht es einfach so, wie im obigen Text beschrieben und nicht z.B. so:

RewriteEngine On
RewriteCond %{REQUEST_URI} !=http://www.muster-domain.de/
RewriteRule .* http://www.muster-domain.de/ [L,R=301]

Dieser .htacess-Code würde alle Unterseiten der alten Domain bei Aufruf auf die Hauptseite der neuen Domain umleiten.

2. Verifiziere die Identität von beiden Domains mit dem Webmaster-Tools von Google bzw. trage dich dort als Besitzer der beiden Domains ein.  Lass Google per Webmaster-Tools wissen, dass der Internetauftritt jetzt unter einer anderen Adresse zu finden ist: Dies geschieht mit dem dortigen Menüpunkt Website-Konfiguration > Adressänderung (auf Englisch “change-of-adress”).

3. Reiche eine Sitemap für die neue Domain ein (auch wieder unter den “Webmaster-Tools” von Google)

4. Kontaktiere alle Personen, die auf dich linken und teile ihnen mit, dass sich die Internet-Adresse geändert hat. Benutze dafür einen Backlinkchecker. Dieser hilft dir herauszufinden, wer auf deine alte Domain linkt. Einen guten Backlinkchecker findest du hier.

Wichtiger Hinweis: Mit jedem Umzug muß man mit Verlusten bei den Besucherzahlen rechnen. Gehe von 5-50 % Verlust aus.

Richard Albrecht ist der Gründer von Siteway Webdesign aus Hamburg. Wir kennen uns schon viele Jahre und ich möchte ihn und seine Hamburger Webdesign-Agentur kurz vorstellen.

Richard und sein Team arbeiten freundlich, kompetent, unkompliziert, schnell und zuverlässig. Das hört sich jetzt an wie eine Werbespruch – bei Siteway Webdesign ist das aber so. Tugenden, die eigentlich jedes Unternehmen haben sollte aber leider nicht immer hat.

Warum Siteway Webdesign aus Hamburg?
Gerade, wenn es um eine komplexeres Design geht, ist man bei dem Hamburger Unternehmen Siteway an der richtigen Stelle. Das Kreativ-Team rund um Richard Albrecht erarbeitet gute Ideen und ist sehr kritikfähig (sehr wichtig!).

Gerade, wenn es um das Endprodukt (die fertige Webseite) geht, so achtet Richard und sein Team sehr darauf, dass der Kunde tatsächlich etwas wertvolles bekommt, dass voll funktionsfähig ist und dass sich von seiner Ästhetik sehen lassen kann (Gerade wenn es um Grafikdesign geht, schwächeln viele Webprogrammierer).

Ich selbst empfehle den Richard, obwohl er mein Konkurrent ist, da er mir schon öfters geholfen hat und ich genau weiß, dass er einen guten Job macht. Ausserdem finde ich, dass man gute Leute immer empfehlen sollte, Konkurrenz hin oder her.

Sehr vorteilhaft bei Siteway Webdesign ist auch, dass die Mitarbeiter sich ständig weiterbilden, sich im Laufe der Zeit einen reichen Wissenschatz angeeignet haben und dies auch weiterhin tun werden. Gerade wenn es um Webautritte mit CMS oder Shop-Systemen geht, die einen größeren Funktionsumfang bekommen sollen, ist es ratsam sich an Richard und sein Team zu wenden. Er macht hier wirklich saubere Arbeit mit Programmier-Code, der sich sehr an den Vorgaben des W3C-Consortiums orientiert.

Einen Webdesign-Profi kennzeichnet auch aus, dass er mit nahezu allen Kundenanforderungen zurecht kommt. Richard ist hier nicht nur Profi, er vermittelt auch sein Wissen an andere Webdesigner in der Branche mit Webdesign-Seminaren und Schulungen.

Ein weiterer Aspekt, der Siteway auszeichnte, ist der, dass er Projekt erst abschließt, wenn der Kunde völlig zufrieden ist. Das mache ich natürlich auch, aber eben viele andere Webdesigner nicht. Hier gibt Richard ein Qualitätsversprechen, dass er auch einhält. Jedenfalls habe ich noch nichts Gegenteiliges gehört.

Ich hoffe dieses kleine Empfehlungsschreiben kann den einen oder anderen Überzeugen, den Richard zu buchen. Ich wünsche ihm jedenfalls alles Gute für die Zukunft und weiterhin viel Erfolg.

Google hat vor kurzem einen neuen Rankingfaktor eingeführt. Es ist die Ladegeschwindigkeit einer Webseite.

Wenn eine Seite schnell lädt, kann es sich positiv auf das Ranking in den Suchergebnissen in Google auswirken.

Dieser neue Faktor zeigt uns als ambitionierte Webdesigner, dass wir trotz der Entwicklung im DSL-Markt und damit verbundenen schnelleren Internetleitungen, einen Schritt zurück gehen und wieder die Ladegeschwindigkeit berücksichtigen sollten (…so wie in den alten Tagen, wo das Pipen des analogen Modems eine längere Warte-Session einleitete).

Da anscheinend Google jetzt die Usability einer Seite stärker bewertet, empfiehlt sich Folgendes, um zu einem schnellerem Laden einer Seite beizutragen:

1. Bilder optimieren: Die JPG-Kompression läßt sich vor allem mit Photoshop gut einstellen. Hier im Menü > Datei > Für Web exportieren (oder so ähnlich – Ich habe die Englische Version, wo es heißt: File > Save for Web and devises)
Die Kompressionsrate von ungefähr 55 hat sich als sehr gut herausgestellt. Manchmal lohnt sich auch der Einsatz vom Gif-Format, vor allem wenn das Bild wenige Farben hat. Bei der Bildoptimierung sollte man auch unbedingt die Bildgröße berücksichtigen. Ganz schlimm ist es, wenn die Bilder in Orginalgröße eingebunden werden und per Html skaliert werden. Also immer dran denken. Erst Bildgröße (Pixel) reduzieren, beim Abspeichern eine vernünftige Kompressionsrate wählen und erst dann in die Webseite einfügen.

2. Inhalte aufteilen: Anstatt alles auf der Startseite zu schreiben, sollte man vielleicht mehrere Kategorien einführen. Google spidert extrem lange Seiten mit niedrigem Page-Rank so oder so nicht bis ganz nach unten. Auf der anderen Seite sollte man für die Startseite auch nicht zu viel kürzen, da Google gerade  hier Inhalte wie Text und Bilder intensiver bewertet.

4. Der Einsatz von sehr großen Skripten kann die Ladezeit vergrößern. Hier sollte man vielleicht den Programmiercode nochmal durchgehen und schauen, wie man diesen aufräumen kann.

5. Die Menge an Skripten reduzieren: Manchmal lohnt es sich Skripte zu einem Skript zusammenzufassen.

5. Größere Videos lieber in die Videosektion verschieben, anstatt auf der Startseite.

6. Verwendung von CSS-Stylesheets: Dies kann die Größe an Quelltext einer Seite reduzieren und somit zu günstigeren Ladezeit beitragen.

7. Animationen sollten kurz gehalten werden: Wenn man Animationen einsetzt, sollte man darauf achten, dass man hier das wesentliche kommuniziert und auch innerhalb der Animationen Effekte und Bilder verwendet, welche die Dateigröße der Animation nicht unnötig anschwellen lassen.

8. Räume den Html-Code auf. Modernen Webdesignsoftware und Onlinetools bietet diese Möglichkeit.

Es gibt noch weitere Sachen die man machen kann. Hier eine Übersicht in Englisch.

Ich möchte hier mal einen kleinen Erfahrungsbericht/Test zu den verschiedenen Webspace-Providern abgeben / veröffentlichen. Als Webdesigner hat man es ja mit den unterschiedlichsten Webspaceprovidern / Webhostern zu tun und dementsprechend kann man gut deren Webspace testen und einen Provider-Vergleich anstellen. Gegenüber anderen Webspace-Tests ist dieser Vergleich sozusagen ein Langzeittest, da die von mir betreuten Domains meiner Webdesignkunden inklusive des Webspaces von mir über längere Zeit beobachtet und getestet werden. Über die vielen Jahre (ich bin seit über einem Jahrzehnt Webdesigner) ist mir auch aufgefallen, wer zuverlässig, benutzerfreundlich und wirklich preiswert ist. Ich möchte betonen, dass die Ergebnisse hier subjektiver und objektiver Natur sind. Hier nun Bewertung / Ranking / Vergleich größerer Webhoster:

Sehr gut  (1+) : All-inkl.com

Fazit:
++ Sehr zuverlässig und schnell.
+ Einfacher und benutzerfreundlicher Loginbereich (dieser hat eine logische Struktur).
++ Absolut kompetenter Support, der zudem immer erreichbar war, schnell geantwortet hat und vor allem kostenlos ist (telefonisch zum Festnetzpreis oder per E-Mail).
++ Auch andere Meinungen im Internet bestätigen eine hohe Kundenzufriedenheit bezüglich des Webspaces bei All-inkl.com.
+ Der Preis ist auch sehr gut. Weitere Domains können dem Webspace sehr günstig zugeschaltet werden. Möchte man mehrere Domains anmelden, so kann man dies ohne weiteres sehr preiswert tun (auch im Nachhinein ohne ein zusätzliches Webspacepaket kaufen zu müssen).

Empfehlung, Testsieger und Preis/Leistungssieger ist somit All-inkl.com

Gut (2+):  Greatnet

Fazit:
+ Ein kleinerer zuverlässiger Provider
+ Hohe Kundenzufriedenheit
++ Sehr gute Preise
+ Der Telefonsupport ist auch zu Festnetzpreisen zu haben.

Befriedigend (3+): 1und1

Fazit:
+ Einer der größten Provider in Deutschland.
+ Hat sich als sehr zuverlässig herausgestellt.
+- Der Support war bislang ok. Der Telefonsupport ist mittlerweile auch kostenlos (normale Festnetzpreise).
+ Im Loginbereich findet man sich auch einigermaßen gut zurecht.

Ausreichend (4-): Strato

Fazit:
+ Zuverlässiger Webspace-Provider
- kostenpflichtiger Telefon-Support
- Kundenbereich ist etwas kompliziert
- Bei einem meiner PHP-Skripte gab es in der Vergangenheit Probleme
- Webdesigner und Webmaster berichteten im Internet von Langsamkeit des Webhostings
+- Die Preise sind mittelmäßig

Ausreichend (4-): Hosteurope

Fazit:
+ Eigentlich auch hier ein recht zuverlässiger Webhoster.
- Leider ist der Kundenbereich sehr kompliziert z.B. um ein eigenes E-Mail-Formular zum Laufen zu bringen, brauchte es einiges an Know-How.
- Auch ist dieser Webhoster der Einzige, wo meine Flash-E-Mail-Formulare nicht einwandfrei funktionieren.
+ Zumindest ist der Telefonsupport ohne Aufpreis zu haben.

Mangelhaft (5+): United-Domains

Fazit:
+ Eigentlich recht zuverlässig.
- Nur ist der Kundenbereich eine Katastrophe. Hier kann man sich nur sehr schwer zurechtfinden und bis man die richtigen Einstellungen gefunden hat, kann schon einiges an Zeit vergehen. Einen Zugang zur Datenbankadministration muß man sich auch erstmal basteln.
- Außerdem stockte bei mir der FTP-Upload häufig.

Mangelhaft (5-): Evanzo.de

Fazit:
+ Einer der kostengünstigsten Provider
- Häufige Ausfälle in der Vergangenheit (Webseiten waren auf einmal nicht mehr erreichbar). So eine Unzuverlässigkeit ist ein absolutes No-Go für einen Webspaceprovider.
- Der Kunden-Support war zudem häufig nicht erreichbar oder hat sehr spät geantwortet.

Stand Februar 2011
Alle Angaben ohne Gewähr
Angaben nach meiner Erfahrung und Meinung.

Bitte postet auch hier eure Empfehlung, Kommentare und Meinungen über diese oder andere Webhoster. Bitte so neutral und objektiv wie möglich, Danke.

Wenn man als guter Webdesigner auch SEO (Suchmaschinenoptimierung) betreibt, dann ist es wichtig, dass andere Seiten das entsprechende Projekt richtig verlinken.

Neben der Onpageoptimierung sollten also auch die externen Faktoren stimmen, um ein höheres Ranking zu erzielen.

Hier soll es nicht primär darum gehen, woher man die Links bekommt, sondern es soll die Frage beantwortet werden, welche Links besser sind.

Es geht mir also nur um externe Links zu dem eigenen Projekt auf fremden Seiten (Domains). Also von www.fremdeseite.de auf www.unsereseite.de.

Hier die 10 Tipps:

1. Es ist besser, wenn der Link weiter höher im Dokument steht.

2. Der Link sollte im Fließtext stehen. Am besten der Fließtext ist unique (kommt auf keiner anderen Seite im Web vor).

3. Links im Footer oder in der Navigation bringen nicht so viel.

4. Sammle Links von vielen unterschiedlichen Domains

5. Die linkgebende Seite sollte am besten mit deinem Thema zu tun haben.

6. Bekomme Links von Seiten die Google vertraut. Am besten die Seiten, die unter dem gewünschten Suchbegriff in den Suchergebnissen selbst oben stehen aber auch von Seiten, die im allgemeinen als vertrauenswürdig, populär oder wichtig gelten z.b. wissenschaftliche Organisationen.

7. Links aus Html-Text (dem Fließtext) kommen besser an als Links aus Bildern (selbst dann auch, wenn in den Bilder ein passendes Alt-Attribut zu finden ist).

8. Vermeide Linkseiten die auf Spammer Linken

9. Der Link auf dein Projekt, sollte Linktext mit dem passenden Schlüsselwort haben. Also nicht nur einfach “klick hier” sondern z.B. Autoersatzteile. Aber bitte immer varrieren, da Google gleichbleibende Linktexte nicht mag [Nachtrag: Dies gilt umso mehr seit dem Penguin-Update vom Ende April 2012]

10. Bekomme Links die dofollow sind (also keine nofollow-Attribute haben).

Als Webdesigner möchte ich mal hier kurz schreiben, dass ich sehr stolz darauf bin, schon so manchem Existenzgründer oder Startup-Unternehmen unter die Arme gegriffen zu haben. Das ist auch das schöne an dem Beruf Webdesigner, dass man den mutigen Menschen, die sich in die Selbstständigkeit trauen oder neuen Unternehmen, die womöglich später Arbeitsplätze schaffen oder allgemein die Wirtschaft unterstützen, selbst eine Hilfe sein kann.

Ein Unternehmenskonzept erfolgreicher zu realisieren oder zumindest bekannter zu machen, kann sehr erfüllend sein.

Für Existenzgründer und Startup-Unternehmen ist eine neue suchmaschinenoptimierte Webseite eines der wichtigsten Werkzeuge, um erfolgreich in die Selbstständigkeit zu starten oder sich am Markt zu etablieren. Das hat folgende Gründe:

1. Schneller gefunden werden: Eine gute Platzierung im Internet bringt schnell neue Kunden.

2. Mehr Vertrauen: Eine gutes Webdesign suggeriert Erfahrung und kann für das nötige Vertrauen sorgen, um den Kunden zu einem Abschluss zu bewegen.

3. Schönere Angebotsvorstellung: Lange unbeholfene Erklärungsversuche über die eigenen Produkte, Geschäftsideen oder Dienstleistungen im direkten Gespräch können einen falschen Eindruck vermitteln. Besser ist, wenn man auf die eigene Webseite verweist, wo die Informationen schön komprimiert, gut sortiert und mit auflockernden Bildern präsentiert werden. Die meisten Fragen können so bereits im Vorfeld mit den dargestellten Infos geklärt werden.

4. Klarer Wettbewerbsvorteil: Eine gute Webseite ist ein klarer Wettbewerbsvorteil zur Konkurrenz. Mit der Webseite kann man sich z.B. in alle gängigen Online- und Offline-Branchenbücher eintragen.

Potentielle Kunden können so besser vergleichen und entscheiden sich für den Besseren. Häufig läuft der Entscheidungsprozess zu 80% beim direkten Webseitenvergleich der über Google gefundenen Anbieter.

5. Geld und Zeit sparen: Onlinewerbung mit der eigenen Webseite spart Geld gegenüber teuren Zeitungs-Annoncen, überteuerten Werbeplakaten, zeitraubenden Flyern oder sogar Fernsehwerbung. Geld, dass man bei der Existenzgründung dringend brauchen kann.

6. Gute Erreichbarkeit: Man ist jederzeit überregional erreichbar. Keiner muss sich eine Telefonnummer oder E-Mail-Adressen merken. Falls ein potentieller Kunde Kontaktdaten verloren hat, kann er den Namen googeln und schnell ausfindig machen.

Eine Webseite gehört bei jeder Existenzgründerberatung und vor jeder Existenzgründung in den Businessplan. So können Fördermittel, Gründungszuschüsse und Existenzgründer-Kredite sinnvoller eingesetzt und das Unternehmenskonzept besser realisiert werden. Vielleicht kann mit einem Onlinemarketing-Konzept sogar ein Geschäftsmodell bei der Zuschuss- oder Kreditvergabe besser überzeugen und somit dem Existenzgründer schneller zu Geld verhelfen.

Ich biete jedenfalls weiterhin meine Hilfe an und bin froh über jeden Auftrag eines Existenzgründers oder Startup-Unternehmens.
Hier mein Kontakt.

Istockphoto.com ist seit vielen Jahren der Platzhirsch unter den Bilddatenbanken für freie Bilder (Royalty Free Stock Photos – also Fotos die man unter bestimmten Lizenzbedingungen verwenden darf, ohne den Künstler am Gewinn beteiligen zu müssen).

Kaum eine andere Bilddatenbank wächst so rasant und hat so viele hochwertige Bilder wie Istockphoto.com.
Gerade die hochwertigen Bilder sind für eine Internetagentur sehr wichtig, da hochwertige Bilder Webseiten einfach besser aussehen lassen.

Leider wurden in der Vergangenheit die Preise bei Istockphoto immer wieder hoch gesetzt. Das nervt! Einmal wurde der Preis durch höhere Kosten pro Credit erhöht und zum zweiten durch mehr Credits je Bild bei schätzungsweise 80-90% der Bilder. (Bei Istockphoto bezahlt man mit Credits, die man im Vorfeld zu unterschiedlichen Preisen erwirbt, je nachdem wie viele man auf einmal kauft.)

Ich hatte in der Vergangenheit bereits einen Anlauf unternommen, eine Alternative zu Istockphoto.com zu finden, jedoch habe ich es dann schnell aufgegeben, da die meisten Bildagenturen entweder eine schlechte Auswahl, unbrauchbare Lizenzbedingungen hatten oder eben noch teurer waren.

Doch dann wurde ich vor kurzem auf eine wirklich gute Alternative zu Istockphoto.com hingewiesen und möchte daher ein bisschen Werbung für diese Bilddatenbank mache. Hier die Seite: Depositphotos.com

Die Bilddatenbank Depositephotos ist zwar noch jung, hat aber bereits über 2.5 Millionen Bilder zur Auswahl. Ausserdem gibt es noch weitere sehr interessante Vorteile gegenüber anderen Bilddatenbanken:
1. Deopsitphotos hat einen sehr günstigen Preis für eine Bildlizenz (z.B. 1 US-Dollar für ein 866×577 Pixel-Bild). Bei Istockphoto.com zahlt man nicht selten ein Vielfaches davon. (Häufig bieten Fotografen und Künstler Ihre Werke sowohl bei Istockphoto als auch bei Depositphotos an. So kann es durchaus vorkommen, dass man für das gleiche Bild ein sehr viel günstigeren Preis bei Depositphotos bezahlt.)
2. Depositphotos bietet eine brauchbare Auswahl an hochwertigen Bildern an
Die Qualität ist ähnlich, wie bei Istockphoto. Häufig findet man, wie bereits unter Punkt 1 erwähnt, die gleichen Bilder.

3. Depositphotos erlaubt eine Online-Verwendung von größeren Bildern (ohne Größenlimitierung) in Webdesigns, sofern das Bild nicht downgeloadet werden kann und es eine ins Design eingebundene (veränderte) Verwendung des Bildes ist z.B. als Hintergrundbild. Ansonsten ist auf Webseiten eine maximale Bilddarstellung von 1024×798 Pixel erlaubt. (Das ist mehr als bei den meisten anderen Bilddatenbanken (inkl. Istockphoto – dort nur 800×600).
4. Die Angabe der Quellen unter einem Bild von Depositphotos.com ist keine Pflicht. Voraussetzung dafür ist, dass das Bild keinen medialen/journalistischen, sondern einen kommerziellen Charakter hat (also z.B. auf einer Webseite, die das Ergebnis eines Kundenprojektes ist und eher Präsentations- und Werbecharakter hat).
5. Die Benutzerführung bei Depositphotos ist sehr intuitiv (sogar unkomplizierter als bei Istockphoto.com). Die Suche nach Bildern ist sehr einfach und der Bestellvorgang für Credits sehr schnell. Ausserdem gibt es viele Tools die bei der Bilder-Suche und Organisierung helfen.

6. Alle Illustrationen lassen sich auch kostengünstig als Bilder runterladen. Bei Istockphoto kann man Illustrationen nur zu dem vollen Illustrations-Preis runterladen. In diesem Bereich lassen sich die Kosten also um ein Vielfaches drücken.

Fazit: Alles in Einem ist die Bilddatenbank Depositphotos.com ein super Kandidat  für eine wirklich gute Istockphoto-Alternative.

Neben Depositphotos gibt es auch andere Alternativen, die ich aber als weniger brauchbar einschätze z.B. wegen eines höheren Preises oder schlechteren Lizenzbedingungen:

http://www.morguefile.com/
http://www.photocase.de
http://stockfresh.com/
http://www.123rf.com/
http://www.shutterstock.com/
http://www.fotolia.com
http://www.deviantart.com/
http://www.flickr.com/
http://www.freedigitalphotos.net/
http://www.imagechef.com/
http://www.dreamstime.com
http://www.bigstockphoto.com
http://easy.agefotostock.com
http://www.sxc.hu/
http://www.pixmac.com/
http://www.digitalstock.de/
http://www.panthermedia.net/

Das größte Manko bei den Istockphoto-Alternativen ist allerdings die kleinere Auswahl. Ausserdem haben Bilder bei Royalty-Free-Bildagenturen häufig eine schlechtere künstlerische Qualität. Manche verlangen auch einen Copyright-Hinweis, was das Ausschlusskriterium schlechthin ist.

Zusammenfassung: Es gibt endlich eine gute Istockphotoalternative.  Umstieg auf die alternative Bilddatenbank Depositphotos kann sich als sehr lohnenswert herausstellen. Dies gilt auch jetzt schon! Depositphotos ist in meinen Augen eine super Alternative, da einige (für Webdesigner) wichtige Lizenzbedingungen besser sind als bei Istockphoto (z.B. eine höher erlaubte Pixelgröße der Bilder in Webdesigns). Die Qualität der Bilder ist sehr gut (teilweise die gleichen Bilder wie bei Istockphoto.com).  Ich nehme an, dass dort ein engagiertes Team daran arbeitet, weniger gute Bilder auszusortieren, so dass man dort schneller das gewünschte Foto bzw. die gewünschte Vektorgrafik finden kann. Hauptkriterium ist und bleibt wahrscheinlich der gute Preis von Depositphotos. Man kommt extrem günstig an brauchbares Bildmaterial. Soweit ich das momentan sehen kann, sind dort alle Bilder ab 50 US-Cent zu haben. Das ist einfach ein tolles Preis-Leistungsverhältnis.

Hinweis: Alle Angaben auf dieser Seite sind ohne Gewähr. Lizenzbedingungen bei Bildagenturen können Änderungen unterliegen.

Die neuen Tags von Htlm 5 sind wirklich klasse.

Das weltweite Standardisierungskonsortium W3C gibt auf seiner Seite einen Überblick über die Entwicklung des Html 5 Standards

Hier werden auch die neuen Html 5 Tags aufgeführt, die für uns Webentwickler so wichtig sind. Hier eine kurze Zusammenfassung der wichtigsten Neuerungen:

—————————————————————————

<article> verweist auf einen externen Artikel
<audio> bindet Audioelemente ein z.B. Musik
<canvas> erlaubt mithilfe von z.B. javascript ein Zeichen-/Mal-Bereich
<command> Gibt einen Ausführknopf an, wie z.B. einen Radiobutton, Checkbox oder normalen Knopf
<datalist> Gibt eine Dropdownliste an
<details> Hier kann man weiter Details zu einem bestimmten Dokument oder Teil eines Dokuments eintragen
<embed> Definiert externen interaktiven Content oder Plugin
<header> Gibt eine Einleitung für eine Sektion oder Seite an<hgroup>Gruppiert Überschriften ( H1 bis H6)
<footer> Definiert ein Footer
<keygen> Zeigt einen generierten Schlüssel/Passwort an
<marked> Definiert markierten Text
<meter> Definiert Abmessungen
<nav>Definiert Naviagation-Links
<output> Zeigt Ausgaben an (z.B. Ausgaben eines Skripts
<section> Definiert eine Sektion (z.B. ein Kapitel)
<progress> Zeigt den Fortschritt einer Aufgabe an.
<source> Verweist auf Quellenangaben
<summary> Wird innerhalb des Detail-Tags für einen Zusammenfassung der Detailinformationen verwendet.
<time> definiert Zeit
<video> definiert ein Video z.B. Movie-Clip oder Videostream.

Falls ich mich vertan habe oder etwas fehlt, dann bitte einfach ein Kommentar hinterlassen. Danke.

Weitere Quelle (engl.): hier

Eine tolle Idee von der Agentur aus Stockholm.

Lange Zeit wurde in der SEO-Community behauptet, dass das Einbinden von H Tags (H1, H2, H3 etc. zur Markierung der Überschrift) in die Webseite sehr viel bringen würde. Auch ich habe mich hier von dem SEO-Herdentrieb verleiten lassen und habe das einfach so ungeprüft nachgeplappert.

Tatsächlich kann man sich zu dem Schluß verleiten lassen, dass die H-Tags etwas bringen, einmal weil es logisch klingt und zweitens weil man einen Effekt sieht, wenn man das Keyword weiter oben auf der Webseite  in einem H1-Tag einbindet. Jedoch ist der springende Punkt der, dass es nicht das H1-Tag war, was zu besserem Ranking führte, sondern das Einbinden des Keywords weiter oben auf der Webseite.

Wahrscheinlich schadet es nicht die H-Tags einzubinden, jedoch sollte man als seriöser Webdesigner auch nichts empfehlen, dass letztendlich nichts bringt.

Aufgrund der gewaltigen Preisunterschiede zu den USA gilt für das Günstigerbeziehen der Adobe CS5 Produkte (z.B. Photoshop CS5, Flash Professional CS5, Dreamweaver CS5, Creative Suite 5 Web Premium etc.) wieder der gleiche Lösungsweg, den ich auch letzten Jahr für die Adobe CS4 Produkte skizziert habe und von mehreren Teilnehmern diskutiert wurde.

Hier geht es zu dem Artikel: CS4 Photoshop, Dreamweaver und co. in Amerika kaufen

Viel Spaß beim Sparen.

1.  Viel unique Content: Man sollte auf seiner Webseite viel schreiben und zwar das, was noch nirgends anders wo steht.

2. Externe Links (Links auf die eigene Seite von anderen Webseiten): Diese Links sollten das Keyword enthalten. Die verlinkende Seite sollte selbst populär sein und mit dem Thema zu tun haben. Es sollten viele dieser Links gesammelt werden und zwar von unterschiedlichen Domains. Der Linkaufbau sollte stetig entstehen und nicht nur plötzlich auf einmal. Die Keywords sollten in den externen Links auch varrieren und nicht immer gleich sein.

3. Keywordgebrauch im Titel (Meta Tag): Am besten ein mal zu Beginn des Titel-Tags

4. Eigener Titel (Meta Tag) und eigene Beschreibung (Meta Tag) für jede Unterseite: Jede Unterseite also anders

5. Keywordgebrauch im Text: In den ersten 100 Wörtern einer Seite sollten die wichtigsten Keywords zwei bis dreimal vorkommen.

6. Aktueller Content: Immer wieder frische Inhalte.

7. Keywords in den Dateinamen (z.B. suchbegriff.jpg)

8. Viele Bilder und Videos: Suchmaschinen lieben Bilder und Videos.

9. Navigation: Jede Seite sollte von jeder Seite gut erreichbar sein. Die Navigation sollte Keywords enthalten.

10. Keyword im Domainnamen (www.keyword.de) – Auch wichtig, weil viele den Domainnamen auch direkt verlinken.

Nachtrag: Stark im Kommen (als Rankingfaktor) sind jetzt Userbewertungen z.B. auf Google Maps, Qype etc.

Vor allem ist so ein Test für viele Webdesigner interessant, wenn man eine erstellte Webseite für den Internet Explorer 6 testet. Per den Browserstatistiken von Webhits nutzt die Internetgemeinschaft den Internet Explorer 6 noch immer am häufigsten und das mit einem Marktanteil von fast 40%.  Kaum zu glauben, aber die Zahlen sind aktuell (Februar 2010) und Webhits hat als Counteranbieter eine ziehmlich repräsentative Statistik, was die Browsernutzung anbelangt.

Zur Homepage des IE-Testers

Quelle:

http://www.youtube.com/watch?v=EKuG2M6R4VM

Wie wirkt sich das jetzt auf uns Webdesigner (die auch Onlinemarketing anbieten) aus.

Zunächst einmal ist es für diesen Rankingfaktor wichtig, dass man mehr Besucher auf die eigene Homepage (bzw. die des Kunden) bekommt und diese dort auch behält bzw. bindet. Je häufiger und wahrscheinlich auch je länger die Surfer auf der eigenen Homeage (bzw. die des Kunden) verweilen, desto stärker wirkt sich das auf die Bewertung von Google bezüglich der eigenen Webpräsenz (bzw. die des Kunden) aus (vielleicht im Moment und insgesamt noch nicht so gravierend aber vielleicht eines Tages)

Um jedenfalls die Surfer auf der eigenen Internetseite zu binden, ist jetzt um so wichtiger, dass man Inhalte anbietet, die interessant sind und die Leute dazu bringen, zu verweilen und auch wieder zu kommen. Darüber hinaus könnte es sich in Zukunft lohnen mehr Traffik von anderen Seiten zu bekommen, so dass die eigene Homepage (bzw. die des Kunden) häufiger in der Web History der Surfer vorkommt. Auch sollte man die Keywords mehr darauf abstimmen, was die Zielgruppe wirklich sucht und auch auf der eigenen Internetseite (bzw. die des Kunden) dementsprechend anbieten.

Aber bitte keine Panik. Die vielen anderen Rankingfaktoren bei dem Google-Algorithmus sind immer noch viel wichtiger. Dieser hier beschriebene Rankingfaktor ist eher unwichtig. Den statistisch gesehen, bringen die anderen Rankingfaktoren viel mehr (z.B. der Aufbau von externen Links von guten und themenrelevanten Seiten).

Die Webseite findet man hier

Natürlich gibt es noch viele andere Webseitenoptimierungs-Faktoren, wie z.B. die Longtailoptimierung, bei der man die Keywords so weit streut wie möglich bzw. sehr viele unterschiedliche Keywords auf der Webseite verwendet. Ich habe das gemacht, indem ich z.B. meinen Service auf verschiedene Städte optimiert habe wie z.B. Berlin, Webdesigner München, Frankfurt, Dortmund etc. Oder indem ich diesen Blog schreibe und so viele Begriffe wie möglich verwende.

Das alles ist gut und schön, aber es kommt halt am Ende darauf an, dass sehr viele gute themenrelevante  Seiten auf einen verweisen.

Aber auch hier haben sich die Spielregeln vor Kurzem geändert: Noch vor einigen Jahren hat man ganz plump nach Tauschaktionen gefragt, oder per Email nach Verweisen gefragt, Kommentare auf Blogs und in Foren veröffentlicht oder schlicht weg Verweise auf anderen Seiten gekauft.

Manche dieser Sachen scheinen teilweise noch zu funktionieren, sind aber nicht so effektiv bzw. werden immer gefährlicher, da Google diese Methoder immer mehr durchschaut und abwertet. Ausserdem sind die meisten dieser Anstrengungen sehr zeitintensiv.

Was aber noch wichtiger ist, ist die Frage nach der Konstanz. In jüngster Zeit achtet Google auch auf die Konstanz, d.h. wie frisch die Verweise sind. Wenn zwar kurzfristig viele Verweise gesammelt werden, dann aber mit der Zeit nur selten neue Verweise hinzukommen, mindert sich der Erfolg. Aus diesem Grund ist eine neue Linksammelstrategie gefragt, die auf Konstanz setzt.

Ich erwähne mal hier einige, die mir so auf die schnelle einfallen (Stichwort: Linkbait, virales Marketing etc.):

1. Content-Licensing: Man stellt bestimmten Content (Inhalt) kostenlos zur Verfügung und zwar nur unter der Bedingung, dass man einen Verweis als Gegenleistung bekommt. Content kann sein: Bilder, Videos, News, Software, Gimmicks, Widgeds, Templates etc.

2. Gute Gastartikel in Blogs schreiben mit eingebauten Verweisen. Artikel werden nicht selten dann von anderen verlinkt z.B. aus anderen Blogs, Foren, Webseiten etc.

3. Witzigen oder interessanten Inhalt auf der eigenen Seite veröffentlichen, der dann auch wieder verlinkt wird, weil er so gut ist

4. Legale Quizspiele anbieten

Aber vielleicht fällt euch noch was ein. Dann bitte hier als Kommentar posten. Danke.

Zum Download des Microsoft Expression Web SuperPreview for Windows Internet Explorer

Mann sollte also das Meta Tag einfügen oder den Server anders konfigurieren.
Falls man das nicht möchte, kann man zur Not die Zeichen per Hand umwandeln. Hier die UTF-8 Zeichnentabelle der wichtigsten deutschen Zeichen:

ä:  &auml;
Ä:  &Auml;

Ö:  &Ouml;
ö:  &ouml;

ß:  &szlig;

Ü:  &Uuml;
ü:  &uuml;

“:  &quot;

&:  &amp;

§:  &sect;

©:  &copy;

®:  &reg;

>:  &lt;

<:  &gt;

Zu den Gewinnern der Wirtschaftskrise gehören sicherlich neben den schamlosen Profiteuren der Konjunkturpakete viele unterschiedliche Branchen. Seit eh und je ist z.B. der Kunst- oder Goldhandel in der Zeit einer Rezession ein Boomgeschäft. Das liegt daran, dass in Krisenzeiten verstärkt in Güter und Dienstleistungen investiert wird, die inflationssicher sind. Gerade nach Wirtschaftskrisen ist eine Inflation eines der großen und grausamen Schreckensgespenster.

Auch für Webdesigner und Internetagenturen ist eine Wirtschaftskrise keine wirkliche Bedrohung und sorgt häufig für zusätzliche Aufträge. Viele Firmen scheinen die wertvolle und richtige Weitsicht zu haben, dass das Geld gut und krisensicher in einer neuen oder überarbeiteten Webseite investiert werden kann. Vor allem gute und optimierte Webseiten sind geradezu ein Garant für ein gutes Geschäft in naher und weiter Zukunft. Manchmal wirkt sich eine neue Webseite sofort aus. Der negative Effekt von Auftragsverlusten kann so rechtzeitig gemindern oder sogar ausgemerzt werden.

Hinzu kommt, dass bei der Überarbeitung oder Neugestaltung einer Webseite, das investierte Geld im Wirtschaftskreislauf bleibt und diesen belebt.

Viele Firmen sollten sich daher überlegen – gerade in Krisenzeiten – sich tatsächlich eine neue Webseite gestalten zu lassen.

Als allein arbeitender Freelance-Webdesigner bin ich hier natürlich manchmal von dem Arbeitsvolumen überwältigt, gerade auch deswegen, weil ich meine Fristen besonders ernst nehme. Gott sei dank, halte ich die meisten Fristen ein, so dass ich am Ende rundum zufriedene Webdesignkunden habe.

Damit, dass auch weiter so bleibt, habe ich mir im laufe der Jahre einige Regeln aufgestellt, die mir helfen ein größeres Arbeitsvolumen zu bewältigen, sprich schneller und effektiver zu arbeiten. Man könnte es auch als Zeitmanagement betrachten, aber es geht etwas darüber hinaus.

Hier also 10 wichtige Regeln für schnelleres und effektiveres Arbeiten

1. Ich erledige kleinere Webdesignarbeiten immer zuerst. Wenn ich an einem größeren Projekt arbeite und ein anderer Webdesignkunde möchte, dass ich kurz mal einen Text austausche, dann mache ich das sofort. Zu viele offene Sachen, würden meine Aufmerksamkeit zu sehr belasten. Diese offenen Sachen würden mich zu häufig daran errinnert, sie erledigen zu müssen. Beim Arbeiten brauche ich einen klaren Kopf und nicht ein ständig hochkommenden Gedanken, dass ja der und der Kunde schon seit so und so vielen Tagen auf eine Erledigung warten.

2. Ich versuche mich so wenig wie möglich abzulenken. D.h. ich stelle z.B. das Emailprogramm aus, damit ich nicht ständig von z.B. irgendwelchen Spamemails oder auch anderen Kundenanfragen abgelenkt werde. Die Emails 2 oder 3 mal pro Tag nachzusehen reicht völlig aus.

3. Wenn ich mal keine Lust habe, an einem Webdesignentwurf zu arbeiten, dann öffne ich diesen und schaue ihn mir nur an. Das mache ich so lange bis ich wieder Lust bekomme. Das funktioniert auch, wenn mal die Ideen ausgehen. Einfach nur anschauen.

4. Ich treibe Sport oder gehe in die Natur. Das viele Sitzen vor dem Computer lässt einen fester werden. Als Designer muß man locker sein. Um von dem vielen Arbeiten Abstand zu gewinnen, sollte man sich täglich auch andere Dinge zuwenden, die Erhohlung versprechen. Sport ist nicht für jeden Erholung, aber dafür vielleicht die Natur. Jedenfalls sollte es etwas sein, dass auch den Körper anspricht. Fernsehn ist hier nicht angesagt. Durch richtige Erhohlung bekommt man neue Kraft und kann so effektiver bzw. schneller arbeiten.

5. Ich schlafe mich aus. Viele meinen, dass man durch langes durcharbeiten, mehr erreichen kann. Wahr ist, dass wenn man müde ist, man häufig ca. 2 bis 3 mal langsamer denkt und arbeitet. Der eingebildete Nutzen ist keiner. Schon alleine die Korrktur der Fehler, die sich einschleichen, wenn man müde ist, ist es nicht wert.

6. In Zeiten hoher Kundenfrequenz nehme ich nur Aufträge an, die mir Spaß machen und die mein Zeitrahmen nicht sprengen. Schwierige Aufträge, die sehr zeitinentsiv sind, werden dann an befreundete Agenturen abgegeben. Den Preis für den Kunden an dieser Stelle einfach zu erhöhen, funktioniert nicht immer, da viele Webdesignkunden einen bestimmten finanziellen Rahmen haben. Sich hier runterhandeln zu lassen, würde nur dazu führen, dass man die normal-zahlenden Kunden aufgrund des Zeitmangels nicht schnell bedinen kann und letztendlich dadurch Geld verliert.

7. Teilarbeiten outsourcen: Viele Arbeiten, die sehr zeitintensiv sind, kann man durch Outsourcing reduzieren. Z.B. wenn man eine schwierige Animation hat, kann man diese dann z.B. an eine Firma im günstigeren Ausland z.B. Indien, Polen etc. vergeben.

8. Gute Ernährung. Ausgewogene Ernährung trägt wesentlich zur Stimmungslage bei. Um zu designen, ist es wichtig in einer guten Stimmung zu sein, den die eigene Stimmung überträgt sich häufig auf die Ästhetik der Internetseite. Man muß dann weniger korrigieren, ärgert sich weniger und kommt so schneller zu einem Resultat.

9. Disziplin!

10. Ich trage Zeitpläne (Zeit-Ziele)  für jeden Kunden in mein Whiteboard (Weiße Tafel für trocken abwischbare Markerstifte) ein, damit ich einen guten Überblick habe. Klar umrissenen Ziele vor Augen, helfen ungemein, schneller und effektiver zu Arbeiten. Ins Whiteboard trage ich auch die 2 nächsten zu erledigenden Arbeiten ein, damit ich mich von anderen (Zielen) nicht zu stark ablenken lasse. So bleibt man schön fokusiert.

*******

So, dass waren Sie, meine 10 Regeln für schnelleres und effektiveres Arbeiten.

Falls Ihr auch gute Tipps habt, um bei der Arbeit Zeit zu sparen oder/und um sehr effektiv zu arbeiten, dann möchte ich euch bitten, diese als Kommentare hier zu hinterlassen.

Danke!

Unglaublich aber wahr: Unter http://www.sumopaint.com/web/ kann man online Bilder kostenlos bearbeiten und zwar mit vielen Funktionen die Top Bildbearbeitungsprogramme (wie z.B. Photoshop) bietet. Klar an Photoshop (dem Top-Photobearbeitungsprogramm No.1) kommt kein anderes Fotobearbeitungsprogramm wirklich ran, aber das was man unter sumopaint.com machen kann, wird schon den einen oder anderen Designer begeistern. Man muß noch nicht einmal Bildbearbeitungs-Software installieren. Gerade die Werkzeugpalette, Filter, Styles, Brushes, Paletten, Shapes, Layer etc. sind so wie einer Top Bildbearbeitunssoftware. Da kann man mit den eigenen Grafiken schon beachtliches anstellen.

Kostenlos und Online: Wie es aussieht hat die Freeware bzw. kostenlose Internetsoftware Sumopaint noch eine große Zukunft vor sich.

Tipp: Wenn Ihr auf  http://www.sumopaint.com/web/ geht, dann einfach auf das große Vorschaubild klicken, dann kommt Ihr direkt zum Online-Editor. Um Bilder zu bearbeiten müßt Ihr nicht registriert oder angemeldet sein. Man kann also sofort loslegen!

Nachtrag: Pixlr.com – Auch ein gutes Online-Bildbearbeitungstool

mit dem Interface von http://www2ftp.de/

Mit dem Online-Interface können Sie sich einloggen und schon kann der Dateientransfer beginnen.
Dies ist FTP ganz bequem per Internet ohne zusätzliches Programm wie z.B. Filezilla, Total Commander, Wise-FTP, WS-FTP etc.

Ein Online-FTP-Zugang ist ideal, um z.B. Webdesignkunden den schnellen Zugriff auf große Dateien zu ermöglichen oder eben auch mal anders herum.

Zur Seite von Vividresponsematters.com

Videomenschen gibt es immer häufiger. Doch selten ist das Zusammenspiel von herein- und herausgeblendetem Textanimatonen mit Videomenschen so schön gelungen wie bei Vividresponsematters.com.

Um Webdesigner zu sein brauch es keiner geprüften staatlichen Qualifikation. Zur Zeit kann sich jeder so nennen, der das möchte.

Wer vorhat diesen Beruf auszuüben, sollte sich selbst fragen, ob er:
a) das stundenlange Arbeiten am Computer mag
b) ein guten Sinn für Ästhtetik hat
c) kompliziertere Zusammenhäng verstehen kann (z.B. im Programmiercode)
d) fähig zur Selbst- bzw. Fremdkritik ist (z.B. um ein Design zu verbessern)

Wer diese Voraussetzungen mehr oder weniger erfüllt und Webdesigner werden möchte, sollte mit einer praxisbezogenen Ausbildung beginnen.

Es gibt in Deutschland verschiedene Ausbildungs-Angebote von Universitäten, Fachhochschulen, Akademien, Schulen und Fernkursanbietern.

Für einen gut klingenden Titel kann man Kommunikationsdesign bzw. Mediengestaltung an einer Universität/Hochschule studieren (z.B. Essen, Wuppertal, Stuttgart, Berlin, Weimar, Leipzig, Bielefeld,  Augsburg, München, Würzburg, Potsdam,  Bremen, Hamburg, Darmstadt, Kassel, Offenbach,  Braunschweig, Dortmund, Duisburg/Essen, Köln, Halle (Saale), Leipzig, Saarbrücken, Mainz und bei viele weitere. Als Abschluß winkt ein Titel wie z.B. Diplom Kommunikationsdesigner.

Zu beachten wäre jedoch, dass Studiengänge wie  Mediengestaltung oder Kommunikationsdesign Studiengänge sind, die viele Aspekte behandeln, die ein Webdesigner nicht unbedingt benötigt.

Neben dem Wissen für das Designen von Webseiten, eignet man sich auch unnötiges Wissen an. Z.B. in den Bereichen: Printmedien (Bücher, Plakate, Zeitschriften, Broschüren, usw.),  Film, Fernsehen, Radio, Ausstellungen etc.

Natürlich kann einem das Wissen nutzen, aber es wäre wahrscheinlich zeitsparender, sich auf die wirklich wichtigen Aspekte zu konzentrieren, wie z.B. auf Programmierung (PHP, Java, Html etc.).

Empfehlenswert ist der Besuch an speziellen Webdesignschulen, Kursen und Seminaren, die sich Schwerpunktmäßig auf Webdesignthemen konzentrieren.

In jeder größeren Stadt gibt es Schulen und Akademien die man besuchen kann, um eine grundlegende Ausbildung zu erhalten.

Ich empfehle, sich Wissen für folgende Computer-Programme anzueignen:

- Adobe Dreamweaver (Programm zur Erstellung von Webseiten)
- Adobe Flash (Programm zur Erstellung von Animationen in Webseiten)
- Adobe Photoshop (Programm zur Bearbeitung von Bildern und zur Erstellung von Bildeffekten)
- Adobe Illustrator (Programm für die Erstellung und Bearbeitung von Vektorgrafiken)

Letztendlich sollte man sich vor allem mit dem Erstellen und dem Bearbeiten von Webseiten, Grafiken und Animationen auskennen.

Webseiten bestehen haupsächlich aus Texten, der Menüführung, Grafiken und Animationen.

Alles weitere spielt eine Nebenrolle und kann später erlernt werden. Z.B. das Nutzen von Content Management Systemen wie Drupal, Joomla oder TYPO3, das Arbeiten mit Datenbanken, Programmieren von Skripten (Java, Php etc.),

Man sollte sich den größten Teil des Wissens durch  Büchern und aus dem Internet aneignen z.B. unter Zuhilfenahme von Internet-Foren und Tutorials.

Nachdem man sich das notwendige Wissen angeeignet hat, kann man gleich loslegen. Entweder bewirbt man sich direkt bei Firmen oder gestaltet als selbstständiger Webdesigner Internetauftritte für Unternehmen.

Den Profi-Internetdesigner unterscheidet sich vom Anfänger insoweit, dass der er Webseiten mit klaren zueinander passenden Formen und Farben gestaltet. Ein Profi erstellt Webseiten schnell und gekonnt. Die verwendetet Bilder sind hochwertig und passend; die Benutzerführung (Navigation) einladend und einfach; die Textgebung ist übersichtlich und ansprechend; Schriften sind passend und gut lesbar; die Bereiche der Webseite sind eindeutig und sinnvoll gegliedert; Animationen sind effektvoll aber nicht zu kitchig.

Ein professioneller Internetdesigner denkt auch an die Benutzerfreundlichkeit: D.h. die Seite sollte angemessen schnell laden, auf unterschiedlichen Systemen und Bildschirmeinstellungen ähnlich aussehen, keine Ladefehler aufweisen etc.

Zusammenfassend sollte der Profi Internetauftritte erstellen, die sich (in Bezug auf Ästhetik) mit Webseiten der Marktführern in der jeweiligen Branche messen lassen.

Jeder der professionell Arbeiten kann, hat gute Zukunftsaussichten.

Allgemein gesehen, sehen die Zukunftsaussichten für Webseitenersteller nicht unbedingt schlecht aus. Immer mehr Firmen drängen ins Internet. Mehr und mehr Firmen weiten Ihr Internetgeschäft aus. Webdesigner werden benötigt.

Wenn man sich gut ausbildet und sich erfolgreich bekannt macht, hat man gute Chancen seinen Lebensunterhalt mit diesem Beruf zu verdienen.

Wenn man sich bei Internetagenturen bewirbt, wird man vielleicht erst ein Praktikum absolvieren müssen und vielleicht nicht übernommen, aber wenn man am Ball bleibt oder bereits ein sehr guter Designer ist, hat man gute Chancen, seinen Traum wahr werden zu lassen.

Zwar arbeitet man manchmal als selbstständiger Webdesigner bis spät in die Nacht hinein (siehe Bild), aber weil es eine kreative Tätigkeit ist, verfliegt die Zeit und man merkt die Stunden kaum.

Der normale Tagesablauf sieht in etwa so aus, dass man
- Kundengespräche führt
- grob die Stilrichtung für das kommende Webdesign festlegt
- ein Gerüst für die Webseite herstellt
- ggf. Bilder bei einer Bildagentur auswählt
-  Animationen erstellt
- ggf. programmiert oder bereits erstellten Programmiercode anpasst oder verknüpft
- Bilder bearbeitet
- Rücksprache mit dem Kunden führt
- sich gelegentlich fortbildet

Bei größeren Agenturen könnte es sein, dass man sich die Arbeit teilt. Jemand ist dann z.B. für die  Animationen zuständig und ein anderer für die Bilder.

Im Großen und Ganzen kann die  Arbeit viel Spaß macht. Man lernt viele Interessant Menschen und Unternehmen kennen; man arbeitet kreativ und man kann sich fortlaufend verbessern.

Ich kann nur sagen: Eine brilliante Werbung!

Die Webseite von Touchdiva

Hier klicken, um die Webseite aufzurufen.

Bei der Corporate Identity spielt das Logo eine zentrale Rolle, da es zur Persönlichkeit des Unternehmens maßgeblich beiträgt.

Hier nun 10 Tipps für ein gutes Logo, da Internetagenturen und Webdesigner auch häufig beauftragt werden, zusammen mit der Webseite, ein neues Logo zu entwerfen.

1. Ideenfindung: Für die Ideenfindung ist es wichtig zu verstehen, wie sich das Unternehmen selbst sieht. Hier stellen sich wichtige Fragen bezüglich des Unternehmens und dessen Leistungen, Zielgruppen, Schwerpunkte, Größe, Wunschimage, Vorteilen gegenüber den Mitbewerber, Preislage  etc.

2. Vektorgrafik: Logos sollten stets mit einem Vektorgrafikprogramm erstellt werden, damit dieses auch hinterher in allen Größen skalierbar sind; z.B. wenn ein größeres Plakat erstellt werden soll.  Ein sehr professionells Programm ist der Illustrator von Adobe. Ein gutes kostenloses Opensource-Programm ist Inkscape.

3.  Schriftart: Wenn möglich sollte man bei maximal zwei Schriftarten bleiben. Auch ist der Wiedererkennungswert besser, wenn die Schriftart nicht so häufig vorkommt  (Siehe Coca Cola, Walt Disney oder Ford).

4. Lesbarkeit: Das Logo sollte noch gut erkennbar sein, selbst wenn es stark verkleinert wird oder wenn die Hintergrundfarbe wechselt.

5.  Symbole: Logos bestehen meistens aus der Schrift und einem Symbol. Das Symbol sollte grob gehalten werden, um auch hier eine gute Erkennbarkeit zu garantieren. Auch in Schwarz-Weiß, sollte der Wiedererkennungswert immer noch gegeben sein.

6. Copyright: Logos sollten nicht der Konkurenz ähneln, da man hinter mit großen finanziellen Verlusten rechnen kann vor allem in Bezug auf die nachträgliche Änderung des Logos und den Kosten, die aus einem Gerichtsstreit hervorgehen.

7. Auswahl: Der Kunde sollte das Logo auswählen und wirklich zufrieden damit sein. Es ist besser dem Kunden dafür eine Vielzahl an möglichen Logos zu präsentieren, um eine Übereinstimmung zu erreichen. Meistens reichen hierfür 10 Entwürfe unterschiedlicher Logos aus. Falls man nicht auf einen gemeinsamen Nenner kommt, kann man dem Kunden eine Auswahl unterschiedlicher Logos verschiedener bereits existierender Firmen präsentieren, damit man weiß, welche grobe Richtung man einschlagen sollte, ohne in Copyrightsverletzungen hineinzugeraten.

Ich war tatsächlich ein bisschen enttäsucht, dass er nicht gewonnen hat.

Aber die Wahrheit bleibt: Das wirklich größte Talent der Show ist Lucas Wecker.

Hier die offizielle Homepage von Lucas Wecker.

Manchmal reicht es aus ein professionell gemachtes interaktives Video ins Netz zu setzen, um den Surfer zu begeistern. So hat sich auch ein französisches Modelable dazu entschlossen, eine Webseite mit einem beeindruckendem interaktiven Web-Video zu gestalten.

Zur Seite

Zur Präsentation

Volkswagen in den Niederlanden hat ein sehr anschauliche Video-Webpräsentation mit sich bewegenden Videosquenzen

Browsershots.org

Mit Browsershots kann man sich bequem eine Screenshot des eigenen Webdesigns anfertigen lassen, um es auf verschiedenen Browser-, Javaskript-, Flash- und Windowsversionen zu testen. Auch kann man verschiedene Bildschirmauflösung einstellen. Oder man testet die Webseite unter verschiednen Betriebsystemen.

1. Den Kunden aussprechen lassen
Als Webdesignanbieter genau zuhören, was der Kunde möchte ist der goldene Weg zum Erfolg. Der Kunde sollte immer die Möglichkeit haben, sein Anliegen vollständig zu artikulieren.

2. Den Kunden verstehen und es ihm auch zeigen, dass man ihn verstanden hat
Der Kunde muß sich verstanden fühlen. Deshalb ist es wichtig, ihm das auch so zu signalisieren oder mitzuteilen. Und wenn man ihn nicht wirklich verstanden hat, dann sollte man eben nochmal nachhacken.

3. Den Gebrauch von Fachbegriffen vermeiden
Potentielle Webdesignkunden kaufen vorwiegend das, was Sie verstehen. Deshalb ist die Verwendung von Fachbegriffen im Kundengespräch ein Tabu. Eine Webdesignagentur tun gut daran, dem Kunden alles so einfach, wie möglich zu erklären.

4. Auf lange Erklärungen verzichten
Die Aufmerksamkeitsspanne von dem durchschnittlichen Menschen ist begrenzt. Kleine Informations-Häppchen sind daher angebracht. Große Monologe über fachspezifische Themen sind out. Man sollte auf keinen Fall davon ausgehen, dass sich die Kunden auskennen und den technischen Erklärungen folgen können, auch wenn es sich noch so simple für einen selbst anhört.

5. Fragen stellen
Als Webdesigner solltet Ihr versuchen, den Kunden immer wieder aktiv in das Gespräch mit einzubinden. Das kann man sehr gut mit Fragen machen. So bleibt die Aufmerksamkeit auf einem hohen Niveau. Ausserdem findet man mehr heraus, was der Kunde wirklich möchte.

6. Splitting bei der Preisbesprechung
Splittet die einzelnen Dienstleistungen bei der Preisfrage auf, damit eure Webdesignkunden sehen, was alles hinter der Gesamtsumme steckt und worauf sie vielleicht verzichten möchten.

7. Haltet eure Kunden über den Verlauf des Projekts informiert
Designt z.B. die Startseite und haltet dann Rücksprache, ob die Seite so gefällt und ob man es für die Unterseiten übernehmen kann. Alles zuerst fertig zu designen und den Kunden dann erst zu informieren, kann für beide Parteien sehr unangenehm enden.

8. Haltet das, was Ihr versprecht
Eine einmal gemachte Zusage, sollte eingehalten werden. Vertrauen ist ein hohes Gut in der Kundenbeziehung.

9. Setzt den Kunden nicht ins Unrecht
Eitelkeiten gehören nicht ins Kundengespräch. Wenn ihr seht, dass der Kunde Unrecht hat, dann bindet es ihm nicht sofort auf die Nase oder macht euch sogar lustig darüber. An dieser Stelle ist es angebracht höchst vorsichtig zu sein. Findet etwas, was an der Aussage korrekt sein könnte und bringt dann in gut verdaulicher Form eure Argumente ins Spiel.

10. Wenn der Kunde mehr verlangt als vereinbart, dann erhöht den Preis
Anstatt sich mit dem Kunden zu streiten und Leistung zu verwehren, sollte man den zusätzlichen Wünschen mit einem höheren Preis begegnen. Natürlich mit vorheriger Absprache.

Immer mehr Unternehmen und Geschäftsleute sehen das Internet als eine unverzichtbare Plattform sich zu präsentieren. Als Internetagentur sollte man daher beim Gestalten von Internetauftritten folgende Regeln beachten:

1. Unternehmens-Logo
Das Logo ist das Markenzeichen des Unternehmens und Teil der Corporate Identity (Unternehmensidentität). Daher sollte dem Logo beim Webdesign besondere Gewichtung beigemessen werden. Das Logo muß an einer prominenten Position (meistens oben links) auf der Webseite erscheinen. Es darf nicht zu stark komprimiert sein. Ausserdem sollte die Kanten genügend Klarheit, Glätte und Schärfe aufweisen.

2. Text auf der Internetseite
Eine klare sachliche Schriftart ist Pflicht. Es empfiehlt sich hier Arial, Times New Roman, Verdana oder Garamond.

Jede Schrift sollte gut lesbar sein.  Einstellungen von 10 bis 24 pt sind normal. Es sollte im Zweifelsfall die Variante mit der größeren Schrift gewählt werden.

3. Farben des Internetauftritts
Die Farbwahl auf der Webseite sollte die Philosophie und Strategie des Unternehmens unterstreichen. Hintergrundfarben sollten in einem angemessenen Kontrast zur Schrift stehen. Warme Farben sollten eher nicht mit kalten Farben gemischt werden. Es gibt zwar Ausnahmen zu dieser Regel; aber so grundsätzlich bleibt man im gleichen Bereich.

Wichtig zu erwähnen wäre, dass man von den Standardfarben weg kommt und in der Farbwahl sehr individuelle Farben wählt. Anfänger verwenden häufig Standardfarben und daher sieht man diese häufig auf Webseiten mit niedrigem Niveau.  Wenn man auch Standard-Farben verwendet, so rutscht man ein bisschen in diese Sparte. Diese Assoziation gilt es zu vermeiden.  Am besten man verwendet Farbverläufe. Farbverläufe unterstreichen die Exklusivität.

Den Farben sollte besonderes Augenmerk gewidmet werden, da die Farbwahl entscheidend ist, wie der Betrachter der Webseite das Unternehmen wahrnimmt.

4. Bilder auf der Webseite
Die auf der Webseite verwendeten Bilder sollten zum Unternehmen passen. Zuerst sollte man sich die Zielgruppe anschauen. Handelt es sich um eine sehr jugendliche Zielgruppe, so verwendet man Bilder, welche Teenager als ansprechend empfinden.

Die Bilder auf der Webseite sollten alle ein sehr hohe Qualität haben. Professionelle Fotos findet man in Bildagenturen. Gerade bei größeren Firmen ist es häufig notwendig einen professionellen Fotografen zu engagieren. Aber auch bei der Aufbereitung der Bilder für das Internet sollte man lieber auf bessere Qualität achten. Ein beliebtes Bildformat ist JPEG. Hier gilt zu beachten, dass die Kompression nicht zu stark eingestellt wird. Artefakte auf Bildern gilt es gänzlich zu vermeiden.

5. Navigation der Internetseite
Das Navigieren sollte gerade auf Unternehmensseiten sehr benutzerfreundlich sein. Eine klare, übersichtliche Navigation spielt hier eine wichtige Rolle. So wie man z.B. bei Ikea intuitiv durch die Ausstellungsräume geführt wird, sollte der Surfer auf der Webseite des Unternehmens leicht zu der gewünschten Information gebracht werden. Wichtiges sollte von Unwichtigem unterschieden werden. Z.B. kann man den Menüpunkt “Impressum” aus der Hauptnavigation streichen und ans Ende einer jeden Webseite verbannen. Wichtige Menüpunkte kommen an eine gut sichtbare Stelle. Wichtigkeit sollte sich gerade bei der Navigation daran orientieren, was für den Kunden wichtig ist, damit dieser schnell zum Ziel kommt. Typisches Negativbeispiel ist der Punkt “Philosophie”. Mal ganz ehrlich: Wen interessiert schon die Unternehmensphilosophie. Also auch hier ganz nach unten auf die Webseite.

6. Einbindung von Schlüsselworten in die Webseite
Beim Webdesign für Unternehmen sollten die Schlüsselworte des Produktes oder der Dienstleistung in die Seite mit einfließen, um eine bessere Positionierung unter diesen Begriffen bei Suchdiensten zu erreichen. Sowohl in den Metadaten der Webseite, als auch auf der Webseite selbst, sollten die Schlüsselworte immer wieder aber auch nicht zu häufig auftauchen. Am besten man fokussiert unterschiedliche Schlüsselwortkombination für die verschieden Seiten des Webautritts, wobei die Hauptseite die wichtigste Schlüsselwortkombination beinhaltet.

7. Qualitätskontrollen
Egal ob beim Design, Text, Erreichbarkeit oder Funktionalität. Fehler sollten frühzeitig erkannt und behoben werden. Gerade bei Unternehmen darf die Webseite keinen Makel aufweisen. Qualitätskontrollen sollten daher immer wieder durchgeführt werden. Laden alle Bilder? Ist jede Seite erreichbar? Gibt es Rechtschreib- oder Grammatikfehler? Funktionieren die Formulare und Programme auf der Webseite? Wie macht sich die Webseite auf anderen Systemen mit unterschiedlichen Browsereinstellungen?

Geschäftlicher Erfolg oder Mißerfolg hängt immer mehr von einem seriösen Internetauftritt ab. Deshalb sollte jeder Webdesigner, der für Unternehmen bzw. Unternehmer Webseiten gestaltet, sich diese Regeln sehr zu Herzen nehmen.

Erst wenn man die Maus klickt, kommt die Navigation zum Vorschein und selbst dann ist es nicht einfach.

Auch wenn das Flash nicht schlecht aussieht, muß man schon ein kleiner Mausakrobat sein, um vernünftig Navigieren zu können.

Aber seht selbst:
http://www.nickad.com/

Wir kennen bestimmt noch alle diese 3D-Bücher aus unseren Kindertagen, wo man bestimmte Teile raus ziehen kann, damit mehr Interaktivität beim Lesen oder Betrachten des Buches entsteht.

Der Webdesigner des Restaurants in Dempsey, Singapur hatte die Webdesignidee, dies auch für seinen Auftraggeber umzusetzen.

Die Webseite finden Ihr hier

Auch mein Blog hat jetzt einen PR Wert von 4.  Das wird vor allem die Kommentatoren freuen. Ich verlinke nämlich mit “dofollow” oder besser gesagt, ich verzichte auf den “nofollow”-Tag.

Im Gegensatz zu anderen SEOs und Webmastern halte ich den Pagerank für einen wichtigen Indikator. Nicht der einzige Indikator, aber doch ein wichtiger Indikator.

Mehr Infos zum Pagerank findet Ihr hier

Wenn Ihr den Pagerank häufiger abfragt, empfehle ich die Google Toolbar. Bei seltenen Abfragen könnt ihr z.B. hier schauen.

Dieses Menü gehört zu der Webseite der Grafikdesignfirma Amoebacorp aus Toronto, Canada.

In Deutschland ist die Steuer- und Abgabenbelastung zu hoch. Andere EU-Länder bieten hier mit extrem niedrigen Steuersätzen Abhilfe.

Gerade IT-Dienstleister, wie z.B. Webdesigner, Programmierer, Berater etc., die nicht auf den Standort Deutschland angewiesen sind, können durch Auswanderung und Firmenverlegung in ein anderes EU-Land viel Steuern sparen.

Situation: Menschen in Deutschland, die mehr Leisten und erreichen möchten, können dies häufig aufgrund der hohen Steuerbelastung nicht tun. Die Steuersätze wurden in Deutschland über die Jahrzehnte stetig angehoben und führen Jahr für Jahr zur Ausblutung der Fähigen, Kreativen und Kompetenten, die für Ihre Arbeit besser bezahlt werden und durch einen unfairen progressiven Steuersatz häufig in den Ruin getrieben werden. So werden Arbeitsplätze vernichtet, Kultur erstickt, Innovationen gestoppt und Armut gefördert.

Die Einkommensteuer bildet hier das größte Problem. Zusätzlich zu der hohen Einkommenssteuer, werden in Deutschland Solidaritätszuschlag, Gewerbesteuer und hohe Sozialabgaben verlangt. Dies grenzt geradezu an maßloser Unverschämtheit.

Ein Mißstand, der Deutschland zu einem Schlußlicht werden ließ, bezüglich der Rate an Selbstständigen (nach meiner Kenntnis die niedrigste Selbstständigkeitsrate weltweit).

Wie dem auch sei. Als erfolgreicher Webdesigner, Webmaster oder Suchmaschinenoptimierer stellt man sich dann die Frage, ob man irgendwie legal Steuern sparen könnte, um so der extrem hohen Belastung in Deutschland zu entfliehen.

Lösung: Günstige Steuersätze in Steueroasen / Steuerparadiesen im EU-Ausland

Hierzu ist es notwendig persönlich auszuwandern und die Firma in Deutschland abzumelden. Alles muß ins Ausland! Weiterhin in Deutschland zu leben und dort die Firma weiter laufen zu lassen, ist nicht ausreichend.

Welches Land kommt für die Auswanderung in Frage?

Klar kennt man die Steueroasen auf den Bahamas, Anguilla, Niederländische Antillen, Jungferninsteln, St. Kitts und Nevis, St. Vincent und die Grenadinen, Bermudas, Antigua und Barbuda, Turks- und Caicos-Inseln.

Aber was sind diese Inseln und Länder wert, wenn es kein vernünftiges Doppelbesteuerungsabkommen gibt. Ausserdem: So leicht bekommt man eine Aufenthaltsgenehmigung auch nicht.

Die beste Lösung ist tatsächlich, man zieht samt Firma in ein EU-Land mit niedrigen Steuern.

Hier bieten sich folgende Länder an: Tschechien, Zypern, Slowakei, Irland, Bulgarien und Rumänien.
(Bitte korrigiert mich hier falls ich ein Land ausgelassen oder eines unberechtigterweise eingestellt habe).

Je nach Konstellation und Unternehmensform ergeben sich bei den einzelnen Ländern unterschiedliche Steuersätze, Vor- und Nachteile.

Aber so übern Daumen könnte man mit einer Steuererleichterung von 20-60% rechnen.

Manchmal täuschen die offiziellen Steuersätze der einzelnen EU-Länder ein wenig, den häufig bekommt man durch eine bestimmte legale Konstellation und Vergünstigungen (z.B. hohe pauschale Abschreibungen) eine Gesamtsteuerlast von z.B. 6 % hin.

Ich persönlich bin Mitte 2010 nach Tschechinen gezogen und darf mich jetzt auf eine Gesamtsteuerbelastung von ca. 5% freuen (12% Einkommenssteuer, 50% pauschale Abschreibung und andere Vergünstigungen – weitere Steuern gibt es für mich hier nicht). Und dank Flattax (konstanter – nichtprogressiver Steuersatz) wird das auch nach aller Voraussicht so bleiben, selbst wenn ich mein Einkommen stark erhöhe. In meinem Fall hoffe ich, dass dies auch so bleiben wird; vor allem wenn die Regierungskoalition aus ODS und TOP 09  (gewählt 2010) hier in Tschechien an der Macht bleibt, wovon auszugehen ist.

Eine Anmerkung zum Schluß: Bei EU-Länder hat man als EU-Bürger das Recht auf Freizügigkeit. Die Aufenthaltserlaubnis ist somit kein Problem.

Fazit: Wer flexibel ist und seiner Selbstständigkeit auch im Ausland nachgehen kann, hat mit EU-Steueroasen / EU-Steuerparadiesen die Möglichkeit, viel Geld zu sparen.

Alle Angaben ohne Gewähr!!!

Bei dem obigen Artikel handelt sich um eine Meinung und die Informationen sind teilweise auf dem Stand von Februar 2011. Die enthaltenen Angaben sollte jeder für sich selbst prüfen (ggf. von einem Fachmann im EU-Steuerrecht)!

Für mich bislang unverständlich, warum die Preise für Photoshop und die anderen Produkte der CS4 Serie sich in Amerika so sehr von den Preisen in Deutschland unterscheiden. Hier sind Sie momentan ca. doppelt so teuer.

Der Preisunterschied wird auch durch den Dollarkurs verstärkt:

Bei dem günstigen Dollarkurs lohnt sich der Kauf in Amerika sehr.

Offizieller Preis von Adobe in Deutschland für
Photoshop CS4:

Upgrade: 296 Euro
Vollversion: 1010 Euro

Offizieller Preis von Adobe
in den USA für Photoshop CS4:

Upgrade: 199 US-Dollar (135 Euro)
Vollversion: 699 US-Dollar (ca. 475 Euro)

Oder Dreamweaver CS4

Upgrade: 296
Vollpreis: Deutschland: 570 Euro
USA:

Upgrade: 199 Dollar (135,31 Euro)
Vollpreis 399 Dollar (271 Euro)

Oder ganz krass bei der Creative Suite CS4 Mastercollection:

Deutschland:
Upgrade 1188 Euro
Upgrade: Vollpreis 3568 Euro

USA:
Upgrade 899 Dollar (611 Euro)
Vollpreis: 2499 Dollar (1699 Euro) – Preisunterschied 1869 Euro

Für den Preisunterschied von 1869 Euro kann man sich echt was schönes kaufen. Z.B. einen Gebrauchtwagen.

Beim einem Kauf aus den USA kämmen noch eventuell Zollgebühren 19% (USt)
und der Umstand es u.U. beim Zoll abholen zu müssen.

Englisch sollte man natürlich auch ein bisschen können, da die Version aus den USA in Englisch ist. Oder man lernt ein paar Vokabeln, was die einzelnen Funktionen bedeuten. Vielleicht kommen so schätzungsweise in etwa 300 Wörter zusammen.

Auf die Frage hin:

Should I try to make my dynamic URLs look static?

Lautet die Antwort von Google:

It’s much safer to serve us the original dynamic URL and let us handle the problem of detecting and avoiding problematic parameters.

Auf die Frage:
Does that mean I should avoid rewriting dynamic URLs at all?
Antwortet Google:
That’s our recommendation,
………..
weiter heißt es:
to produce static-looking URLs from a dynamic site, you could be doing harm rather than good.

Ich tue das zwar nicht häufig, aber hier möchte ich Google ganz eindeutig widersprechen und alle meine befreundeten Webmaster, Webdesigner, Suchmaschinenoptimierer und Leser darauf hinweisen, dass URL-Rewriting immer ein Vorteil war.

Ich möchte ganz deutlich darauf hinweisen, dass bislang und wahrscheinlich auch bis in alle Zukunft so eine URL: www.meineseite.de/index.php?produktid=515245$cat=18

in jedem Fall schlechter war als z.B. www.meineseite.de/handschuhe/lederhandschuhe

Keywords in der Url bleiben von großem Wert.

Ich vermute, Google empfiehlt Webmastern auf den Rewrite zu verzichten, da es in diesem Feld Mißbrauch gegeben hat. Aber das soll ja nicht unserer Problem werden.

Barcinski-jeanjean.com

Aufwendige Flashwebseiten brauch nicht selten lange Wartezeiten. Immer wieder sehen dann potentielle Kunden von der weiteren Betrachtung der Webseite ab. Sie haben schlichtweg kein Bock zu warten.

Das Spiel hält die Besucher auf der Webseite.

Ein tolle Idee des Amsterdamers Webdesignbüros bzw. der Webdesigner Barcinski und Jeanjea.

Damit eure Webseiten von vielen anderen Stumbleupon-Usern gesehen wird gibt es von mir 7 Tipps:

1. Viele Fans und Freunde sammelt

2. Die eigenen Webseiten von vielen Usern mit einem Daumen hoch (Thumb up) bewertet lassen

3. Andere das eigene Profil sehen lassen (Umso mehr Leute das eigene Profil sehen, desto besser)

4. Viele Videos und Photos posten

5. Breites Themenfeld aussuchen

6. Viele Seiten entdecken

7. Gutes eigenes Avatarbild

Viel Erfolg

Um besondere Brusheffekte (Pinseleffekte) zu erzeugen reicht die Auswahl an vorhandenen Brushes meistens nicht aus.

Hier nun ein paar Quellen für Photoshop-Brushes mit denen man interessante (meist abstrakte) Effekte in Photoshop erzeugen kann:

http://qbrushes.com/

http://getbrushes.com/

http://www.psbrushes.net

http://www.brusheezy.com/

Am 7 September 1998 wurde Google gegründet. Damals entstand das Unternehmen aus einem kleinen Universitätsprojekt der zwei Studenten Larry Page und Sergey Brin. Im Februar 1999 hatte die Firma gerade mal 8 Angestellte in einem relativ kleinem Büro in Palo Alto, Californinen. Im Vergleich: Heute hat Google über 10.000 Vollzeitangestellte.

Schon damals war ich Suchmaschinenoptimierer und weiß noch, wie begeistert die Fachwelt Google gefeiert hat. Die Platzhirsche der Suchmaschinen waren Altavista, Lycos und Fireball. Aber leider waren die Suchergebnisse bei diesen Suchmaschinen verseucht von Spameinträgen.

Es reichte aus, die Suchbegriffe ein paar mal im Titel, in der Beschreibung, in den Keywords und auf der Seite mehrmals hintereinander weg zu schreiben und schon war die eigene Seite oben in den Suchergebnissen.

Auch ein superlanger weißer Text auf weißem Hintergrund mit tausenden von Schlüsselworten war der Renner. Automatisch erzeugte Schlüsselwortseiten dementsprechend auch.

Google war die erste Suchmaschine, die versprach Internetseiten intelligent zu untersuchen und zwar mit einem komplizierten Algorithmus. Gerade als Surfer hat man sich sehr darauf gefreut, dass endlich Besserung in Sicht war.

Rückblickend haben wir alle Google viel zu verdanken. Und der deutsche Neid, wenn ein Unternehmen wirklich sehr erfolgreich wird, ist hier überhaupt nicht angebracht.

Ich möchte mich auch hier an dieser Stelle bei Google Inc. entschuldigen, dass ich mir die Domain Google.de Anfang 1999 habe registriert lassen und so womöglich den Deutschlandstart um einige Monate verzögert habe. Auch Danke ich Google für die lockere Handhabung des Falles. Ich bin froh darüber, dass ich die Domain Google.de Ende 1999 überschrieben habe und das Google in Deutschland und in aller Welt so ein Erfolg feiern konnte.

Danke Google und Happy Birthday to you!

Hier klicken für die Downloadseite dieses Vektorgrafiken-Iconsets.

Die Grafiken sind im Vektor-PSD und PNG-Format vorhanden. Die Nutzung ist uneingeschränkt für den privaten und gewerblichen Gebrauch. Man darf die Grafiken lediglich nicht weiterverkaufen.

Es kommt nicht häufig vor, dass man Grafiken eines anderen Designers einfach so nutzen kann, ohne auch nur eine Gegenleistung zu erbringen.

Die Bereitstellung der kostenlosen Vektorgrafiken von Deziner Folio bekommt daher meine volle Achtung.

Die meisten anderen Freebies-Anbieter verlangen doch zumindest einen Hinweis auf den Autor.

Aber informiert euch lieber selbst nochmal auf dessen Webseite. Vielleicht habe ich einen Hinweis übersehen. Ich denke zwar nicht aber man kann ja nie wissen. Desahalb lieber hier der Spruch: Alle Angaben ohne Gewähr!

Diese Communities haben mittlerweile viele Millionen Besucher täglich. Youtube hat schätzungsweise 100 Millionen einzelne Besucher (Unique Visitors) pro Monat. Da Google und Co. jetzt noch zusätzlich verstärkt auf Videos verlinken, wird klar, wie reizvoll es ist, wenn man sich Video Search Optimization als machtvolles Tool bedient.

Die folgenden Dinge sollte man beachten, wenn man VSO macht:

Optimierung beim Upload in Videocommunities: Anders als bei der gewöhnlichen Suchmaschinenoptimierung sollte beim Upload der Titel, die Beschreibung und die Schlüsselwort bis zum Ende ausgereizt werden. Hier sollte man so viel Schlüsselworte wie nur möglich reinschreiben. Um die Auffindbarkeit in diesen Videoportalen noch zu steigern, kann man “Freunde” dazu bringen, für einen zu voten und Kommentare zu schreiben. Anders als bei gewöhnlichen Suchmaschinen können die Kommentare und Votes zu einem besseren Ranking führen, schon alleine weil man die Suchergebnisse in solchen Communities danach sortieren kann, welche Videos am meisten kommentiert wurden oder für welche Videos z.B. am meisten gevotet wurde.

VSO auf der eigenen Webseiten: Hier ist es ganz ähnlich, wie das gewöhnliche Suchmaschinenoptimieren. Man baut die Keywords in einem ausreichendem Maß an geeigneten Stellen ein. Dazu gehören einen ordendtlich Titel und Beschreibung  der Webseite. Auch genügend Content (z.B. relevanter Text, gute weiterführende Links etc.) welcher das Video auf der Webseite umgibt zählen auch dazu. Vergessen sollte man auch nicht die richtige Wahl von Dateinamen für das Video und die Webseite. Weiterhin ist zu beachten, dass jedes Video eine eigene Webseite bekommen sollte. Vor allem aber sollte man darauf achten, dass andere gute Webseiten mit den richtigen Schlüsselworten auf einen linken. Mann könnte z.B. einen Linkcode neben dem Video auf der Webseite anbieten, der das verlinken vereinfacht.

Linkbait: Je lustiger, extremer, verrückter, ämüsanter oder interessanter das Video ist, desto mehr Besucher werden das Video sehen und mehr Internetseiten z.B. Blogs werden darauf verlinken.

Zusammenfassend ist zu sagen, dass gerade wenn man als Webdesigner oder Webmaster mehr Sicherheit haben möchte (in Bezug auf die Anzahl der Besucher), sollte man Videocommunities zumindest in Betracht ziehen. Man weiß ja nie, ob man sich immer auf Google verlassen kann.

So oder so ähnlich werden professionelle Webseiten in der Zukunft aussehen, dank der Webdesignkombination von Flash und Flashvideo (flv).

Gerade wenn das Internet schneller laden wird und die Programme zur Erstellung von Flashseiten mit integrierten Flashvideos (FLV etc.) vereinfacht werden, können wir uns darauf einstellen, dass immer mehr Webdesigner solche Webseiten in Flash erstellen werden.

SEO-bewußte Webdesigner mögen zwar noch Vorbehalte haben, aber das wird sich in naher Zukunft auch erledigt haben.

Grafiker.de ist eine kostenlose Plattform bzw. ein soziales Netzwerk für die Promotion bzw. das Marketing von Designern, Grafikern, Textern, Programmierern und Fotografen. Gerade als Webdesigner kann man hier seine eigenen Webdesign-Projekte vorstellen, Kontakte knüpfen, Kunden finden oder Ausschreibungen tätigen.

Auch ich habe es mit guten Resultaten ausprobiert und kann Grafiker.de an meine Webdesigner-Freunde weiterempfehlen. Egal ob jemand eine Webdesignagentur besitzt, seine eigene Person vorstellen will oder auf seine Freelancetätigkeit hinweisen möchte.

Zur Webseite von Grafiker.de geht es hier entlag:

Viele unter uns Seos, Webmastern und Webdesignern haben lange darauf gewartet.
Tests mehrerer SMOZ-Members haben ergeben, dass Google tatsächlich angefangen hat JavaScript zu spidern.

Nachdem bekannt wurde das Flash von Google gespidert werden kann, kommt jetzt die nächste Wahnsinnsnachricht.

Es bleibt abzuwarten, was weitere Test ergeben, damit jeder Webmaster, Seo und Webdesigner wissen kann, was zu beachten ist, damit der Googlebot JavaScript am besten spidert.

Falls jemand JavaScript benutzt, um Google vor dem spidern abzuhalten, könnte jetzt versuchen JS in eine externe Datei zu speichern und per Robot.txt die Indexierung der externen Datei verbieten.

2. Man kann gleich mehrmals bei Google auftauchen
Gerade bei weniger umkämpften Begriffen kann es von Vorteil sein, dass man gleich mit mehrern Einträgen gelistet ist. Z.B. Eigene Seite, dann der Eintrag bei Mister Wong, dann der Eintrag von Oneview, dann vielleicht ein Eintrag von Linksilo, Seekxl, Hotfrog, Qype, Shortview.de, Youtube.com etc.

Wenn man z.B. auf der ersten Seite von Google unter einem bestimmten Suchbegriff oben steht und 6 weitere eigene Einträge bei Web 2.0-Diensten ebenfalls darunter stehen, dann hat man die Konkurenz noch weiter nach unten gedrückt und seine eigene Sichtbarkeit erhöht. Das funktioniert vor allem bei weniger stark umkämpften Begriffen und gegenüber einer Konkurenz, die sich wenig mit Seo und Online-Marketingstrategien beschäftigt.

3. Man bekommt Hits von der Community selbst
Die Community von Web 2.0 Projekten wird immer größer. Auch von dort kann es kurz- und langfristig Besucher geben. Gerade auch dann, wenn man sich innerhalb der Community clever vermarktet.

4. Vielleicht bekommt man sogar einen brauchbaren Link
Wenn man Glück hat, verlinken einen manche Dienste mit einem Follow-Link

Zusammengefasst: Das Socialmarketing wird immer wichtiger.

Microsoft hat zwar noch keine Toolbar aber mit dem Webmaster Center (ähnlich zu dem Webmaster Central von Google) kann jeder Webmaster, Seo und Webdesigner den Page Score seiner Internetprojekte einsehen und eine Reihe von Bewertungen zu seiner Seite vornehmen lassen.

Der Page Score erinnert stark an das Page-Rank-System von Google, aber anstatt einem Balken gibt es grüne Kästchen. Die Höchstnote sind 5 Kästchen.

Im Webmaster Center von Microsoft gibt es neben dem Page score diverse weitere Tools. Z.B. gibt es die Möglichkeit zu sehen, ob eine Webseite blockiert wurde, wieviel Seiten im Microsoft-Index sind, wann die Websites zuletzt gecrawled wurden,  außerdem gibt es einen Robot-Text Validator, Hinweise auf Crawl-Schwierigkeiten, eine Backlinkanalyse, eine Analyse der Outbound Links und die Möglichkeit zu sehen, wie die eigene Seite unter einem bestimmten Keyword performt. Zusätzlich gibt es die Möglichkeit, sich per Email informieren zu lassen, wenn bestimmte Sachen mit der Webseite nicht stimmt.

Das Webmaster Center soll nach Aussagen eines Microsoftsprechers ständig erweitert werden.

Zu finden ist die Webseite hier

Retrolook-Webdesigns findet man immer häufiger. Hier wird jedoch neue Technologie neben Nostalgieelemente gesetzt. Der Raumfahrer und die Frau im Kleid errinern an die 60iger. Das Fordauto sticht deshalb durch den inhaltlichen Kontrast gut herraus und bildet so das Zentrum der Aufmerksamkeit.

Fest steht, dass wenn man die Schlüsselworte auf mehreren Seiten unterbringt, sollte der Content immer noch ausreichend sein!

Begründung:

1. Man wird eher verlinkt, wenn eine Seite mit viel Content gefüllt ist.

2. Google bewertet Seiten nach deren semantischen Inhalt. Wenn eine Interseite viele Worte behinhaltet, die semantisch (von der Wortbedeutung her) miteinander in Verbindung stehen, dann geht Google eher davon aus, dass diese Seite auch tatsächlich mit dem Thema zu tun hat. Wenn jetzt jedoch die Schlüsselwortkombinationen auf verschiedenen Seiten verteilt werden, dann kann es sein, dass sich diese semantische Optimierung verläuft.

3. Es gibt die Tatsache, dass Surfer nicht immer nach einer bestimmten Kombination suchen, sondern mehrere Varianten eingeben könnten. Wenn dann ein Begriff auf der Seite fehlt, wird  diese unter Umständen in den Ergebnissen nicht angezeigt.

4. Google bewertet Seiten mit viel Content besser als Seiten mit weniger Content.

Man optimiert also lieber für eine Seite anstatt die verschiedenen Schlüsselwortkombinationen auf mehreren Seiten zu verteilen.

Beispiel anhand des Titels:

Besser > 1 Seite mit folgendem Titel: Verkauf von gebrauchten Autos aus der EU

Schlechter > 3 Webseiten mit den Titeln:

1. Verkauf Autos
2. Gebrauchte Autos
3. EU Autos

Es gibt jedoch Ausnahmen, wo sich der Einsatz mehrerer Seiten für verschiedene Varrianten lohnen könnte.

Folgendes Schaubild kann hier helfen:

Die Australier lieben es heiß.

Diese Flash-Website ist einfach nur beeindruckend! Da hat sich die Internetagentur wirklich viel Mühe mit dem Webdesign gegeben. Das Produkt läßt sich wirklich sehen. Beeindruckt ist für mich vor allem das Fullscreen-Flashdesign.
Diese Flashseite ist erreichbar unter: www.lynxeffect.com.au

Viele Seos, Webmaster und Webdesigner spekulieren schon seit Jahren, ob der PR-Wert noch Aussagekraft hat. Ich sage ja.  Meine Beobachtungen ergeben eindeutig, dass ein höherer PR-Wert eine positive Auswirkung hat. Es spielen zwar noch viele andere Faktoren eine Rolle, aber der PR-Wert ist ein sehr guter Indikator.

Im Übrigen hat Matt Cutts (Googles wichtigster Pressesprecher) angekündigt, dass viele Seiten Ihre Strafen verlieren werden.

Ja dann mal sehen, was die Massen-Amnestie für Auswirkungen hat.

Grundsätzlich gilt: Links von Qualitäts-Seiten zu bekommen, die mit dem Thema zu tun haben, ist erste Priorität.

Qualitätsseiten sind Seiten, die unter dem entsprechenden Keyword in den Suchergebnissen bei Google höher gelistet werden und wenn möglich einen hohen PR-Wert haben. Aber auch Seiten die keinen PR-Wert haben, aber unter dem entsprechenden Thema oben bei Google gelistet sind, sollten die Position unter dem entsprechenden Keyword verbessern.

Hier nun die TOP 10 der besten Methoden, externe Links zu bekommen:

1. Ein Web-Verzeichnis-Eintrag. Portale wie Dmoz oder Yahoo sind weiterhin gut im Rennen und wurde von der massiven Verzeichnisabwertung verschohnt. Grundsätzlich gilt: Verzeichnisse die Einträge verkaufen, sollte man tunlichst vermeiden.

2. Links von Freunden, Kunden, Geschäftspartnern und Bekannten. Einfach mal die ganzen eigenen Kontakte abklappern und nachfragen.

3. Andere Webdesigner/Webmaster bittet, einen Link zu setzten und als Gegenleistung könnte man Geld, Content oder Service bieten. Im schlimmsten Falle kann man einen Backlink anbieten.

4. Mittels Backlinkanalyse eurer Konkurenz z.B. mit dem diesem Backlinkchecker herausfinden, wo man sich auch eintragen kann.

5. Link in Blogs und Foren eintragen.
Gastbeiträge in Blogs werden häufig mit guten Links belohnt. Manche Kommentare werden auch mit Do-Follow-Links honoriert.

6. Wenn man programmieren kann, so könnte man eine kleine Applikation herstellen, die andere Webmaster gerne in deren Webseite integrieren. Die Applikation z.B. eine Zeitanzeige, Counter etc. würde dann einen Rücklink beinhalten.

7. Artikelverzeichnisse: Man schreibt einen Artikel und als Gegenleistung bekommt man einen Link.

8. Links aus den Webseiten von Fachmagazinen. Wenn man in Fachmagazinen Werbung macht, dann haben diese Zeitschriften auch meistens eine Webseite. Inserenten die viel Geld für Werbung in diesen Magazine zahlen, sind wertvolle Kunden, so dass die Bitte, auch online einen Link zu setzten, in der Regel nicht abgelehnt wird.

9. Surfer bitten einen Link zu setzten Mithilfe eines Hinweises auf der Homepage oder in einer Bestätigungsemail.

10. Linkbait: Die eigene Webseite ist mit so gutem Content zu füllen, so dass andere gerne von alleine auf einen linken.

Matt Cutts ist für die meisten Seos der wichtigste Mann, den er ist der Chef, der bei Google Webspam bekämpft.

Hier die wichtigen Seo-Punkte des Interviews:

- Kleinere Firmen, die gerade erst starten sollten sich auf Nischen in dem Markt konzentrieren. Z.B. eine Schuhfirma kann sich auf Schuhe in Übergrößen konzentrieren. Auf dieser Basis kann diese dann später die Seite ausbauen.

- Kleine Webseiten können mit verschiedenen Versionen experimentieren, um zu sehen was besser ankommt.

- Webmaster sollten das Google Webmastertool verwenden um Statistiken auszuwerten, Fehler zu indentifizieren oder einen Antrag auf erneute Prüfung stellen (nachdem man Fehler beseitigt hat, die zur Abstrafung führten)

-  Google bewertet unterschiedliche Länder unterschiedlich. In Deutschland spielt es z.B. eine Rolle das mehrere Worte zusammengesetzt sind, die im Englischen getrennt stehen. Auch die unterschiedliche Rechtschreibung spielt eine Rolle.

- Google achtet verstärkt auf Spamreports
http://www.google.com/contact/spamreport.html

Die andern Passagen des Interviews war eher Smalltalk und nicht so relevant für Seos und professionelle Webdesigner.

strg + a : Alles markieren

strg + d: Alles demarkieren

strg + shift + i: Markierung umkehren

strg + Pfeiltasten: Das Markierte (zusammen mit der Markierung) verschiebt sich je nach Pfeiltaste.

strg + 0 (Null): Bild passt sich exakt dem Rahmen an

strg + Pluszeichen: Reinzoomen (innerhalb des Fensters)

strg + Minuszeichen: Rauszoomen (innerhalb des Fensters)

strg + Alt + Pluszeichen: Reinzoomen (zusammen mit Fenster)

strg + Alt + Minuszeichen: Rauszoomen (zusammen mit Fenster)

Wenn man “alt” drückt, zeigen sich die Buchstaben im Menü, die man zusätzlich drücken muß, um das Untermenü aufzuklappen (z.B. Alt + T klappt das Filtermenu auf).

Tabulator: Paletten einblenden/ausblenden

Schnellzugriff für die wichtigsten Werkzeuge: V: Bewegen, C: Zuschneiden, B: Brush, T: Schrift, E: Löschen, S: Stempel, M: Viereckige Markierung, G: Farbverlauf, I: Farbe auswählen, R: Blur-Tool, H: Hand, Z: Lupe (alt: rein- /rauszoomen)

strg + space (Lupe Reinzoomen)

alt + space (Lupe Rauszoomen)

strg + c: Kopieren

strg + v: Einfügen

strg + x: Ausschneiden

strg + f: Letzten Filter anwenden

strg + e: Ebenen zusammenfügen

strg + shift + e: Sichtbare Ebenen zusammenfügen

strg + n: Neues Dokument

Es gibt noch viel mehr Tastenkürzel, aber die hier verwende ich am häufigsten und diese müssten bei allen gängigen Photoshopversionen 4, 5, 5.5, 6, 7, 8 (CS), 9 (CS2), 10 (CS3) und für die kommende Photoshopversion CS4 funktionieren.

Mit dem Schlüsselwortkannibalismus bezeichnet man die Tatsache, dass sich die Seiten einer Domain, die alle auf ein Schlüsselwort oder eine Schlüsselwortkombination optimiert werden, gegenseitig im Google-Index abwerten.

Keywordkannibalismus steht dafür, dass man dem eigenen Projekt eher schadet, wenn man sich nur auf ein Schlüsselwort oder Schlüsselwortkombination konzentriert.

In dem ersten (oberen) Beispiel weiß der Googlebot nicht, welche Seite für das Schlüsselwort am besten zutrifft.  Demzufolge werden alle Seiten abgestuft. Im zweiten (unteren) Beispiel jedoch, wird durch die interne Verlinkung und dem Keyword nur auf der Hauptseite, dieser viel Gewicht beigemessen. Der Googlebot sieht, dass die Hauptseite diejenige ist, die das Schlüsselwort am besten repräsentiert. Folglich steigt diese in den Suchergebnissen.

Ein schöner Nebeneffekt ist auch, dass die Unterseiten für andere Keywords optimiert wurden und so mehr potentielle Suchanfragen abgedeckt werden.

Es gibt doch die Wunderwaffe für Seos und Webdesigner.

Das Wundermittel lautet Longtailoptimierung bzw. Longtailoptimization.

Hierbei konzentriert man sich nicht auf die am meisten gesuchten Schlüsselworte, sondern auf eine Vielzahl von Schlüsselworten. Man bindet ganz viele Suchbegriffe in die Webseiten ein, die zwar auch noch gesucht werden, aber eben nicht so häufig.

Es gilt das Motto: Die Menge machts.

Und man muß die Schlüsselworte jetzt auch nicht gleich auf eine Seite packen, sondern kann diese auf eine große Menge Unterseiten verteilen.

Beispiel: Jemand bietet Unternehmensberatung und zwar nicht nur für seine Stadt, sondern für ganz Deutschland. Der Begriff Unternehmensberatung mag zwar der am meisten gesuchte sein, jedoch geben viele Googlebenutzer Unternehmensberatung + Stadt in die Suchmaske ein. Hier kann man jetzt für jede größere Stadt eine Unterseite machen und eben jeweils auf die Kombination (Unternehmensberatung + Stadt) optimieren.

Durch die Vielzahl an Seiten und Kombinationen bekommt mann jetzt mehr Besucher, als das man sich nur auf den Begriff Unternehmensberatung konzentriert hätte.

Super! Jetzt kann man die genauen Suchstatistiken ermitteln und einzelne Schlüsselworte miteinander vergleichen,  die nicht unbedingt Synonyme sind.

Mir war ohnehin schleierhaft, warum Google diese Daten so lange zurückgehalten hat.

Rankingcheck wird jetzt wohl überflüssig.

Damit haben die Leute bei Google bewiesen, dass Sie auch ein Herz für SEOs haben, obwohl das Keyword-Tool primär für Adwordskunden gemacht wurde bzw. immer noch wird.

Gerade Webdesigner, Webmaster und Seos sind Opfer von Bewegungsmangel. Schlimm wird es für Selbstständige aus dieser Branche, die außer ihren Internetaktivitäten, nicht viel Anderes im Sinn haben. Vor allem wenn die einzigen Wege die man bewältigen muß, die vom Bett zum Computer, vom Computer aufs Sofa fürs Fernsehen und vom Sofa wieder zurück ins Bett. Na ja und dann nochmal der gelegentliche Gang zur Toilette und zum Einkaufsladen für die Chips und die Cola.

Viele Webmaster, Seos und Webdesigner mögen sich sagen: Na und, ich fühl mich wohl. Dick ist schick.

Das mag schon sein, aber was sind die Langzeitfolgen.

Hier nun ein paar Tipps, wie man zumindest die Herz-Kreislaufprobleme begrenzen bzw. vermeiden kann:

1. Fette varrieren
Die Theorie das tierische Fette ungesund sind, gehört längst der Vergangenheit an. Vielmehr sollte man Fette varrieren: z.B. Schweineschmalz, Rapsöl, Butter, Sonnenblummenöl, Olivenöl, Nußöl, Fischöl etc. Viele Öle haben wichtige Bestandteile die andere Öle nicht haben und zur Gesundheit beitragen.

2. Gesunde Ernährung! Wissenschaftler haben festgestellt, dass bestimmte Lebensmittel Herz-Kreislaufgefäße schützen. Besonders herzgesunde Lebensmittel sind: Äpfel, Möhren, Salat,  Heidelbeeren, Moosbeeren, Zitronen, blaue Weintrauben, Birnen, Pflaumen, Kirschen, Nüsse, rote Grapefruits, Bananen, Auberginen, Tomaten, Sanddorn, Knoblauch und Wassermelonen.

3. Jeden Morgen kurze Gymnastik, so dass zumindest einmal das Herz-Kreislaufsystem in Schwung kommt und das Herz wenigstens ein bisschen trainiert wird. Ich empfehle schnelle Kniebeugen, da das Herz dann schnell auf Touren kommt und sich nicht jeder Ausdauergeräte zulegen möchte oder eben kein Bock hat rauszugehen um zu joggen.

4. Vermeidung von Sachen, die schlecht fürs Herz sind. Beispiele: Stress, zu stark erhitzte Fette, gehärtete Fette,  Abgase, schlechte Zähne, Rauchen, zuviel Alkohol und die Pille (bei Frauen ab 30).

5. Sich öffters mal was gönnen, was wirklich Spaß macht. Z.B. sich häufiger mit Freunden treffen, mal wieder in die Disco gehen, sich mal wieder ein bisschen mehr dem Hobby widmen usw. Gerade ein natürlicher Stressabbau trägt signifikant zur Herzgesundheit und einem ausgeglichenem Gewicht bei. Die Motto lautet: Stress abbauen und Stress vermeiden.

In diesem Beispiel sind die Schlüsselworte in der Navigation überhaupt nicht vertreten.

Da aber Google und Co. sehr darauf achten, welcher Linktext in der Navigation vorkommt, sollte man dort auch die wichtigen Schlüsselworte unterbringen.

Währe man z.B. ein Autohändler würden sich wahrscheinlich vollgende Menüpunkte eignen:

Autoverkauf Schröder / Neue Autos / Gebrauchte Autos / Autoersatzteile / Autofinanzierung / Autoversicherung

Kontakt und Impressum kämmen dann ans Ende der Seite.

Wichtige Links in der Navigation nicht mit Schlüsselworten zu besetzten ist ein entscheidender Fehler und sollte tunlichst unterlassen werden.

Viele Webdesigner sind sich dessen nicht bewusst.

Darauf hat die Webdesigner-Gemeinschaft lange gewartet. Google hat in Zusammenarbeit mit Adobe ganze Arbeit geleistet. Flash-Webseiten können endlich gespidert werden. Zwar können noch nicht alle Inhalte durchsucht werden, aber dafür werden jetzt Links und Texte erkannt.

Endlich können sich auch die SEO-bewußten Webdesigner an Flash wagen und das Internet verschönern. Gerade bei Menüs in Flash gab es große Zurückhaltung. Das ist jetzt eine Sache der Vergangenheit.

Diese Neuerung ist ein Meilenstein in der Webdesignergeschichte.

Und das Beste an dem Ganzen: Man benötigt keine Plugins oder Änderungen im Code. Einfach wie gewohnt Flashseiten erstellen und posten. So einfach ist das!

Es ist entscheidend, gute hereinkommende Links zu sammeln, damit die Sichtbarkeit der eigenen Webseite in den Suchmaschinen gesteigert wird. Vor allen anderen Suchmaschinen, achtet Google besonders darauf, dass Seiten mit hohem Vertrauensfaktor (Trust-Rank), auf einen bestimmte Webseite linken. Ein SEO sollte daher einen großen Teil, wenn nicht sogar den größten Teil seiner Arbeiten mit Linkaufbaustrategien verbringen.

Man kann unter folgenden Linkaufbaustrategien unterscheidnen:

1. Linkaufbaustrategie, Links alleine durch guten Content (Inhalt) zu bekommen. Hier setzten andere Webmaster Links selbstständig zur gewünschten Webseiten, weil man den Inhalt der Webseite als  sehr wertvoll ansieht. Beispiele: Blogs mit aktuellen Einträgen, Seite mit kostenloser Software, Seiten mit Analysen etc..

2. Linkaufbaustrategie, Links zu bekommen weil man den Betreiber einer anderen Seite darum bittet. Beispiele: Sich in Verzeichnisse eintragen, Freund oder Geschäftspartner darum bitten einen Link zu setzen, Email schreiben und eine Gegenleistung anbieten etc.

3. Linkaufbaustrategie, Links selbst einzutragen, ohne dass man den anderen Webmaster einbeziehen muß. Beispiel: Gästebüchereinträge, Forumseinträgen, Einträge in Profilseiten etc.

Es ist sinnvoll eine Mischung aus diesen 3 Linktypen zu wählen. Der Linkaufbau muß natürlich aussehen und nicht manipuliert.  Suchmaschinen haben Algorithmen, die erkennen, wenn ein Linkaufbau unnatürlich stattfindet.

Man sollte bei den Links darauf achten, dass der gesetzte Linktext die wichtigen Schlüsselworte enthält. Der Linktext sollte dabei immer varrieren.

Links von wichtigen Seiten, die mit dem Thema zu haben, sind zu bevorzugen. Es ist darauf zu achten, dass die anderen Links auf der linkgebenden Webseite keine Spameinträge sind.  Schlechte Nachbarschaft wird von Google nicht gern gesehen.

Eine gute Methode, um herauszufinden, welche Webseiten Google als Wertvoll zu einem bestimmten Begriff ansieht, ist den Begriff in die Suchmaske der Suchmaschine einzugeben und zu sehen, wer zuerst in den Suchergebnissen erscheint.

Gut besuchte Seiten können auch ein Indikator sein. Alexa Rank gibt hier Auskunft.

Weiterhin gilt, dass je weniger Links die linkgebende Seite hat, desto besser. Test haben ergeben, dass der Linkjuice verwässert wird, wenn man die eigene Seite nur einen Link unter vielen ist.

Beim Internetmarketing zählen aber nicht nur die Links, die für Suchmaschinen interessant sind, sondern auch diejenigen, die viele Besucher bringen. Ein für Suchmaschinen unsichtbarer Link (z.B. durch Javascript) kann sehr wertvoll sein, wenn er durch viele interessierte Besucher angeklickt wird.

Linkaufbauprojekte gut zu planen, mit Zielen und Statistiken, kann sehr sinnvoll sein.

Damit Google die wichtigeren Seiten eines Internetauftritts besser indexiert, hat sich in der letzten Zeit herausgestellt, das man bei der internen Verlinkung die unwichtigeren Links mit Nofollow (rel=”nofollow”) kennzeichnen sollte, um den Linkjuice nicht abfließen zu lassen.

Gerade bei einer größeren Webseite spielt die  internen Verlinkung mit dem nofollow-Attribut eine immer größere Rolle. Eigene Unterseiten wie das Impressum sollten einem den Linkjuice nicht mehr stehlen. Es sollten lieber die Seiten stärker gewichtet werden, die in der Tat wichtiger sind.

1. Inhalt

2. Ästhetik

3. Benutzerfreundlichkeit

Zu 1: Der Inhalt einer Webseite ist wichtig, um Futter für die Suchmaschinen bereitzustellen. Auch ist es wichtig den Benutzer ausreichend informiert zu halten.

Zu 2: Die  Ästhetik spielt eine wesentliche Rolle, um Vertrauen zu schaffen.

Zu 3: Die Benutzerfreundlichkeit einer Internetseite stellt sicher, dass der Benutzer sich leicht zurechtfindet und das bekommt, wonach er sucht.

http://www.youtube.com/watch?v=5GK0aQrCDEo

Die wichtigsten Punkte sind:

1. Suchbegriff auf der Webseite sichtbar machen bzw. einbauen.

2. Suchbegriff in Titel und Beschreibung einbauen

3. Andere Webseiten dazu bringen auf einen zu linken.

4. Webblog machen und ihn mit Content füllen.

5. Kostenlose Tools unter http://www.google.com/webmaster nutzen

6. Es mit den Schlüsselworten nicht übertreiben. Die Schlüsselworte 2 bis 3 mal auf der Webseite zu erwähnen soll ausreichen.

Seit 1997 beschäftigt ich mich hauptberuflich mit dem Internet.
Heute ist der 6 Juli 2008 und ich werde jede Menge wichtiger Information in diesem Blog zusammentragen.