Dieser Artikel ist Teil der Serie 70 Tipps für professionelle Websites ist, die ich – natürlich viel zu spät – endlich einmal fortführen möchte.

Inhaltsverzeichnis

1. Allgemeine Tipps
2. Professionelles Webdesign
3. Tipps für sauberes HTML
4. Gute Webtexte
5. Bilder im Webdesign
6. No-Gos auf Business-Websites
7. Website-Pflege

2. Professionelles Webdesign

Professionelles Webdesign hilft die eigenen Produkte an den Mann bzw. die Frau (wie ich Geschlechtergerechte Sprache hasse) zu bringen. Webdesign bedeutet natürlich mehr als die reine Pixelschubserei, ich möchte mich bei meinen 10 Tipps allerdings weitgehend darauf beschränken.

1. Beständig bleiben

   Ein professionelles Webdesign sollte sich dem restlichen Corporate Identity anpassen. Das heißt, es sollten die Firmenfarben verwendet werden, aber auch Formen und wieder auftretende Motive können und sollten im Webdesign wieder aufgegriffen werden. Selbstverständlich sollte das Firmenlogo verwendet werden, soweit es vorhanden ist.

   Besteht noch kein Corporate Design, ist es wichtig, bewusst eines zu erstellen. Ich kann mich an ein Kundenprojekt erinnern, bei dem ich meine Ideen für das Webdesign erklärte und der Kunde meinte, dass ich auf das Logo noch warten müsse, da ein anderer Grafiker dies momentan erstelle, ob ich nicht schon anfangen könne? So etwas macht natürlich keinen Sinn. Es wird nicht nachträglich noch einmal ein Logo eingefügt. Professionelles Webdesign ist beständig.

2. An Zielgruppe und Produkt halten

   Bevor in Photoshop (oder Gimp!) der erste Pixel eingefärbt wird, sollte man in sich gehen und sich das Produkt oder die Produkte die verkauft werden sollen konzentrieren. Wirtschaftlich gesehen hat das Design den einzigen Sinn das Produkt der Zielgruppe nahe zu bringen und zu verkaufen.

   Wie alt ist die Zielgruppe? Wie groß sollte die Schrift deshalb sein? Wie internetaffin ist sie? Kann man ihr Dinge wie RSS-Feeds einfach so hinstellen oder weiß sie damit gar nichts anzufangen? Welche Farben und Formen passen zum Produkt und sprechen die Zielgruppe an? Wie seriös oder wie spannend sollte die Website werden?

3. Farbschema erstellen

   

   Ein Farbschema erstellt mit Color Scheme Designer

   Nachdem Dir nun klar ist, welche Firmenfarben es gibt, welche Farben gut zum Produkt passen würden und vor allem, welche Farben der Zielgruppe präsentiert werden können, sollte nun ein Farbschema erstellt werden. Hierbei ist wichtig, dass Farben nicht nur einfach zum Produkt passen oder die Zielgruppe ansprechen.

   Farben kann man innerhalb einer Gesellschaft Bedeutungen zuordnen, die dann assoziiert werden, wenn sie im Webdesign auftauchen. Farben wirken außerdem unterschiedlich warm oder kalt. Gemeinsam mit anderen Farbtönen haben sie eine ganz eigene Wirkung. Über Farben gibt es wirklich viel zu Erfahren. Eine nützliche Quelle ist www.metacolor.de. Einen weiteren nützlichen Artikel findest du hier.

   Das Positive ist, dass wir als Menschen selbst ebenfalls die Wirkung des Farbschemas erfahren. Man kann mit praktischen Tools wie Color Scheme Designer und etwas Gespür für Ästhetik sehr ansehnliche Farbschemata zaubern.

4. Auch beim Layout Schemata verwenden

   Nun geht es ans Eingemachte. Beim Layout nutze ich meist ein Scribble. Danach mache ich im Grafikprogramm weiter. Auch hier kann man sich nach Schemata richten. Was immer funktioniert ist der Goldene Schnitt. Raster können die Arbeit erleichtern. Beliebt ist 960.gs und CSSGrid.net. Ich persönlich probiere Sie ab und an aus.

   Ich versuche ebenfalls ein Formschema zu etablieren. Wie eckig, rund, schief oder gebogen sollte das Webdesign werden? Hängt natürlich wieder vom Produkt und der Zielgruppe ab. Auch hier ist mir Beständigkeit wichtig: Wenn die Ecken abgerundet werden, dann werden alle Ecken abgerundet. Natürlich kann man dies gezielt auflockern oder zwei oder drei verschiedene Typen festlegen. Man sollte das ganze aber gezielt machen.

5. Einheitliches Schriftbild

   Auch bei der Typografie setze ich auf Schemata. Eine durchschnittliche Website verwendet bis zu 6 Überschriften, Fließtext, Links, hat ein oder mehrere Navigationselemente. Oft Sind Seitenbestandteile beschriftet. Gerade durch CSS ist es ganz leicht Textelemente zu gruppieren und einheitlich zu gestalten.

   Eine wirklich hilfreiche Matrix um selbst als Laie professionelle Typografie hinzubekommen bietet Jan Quickels. Zu empfehlen ist auch die 141 Folien lange Präsentation Elegant Web Typography von Jeff Croft (englisch).

6. Genügend Layouts erstellen

   Für die meisten kleinen Websites mag es genügen, ein Layout zu erstellen und dort im Inhaltsbereich die Inhalte der jeweiligen Unterseite zu präsentieren. Selbst hier macht es aber oft schon Sinn, der Startseite einen ganz eigenen Aufbau zu verpassen. Ist die Website ein reines Lexikon, welches den Besucher mit Wissen füttert, braucht man natürlich kein zweites Layout.

   Das Web kann aber heute viel mehr. Startseiten, Kategorieseiten, Inhaltsseiten, Galerieseiten, spezielle Generatoren – kann man hier wirklich ein universelles Layout erstellen und alle reinpressen? Besser wäre es, für jeden Seitentyp ein Layout parat zu haben, welches dessen Funktionen unterstützt. Das es anders geht zeigen Blogazines.

7. KISS

   Keep it small & simple oder besser: “keep it simple, stupid!”, heißt im Grunde, alles so einfach zu präsentieren, wie möglich. Natürlich muss das Webdesign alle wichtigen Elemente wie Seitennavigation, Suche, Logo oder Text beherbergen. Um das Ganze möglichst einfach zu gestalten, kann man zwei weitere Ratschläge anwenden:

   • Kenne den Sinn jeden Elements. D.h. füge nichts einfach in das Layout ein, nur weil es andere Websites auch haben. Überlege zuvor, ob es wirklich Sinn macht und notwendig ist.
   • Gruppiere Elemente. Der Mensch kann in einer horizontalen Navigation bspw. maximal 3-4 Navigationspunkte gleichzeitig erfassen. Wenn Du Dein Webdesign sinnvoll aufteilst, findet sich der Besucher schneller zurecht.

8. Liebe die Details

   Gerade wie man mit den nebensächlichen Bestandteilen seines Webdesigns umgeht, kann entscheiden, wie hochwertig das Webdesign wird. Bei einem Anzug wählt man ja auch nicht den edelsten Stoff und lässt dann die Nähte ausfransen.

   Das bedeutet: Achte auf Farbverläufe, Ecken und Kanten oder Muster. Buttons und Icons können liebevoll und Pixelgenau gestaltet werden. Natürlich darf man es nicht übertreiben: Hintergrundelemente dürfen sich nicht in den Vordergrund drängen.

   Designblogs veröffentlichen oft tolle Beispielsammlungen. Hier zum Beispiel über pixelgenaues Buttondesign.

9. Plane den Einsatz von dynamischen Elementen

   Mithilfe von CSS, JavaScript und Ajax oder Flash kann man seinem Webdesign Leben einhauchen. Hier bitte die vorherigen Punkte im Blick haben: Was kann ich meiner Zielgruppe zumuten? Wie kann ich möglichst einfach bleiben? Hat das wirklich Sinn?

   Ab und an kann man diese Techniken zum Beispiel nutzen um Besucher nicht zu erschlagen und Elemente nachträglich aufklappbar oder ausziehbar macht. Gute Beispiele für wirklich intelligenten Einsatz dynamischer Elemente sind:

   

   Die vielfach kopierte, ausklappbare Navigation von Amazon.

   

   Das Werkzeug um den Preisbereich der Suche festzulegen auf billiger.de

10. Lenke den Besucher

    Zum Schluss der wichtigste Punkt: Lenke Deinen Besucher! Im Grunde sind die ganzen Punkte zuvor völlig irrelevant, solange das Webdesign im Stande seine Aufgabe zu erfüllen und das Produkt an den Mann zu bringen.

    Das Stichwort lautet: “call to action”. Mache Dir bewusst, welche Aktion Deine Besucher ausführen sollen und hebe diese Möglichkeit hervor. Auf dem Weg dorthin gibt es viele Punkte zu beachten, die Kurzfassung lautet:

    Befriedige mit dem Produkt das Verlangen des Besuchers. Mache dies in Überschriften, Texten und Bildern klar. Aber Achtung: Führe dies so weit wie möglich auf unsere Urtriebe zurück. Kein Mensch braucht eine teure Frisur, wer sich eine wünscht, möchte gut Aussehen und Sex. (Einfach in dieser Art denken, funktioniert meist recht einfach )

    Als nächstes muss sich der Besucher sicher fühlen. Durch ein professionelles Webdesign haben wir hier schon die halbe Miete. Man kann dafür sorgen, dass irgendwelche Prüfsiegel (TÜV, Trusted Shops, SSL-Verschlüsselung) oder Kundenrezessionen weiter bestätigen. Vermeiden sollte man die Kombination “Billiges Design + schmierige Anzugträger”.

    Als nächstes brauchen wir die Handlungsaufforderung (also call to action). “Bestellen Sie jetzt”, “Kontaktieren Sie mich” usw. Natürlich benötigt das Design auch ein Element, mit dem sich diese Handlung dann ausführen lässt, sprich ein Button, ein Kontaktformular usw.

    Weitere Tipps zur Optimierung der Conversion findest Du bei konversionskraft.de hier ist bspw. ein sehr hilfreicher Analyseartikel zur Gestaltung von Landing Pages.

    Tipp: Durch (künstliche) Knappheit erhöht man das Verlangen des Interessenten die gewünschte Aktion auszuführen. Vom Teleshopping kann man hier viel lernen …

Das war’s. Die nächsten 10 Tipps sind fertig. Ich hoffe, sie helfen und gelobe, die fehlenden 50 etwas schneller zu bringen! Es wäre super, wenn Du das Geschriebene nun in den Kommentaren bestätigst oder vervollständigst. Natürlich kannst Du es auch verneinen, kritisieren oder vollständig zerfetzen.

Inhaltsverzeichnis:

1. Allgemeine Tipps
2. Professionelles Webdesign
3. Tipps für sauberes HTML
4. Gute Webtexte
5. Bilder im Webdesign
6. No-Gos auf Business-Websites
7. Website-Pflege

Jeder Teil der Serie bietet jeweils 10 Tipps. Noch sind nicht alle Artikel veröffentlicht. Um auf dem Laufenden zu bleiben, folge mir auf Twitter oder abonniere meinen RSS-Feed.

1. Allgemeine Tipps für die professionelle Website

Kundenanfragen zeigen, dass Zusammenhänge beim Erstellen, Betreiben und Vermarkten von Websites oft nicht ganz klar sind.  Zunächst also ein paar grundlegende Tipps um eine professionelle Website zu erstellen.

1. Ziele bestimmen

   Als Erstes sollten klar sein, welche Ziele die Website haben wird: Verkauf, Teilnahme an Aktionen/Newslettern, Verstärken der eigenen Marke, Werbeeinblendungen, Klicks auf Werbung, Kundenkommunikation. Es ist wichtig, dass das primäre Ziel nicht aus den Augen verloren wird. Zweitrangige Absichten müssen weniger prominent dargestellt sein, damit den wichtigen Funktionen genügend Aufmerksamkeit zukommt.

   Bei mehreren Zielen ist es manchmal ratsam diese auf mehrere Domains aufzuteilen. Wer offline eine bekannte Marke hat, könnte Online-Shop und Firmenpräsentation auf zwei unterschiedlichen Domains verteilen, damit beide ihre Zielsetzung perfekt erfüllen können.

2. Alleinstellungsmerkmale kennen

   Es ist wichtig Alleinstellungsmerkmale (USPs engl.: unique selling propositions) zu kennen und zu kommunizieren. Dient die Website dazu, Produkte zu verkaufen, müssen deren USPs bekannt sein und auf ihr beschrieben werden. Besonders gut ist, wenn die Website selbst weitere USPs beiträgt, zum Beispiel durch intelligentere Darstellung, automatische Individualisierung oder zusätzlichen Support.

   Ist die Website selbst das Produkt, wie zum Beispiel bei einem Blog, sollten USPs geschaffen werden. Wie hebt sich der Blog von der Konkurrenz ab? In irgendeiner Form sollte man immer besser sein und den Besuchern dies auch klarmachen.

3. Zielgruppe kennen

   Die Zielgruppe zu kennen ist essentiell. Die gesamte Webpräsenz sollte auf sie abgestimmt sein. So richten sich später Design, Aufbau und Inhalte nach der Zielgruppe. Selbst bei der Wahl der Technik, spielt die Zielgruppe die wichtigste Rolle: Schließlich möchte man dem Kunden nichts vorsetzen, was er gar nicht benutzen kann.

   Alter, Geschlecht und Interessen sind drei wichtige Kriterien einer Zielgruppe. Kennt man diese, kann Werbung in anderen Medien und Kanälen geschaltet werden. Im Social Web ist das auch für kleine Budgets besonders interessant: Präsenz ist hier nicht gleich Kostenfaktor.

4. Perspektive wechseln

   Ein Grundgedanke kommerzieller Websites ist die Präsentation. Man möchte sich im Internet präsentieren und allen das eigene Produkt bekannt machen. An und für sich eine gute Idee, aber der völlig falsche Denkansatz.

   Du interessierst mich nicht, Deine Website erst recht nicht.

   Wenn Du mir hilfst ein Problem zu lösen oder mich zum Lachen bringst, werde ich mich an deine Marke erinnern. Benötige ich später einmal Dein Produkt, kaufe ich – ob unterbewusst oder bewusst – lieber bei Dir.

   Infos für die Presse haben auch Ihren Platz, sollten aber nicht aggressiv den Kunden präsentiert werden. “Willkommen auf unserer Website, wir sind eine junges Unternehmen …” – ganz ehrlich, wen interessiert das denn?! Einfach die Perspektive wechseln: Welchen Nutzen kann deine Website dem Kunden bieten? Schaffe Ihn und hör auf, von Dir selbst zu reden. So wirst Du Erfolg haben.

5. Marketing-Plan erstellen

   Der Klassiker: Der Kunde möchte eine Firmenpräsenz, weil man das eben braucht. Später wird sich dann über die fehlenden Besucher beklagt. Offensichtlich war hier das Ziel nicht genau definiert und es fehlte ein Plan dieses zu erreichen.

   Man sollte sich überlegen, aus welchen Kanälen man seine Besucher bekommen will. Das ganze sollte möglichst vor der Erstellung der Website geschehen, denn Inhalte, Struktur und Design sollten darauf abgestimmt sein. Relativ verbreitet ist zum Beispiel folgendes Modell: Kommerzielle Webiste + Blog: Der Blog liefert Inhalte, die gerne über Social Media verbreitet werden. Die entstehenden Links werden genutzt um die kommerzielle Seite für Suchmaschinen zu pushen. Voila, kaufende Besucher aus den Suchmaschinen.

   Zugegeben, das war einfach. Ein Kanal mehr: Über virale YouTube-Videos werden Fans für die Facebook-Seite akquiriert. Dort werden nicht nur Blog-Inhalte verbreitet, sondern zusätzlich Rabatt-Codes für den Online-Shop.

6. Inhalte planen

   Die verschiedenen Werbeformen im Internet, lassen viele Strategien zu. Es können mehrere Kanäle besetzt und kombiniert werden. Wichtig ist, dass jeweils relevante Inhalte vorhanden sind.

   Je mehr Inhalte bereitstehen, desto mehr Kanäle können genutzt werden. Hier ist zu beachten, dass Besucher unterschiedlicher Quellen auch unterschiedlich gut konvertieren. Je weiter weg der Inhalt vom eigentlichen Produkt ist, desto weniger wird er direkt bringen. Du solltest deshalb nicht auf Teufel komm raus Inhalte rauspressen um eine Kanal zu besetzen, dessen Besucher gar nichts kaufen. Manche Kanäle lassen sich auch schlicht nicht nutzen, da die Zielgruppe dort nicht aktiv ist.

   Wobei dies nur halb richtig ist, da man Inhalte nicht nur für die Zielgruppe erstellen kann, sondern auch für eine zweite Zielgruppe, die die Inhalte dann verbreitet und so im 2. Schritt die Kunden anspricht. Beim oberen Beispiel “Blog+Kommerzielle Seite” könnte dies funktionieren.

7. Informationsarchitektur erstellen

   Bevor man anfängt an das Design der Website zu denken, sollte man eine Informationsarchitektur erstellen. Du solltest Dir überlegen, wie Du Informationen sinnvoll gliedern kannst. Es gilt dabei, eine möglichst flache Hierarchie zu erschaffen. Aus SEO-Gesichtspunkten ist es außerdem sehr sinnvoll auf jeder Unterseite nur ein Thema zu behandeln. Praktikabel ist es, an diesem Punkt eine Keyword-Recherche durchzuführen.

   Seiten, die in der Hierarchie weiter oben stehen, bekommen logischerweise Oberbegriffe als Keyword zugewiesen, spezifischere Seiten eine Keyword-Kombination. Zum Beispiel: Startseite: “Schuhe”, Kategorie: “Damenschuhe”, Produkt: “Damenschuh aus Leder rot-weiß”. Später werden die einzelnen Webseiten dann auf die Keywords optimiert und hoffentlich darüber gefunden.

   Meiner Meinung nach ist es egal, ob man SEO im Marketing-Plan vorgesehen hat oder nur über SEM Besucher gewinnen möchte: Wer nicht einmal die sowieso geplanten Inhalte einigermaßen onpage-optimiert, verschenkt seine Möglichkeiten.

8. Domain wählen

   Die Domain soll später zur Marke werden. Wenn Du bereits eine mehr oder weniger bekannte Firma hast, bietet sich der Firmenname an. Ansonsten kann ein Fantasienamen gewählt werden. Es ist allerdings schwieriger daraus eine Marke zu formen.

   Im Hinblick auf SEO ist eine Keyword-Domain optimal. D.h.: Das Haupt-Keyword oder die Haupt-Keyword-Kombination ist gleich der Domainname. Besteht die Domain aus einem einzigen Keyword, ist sie meist leicht zu merken und vereint somit Markenbildung und SEO. Natürlich sind solche Domains oft schon vergeben und deshalb auch teurer.

   Eine Domain sollte nicht zu lang sein, am besten besteht sie aus einem oder zwei Wörtern. Webdesign-Allendoerfer.de ist beispielsweise schon ein sehr langer Domainname. Neuerdings ist man in der deutschen SEO-Szene der Meinung, dass Domains aus mehreren Worten zusammengeschrieben werden sollten, da die Bindestrichvariante seit neustem doch die schlechtere Alternative sei. Diese Aussagen beruhen auf statistischer Auswertung der Suchergebnisse und sind meiner Meinung nach nichts wert. Am besten beide Versionen registrieren, für eine entscheiden und die zweite Domain weiterleiten.

9. Disziplinen aufeinander abstimmen

   Der achte Punkt ist mir besonders wichtig. Bei der Erstellung einer professionellen Website sollte man sich stets den Weg des Benutzers vorstellen. Durch einen Werbekanal findet er zur Website, dort begegnet er dem Design, dem Text, den Bilder, sprich allen Elementen der Website.

   Damit Werbestrategien wie Suchmaschinenoptimierung funktionieren, ist es wichtig, dass das Zusammenspiel innerhalb der Website genau geplant ist. Wird eine Seite aus nicht abgestimmten Teilen zusammengesetzt, wirkt sie inkonsistent und laienhaft.

   Der Besucher hat gewisse Erwartungen, die an irgendeiner Stelle seines Weges geschaffen werden (zum Beispiel: Banneranzeige). Wenn ich auf Deinen Banner klicke, habe ich eine ungefähre Vorstellung von dem, was mich erwartet. Es liegt nun an Dir, diese Erwartung bei mir zu erfüllen. Das schafft Vertrauen, Sicherheit und somit Verkäufe.

10. Rechtliche Korrektheit sichern

    Achte darauf, dass Du Inhalte nur dann verwendest, wenn Du dies auch wirklich darfst. Besonders kritisch sind Bilder und eingetragene Marken aber auch bei Texten darf sich nicht einfach bedient werden.

    Wenn Du etwas schreibst, pass auf, dass du alles korrekt kennzeichnest. Salzprodukte dürfen beispielsweise nur als Himalaya-Salz bezeichnet werden, wenn sie tatsächlich aus Indien kommen. Dass das Salz in Pakistan exakt identisch ist, tut dabei nichts zur Sache. Auch in Deiner Branche wird es solche Regelungen geben. Achte besonders auf Kennzeichnungsvorschriften und informiere dich über bekannte Urteile.

    Auf kommerziellen Websites müssen gewisse Rahmenbedingungen eingehalten werden. Dazu gehören zum Beispiel die Datenschutzerklärung, die AGB, Rückgabe- oder Widerrufsrecht sowie das Impressum.

    Von Trusted Shops gibt es einen Leitfaden für rechtssichere Online-Shops [PDF].

Soweit die 10 Tipps zur Vorbereitung der professionellen Website. Der zweite Teil der Serie wird sich mit den Tipps 11-20 um professionelles Webdesign drehen. An dieser Stelle noch einmal der Hinweis auf meinen Twitter-Account und den RSS-Feed.

Ich meine, gutes Webdesign kennt genau zwei Regeln. Das Problem: Diese widersprechen sich gegenseitig!

Tipps für gutes Webdesign

Natürlich gibt es die schönen „Mit-diesen-10-Tipps-löst-du-all-deine-Probleme-Blog-Posts“. Alle Webdesign-Probleme sind aber schon mit zwei Tipps zu lösen:

Tipp 1: Liebe zum Detail

Auge | Urheber: Look Into My Eyes, flickr

Liebe deine Website! Anders funktioniert Perfektion nicht. Verbessere jeden Aspekt deiner Website so lange, bis er perfekt ist.

Design

Wähle den passenden Stil für deine Zielgruppe. Nun schenke jedem Bereich deiner Website Beachtung. Du kannst verspielt sein oder extrem streng. Wichtig ist, dass alles ins Gesamtbild passt.

Linie ist nicht gleich Linie. Sie kann z.B. gestrichelt, gepunktet, doppelt, doppelt gestrichelt oder doppelt gepunktet sein. Finde die perfekte Linie! Vielleicht braucht sie einen Knick?

Fläche ist nicht gleich Fläche. Einen einfarbigen Bereich kannst du beleuchten, strukturieren, auslaufen oder glänzen und einen Schatten werfen lassen.

Der Besucher wird sich auf einer perfekt aussehenden Website wiederfinden. Warum er sich auf ihr so wohlfühlt wird er kaum beschreiben können, da die Wenigsten den Blick dafür haben.

Text

Zum perfekten Design gehört natürlich auch eine super Typografie. Doch der Text muss stimmen. Auch hier gilt es, den passenden Stil zu finden. In diesem sollten dann die Inhalte verfasst werden. Rechtschreibfehler sind tabu. Auch auf eine korrekte Grammatik sollte Wert gelegt werden.

Da wir von Perfektion sprechen, müssen die Informationen des Textes die besten des Webs sein.

Multimedia

Die Informationen der Seite sollten durch Bilder illustriert werden. Videos können Text ergänzen oder gar ersetzen. Auch hier muss natürlich Mühe und Liebe in gute Arbeit gesteckt werden. Die Besucher werden es dir jedoch danken, denn gerade Bilder können helfen einen Text aufzulockern und schaffen Mut ihn wirklich durchzulesen. Denn illustrierte Info ist viel leichter zu verdauen.

Technik

Im Internet gibt es mittlerweile so viele technische Möglichkeiten, die verwendet werden können.

Um Besucher überhaupt an die richtige Stelle der Website zu bringen, braucht sie eine gute Struktur. Vor allem zur Suchmaschinenoptimierung ist diese wichtig. Idealerweise sollte jede Seite auf ein Keyword optimiert sein.

Die Linkstruktur muss nun so aufgebaut werden, dass jede Unterseite vom Besucher und dem Suchmaschinen-Bot möglichst ohne Hindernis angesteuert werden kann.

Auch die Quelltextstruktur muss User und Suchmaschinen bei der Informationsaufnahme unterstützen. Hierbei sind zum Beispiel Überschriften und der Titel der Seite sehr wichtig.

Tipp 2: Keep it simple

Wie beschrieben widerspricht Tipp 2 dem ersten. Wir sind nur begrenzt zur Aufnahme fähig und bereit. Irgendwann ist Schluss. Auch hat jede Website ein Budget. Bei einer kommerziellen Investition wie ihr geht es um Effizienz. Deshalb Kommando zurück!

Design

Keep it simple bei Google

Detailverliebtheit ist wichtig. Doch ein professionelles Webdesign sollte den Besucher leiten. Dazu müssen Akzente gesetzt werden. Manches ist unwichtiger und sollte zwar liebevoll, aber weniger aufdringlich gestaltet werden. Eine Konversion, auf die jede Website am Ende aus ist, kann nur so erzeugt werden.

Freiraum (Whitespace) ist nötig. Er gibt dem Besucher Platz um zu atmen und hilft, ihn nicht in der puren Masse aus Information zu erdrücken.

Text

Natürlich ist es gut den Anspruch zu haben, die umfangreichsten Texte zu liefern. Doch je nach Art der Website ist die Lesebereitschaft des Besuchers äußerst begrenzt. Bei der Textlänge darf nicht übertrieben werden. Zum Glück gibt es durch Verlinken die Möglichkeit Texte zu teilen.

Multimedia

Im Grunde gelten hier die gleichen Regeln: Den Besucher nicht in der Bilderflut ertrinken lassen. Ein kleiner Farbspritzer im Text genügt ihm zur Erfrischung oft schon. Von ihr gestärkt wird er sich durch deine Website kämpfen.

Ein besonders schönes Beispiel sind die Icons von Social-Bookmark-Diensten. Es ist total ineffektiv viele von ihnen einzubinden. Statt den Besucher mit hunderten dieser kleinen Icons zu bewerfen, legt man ihm besser ein oder zwei von denen zurecht, die wirklich genutzt werden.

Technik

Auch in technischer Hinsicht ist weniger oft mehr. Je simpler sie ist, desto mehr potentielle Nutzer hat sie. Deshalb, wo es geht: Flash durch JavaScript und JavaScript durch CSS ersetzen. Obwohl Ajax ein ganz tolles Modewort ist, tut es HTML meist auch.

Die Geschwindigkeit, die durch die Einsparung gewonnen werden kann, wird in Zukunft ein tolles Feature sein. Ich freue mich auf das wahre Echtzeit-Web ohne jede Verzögerung.

Vorteile von gutem Webdesign

Am Ende hat gutes Webdesign viele Vorteile. Den Besucher informieren oder unterhalten, ihn zu einem Kunden machen – all das ist möglich. Natürlich braucht es etwas Übung, die Prinzipien Liebe zum Detail und Keep it simple zu vereinen. Doch je stärker sie angewendet wurden, desto effektiver die Website.

Besonders praktisch: Durch ihre Gegenläufigkeit wird der Arbeitsaufwand beschränkt und mir günstiges Webdesign ermöglicht.

Wie siehst du das? Völlige Zustimmung, oder sehe ich das nicht doch viel zu einfach? Auch Fragen sind in den Kommentaren gerne gesehen.

Gastartikel von Lingo24

Vor allem für Geschäftsinhaber ist einer der aufregendsten Aspekte des Internets, dass das World Wide Web genau das ist, was der Name verspricht – wir können uns heutzutage Kunden in Lahore ebenso leicht zur Zielgruppe nehmen wie in London, in Moskau ebenso leicht wie in Miami.

Dass aber Internetnutzer auf der ganzen Welt miteinander verbunden sind, macht sie nicht alle gleich. Unterschiedliche Kulturen haben individuell ausgeprägte Gewohnheiten und Vorlieben. Deshalb muss man genau überlegen, worauf jeder gewählte Zielmarkt anspricht, bevor man die Gestaltung der eigenen Website in Angriff nimmt.

Wenn man sich in jedem Land die Websites erfolgreicher Unternehmen ansieht, findet man Hinweise darauf, was der dortigen Zielgruppe gefällt. Darüber hinaus kann man bestimmte Maßnahmen ergreifen, die die Suchmaschinenoptimierung (SEO) in jeder Region unterstützen.
Um dir dabei behilflich zu sein, folgen einige Aspekte, die du bei der Lokalisierung deiner Website berücksichtigen solltest:

1. Die Domain

Investiere in jedem deiner Zielmärkte in einen inländischen Domain-Namen. Es mag zwar billiger und bequemer sein, nur einen einzigen Domain-Namen zu haben, der deine sämtlichen Zielländer abdeckt, aber jedem Land zugehörige Domains helfen Google beim Ranking jeder Website in den länderspezifischen Suchmaschinen, und so lassen sich deine Rankings in die Höhe treiben.

2. Der Server-Standort

Stelle fest, ob sich der Server des Internetdienstanbieters deiner Wahl tatsächlich in deinem Zielland befindet. Auch dies bringt dir bei der SEO einen Vorteil, denn Suchmaschinen bevorzugen Websites, die in ihrem „Heimatland“ gehostet werden.

3. Die Keywords

Sorge dafür, dass sich in deinem Text und, soweit möglich, auch in deiner URL die allerbesten Keywords finden.
Es reicht jedoch nicht aus, einfach die Keywords, die du auf deiner deutschen Website verwendest, Wort für Wort zu übersetzten. Verschiedene Nationalitäten verwenden entsprechend ihrer Suchgewohnheiten unterschiedliche Formulierungen; dazu gehören Synonyme, Akronyme, umgangssprachliche Ausdrücke und Abkürzungen, und du musst deine Keywords dementsprechend anpassen. Googles Keyword-Tool kann dir dabei behilflich sein.

4. Das Design

Du solltest zwar auf all deinen Websites eine zusammenhängende und einheitliche Markenbildung verfolgen, das Design jeder einzelnen Website sollte aber auf die kulturellen Vorlieben ihres Landes abgestimmt sein.
Cascading Style Sheets (CSS) ermöglichen dir tabellenloses Design und die Trennung von Inhalten und Design. Dadurch bist du nicht gezwungen, jede einzelne Seite von Grund auf neu zu gestalten.
Elemente, die du im Hinblick auf das Design beachten solltest, sind unter anderem:

Texturbeispiele von Lingo24.

• Farbe

  Farben können kulturell höchst bedeutsam sein, und ein und dieselbe Farbe ruft weltweit erheblich unterschiedliche Assoziationen hervor. Rot steht beispielsweise in der westlichen Welt für Gefahr, während es in China Fest und in Indien Reinheit bedeutet. Nimm dir etwas Zeit um herauszufinden, welche Bedeutung deine Farbzusammenstellung für deine Verbraucher haben kann. Ein weißer oder schwarzer Text vor einem Hintergrund in Blau oder Grün scheint universell die höchste Akzeptanz zu genießen.

• Bilder

  Pass deine bildlichen Darstellungen für jede Website an und achte darauf, dir der jeweiligen Kultur bewusst zu sein. Auf einer westlichen Website für Reise und Tourismus könnten zum Beispiel Urlauberinnen in Bikinis gezeigt werden, ein Anblick, der in konservativeren östlichen Kulturen als unangemessen oder gar anstößig gewertet werden könnte.

• Navigation

  Nicht in allen Sprachen verläuft die Schrift von links nach rechts – Arabisch, das unter den weltweit am einflussreichsten geltenden Sprachen an fünfter Stelle steht, wird von rechts nach links gelesen. Eine horizontale Navigationsleiste anstelle einer vertikalen hilft dir, diesem Problem zu begegnen.

• Font

  Es ist wichtig, einen gängigen Zeichensatz zu verwenden, so dass der Text auf den meisten Bildschirmen korrekt dargestellt wird. Serifenlose Schriftarten wie Arial oder Verdana sind am besten am Bildschirm lesbar.

• Unicode verwenden

  Unicode UTF-8 ist ein flexibles Zeichenkodierungs-Tool, das mit mehr als 90 Schriftsprachen kompatibel ist. Es erleichtert den Wechsel von Sprache zu Sprache.
  Denk daran, dass unterschiedliche Zeichensätze sich auch auf die Zeilenhöhen und –längen auswirken. Außerdem werden in manchen Sprachen mehr Zeichen benötigt, um ein und denselben Gedanken auszudrücken: deutsche Wörter sind beispielsweise in der Regel länger als englische. Das muss bei deinem Webdesign berücksichtigt werden.

• Flash vermeiden

  In Flash eingebetteter Text wird von Suchmaschinen-Bots nicht leicht gelesen, und das erschwert deine SEO-Fortschritte. Auch verfügen nicht alle Länder über einen Zugriff auf High Speed Internet; es kann also zu lange dauern, eine Flash-Website zu laden.

5. Die Inhalte

Am wichtigsten ist es hierbei, für eine korrekte Übersetzung deiner Inhalte zu sorgen. Du musst gewährleisten, dass die Nuancen der regionalen Sprache und Kultur beachtet werden, wenn du das Vertrauen deiner potenziellen Kunden gewinnen möchtest.

Es mag verlockend erscheinen, sich für eine automatische Maschinenübersetzung zu entscheiden, aber ein solches Programm lässt sich tatsächlich nicht mit einem professionellen Übersetzer vergleichen, der in seine eigene Muttersprache übersetzt. Ein Text, der von einem Tool für Maschinenübersetzungen umgewandelt wurde, liest sich nur selten wie ein natürlicher Text, und du gehst damit das Risiko ein, deine Zielgruppe zu verwirren oder gar zu beleidigen.

Wenn du diese Punkte beachtest, liegt dir die Welt zu Füßen und deine Website zieht die Aufmerksamkeit neuer Kunden in der ganzen Welt auf sich.

Über den Autor

Christian Arno ist der Geschäftsführer von Lingo24, einem Übersetzungsunternehmen im Vereinigten Königreich, das auf Website-Lokalisierung spezialisiert ist.

S. Hofschlaeger | Pixelio

Dieser Artikel behandelt die Wahl des Website-Typs auf eine ganz andere Art und Weise, denn Websites erstellen ist wie Monopoly spielen: Erwartung von Spaß und Gewinn, langwieriger Verlauf und am Ende sind von zwei bis acht Spielern sieben enttäuscht.

Spielbeginn – die Wahl der Website

Jeder Spieler erhält 1500,–€ Startkapital. Bitte wähle zunächst eine Website, die du aufbauen möchtest, als Spielfigur. Der jüngste Spieler beginnt das Spiel, indem er auf seine Website klickt.

• Online-Shop
• Website um Geld zu verdienen
• Informationsseite
• Community-Portal
• Präsentationsseite

Der Spielverlauf – welche Website gewinnt?

Das Spiel beginnt, du versuchst nun dein Website-Monopol aufzubauen um zu gewinnen.

Online-Shop

Mit dem Online-Shop startest du ins Spiel. Du hast dir eine Strategie überlegt: Sich auf alle Straßen einer Farbe spezialisieren, diese schön durch Häuser und Hotels ausbauen und warten, bis jemand auf ihnen landet. Du legst viel Wert darauf, dass alles hübsch aussieht. Schnell gelingt dir dies auch. Du hast die Seestraße, die Hafenstraße und die Neue Straße erworben.

Doch es hakt. Zwar erhälst du ab und an Besucher, aber das Geschäft will nicht so recht florieren. Hättest du doch eine andere Website wählen sollen? Wirf am besten einen Blick ins Lösungsbuch.

Website um Geld zu verdienen

Du setzt dir einen schwarzen Hut auf und los gehts. Hier und da wird eine Straße gekauft, von Hotels hälst du nicht viel, denn es gilt: Wenn du alle Straßen besitzt, kann auch niemand anderes ein Hotel bauen.

Deine Mitspieler halten von deiner Strategie nicht viel, sie müssen zwar nirgends hohe Mieten zahlen, sind aber doch sehr genervt. Schließlich trifft dich das Schicksal hart:

Gehe in das Gefängnis. Begib dich direkt dorthin. Gehe nicht über “Los”. Ziehe kein Gehalt ein.

Was tun?

Informationsseite

Auf “Los” startet das Spiel. Intuitiv kaufst du Straßen, die dir attraktiv erscheinen. Am Anfang läuft es sehr schleppend für dich. Doch bald hast du ein größeres Vermögen als die Geldverdienen-Website. Dich verwundert es fast schon, dass die Bahnhöfe, die du im Laufe des Spiels nach und nach aufgekauft hast, nun Einnahmen abwerfen. Eine Lage, die dich hoffen lässt.

Zwar glaubst du nicht, dass du gegen das Community-Portal eine Chance hast, doch bist du zuversichtlich. Dir gefällt das Spiel! Warum?

Community-Portal

Du hast das Community-Portal gewählt und hast eine geniale Idee. Die Schloßallee muss her! Sofort beginnst du zu rechnen und zu überlegen. Wie ist das am besten zu schaffen? Schließlich bist du dir sicher, dass es mathematisch fast unmöglich ist, in der nächsten Runde nicht auf der angestrebten Straße zu landen. Nebenbei hattest du die Würfelergebnisse dokumentiert.

Doch dann fällt dir ein, dass direkt neben der Schloßalle eine Zusatzsteuer fällig ist. Du beginnst zu zögern. War das wirklich der richtige Plan?

Präsentationsseite

Die Präsentationsseite muss es sein, klarer Fall. Jetzt noch die hellblauen Straßen dazu. Die sehen schließlich super aus. Während des Spiels erzählst du all deinen Mitspielern von deiner Arbeit.

Nach einer Weile gelingt es dir endlich die noch fehlende Chausseestraße zu erwerben. Du bittest nun all deine Mitspieler diese zu besuchen, doch die lächeln dich nur müde an. Du bist irritiert. Hast du das Spiel etwa falsch verstanden?

Das Lösungsbuch – wie spielt man mit welcher Website?

Uwe Steinbrich | Pixelio

Wenn man in einem gewöhnlichen Spiel ins Lösungsbuch schaut, ist das eine Schmach. Der Sieg, selbst wenn er einträte, wäre nichts mehr wert. Beim “Art-der-Website-wählen-Monopoly” ist das aber anders – hängt wahrscheinlich mit dem Paarungsverhalten des neuguineanischen Papuapythons zusammen.

Wie dem auch sei, wir machen uns dies zu Nutze:

• Online-Shop
• Website um Geld zu verdienen
• Informationsseite
• Community-Portal
• Präsentationsseite

Online-Shop

Einen funktionierenden Online-Shop aufzubauen ist eine gute Idee. Doch kannst du nicht davon ausgehen, ohne weiteres Erfolg zu haben, schließlich tun dies viele Andere im Web auch.

Werbung muss von Anfang an mitberücksichtigt werden. Dazu hat man einige Möglichkeiten: Von den verschiedenen Arten von Werbung im Internet, über Suchmaschinenoptimierung, bis hin zu Affiliate-Marketing.

Vielleicht wäre auch ein Blog mit vielen Besuchern über Social-Media-Kanäle wie Facebook sinnvoll? Doch Achtung, das ist kein Selbstläufer und funktioniert auch nicht überall. Hier gilt: Informieren, Konzept aufbauen und umsetzen. Entweder persönlich oder per Auftrag.

Website um Geld zu verdienen

Zurück auf Los. Ganz falscher Ansatz.

Natürlich kann man mit Websites auch Geld verdienen, allerdings sollte man seine Website als Produkt betrachten: Zunächst wird ein Produkt entworfen. Dabei wird natürlich berücksichtigt, ob es rentabel ist. Rentabel ist ein Produkt nur, wenn Nachfrage danach herrscht.

Also zuerst eine Website wählen, dabei berücksichtigen, dass sich der ganze Prozess hinziehen kann, es muss ein Thema sein, mit dem man sich länger beschäftigen kann. Erst danach über das Geld verdienen nachdenken.

Drauf los spammen kann auch funktionieren, allerdings braucht man immer Benutzer. Die mit guten Websites zu bekommen ist schon schwierig genug, mit schlechten jedoch ein Wettlauf gegen Google und oft sogar das Gesetz, den man nur starten sollte, wenn man wirklich weiß, was man da tut.

Informationsseite

Informationsseiten aufzubauen ist schon einmal eine gute Idee. Die konkrete Form der Inhalte (Text, Bild, Video usw.) und der Website (Blog, Wiki, statische Nischenseiten usw.) muss jedoch genauso beachtet werden, wie das Thema. Themen, hinter denen Geld steckt sind verlockend, doch herrscht hier auch große Konkurrenz. Gegen Portale mit eigener Redaktion oder Massen an user-generierten Inhalten hat man wenig zu lachen.

Insgesamt ist das Ganze langwierig und arbeitsreich, aber das sollte es auch sein, wenn man es als Beruf betreiben will. Trotzdem bleibe ich bei meiner Empfehlung. Man darf das Internet nur nicht als Goldgrube sehen. Hat man keinen Spaß an der Sache, gar nicht erst anfangen.

Community-Portal

Das Community-Portal im Monopoly-Spiel wurde schon relativ idealistisch beschrieben. Hierfür sollte man wirklich wissen was man tut. Dabei gilt zu berücksichtigen, dass es schon hunderte Preisvergleiche, tausende Bookmarkdienste und die unendlichen Weiten der Forenlandschaft gibt. Die Schloßalle möchte jeder haben.

Hat man hingegen eine gute Idee, sollte man, wenn man wenig Ahnung hat, zumindest über Kapital verfügen. Ohne eins von beidem wird es schwierig, mit keinem von beidem unmöglich.

Präsentationsseite

Ein grundlegender Fehler bei einer Firmenpräsentation ist die Annahme, dass man interessant ist. Niemand im Internet interessiert sich für deine Firma. Am besten gewinnt man seine Besucher daher über die Produkte oder Dienstleistungen, die man anbietet.

Es ist eine gute Idee, interessante Informationen zu seinen Leistungen anzubieten. Ein Blog wäre eine Möglichkeit, es gibt viele weitere. Diese Informationen sollte man zielgruppengerecht aufbereiten (z.B. als Video).

Hat man das Social-Web verstanden, macht man dies zudem so, dass sie auch für sich allein stehend schon Mehrwert (Spaß, Bildung usw.) bringen. In Verbindung mit Suchmaschinenoptimierung, Social-Media-Marketing oder anderen Werbeformen im Internet kannst du deine Website bekannt machen und dir das Interesse schaffen, das du gerne hättest.

Für das nächste Spiel

Immer im Hinterkopf behalten, es gibt nichts geschenkt. Keine Teilnehmer an der Community, keine Besucher für die Website und erst recht kein Geld im Internet. Wenn irgendwo steht, dass es doch so ist, wäre meine erste Frage: Warum steht das da?

Ich hoffe ich konnte helfen. Falls etwas unklar ist und es noch Fragen gibt, gerne in den Kommentaren oder über die Kontaktseite.

Mich würde auch interessieren, ob euch der Artikel so gefallen hat oder ob das daneben ging.

P.S.: Ich wohne übrigens in der Badstraße

Passende Fundstücke im Netz:

• Wikipedia: Websites – Types of websites (engl.)
• Wikipedia: Monopoly