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

Beispiel:
Die Webseite dieses Nachhilfe-Angebots aus Essen wurde in zwei Teile aufgeteilt, abgegrenzt durch Farbe und einer Zickzacklinie.

Wäre die ganze Seite weiß würde man sich schneller verlieren.

Hier noch ein Beispiel von einer Webseite einer Snackbar, welche die Seite in mehrere Bereiche aufteilt.

Man bekommt die Webseite praktisch in Häppchen serviert, was alles viel leichter verdaubar macht. Man hat Lust auf der Seite zu bleiben und jeden Bereich zu erkunden. Dieses Webdesign hilft, Bereiche, die man bereits gelesen/verarbeitet hat, abzuhaken und mental weiterzugehen. Kurzum, man kann die präsentierte Information besser aufnehmen.

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.

Zur Verdeutlichung habe ich hier mal ein Schaubild (mit einer Vergrößerung) angefertigt, welche die Körnerstruktur verdeutlicht.

Es ist kaum zu sehen, aber gerade das Dezente macht das Besondere aus. Auf der Webseite des Rechtsanwalts sollte man es deutlicher erkennen können. Details sind es häufig, welche eine Seite des Kunden hochwertig erscheinen lassen.

Den Körnereffekt bekommt man z.B. mit Photoshop hin, indem man den Rauschfilter einsetzt. In meiner englischen Photoshop (CS4-Version): Filter > Noise > Add Noise (Im Deutschen vielleicht Filter > Rauschen > Rauschen hinzufügen).

Ich denke man kann da noch tolle Effekte entdecken, indem man das Rauschen variiert oder andere Rausch-, Licht- und Pixeleffekte einsetzt. Die Filterplaette bei Photoshop ist ja ziemlich groß.

Ich finde, dass der Abänderung von Farbverläufen im Webdesign bislang noch zu wenige Bedeutung geschenkt wurde. Hier kann man sehr viel neues erschaffen.

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.

1. der Einzigartigkeit des Inhalts (z.B. Textpassagen, die es irgendwo anders schon mal gibt, werden missbilligt)
2. der Menge und Qualität der reinkommenden Links
3. der Verweildauer des Surfers (wann springt dieser wieder ab bzw. kehrt zur Googlesuche zurück)
4. der Menge an Text (zu wenig Text z.B. sehr kurze Seiten werden abgewertet)
5. der Menge an Bildern  (Mehr Bilder ist besser)
6. der Anzahl an Kommentaren bei Blogs (mehr Kommentare kann auf ansprechendere Inhalte verweisen)
7. der Menge an Werbemitteln (zu viele Werbemittel auf der Webseite spricht eher für schlechteren Content).
8. der Präsenz in den social Media (guter Content wird auf Facebook geliked und auf Twitter getwittert)

Viele Low-Quality-Seiten führen wahrscheinlich auch zur Abstufung der Hauptsseite. Deshalb wäre es jetzt (per einer neuen SEOstrategie 2011) wichtig schlechte Seiten zu erkenne und zu löschen.

Dies kann man wie folgt tun:

Man installiert Google-Analytics und analysiert, welche Seite gut, welche Seite schlecht besucht wird und wie schnell jemand, die Seite wieder verläßt. Jemand der die Seite unter bestimmten Begriffen gefunden hat, dann aber die Seite wieder schnell verläßt, signalisiert Google, dass die Seite entweder nicht zu den Schlüsselbegriffen passt oder das der Inhalt nicht gut genug ist.

Jetzt kann man entweder die Seite verbessern, indem man die Schlüsselwort noch passender an der Seite ausrichtet und den Inhalt aufwertet (z.B. durch eine bessere Recherche). Oder aber man schmeißt die Seiten aus dem raus.

Diese neue Technik heißt Content-Weeding (engl. Inhalte aussortieren, rausschmeißen, entfernen). So hat man weniger Absprungraten und signalisiert Google eine wichtige Seite zu haben. Dies funktioniert vor allem sehr gut bei größeren Seiten.

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/
http://social-bookmarking.seekxl.de/
http://www.publishr.de/
http://www.welt-der-links.de/

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.

Falls Sie sich fragen, ob Sie ein neues Webdesign lieber bei einer Werbeagentur oder doch bei einem Webdesigner bestellen möchten, können Sie sich hier ein Bild machen.

Die Vorteile einer Werbeagentur:

- Alles aus einer Hand: Z.B. Flyer, Visitenkarten, Magazine, PR-Kampagnen, TV-Werbung, Radiowerbung, Corporate Design, elektronisches Mailing, Fotoshootings, Event-Präsentationen, Strategieplanung. Eine Webseite kann so in der Regel besser auf die andere Werbung abgestimmt werden, welche Sie in Auftrag geben.

- Bei einer Werbeagentur arbeiten meist erfahren Kreativköpfe, Grafiker, Texter, Designer u.s.w. die den Focus auf Design, Wirkung, Aussage legen und daher für gewöhnlich alles richtig machen. Oder es werden Freelancer hinzugezogen, wie es z.B. bei der Werbeagentur klugwerben UG (die ich kürzlich kennengelernt habe), der Fall ist. Das sind dann meistens Freelancer, mit der die Agentur gute Erfahrung gesammelt hat und die sich in der Vergangenheit bewährt haben. Die letztendliche Qualitäts-Kontrolle übernimmt dann wieder die Werbeagentur, so dass dem Kunden hier Korrekturzyklen abgenommen werden.

- Werbeagenturen sind zu festen Zeiten erreichbar. Das kann bei einem Webdesigner anders sein. Viele Webdesigner haben noch einen Nebenjob oder arbeiten unregelmäßig.

- Werbeagenturen stellen häufig qualifiziertes Personal ein. Wenn z.B. der Webprogrammierer seine Ausbildung in einer Universität genoss, so hat das den Vorteil, dass man häufig einen sauberen Programmier-Code bekommt und auch komplexere Webanwendungen umsetzen lassen kann.

Die Vorteile eines Webdesigners:

- Preis: Der Webdesigner ist nicht selten halb so teuer, als wenn man das Webdesign bei einer Werbeagentur bestellt. Bei Werbeagenturen bezahlen man häufig den Namen, Standort (Büro) und die Personen mit, die an dem Prozess beteiligt sind.

- Ein Webdesigner ist häufig schneller.Vor allem, wenn die Werbeagentur nur einen externen Webdesigner bestellt. Ein direkter Ansprechpartner ist einfach angenehmer. Fragen können direkt geklärt werden. Bei einer Werbeagentur hingegen kann es passieren, dass das Webdesign von jemand anderem erledigt wird, der nicht direkter Ansprechpartner ist. Das kann nerven, wenn jeder Änderungswunsch weitergeleitet werden muß. Korrekturzyklen können sich so hinziehen.

- Ein Webdesigner hat sich hauptsächlich auf Webdesign spezialisiert. Das kann in manchen Fällen von Vorteil sein, vor allem wenn es ein Webdesigner ist, der dies schon länger macht.

- Häufig sind die Webdesigner auch die Unternehmensgründer und geben sich daher mehr Mühe. Das kann bei einem angestellten Webdesigner nicht unbedingt der Fall sein.

Falls Ihnen noch mehr Gründe für oder gegen eine Werbeagentur oder einen Webdesigner einfallen, wäre es nett, dass Sie mir dies hier im Kommentarfeld mitteilen.

Danke!

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.

Zur Webseite

Besucht die Webseite und dann haltet die linke Maustaste auf einem Bild gedrückt und zeichnet eine Linie nach links oder rechts. Die Fotos rutschen dann entsprechend nach links oder rechts. Tolle Slideshow, oder?

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.

Der große Vorteil von Png-Dateien bzw. Png-Grafiken ist, dass man hier einen transparenten Hintergrund einstellen kann.

Viele werden jetzt sagen, dass man dies auch mit einer Gif-Grafik machen könnte. Da sage ich, ja ok, dass stimmt, jedoch kann man das nicht so schön machen, wie mit dem Png-Format.

Das man dies nicht mit einem Bild im Png-Format besser schaffen kann, liegt daran, dass z.B. das Png-Format mehrere Million Farbabstufungen erlaubt und somit Farben schöner aussehen, vor allem bei Bildern mit vielen unterschiedlichen Farben. Ausserdem kann man bei einem Png-Bild den Grad der Transparenz einstellen, so dass es zu schönen Durchschimmereffekten kommen kann (z.B. bei einem Schattenwurf über einem Farbverlauf oder wenn man z.B. einen halbtransparenten Hintergrund braucht.)

Das Png-Format eignet sich auch, wenn man mit Layern (z-index) arbeitet und ein Bild über einem sich wechselnden Hintergrund platziert. Beispiel wäre z.B. meine Seite, die ich für den Bauchredner Tim Becker gemacht habe.

Hier sieht man, wie der Hippie über dem Kasten mit dem Text gelegt ist. Bei einem Bild im Gif-Format würde man hier einen Farb-Saum erkennen, der den Hippie umgeben würde. Entweder Weiß beim Kasten oder helles Blaugrau außerhalb des Kastens. Das liegt daran, dass man im Gif-Format nur eine Farbe einstellen kann. Das würde nicht so gut aussehen und wäre für eine gute Internetagentur unakzeptabel.

Ich habe also hier oben beim Hippie das Png-Format eingesetzt und obwohl die Hintergrundfarbe unterschiedlich ist (einmal weiß und einmal helles Blaugrau für den Textkasten), erkennt man keinen Farbsaum.

Ein Nachteil des Png-Formats aus meiner Sicht ist die etwas höhere Dateigröße. Für sehr große Bilder ist das Png-Format nicht unbedingt die beste Lösung.

Ein weiterer Nachteil ist, dass im Internet Explorer 6 und 5.5 die Transparenz der PNG-Dateien nicht angezeigt wird. Hierfür habe ich aber auch eine Lösung gefunden. Den IEPng-Fix von TwinHelix-Design aus Timaru, Neuseeland.

Hier eine Anleitung:
- Downloade die Datei inpngfix.zip von dieser Seite
- Lade (z.B. per FTP) die Dateien iepngfix.htc und blank.gif auf deinen Webspace
- Baue einen CSS-Befehl in deine Webseite ein: style=”behavior: url(iepngfix.htc);”
z.B. <img style=”behavior: url(iepngfix.htc);” border=”0″ src=”beispiel.png” width=”208″ height=”100″ alt=”Beispieltext”>

Ich gehe davon aus, dass Ihr den IE6 nicht installiert habt, um es dann auch testen zu können. Um zu schauen ob alles mit der Transparenz unter IE 6 und IE 5.5 geklappt hat, würde ich vorschlagen, dass Ihr den IE-Tester installiert und die Seite damit Testet.

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.

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.

Unter envacacionestodossomosestrellas.com sieht man wie individuelle Werbung durch Personalisierung funktioniert. Das Hotel Iberostar läßt einen seine Präferenzen bereits auf der Webseite eintragen und spielt dann per Videoclip ein, wie das in Echt aussehen könnte. Am Ende der Videosequenzen kann man einen Hotelaufenthalt direkt so buchen. Die Präferenzen werden dann so übernommen, wie man Sie zuvor ausgewählt hat. Eine clevere Idee, wie ich finde.

Webseiten als interaktive Spiele: Das macht Spaß. Verbatim läßt auf seiner japanischen Homepage Speicherkarten-Monster gegeneinander antreten (hier).  Unter dem Punkt “My Monster” kann man sich ein Speicherkarten-Monster zusammenstellen und dann gegen andere virtuelle Monster spielen.

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).

Hier die Webseite, die ich mit diesem floralem (pflanzenartigem) Hintergrund erstellt habe. Es handelt sich dabei um einen Hochzeitsfotografen in Hamburg.

www.hochzeitsfotograf-hamburg.cc

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

Hier ist z.B. eine Seite aus den USA, welche so wie eine Tageszeitung gestaltet wurde :

Die Seite ist hier erreichbar.

Eine aussergewöhnlich tolle Idee, die man sich merken kann.

Um das zu tun, sollte man wichtigtere von den eher unwichtigeren Onpage-Optimierungsfaktoren unterscheiden können.

Zuerst die Wichtigen onpage Rankingfaktoren:

- Metatag Titel: Der wichtigste der onpage Rankingfaktoren (er sollte nicht mehr als 60 Zeichen enthalten und die wichtigeren Begriffe sollten weiter vorne stehen)

- Domainname: Keywords sollten hier klar enthalten sein. Mann kann hier den Firmennamen mit dem wichtigen Keyword oder Keywordkombination verbinden.

- Bilder: Sowohl der Dateiname des Bildes als auch der Alt-Text sollte die Keywords enthalten. Schon alleine wegen der Bildersuche sollte man die Bilder optimieren (Dateiname/Alt-Attribut). Die Bildersuchen kann manchmal zu erheblichen Traffic führen.

- Meta Tag Canonical: Der Meta Tag um duplicate Content auszuschließen wird gerade bei größeren Webseiten immer wichtiger.

- Interne Seitenstruktur: Seiten die intern häufiger und mit den richtigen Keywords verlinkt werden, ranken besser. Es zählt aber immer nur der erste Linktext zur gleichen Landingpage. Footerlinks werden immer weniger beachtet. Auch die Verzeichnistiefe, spielt eine Rolle. Je größer die Verzeichnistiefe, desto schlechter rankt eine Seite.

- Stelle des Keywords im Dokument. Je eher ein Keyword in dem Bodytext vorkommt desto besser.

- Erreichbarkeit: Eine Seite die häufig ausfällt, kann schlechter ranken.

- Schlüsselwortdichte: Das Schlüsselwort sollte bei kleinen Webseiten ca. 3 mal und bei größeren ca. 6 mal enthalten sein. Zu viele Schlüsselworte können zur Abstrafung führen.

Hier die eher weniger wichtigen onpage Rankingfaktoren:

- Meta Tag Beschreibung: Eher weniger wichtig. Man sollte aber eine gute Beschreibung verwenden, um die Attraktivität in den Suchergebnissen aufrecht zu erhalten, schließlich werden Sie dort angezeigt und von Surfern gelesen.

- H1- Headline: Obwohl viele in der Branche gegenteiliger Meinung sind, geht aus kürzlichen Studien hervor, dass der Wert der H1 eher gegen NULL tendiert.

-  H2/H3/H4 etc. noch weniger Wichtigkeit als H1

-  Html Kommentare: Suchmaschinen tendieren dazu diese zu ignorieren.

- Varrieren von Schlüsselwörter z.B. in der Schreibweise: Spielt kaum eine Rolle.

- Fett/Kursiv: Spielt kaum noch eine Rolle.

- Meta Tag Keywords: Völlig wertlos.

-  Andere Metatags: Spielen keine Rolle aus der Sicht des Rankings.

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.

Hier geht es zu dieser Seite

Die Website-Design und Marketing-Agency Lounge Lizzard aus den USA haben als Webseite einen verspielten Schreibtisch. Es gibt so einige Webseiten im Schreibtischlook, aber diese ist besonders schön.

…zur Seite von Windsor

Die Idee beim Webdesign für das Modelabel Windsor diesen Stoff-Background (Webseiten-Hintergrund) zu nehmen, ist einfach genial. Der Hintergrund passt sich sehr gut dem Webseitendesign an, obwohl die Struktur des Backgrounds sehr intensiv ist. Super umgesetzt!

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.

Mit diesen Tipps können Sie Ihre Suchmaschinenoptimierung zusätzlich zu Ihrer bisherigen Suchmaschinenoptimierung optimieren. Die Tipps sind eigentlich ein Muss für gute Webmaster.

1. Suchmaschinenkanibalisierung entkräften: Manchmal schaden Unterseiten, die auf das gleiche Keyword oder die gleiche Keyword-Kombination optimiert sind der Hauptseite. Die Hauptseite rankt dann nicht mehr so gutin den Suchmaschinen und die Unterseiten produzieren bei weitem nicht so viel Besucher (Trafik) wie die Hauptseite es  tun würde.

Wenn man jetzt aber die Keywords im Text auf den Unterseiten mit der Hauptseite verlinkt, kann man die Hauptseite wieder stärken.

Eine andere Methode wäre, bei den Unterseiten auf andere Keywords zu linken.

Um herauszufinden welche Seiten einen mit dem gleichen Keyword den Trafik wegnehmen, kann man so herausfinden: ”Schlüsselwort site:deinedomain.de” (Schlüsselwort und deinedomain ersetzen)

2.  Schlüsselwortverschiebung: Verschiebt die Schlüsselworte im Titeltag (Im Header) hin zum Anfang.

3.  Spiele mit den Gramatischen Formen deiner Schlüsselworte. Z.B. Wenn du auf einen Schlüsselwortkombination optimiert hast, dann überprüfe ob du vielleicht auch die Pluralform im Text, in den Bildern, Dateien und im Header unterbringen kannst. Oder vielleicht sogar andere gramatikalische Formen. Wenn man z.B. auf das Schlüsselwort Hannover optimiert, könnte man so damit spielen: Hannover, Hannoveraner, Hannovers, Hannoverisch etc.

4. Nutze deine gut gelistete Seiten noch besser aus: Gerade die Seiten die gut in den Suchmaschinen ranken, sind eine Einladung um noch mehr gute Schlüsselworte unterzubringen.

5. Beinflusse das Verhalten deiner Surfer: Suchmachinen achten immer mehr auf das Verhalten von Internet-Surfern. Immer wichtiger wird welche Bookmarks setzen Surfer, welche Links werden in den Suchergebnissen angeklickt und wie lange bleiben die Surfer auf der Seite. Dementsprechend sollte man seine Seiten so einrichten, dass der Reiz für Besucher noch stärker ist auf den Link in den Suchergebnissen zu klicken, auf der entsprechenden Seite zu verweilen und das die Surfer einen auch bookmarken.

Zusatztipp:
Multiple-Sitemapregistrierung: Registriere eine Sitemap nicht nur bei Google sondern auch bei Yahoo! hier und  MSN hier. Gerade wenn Ihr englischsprachige Seiten habt, ist das viel wert.

1. In den meisten Fällen spielt das alter einer Domain keine Rolle

2. Die Menge an Subdomains / Subfoldern könnte eine Rolle spielen

3. Bei sehr großen Seiten (wie z.B. Amazon) kann man getrost eine Sitemap verwenden.

4. Es empfiehlt sich Crawler einzusetzen, um zu sehen, wie Suchmaschinen die Seite sehen und um Fehler auszuschließen.

5. Die Gewichtung von Links in Blogs und Social Network Seiten ist gleichzusetzen mit Links aus anderen Seiten.

6. Google arbeitet hart daran, dass einem nicht geschaden werden kann, wenn jemand massenweise Links in schlechter Nachbarschaft auf einen platzieren. (Umkehrschluss: Man kann momentan seriösen Seiten schaden, indem man massenweise Links von schlechten Seiten setzt).

7. Emfehlung (hier klicken) um zu sehen, was Google als die wichtigsten Aspekte der Seitenbewertung sieht.

8. Es ist möglich, dass eine Webseite (1) vom Pagerank her abgewertet wird, wenn Seiten, die auf die Webseite (1) linken sich vom Linkjuice her verändert.

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.

Es gibt viel Diskussion über den Page-Rank. Er wird häufig überschätzt aber auch unterschätzt.

Der von Google vergebene Page-Rank ist ein Vertrauensmaßstab (oder Indikator), den Google einer Webseite gibt. Je höher das Vertrauen (Trust) gegenüber einer Webseite, umso wahrscheinlicher ist es, dass die Webseite unter dem optimierten Begriff höher in den Suchergebnissen bei Google rankt, mehr Inhalt aufgenommen und die Seite häufiger von Google besucht wird.

Natürlich gibt es noch andere Faktoren welche z.B. die Präsenz der Webseite in den Suchergebnissen beeinflussen, wie z.B. wie gut die Seite auf den bestimmten Begriff innerhalb der Webseite optimiert ist. Klar zu erkennen ist jedoch, dass Google bei den Suchergebnissen häufiger Webseiten mit höherem Pagerank zeigt.

Im folgendenen nehmen wir als Beispiel die Seite www.janik.cc

Der Pagerank wird vor allem dadurch beeinflusst wie viele Seiten auf die Webseite www.janik.cc linken. Hinzu kommt, dass wenn wichtige Webseiten auf die Seite www.janik.cc linken, es den Page-Rank umso stärker positiv beinflusst. Beispiel: Ein Link von einer sehr wichtigen Seite auf Janik.cc kann dessen Page-Rank stärker beinflussen als z.B. 3 Links von weniger wichtigen Seiten.

Wichtige Seiten sind vor all dijenigen Seiten, die selbst einen hohen PageRank haben, also dementsprechend viele Links zu sich selbst sammeln konnten.

Nach meiner Meinung beeinflusst auch die Aktualität und die Menge an Content (Inhalt) den Page-Rank einer Webseite.
Ich müsste es aber nochmal eingehender untersuchen.

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.

Die Webseite der australische Regierung findet man hier.

Oder so wie bei den M&Ms in Frankreich, wo man eine Strasse in der City als Navigation nutzt:

Zur Webseite der französischen M&M-Street gehts hier entlang.

Vorausschauende Webdesigner und SEOs verzichten gänzlich auf Drogen und Aufputschmittel.

Der Wettbewerb als Webdesigner, Seo oder Webmaster ist hart und wenn man angestellt ist, hat man vielleicht noch zusätzlichen Druck vom Chef oder den Mitarbeitern. Da vergreift sich der eine oder andere in dieser Branche schnell an gewissen legalen oder illegalen Hilfsmittelchen.

Jedoch hier ein Wort der Warnung:

Nahzu jede Form von Aufputschmitteln sind Gifte. Selbst das Rauschmittel Koffein ist ein Nervengift (Info) und kann bei Überdosierung tödlich wirken. Die Droge Koffein ist in Deutschland weit verbreitet und hat Ihr eigenes Suchtpotential mit individuellen Entzugserscheinungen und Nebenwirkungen.

Das klingt jetzt übertrieben, aber viele Menschen, können ohne die morgentliche Tasse Kaffee kaum noch arbeiten.

Die Verharmlosung der psychoaktiven Substanzen Koffein, Nikotin, Alkohol etc. wurde uns jahrzehntelang von der Werbeindustrie vorgekaukelt. Über die Gefahren wurde sich gründlich ausgeschwiegen.

Die Langzeitschäden von Koffein und Co fallen nicht sofort auf aber sie sind trotzdem existent, wie z.B. Persönlichkeitsveränderungen, verminderter Einfallsreichtum, emotionelle Abstumpfung, Einzelgängertum, reduzierte Lebensfreude, vermindertes Interesse, organische Beeinträchtigungen, schlechtes Schlafen, Kopfschmerzen, Gereiztheit, Müdigkeit, Neurosen etc…

Kaffe, Zigaretten, Alkohol sind für die meisten Menschen fester Bestandteil unserer Kultur und “normal”. Aber wie wäre es ohne diese Dinge? Oder wie wäre es wenn andere Drogen so “normal” und “harmlos” wären.

Wäre Kokain legal und hätte man es genauso in die Kultur integriert wie z.B. Koffein, Nikotin, Alkohol, dann hätten wir jetzt auch ein anderes Bewußtsein über diese Drogen. Man würde nichts Ungewöhnliches daran finden, Kokain zu nehmen. Ja man würde es sogar ein bisschen lächerlich finden, wenn jemand auf Hochzeiten, Geburtstagen, Jubiläen, Neujahrsfeiern etc. nicht mit einer Nase Kokain anstoßen wollte (im übertragenen Sinne).

Am Anfang des 20. Jahrhunderts hat man z.B. in Amerika die Gefahren des Alkohols erkannt und hat ein allgemeines Verbot ausgesprochen. Leider hatte man kein wirksammes Mittel gefunden für all die Süchtigen (Alkoholabhändigen) und deren Mafia-Dealer, die den Schwarzmarkt bedienten. Das Verbot scheiterte.
Heute müsste man ein Verbot anders anpacken. Mann müsste kriminelle Struckturen von Anfang an im Keim ersticken und sich der Masse an Süchtigen annehmen. In Deutschland wäre das wahrscheinlich jeder 10te über 30. Beim Kaffee und Nikotin nochmehr.

Die Politik wird wahrscheinlich auf kurze Sicht deswegen nichts unternehmen. Deshalb ist hier jeder Einzelne gefragt, etwas zu tun, nämlich selbst mit den Drogen aufzuhören (z.B. kein Kaffe mehr) und andere davon abzuhalten Drogen zu nehmen.

Na ja, und dann gibt es noch andere Mittel, die viele in unserer heutigen Gesellschaft nehmen, um eine kurzfristige Leistungssteigerung zu erziehlen. Aber eines sollte diesen Menschen bewußt sein. Alles was die Droge einem kurzfristig gibt, nimmt sie sich hinter noch viel mehr. Lebensfreude, Spaß, Motivation, Mitmenschlichkeit, Hilfsbereitschaft, Geselligkeit etc. werden auf Dauer abstumpfen. Von der körperlichen Gesundheit ganz zu schweigen. Also das, was wir in unserer heutigen Gesellschaft verstärkt beobachten.

Deshalb jetzt hier zu sagen, der spinnt doch oder der will uns nur den Spaß verbieten wäre ein bisschen zu Kurz gedach. Darauf antworte ich, dass die meisten gar nicht wissen, wie eine Gesellschaft aussieht, die gänzlich auf Drogen verzichtet. In so einer drogenfreien Gesellschaft gebe es wahrscheinlich noch mehr Spaß und Lebensfreude zu erwarten. Kinder brauchen ja auch keine Drogen um Spaß, Kreativität und Lebensfreude zu zeigen. Aber würden diese Kinder mit Drogen anfangen, dann wären diese Dinge schnell nicht mehr da.

Alternativ zu den bewußtseinsverändernden Drogen würde ich jeden empfehlen, der erschöpft, lustlos, überarbeitet oder einfallslos ist, sich für ein paar Stunden oder Tage mit angenehmen Aktivitäten zu beschäftigen.

Sport treiben, interesannte Filme sehen, dem Hobby nachgehen, gute Freunde besuchen, Natur erleben, eine Reise machen, ein gutes Buch lesen, lustige Spiele spielen und alles was einem Spaß macht, könnte hier ware Wunder bewirken und neue Lebenskräfte wecken.

Auch eine ausgewogenen Ernährung mit vielen Vitaminen, den notwendigen Mineralien, Proteinen, richtigen Fetten und Spurenelementen kann schon den Unterschied ausmachen.

Ich hoffe, dass sich der eine oder andere besinnt und sich und seiner Umwelt was gutes tun, indem er gänzlich auf Drogen und Aufputschmittel verzichtet.

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.

Den Katalog kann man per Schieberegler blättern.

Probiert es mal aus:
http://www.girlsmusthave.com/

Die Idee ist zwar schon älter, aber hier gefällt mir die Umsetzung mit Flash.
Auch ist der Katalog schön mit der restlichen Webseite integriert.

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.

Mit dem Seekattention-Plugin können Textpassagen, Bilder, Links, Zellen und Eingabefelder hervorgehoben werden.

Einfach Knopf drücken und schon liegt der Focus auf diesen Bereichen der Webseite, wie z.B. auf einem Link.

Mehr über das Plugin (Demos, Download des Javascripts, Instalation etc. ) erfährt Ihr hier

http://www.adidas.com/campaigns/y-3/fw08/

Modelpräsentation mal ganz anders: Die Models sind per Flashvideo animiert und laufen, wie auf einem Laufsteg.

Nachtrag: Jetzt auch bei H&M: http://www.hm.com/de/

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.

Als SEO (Suchmaschinenoptimierer) hat man allerdings gelernt, dass Suchmaschinen gerne mit Text gefüttert werden möchten.

Es besteht also ein Konflikt zwischen Design vs SEO, der gelöst werden möchte.

Aus der Sicht des Endverbrauchers bzw. des Internet-Surfers kann ich durchaus verstehen, warum viel Text, als unverdauter Brocken eher abstoßend ist.

Beim Surfen durch das Internet verwendet die meisten Leute Google, um auf unterschiedliche Webseiten zu gelangen.

Der Surfer besucht eine Webseite nach der anderen. Und wenn er gerade von Webseiten gekommen ist, die ihn mit unnötigen Informationen zugeballert haben, dann ist er sicherlich heilfroh, wenn er mal einen Internetauftritt mit paar schönen oder witzigen Bildern sehen kann und er auf einen Schlag erkennen kann worum es geht, z.B. anhand von gut geliedertem Text.

Um aber zu vermeiden, dass die Suchmaschinen zu wenig Text bekommen, sollte man das Webdesign so umsetzten, dass die Besucher nicht vergrault werden und die Suchmaschinen trotzdem Ihre Nahrung bekommen. Hier spielt die Kunst mit ein, Wichtiges von Unwichtigem zu unterscheiden.

Grafisch könnte man den Text auf der Webseite mit schönen und thematisch passenden Symbolen oder Bildern auflockern. Unwichtiger Text sollte definitiv kleiner gehalten und weiter unten platziert werden. Wichtiges kann man mit Fettschrift und einer größeren Schriftart hervorheben, jedoch so, dass alles gut zusammenpasst.

Die Auswahl der Bilder sollte definitiv ansprechend sein und eine Botschaft vermitteln. Gerade wenn man es witzig macht, kann man die Lust des potentiellen Kunden steigern, die Werbebotschaft zu empfangen.

Die folgende SEO-Agentur aus Edmonton, Kanada hat das gut umgesetzt:

ten24media

Texte und Bilder passen hier gut zueinander. Es fällt fast gar nicht auf, dass die Seite sehr viel Informationen vermittelt. Man spricht von guter Website-Usability oder auf deutsch Webseiten-Benutzerfreundlichkeit.

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.

Ab und an sollte man als Webdesigner, Seo, Onlinemarketingstratege oder Webmaster seine eigenen Webseiten überprüfen, ob diese es noch bringen oder überhaupt je gebracht haben. Die eine oder andere Homepage könnte sich so als Looser entpuppen und Handlungsbedarf signalisieren.

Gute Webdesigner sollten Ihren Webdesign-Kunden nicht nur Webseiten verkauft, die schön aussehen, sondern Webseiten erstellen, die auch den gewünschten Erfolg bei der Zielgruppe erreichen.

Es gibt 4 Dinge, die man untersuchen bzw. sich fragen kann:

1. Führen die Besucher der Webseite die gewünschte Handlung aus?
Z.B.:
Wie viele von den Besuchern tätigen eine Bestellung?
oder
Wie viele Besucher der Webseite nehmen Kontakt auf?
oder
Wie viele Besucher downloaden eine bestimmte Datei?

Eine Abhilfe bei einem schlechten Verhältnis könnte sein, dass man den Bestell- bzw. Downloadknopf sichtbarer platziert. Oder allgemein die Webseite interessanter gestaltet. Man sollte sich fragen, was einen selbst davon abhalten würde, die gewünschte Aktion auszuführen.

2. Ist die Platzierung in den Suchmaschinen schlecht oder hat sich diese verschlechtert?
Falls ja, sollte man die Seite auf SEOfehler untersuchen. Falls alles stimmt, könnte man mal als Abhilfe eine Runde Linkaufbau betreiben.

3. Werden die Unterseiten schlecht besucht, obwohl die Hauptseite viele Besucher hat?
Hier sollte man überprüfen, ob die Navigation stimmt und ob die Hauptseite ansprechend designt ist. Ausserdem könnte man untersuchen, ob man in den Suchmaschinen unter den richtigen Begriffen zu finden ist. Vielleicht verspricht sich der Surfer etwas anderes, was er tatsächlich vorfindet. Der Titel und die Beschreibung im Kopf (<header>) der Webseite, sollte noch mehr dem angepasst werden, was wirklich angeboten wird.

4. Kommen Besucher wieder?
Selbst wenn man ein kommerzielles Produkt oder Dienstleistung anbietet, so würden Besucher trotzdem wiederkommen, da sie online vergleichen und zu einem guten Produkt oder guten Dienstleistung zurück kommen würden.

Falls das Produkt an sich nicht konkurrenzfähig ist, sollte man als Webdesigner oder Onlinemarketingspezialist mit dem Kunden einen Strategie entwerfen, um das Produkt konkurrenzfähig zu machen oder zumindest so erscheinen zu lassen. Falls z.B. der Preis überhöht ist, so könnte man die Vorzüge noch mehr hervorheben und das Produkt bzw. Dienstleistung noch exklusiver aussehen lassen.

Zwar kann man auch andere Maßnahmen ergreifen, damit Besucher wiederkommen z.B. Quize, wo man etwas gewinnen kann, Grußkarten, Nachrichten, Kostenloses und viele andere Spielereien, jedoch darf man dabei niemals aus dem Auge verlieren, dass der Kunde etwas anbieten bzw. verkaufen möchte.

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.

Zur Webseite geht es hier lang (Leider ist das Design geändert worden. Den Querbalken gibt es dort nicht mehr)

Ich finde es eine gute Design-Lösung, da man das Gefühl einer echten Kunstgalerie bekommt. Dort wären Bilder ja auch nicht untereinander sondern nebeneinander aufgehängt.

1. Google sieht, dass man auf gute Internetseiten verlinkt und deshalb die Wahrscheinlichkeit höher ist, dass man selbst eine gute Seite hat, da man sich anscheinend auskennt.

2.  Webseiten, die auf niemanden linken sind meistens Aussenseiter im Internet. Man wird also wahrscheinlich von Google abgewertet, wenn auch sonst Content fehlt.

3. Man kann die verlinkten Websites bzw. dessen Betreiber darum bitten auch einen Link zu setzen.

4. Man erscheint in den Statistikauswertungen der verlinkten Seiten und die Betreiben werden den Link vielleicht mit einem Link zurück zur eigenen Webseite erwidern.

5. Man bietet dem User einer Seite einen Nutzen bzw. Mehrwert, wenn man ihn auf weiterführendes Material verweißt. Mehrwert wird von Google generell honoriert.

Ich bitte daher jeden, der mit Links in der Vergangenheit gegeizt hat, es nochmal zu überdenken. Linkjuice fließt nicht wirklich so stark ab, wie angenommen. Zumindest scheint (per Auswertung meinerseites) eine gute Linkstruktur mit qualitativen Seiten nicht wirklich zu schaden, sondern eher zu nutzen.

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.

Webdesigner müssen sich langfristig auf neue Aufgaben einstellen. Die Handymanie (iPhone und Co.) stehen kurz bevor.  Immer mehr Jugendliche und Geschäftsleute nutzen das Internet per mobilen Endgeräten. Bereits 3 Millionen Deutsche nutzen das Handy, um Unterwegs in Internet zu gehen (Quelle: Studie “Mobile Web Watch 2008″).

Auch Matt Cutts (Googles wichtigster Mann) hat dies erkannt und postet seit kurzem in seinem Blog über iPhone-Themen (http://www.mattcutts.com/blog/).

Deshalb wird auch das Webdesign für Handys immer wichtiger werden. Webdesigner müssen sich langfristig, darauf einstellen.

Diese Aufgabe ist jedoch keine Schwierige. Webseiten für Handys zu designen ist relativ leicht. Alles eine Frage der maximalen Bildschirmbreite bzw. Bildschirmauflösung.

Hier eine Übersicht:

Normale Handys: 60 x 200 px

SmartPhones: 320 x 240 px (quer)

PDAs: 480 X 320 px (quer).

Das neue iPhone 3G von Apple hat eine Aulösung von 480 x 320 Pixeln.

Modelle wie das iPhone 3G werden sich langfristig durchsetzten und deshalb sollten Webdesigner, die auch für solche mobile Endgeräte designen, die Seiten zumindest auf eine Pixelbreite von 480 einstellen. D.h. die Seiten bzw. die Handyversionen der Webseite sollten bei einer horizontalen Auflösung von 480 Pixel immer noch gut aussehen.

Ein größeres Format ist schlecht vorstellbar, da es in naher Zukunft kaum ein größeres Handy geben wird, dass sich jemand gerne in die Hosentasche steckt.

Wer die kleineren Handys abdecken möchte, kann dementsprechend eine kleinere Auflösung wählen. Jedoch kann man davon ausgehen, dass die meisten mobilien Geräte, die häufig für das Internet genutzt werden (z.B. von Geschäftsleuten), eine Auflösung von 320 px (Breitenformat) nicht unterschreiten werden.

Die meisten Besitzer kleinerer mobilen Geräte gehen in der Regel sehr selten damit ins Internet.

Das Internet breitet sich in immer mehr Bereiche unseres Lebens aus. Immer mehr Leute nutzen das Handy für das Internet. Die ersten guten Internflatrates für Handys sind im Anmarsch. Der Nutzungsumfang von mobilen Internetinhalten nimmt stätig zu. Internetnutzung per Handy wird immer attraktiver.

Irgendwann wird man einen kleinen Knopf am Handgelenk oder auf der Brust drücken und schon wird vor einem das Internet in beliebiger Größe projiziert. Eine interaktive Verbindung zu jedem, jederzeit und überall wird so möglich sein. Dann spielt die Auflösung auch keine Rolle mehr. Bis dahin jedoch sollten Webdesigner, die fürs Handy designen, Mindestgrößen berücksichtigen.

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.

Die meisten SEOs und Webdesigner optimieren nicht nur auf Einzelbegriffe, sondern überwiegend auf Begriffskombinationen.

Hier gilt es aber eine besondere Gegebenheit zu berücksichtigen: Suchmaschinen wie Google achten sehr stark auf die Reihenfolge der optimierten Begriffe.  So findet man z.B. unter der Suchanfrage “Fotograf Magdeburg” andere Suchergebnisse, als unter der Keywordkombination “Magdeburg Fotograf”.

Es lohnt sich daher auf beide Reihenfolgen zu optimieren. Die sogenannte Multiwayoptimierung oder Multiway Optimization, kann die Besucherzahl in vielen Fällen nahezu verdoppelt. Gute Webdesigner oder Seos sollten daher die Suchbegriffskombinationen bei der Onpage- und Offpageoptimierung in unterschiedlichen Reihenfolgen verwenden.

So kann man ganz leicht die Reihenfolge der Schlüsselwortkombination im Linktext (Anchor text), Alternativ-Text bei Bildern, Metatext im Head, Domain und Dateiname und auf der Webseite im Text selbst, unterschiedlich variieren.

Eine deutliche Steigerung der Besucherzahlen dürfte sich so einstellen.

Wie schön war es noch, als der Euro gegenüber dem Dollar deutlich billiger war und diverse Webmaster, die Ihre Einnahmen aus den USA bekamen, sich dumm und dämlich verdienen konnten.

Hier eine kleine Übersicht des Eurokurses:

Was verursacht eigentlich, dass der Euro so teuer wird?

Hauptursache für den teuren Euro, ist der schwache Dollar. Der schwache Dollar wird durch die politische und wirtschaftliche Lage der USA verursacht.

Die Hauptursachen für die schlechte politische Lage ist George Bush und seine Regierung. Der Kriegstreiber George Bush hat durch sein aggressive Haltung bezüglich Afghanistan, Irak und dem Iran dem Dollarkurs heftigst geschadet.

Auch die Verschuldung der USA unter George W. Bush hat sich fast verdoppelt. In den USA haben die Staatsschulden somit ein noch nie bekanntes Ausmaß erreicht.

Auch gegen die Wirtschaftskriesen (z.B. die kürzlichen Banken- und Immobilenkrise) in den USA wurde unter Bush viel zu wenig unternommen.  Das drückte den Dollarkurs stetig weiter nach unten.

Grundsätzlich gilt: Unter republikanischer Führer geht es der USA wirtschaftlicher schlechter als unter demokratischer Führung, zum Leidwesen des Dollarkurses.

Wenn jetzt die Demokraten im November 2008 die US-Präsidenschaftswahlen mit Barack Hussein Obama gewinnen würden, könnte sich der Dollarkurs schnell erholen.

Deshalb könnten deutsche Webmaster mit Dollareinnahmen stark davon profitieren, wenn Barack Obama im November 2008 bei der Wahl zum Präsidenten gewinnt.

Mehr Info unter http://www.barackobama.com

1. Schreibe so viel Internetagenturen bzw. Seofirmen an wie nur möglich. Du hast die besten Karten für einen Job, wenn eine Agentur gerade Mitarbeiter sucht. Internet- und Seoagenturen findest du in Jobbörsen, Online-Stellenmärkten, Kleinanzeigern, im Branchenbuch, bei Google, durch Jobagenturen und in der Bundesagentur für Arbeit.

2. Schreibt keine Emails sondern Papierbewerbungen. Emails werden nicht so ernst genommen wie Papierbewerbungen.

3. Das Bewerbungsschreiben sollte auf hohem Niveau sein. Das bedeutet:

- Verwende hochwertiges Papier
- Achte auf Rechtschreibung und Grammatik.
- Verwende ein klares, ästhetisches und gut lesbares Layout.
- Schreibe über die Seo- bzw. Internet-Projekte die du schon betreut oder erstellt hast.
- Fasse dich kurz. Bewerbungen in tabellarischer Form werden häufig bevorzugt.
- Lege ein professionelles Photo bei (vielleicht sogar von einem Profifotografen). Auf dem Bild solltest du in guter Kleidung und mit freundlicher Ausstrahlung zu sehen sein.
- Lasse unwichtige Dinge weg

4. Falls du zu einem Bewerbungsgespräch eingeladen wurdest, solltest du folgende Punkte beachten:
- Hohle vorher Informationen über die Seo- bzw. Internetagentur ein. Es ist immer gut viel über das Unternehmen zu wissen. Dieses Wissen kannst du später in das Gespräch mit einfließen lassen.
- Sei freundlich und zeige, dass du die Person magst, die mit dir das Bewerbungsgespräch führt. Die Affinität sollte aber auch nicht gespielt sein. Die Person kann es unter Umständen schnell merken, wenn du sie nicht wirklich magst. Das Gefühl der Zuneigung erreichst du, indem du Besonderheiten dieser Person findest, die du als liebenswert erachtest und die Dinge ausblendest, die du nicht magst. Beispiel: Du kommst für das Bewerbungsgespräch hinein und siehst den Boss. Jetzt versuchst du sofort etwas zu finden, dass dir an ihm gefällt, wie z.B. das er witzige Schuhe trägt, sein Lächeln, die Wärme in seiner Stimme, die Bilder an seiner Wand, die Ordnung auf seinem Schreibtisch oder was auch immer du an der Person liebenswert findest. Falls dir absolut nichts auffällt, dann solltest du dir zumindest vorstellen, was man vielleicht mit dieser Person zusammen gut machen könnte. Jedenfalls sind Menschen sehr sensibel und würden niemals Leute einstellen, bei denen sie das Gefühl haben, nicht gemocht zu werden.
- Hör gut zu, was zu dir gesagt wird. Gute Zuhörer werden sehr geschätzt, da sie in unserer Gesellschaft eher selten geworden sind.
- Sprich über die Projekte, die du bereits erstellt oder betreut hast. Du kannst auch über deren Webseite bzw. Projekte sprechen und Verbesserungsvorschläge machen. Die Kritik äußerst du als ein Freunde und nicht als ein Lehrer.
- Zeige, dass du wertvoll bist. Mache deutlich, dass du jemand bist, der sich perfekt in die Unternehmensstruktur eingliedert und der dieser Webdesign-, Internet- bzw. Seo-Agentur Nutzen bringt. Sprich über dein Fachwissen. Zeige dass du dich ständig informierst und wo du dich informierst. Sprich ggf. über die Kontakte die du in der Branche hast. Wichtig dabei ist, sich einfach auszudrücken und auf Worte zu verzichten, die ggf. nicht verstanden werden.

Viel Erfolg.

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.

Dreamweaver CS4 ist im Moment noch Beta, aber die Aussichten auf eine gelungenes Projekt, das bald herauskommt, sehen nicht schlecht aus.

Wichtige Neuerungen im Überblick:

1. Mit “Live View” kann man jetzt das Webdesign unter realen Browser-Bedingungen testen.

2. Man kann jetzt Photoshopfiles (PSD) einbinden, um damit verlustfreies Skalieren zu ermöglichen.

3. Dreamweaver CS4 zeigt externe Codes (CSS, JavaScript, PHP, oder XML),  in einer Topbar, die das Dokument beeinflussen. Fehler können so schneller behoben werden.

4. Das Userinterface erlaubt direkten Zugriff auf Photoshop, Illustrator und Flash.

5. Leichterer Export der Webseiten in gesicherte PDF-Dateien ist jetzt möglich.

6. Das Userinterface kann jetzt noch leichter angepasst werden.

7. Das Layout von Dreamweaver CS4, wurde bezüglich den anderen Softwarelösungen von Adobe, wie z.B. Adobe Photoshop angepasst.

8. Es gibt jetzt einen verbesserter Ajax und Javascriptsupport.

9. Der Umgang mit CSS ist jetzt noch verständlicher.

Fazit: Neuere Versionen von Dreamweaver CS4 haben sich bislang immer gelohnt, auch wenn der Preis nicht immer der Niedrigste ist.

Downlaod der Betaversion von Dreamweaver CS4

Spekulationen zufolge soll die Vollversion (Fertigversion) Dreamweaver CS4 Ende dieses Jahres bzw. Anfang nächsten Jahres herauskommen.

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.

Die Empfehlung für Webdesigner und Seos lautet:

Eine Seite mit dem Page-Rank von 1 oder 2 sollte eine maximale Anzahl von 50  Links aufweisen.

Eine Seite mit einem Page Rank von 3 oder 4 sollte eine maximale Anzahl von 75 Links aufweisen.

Eine Seite mit einem PageRank von 5 oder 6 kann sogar eine maximale Anzahl von 150 Links haben, ohne Gefahr zu laufen, dass Links nicht aufgenommen und verfolgt 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.