Die 2-Ebenen-Navigation

Jeder Link in der Menüleiste ist eine einzelne Seite. Aber Website-Neulinge können zunächst die Seitentitel nicht vom Inhalt unterscheiden, legen für jeden Textabsatz eine neue Unterseite an und verschachteln die Menüleiste unnötig. Wie erstellt man nun aber eine gute Seitenstruktur?

Idealerweise hat die Menüleiste maximal 2 Ebenen: Die Hauptebene und die Unterebene. Die Hauptebene ist beim Öffnen einer Website meistens oben oder seitlich zu sehen. Wir nehmen die Beispielfirma „Bio Obstanbau Müllermeier“:

Start | Obst | Saft | Marmelade | Müllermeier | Kontakt

Die Unterebene ist erst beim Auswählen eines Hauptlinks zu sehen:

Obst > Äpfel + Birnen + Pflaumen + Kirschen

Das Obstbeispiel zeigt sehr schön, dass es bei der Struktur um das klare, eindeutige Sortieren geht. Die Unterseiten Äpfel, Birnen usw. entstehen deshalb, weil es zu den Sorten noch mehr Inhalt und Informationen gibt, die nicht auf die Hauptseite passen. Wissenswertes zum biologischen Anbau kann entweder als zusätzliche Hauptseite ergänzt oder direkt im Textinhalt zu den einzelnen Sorten erläutert werden. Und was Ihnen hier am Obstbeispiel ganz einfach und sinnvoll vorkommt, gilt ebenso für abstrakte Themen und komplexe Dienstleistungen. Klare Sortierung ist alles. Halten Sie die Hauptebene so kurz und klar wie möglich – fügen Sie nur dort Unterseiten hinzu, wo Umfangreiches zu erklären und voneinander zu unterscheiden ist.

Das schematische Grundprinzip sieht zum Beispiel so aus:

So planen Sie die Struktur

Gehen Sie am besten zuerst ganz altmodisch analog vor mit Papier, Zetteln und Stift. Legen Sie leere Karten oder Papierseiten nebeneinander auf einen Tisch und schreiben Sie auf jede Karte oben den kurzen Seitentitel drauf. Wichtig: Kurze Links, sonst passt nicht genug in die Menüleiste.

Beginnen Sie mit Startseite, Firma, Kontakt und fügen Sie maximal 4 weitere Themenseiten hinzu. Die Seitentitel bitte nicht zu allgemein benennen, besser sind konkrete Begriffe. „Angebot“ steht auf Tausenden von Internetseiten und ist nicht unterscheidbar für Suchmaschinen. Wenn Sie also Akupunktur anbieten, heißt Ihr Angebote-Link natürlich „Akupunktur“.

Sie haben nun eine Reihe von 6 Seiten oder Karten auf dem Tisch liegen. Notieren Sie mit Farbstift stichpunktartig die Inhalte, die auf der Seite stehen sollen. Beispiel:

Inhalt auf der Kontaktseite
Anschrift, Telefon, Mailadresse, Lageplan, Öffnungszeiten, Kontaktformular,
2 Fotos: Hofladen und Qualitätssiegel

TIPP: Gehen Sie bei allen Seiten so vor und notieren Sie erstmal nur Stichpunkte auf den Karten, um zu überblicken, wo mehr Umfang entsteht oder wo schon mit einem Satz alles gesagt ist.  Sortieren Sie möglichst klar zueinander, was zusammen gehört, keine Doppelungen, keine Wiederholungen! Wo Unterseiten nötig werden, legen Sie kleinere Karten als senkrechte Reihe direkt unter die Hauptkarte. Auch hier notieren Sie als Stichpunkt, was eine Unterseite enthalten soll.

Wenn der Aufbau der Seitenstruktur steht, beenden Sie die Zettelwirtschaft und übertragen den Aufbau in eine digitale Textdatei. So entsteht eine Sitemap. In eine digitale Liste übertragen sieht die Sitemap so aus:

Startseite
Obst > Äpfel + Birnen + Pflaumen + Kirschen
Saft > Naturtrüb + Gemischte + Pfandsystem
Marmelade > Kompott + Gelee
Bioanbau > Hofladen + Liefern + Wochenmarkt
Müllermeier
Kontakt

Wie groß ist eine Themenseite?

Wie lang ein Blatt Papier ist, sieht man ja, aber eine Internetseite ist theoretisch unendlich lang. Da passt viel rein! Man ist früher knickerig mit dem Platz umgegangen, weil das Abwärts-Skrollen unbeliebt war, aber heute mit Touchscreen ist das kein Thema mehr und Wischen ist beliebter als Klicken.

Google sieht das auch so und mag viel Text auf einer Seite: Mit 500 Wörtern sind Sie gut dabei. Als Orientierung zur Menge empfehle ich 3/4 oder eine ganze Wordseite in 12 Punkt-Schrift. Texte werden sehr schnell geladen, aber wenn noch Bilder hinzukommen, ist es sinnvoll, den Inhalt zu begrenzen und in Unterseiten zu portionieren.

Inhaltstexte schreiben

Das Lesen einer Website unterscheidet sich gravierend von Gedrucktem, es ist eher eine interaktive Handlungsabfolge, eine zeitliche Dramaturgie unter der Regie der Websitenutzerinnen und Besucher. Optisch nimmt man nicht von oben nach unten sondern von Groß zu Klein wahr:

• die ganz große Überschrift mit der News
• danach fallen andere gut lesbare Überschriften ins Auge
• und erst danach der Fließtext in Absätzen

Nicht nur die Internetbesucher sondern auch die Suchmachinen benötigen diese Gliederung mit Überschriften und Verlinkungen. Daher kann ich als Webdesignerin nicht einfach Kundentexte direkt in eine Internetseite reinsetzen, ohne selbst ausgiebig Hand anzulegen. Ihre Textlieferung ist  Rohmaterial, das weiter bearbeitet wird. Lassen Sie mir als Webdesignerin bitte für suchmachinenfreundliche freie Hand, denn ich kann das. Lesen Sie noch ein paar Tipps zu Texten für das Internet‎

Eine Kundeninformation von Marion Brandes Design.

Wenn Sie für Ihre Firma oder Ihr berufliches Angebot eine passende Domain festlegen, können Sie damit die Chancen erhöhen, im Internet gut gefunden zu werden. Auch zum Wettbewerbsrecht und zum modernen Marketing sollten Sie die folgenden Tipps beherzigen. Sie brauchen sich keinen ganzen Zoo von ähnlichen Domains anzulegen, denn das ist sowohl technisch als auch für den Wettbewerb unsinnig – und rausgeschmissenes Geld.

Merkfähige Domain für Ihre Kunden

Wählen Sie eine Internetadresse, die möglichst kurz ist und deren Schreibweise man nicht ständig erklären muss. Sie sollte einzeilig auf eine Visitenkarte passen und auch am Telefon eingängig sein. Im besten Fall ist sie identisch mit Ihrem (Firmen)Namen und hebt sich eindeutig von Konkurrenten ab. Tipp: Einzeldienstleister müssen sich nicht hinter einem Kunstnamen verbergen, sondern können mit ihrem eigenen Namen auftreten. Das schafft Vertrauen, Transparenz und Seriösität.

Geben Sie testweise Ihren (Firmen)Namen in der Google-Suchmaske ein. Wenn sehr viele ähnliche Firmen aufgelistet werden, wäre das nachteilig, denn je mehr leicht verwechselbare Domains es gibt, desto mehr Mühe haben Ihre Webbesucher, unter den Namensvettern Ihre Website ausfindig zu machen. Viele verirren sich. Achten Sie daher unbedingt auf eine eindeutige Abgrenzung zu anderen. Je unverwechselbarer, desto besser!

Schlüsselbegriff integrieren

Begriffe sind bei der Internetsuche wichtig. Wenn jemand Apfelsaft sucht, werden bei Google vorrangig die Domains angezeigt, die das Wort Apfelsaft enthalten. Der wesentliche Schlüsselbegriff, der auf Ihr Angebot zutrifft, sollte also in der Internetadresse enthalten sein. Beispiele:

• www.muellermeier-architekt.de (Schlüsselbegriff Tätigkeit „Architekt“)

• www.saft-und-obst.de (Schlüsselbegriffe sind die Produkte, die verkauft werden)

• www.yachtausbau-bodensee.de (Schlüsselbegriffe sind Tätigkeit und die Region)

Die passende Endung

Eine Domainadresse mit der Endung .de gilt für Deutschland und ist naheliegend und empfohlen. Endungen .com für commercial und .info und .eu und andere sind ebenfalls geläufig. Aber VORSICHT: Wenn eine Konkurrenzdomain schon mit .de vergeben ist, rate ich dringend davon ab, einfach eine andere Endung zu benutzen, denn das irritiert nicht nur die Suchenden, sondern es kann zu schmerzhaft hohen Geldstrafen führen. Bitte beachten Sie das Wettbewerbsrecht und den Markenschutz!

Domain prüfen

Sie haben eine gute Internetadresse für sich erdacht, die bei Google noch nicht vorhanden ist. Bei den meisten Anbietern von Webpaketen können Sie Ihre Wunschdomain testen und innerhalb des Hostingvertrags für sich registrieren lassen. Probieren Sie zum Beispiel einfach mal das Eingabefeld bei www.checkdomain.de

Nach dem Eingeben wird angezeigt, welche Domains im Internet noch nicht vergeben oder schon belegt sind.  Wenn Ihre Wunschdomain noch frei ist (egal, wo sie getestet haben), dann suchen Sie bei dem Provider Ihrer Wahl ein passendes Hostingpaket aus und lassen sich die Domain im Vertrag mit registieren.  Mehr zu den Hostingverträgen…  

Der Begriff „Website“

Das englische „Web“ für Netz und das englische „Site“ für Ort bezeichnen sinngemäß den Platz im Internet, von dem Informationen abgerufen werden. Man kann zwar von „Internetseiten“ sprechen, aber eine dynamische Datenbank besteht aus vielen einzelnen Datensätzen, die erst beim Aufrufen optisch zusammengefügt werden.  Der Begriff „Homepage“ wird explizit nur für die Startseite verwendet.

Passendes Webpaket auswählen

Ihre Website besteht aus Dateiordnern, die auf einen Webserver geladen werden – einen Hochleistungsrechner, der die Daten speichern, schützen und für das Internet freigeben kann. Sie mieten also für Ihre geplanten Internetdateien einen Webspace (= Speicherplatz) gegen eine monatliche Hostinggebühr (hosting = beherbergen). Bei den Providerfirmen kann man zwischen gestaffelten Webpaketen wählen und zahlt dafür unterschiedliche Gebühren.

Die Providerfirmen bieten auf ihren eigenen Websites Paketvergleiche: Je klarer und übersichtlicher, desto besser der Anbieter. In der Regel reichen Starterpakete oder die jeweils kleinsten Angebote aus, denn sie haben schon sehr üppigen Speicherplatz. Die Domain, das SSL-Zertifikat und mehrere E-Mail-Postfächer sind  oft schon im Paket inklusive.

• Webserver = Hochleistungsrechner, die Dateien speichern, schützen und ins Netz speisen
• Providerfirmen = Anbieter, die Speicherplatz auf ihren eigenen Servern vermieten
• Webspace = Gebührenpflichtiger Speicherplatz für die Websitedateien
• Hostingvertrag = Miet- und Servicevertrag mit der Providerfirma
• Webpaket = Speicherplatz mit Domaingebühr, SSL und E-Mail
• Domain = Internetadresse, unter der die Website erscheint

Domain wählen (Ihre Internetadresse)

Die Begriffe in den Internetadressen spielen bei der Suchmaschinen-Optimierung (SEO) weiterhin eine Rolle und werden von Suchmaschinen wie Google ausgewertet. Mein Angebot: Sie können mich für die gründliche Recherche und individuelle Adressenfindung zum Festpreis konsultieren – zu Beginn eines Websiteauftrags oder auch ganz unabhängig davon. Das ist insbesondere für Auftraggeber sinnvoll, die zwar schon eine Website, aber z.B. Probleme mit deren Auffindbarkeit haben. Mehr zur Domainwahl>

SSL-Zertifikat zum Datenschutz

Achten Sie beim Webpaket auf eine inklusive SSL-Verschlüsselung! Das SSL-Zertifikat wird oft kostenfrei im Paket oder gegen eine monatliche Zusatzgebühr angeboten. Es gehört untrennbar zu einer Domain dazu und wird ihr technisch und manuell zugewiesen. Ein wichtiger Datenschutzbeitrag.

E-Mail-Adresse zur Website

In allen Paketen sind meistens gleich mehrere E-Mail-Postfächer enthalten. Die E-Mail-Adresse legen Sie selbst fest bzw. wird von Ihrem Domainnamen bestimmt. Beispiel: Zur Domain www.tolle-firma.de gehört dann die Mailadresse meier@tolle-firma.de

Besonderes für CMS und Formulare

CMS – Content Management System zum Selbstverwalten
Falls es für Sie tatsächlich sinnvoll ist, die Inhalte Ihrer Website eigenständig zu aktualisieren, kann man ein CMS-Redaktionssystem oder das Blogsystem WordPress installieren. Ihr Webpaket muss dazu PHP / MySQL Datenbanken enthalten. Ein Redaktionssystem lohnt sich aber nur für hohen Änderungsbedarf, denn die Erstellung ist teurer im Vergleich zur statischen Website. Auch ist die Systemverwaltung für Sie nicht ganz unkompliziert und recht zeitintensiv. Lassen Sie sich dazu von mir beraten.

Kontaktformular mit PHP-Skript
Formulare sind zum Beispiel für Bestellvorgänge sinnvoll, aber sie können Kunden abschrecken. Aus Datenschutzgründen sind Kontaktformulare nur beschränkt einsetzbar. Sollten Sie ein Formular auf Ihrer Website wünschen, müsste PHP im Hostingpaket inklusive enthalten sein.

Hostingvertrag abschließen

Es ist soweit: Sie haben Ihre neue Domain (www.internetadresse.de) gut überlegt und sorgfältig getestet. Sie haben sich für ein passendes Webpaket inklusive SSL-Zertifikat entschieden. Nun schließen Sie persönlich einen Vertrag mit einem Provider ab und erhalten alle wichtigen Zugangsdaten. Die FTP-Zugangsdaten mit Benutzernamen und Passwort werden zur Erstellung der Website von der Designerin benötigt, um die Dateien sicher und geschützt auf dem Server abzulegen. Mit Ihrem eigenen Hostingvertrag behalten Sie immer die Kontrolle!

Mit einem kleinen grünen Anhängeschloß vor der Adresszeile des Browsers werden Seiten als „sicher“ markiert, die mit einem sogenannten SSL-Zertifikat verschlüsselt sind. Das bedeutet, Datentransfer wie Bestellvorgänge und Kundenlogins sind mit einem höheren Schutz versehen und können nicht mehr so leicht ausspioniert werden. Folglich ist für Internetshops eine Verschlüsselung unerlässlich und gesetzlich vorgeschrieben. Gut so.

Ein Beispiel für eine Warnung von Firefox:

Was sind „unsichere“ und „sichere“ Seiten im Internet?

Alle Websites, die nicht mit einem SSL-Zertifikat verschlüsselt sind, werden vom Browser als „unsicher“ markiert. Beim simplen Besuch und Betrachten der Website ist diese Einstufung aber erstmal irrelevant. Sie bedeutet nicht, dass ein konkreter Verdacht auf Viren, Schadprogramme oder Datenklau vorliegt!

Als „unsicher“ gilt der Datentransfer per Formular oder bei Anmelde- oder Bestellvorgängen, bei denen Sie als Nutzer oder Kundin Daten an die Websitebetreiber senden.

Es gibt weiterhin zahlreiche Websites, die ganz ohne Datenerhebung auskommen und eigentlich nicht zwingend ein SSL-Zertifikat brauchen. Jedoch beim Google-Ranking werden sichere Seiten angeblich bevorzugt. Google hat die SSL-Verschlüsselung als nur eine von sehr vielen Empfehlungen in die SEO-Liste aufgenommen und betont, dass gut auswertbare Texte weiterhin am wichtigsten sind. Man kann also entspannt bleiben, sollte das Thema „Sicherheit“ aber immer beachten.

Über das SSL-Zertifikat

Mehr Sicherheit ist natürlich eine gute Sache und die SSL-Verschlüsselung ist zum Standard geworden. Viele Provider bieten daher zusätzlich zum Hostingvertrag kostenpflichtige SSL-Zertifikate an, deren monatliche Gebühren variieren. Man bucht beim Provider das passende Zertifikat und weist es der betreffenden Domain zu. Nun ändert sich die URL: http:// wird zu  https://  

Man kann auch eine Zusatzdomain verwenden und zum verschlüsselten Website hinleiten lassen. Bitte testen Sie mal die beiden unterschiedlichen Adressen, sie führen beide zur selben Website:

https://www.designbrandes.de ist „sicher“

http://www.marion-brandes.de leitet direkt zur sicheren Domain weiter

Komplikationen und Lösungen

Nach der Zuweisung einer SSL-Verschlüsselung kann es zu ergeblichen Funktionsfehlern kommen, z.B. wenn die Verlinkungen von Bildern, Grafiken  oder dem Favicon noch mit http:// beginnen. Diese müssen dann manuell umgeschrieben werden. Weil die Google-Ergebnisliste nur sporadisch aktualisiert wird, führen veraltete Links ins Leere, die bisher zuverlässig die Website aufriefen. Diese Komplikationen kann man natürlich beheben, bitte wenden Sie sich an Ihre Webdesignerin. Es kann allerdings bei älteren Websites oder Datenbankensystemen ein größerer Aufwand bei der manuellen Anpassung entstehen. Bei neuen Projekten plant man daher die SSL-Verschlüsselung schon VOR dem Projektbeginn mit ein.

Formulare auf unsicheren Websites

Ein Tipp: Wenn Sie eine unverschlüsselte einfache Website betreiben und zusätzlich zu Ihrer Mailadresse ein kleines Kontaktformular anbieten, ergänzen Sie bitte einen Datenschutzhinweis direkt vor dem Formular:
„Wichtiger Hinweis: Die Benutzung des Formulars ist freiwillig. Die Datenübertragung ist nicht verschlüsselt und nicht vor fremden Zugriffen geschützt. Sie können uns auch gern per E-Mail kontaktieren.“
Diese Lösung dürfte nicht zu beanstanden sein, denn jeder Leser und jede Benutzerin ist nun klar informiert und kann selbst entscheiden. Bitte lassen Sie sich dazu von juristischen Experten beraten!

Dieser Artikel dient zur ersten Einführung in das Thema SSL-Zertifikat. Genaueres erfahren Sie bei Ihrem Provider. Die rechtlichen Auflagen und die kostenpflichtigen Angebote ändern sich fortlaufend, daher sind meine Angaben ohne Gewähr (Stand 12/2018).

Eine Kundeninformation von Marion Brandes Design.

Die API Einbettung für unternehmerische Websites

Alle professionell betriebenen Websites z.B. von Firmen, Büros, Agenturen, Freiberuflern, Autoren, Kanzleien oder Praxen müssen einen sogenannten API-Schlüssel von Google benutzen, um eine Karte auf der eigenen Website einbetten zu dürfen. Die Nutzung bleibt erstmal kostenfrei, nur der Weg dahin ist sehr viel umständlicher. Der Sinn: Google erhebt dann Gebühren, wenn große Unternehmen den Kartendienst in umfangreichem Maß z.B. für Apps nutzen wollen. Googles rätselhafte Preise und Nutzungsmodelle ansehen

Als Webdesignerin muss ich darauf bestehen, den umständlichen Weg zu gehen, denn im Falle einer rechtlichen Beanstandung sind wir Designer für den Inhalt verantwortlich, auch wenn Kunden die einfache Einbettung ausdrücklich beauftragt haben. Wir Designer sind in der Pflicht, die korrekte Nutzung von fremden Material einzuhalten und unsere Auftraggeber ebenfalls dazu anzuhalten. Das ist etwas heikel, wenn die Nutzungsbedingungen anderer Anbieter in schwer verständlichem „Juristisch“ geschrieben oder wie bei Google nicht eindeutig beantwortet sind. Eine Google Maps API Einbettung ist auf jeden Fall der sichere Weg.

Der verflixte API Schlüssel

Wie schon geschrieben: Google Maps API bleibt erstmal kostenfrei, aber der Weg ist mühevoller. Erschwerend kommt seit 2018 hinzu, dass man auf jeden Fall Kreditkartendaten hinterlegen muss, um den Dienst zu nutzen, auch wenn die Websitebesuche keine gebührenpflichtige Höhe erreichen.

Man braucht ein Google-Konto, loggt sich ein und fügt die betreffende Domain der Projekteliste hinzu, damit man überhaupt damit arbeiten kann. Nach einigem Berechtigungs-Hinundher  kann man einen individuellen API-Schlüssel erzeugen, das ist eine lange Ziffern- und Buchstabenkette. Für jede Website wird ein eigener Schlüssel erzeugt. Diese Zeichenkette wird im HTML-Code der Website an der Stelle eingesetzt, wo die eingebettete Karte liegen soll. Nun muss er nochmal aktiviert werden (wieder ein Besuch im Google-Dschungel) und im Browser getestet werden. Meistens klappt das nicht und man weiß nicht, woran es liegt. Nach längerer Ursachensuche klappt es dann doch und man weiß immer noch nicht, warum. Die Karte ist nun online. Google hat da sicher noch Verbesserungsbedarf.

Einfachere Lösungen

Man verzichtet am besten auf eine Einbettung der Karte in der eigenen Website und setzt stattdessen einen externen Link zu Google in einem neuen Browserfenster. Das ist auch datenschutzrechtlich immer einwandfrei. Zum Glück gibt es noch andere Kartendienste, die aber auch alle ihre Vor- und Nachteile haben. Ein kostenfreier und datenschutzkonformer Kartendienst ist zum Beispiel Open Street Map

Tipp für Auftraggeber:
Bitte achten Sie sehr genau darauf, die Erlaubnis zur Verwendung von fremden Material auf Ihrer Website einzuholen, denn sollte mal eine Abmahnung wegen unberechtigter Nutzung kommen, wird das schmerzhaft teuer.

Eine Kundeninformation von Marion Brandes
Webdesign. Grafikdesign. Illustration
www.marion-brandes.de

Die folgenden Punkte sollen Ihnen helfen, sich schon bei der Planung mehr in die Anforderungen für flexible Websites reinzudenken. Inhalt und Design sind sehr eng miteinander verbunden, denn die Inhalte sind es ja, die durch Gestaltung verständlich werden sollen.

01 . Mobile First

Smartphones haben einen stark eingeschränkten Sichtbereich, in dem natürlich zuerst das Wichtigste gezeigt werden sollte. Listen Sie auf einem Blatt Papier nach Priorität auf, welche Ihrer Inhalte wirklich wichtig und welche zweitrangig sind. Wenn Sie nicht wissen, was ich damit meine: Schreiben Sie die Startseite und die Kontaktseite ganz oben hin. Ohne Kontaktdaten ist die tollste Website nutzlos.

02 . Inhalt straffen

Im großen PC-Monitor hat man 3 – 4 Spalten mit viel Platz in der Breite. Im Smartphone hat man nur eine einzige schmale Spalte und sieht nur einen kleinen Ausschnitt davon. Lange Texte liest niemand mehr. Legen Sie bitte die Priorität des Inhalts fest. Was ist wichtig, was kann man weglassen? Wieviel Mühe werden Ihre Interessenten haben, an den Inhalt zu kommen, den sie konkret brauchen und suchen? Wenn Sie nicht genau wissen, was ich damit meine: Die örtliche Feuerwehr sollte zuerst die Notfallnummer anzeigen und auf ihre pusselige Entstehungsgeschichte ganz verzichten oder den Link dazu in der Fußleiste versenken. Wenn Sie Seminare oder Veranstaltungen anbieten: Fakten zuerst. Wann, wo, Titel der Veranstaltung, Kosten, Link zum Routenplaner, Link zur Buchung.

03 . Einfache Navigation

Das stark reduzierte Hauptmenü oben im Seitenkopf darf nicht viel Platz einnehmen, muss aber trotzdem für Touch Screens ausreichend groß und antippbar sein.  Menüleiste und Inhalt streiten im Smartphone um den arg begrenzten Sichtraum, daher vermeidet man volle Untermenüs und lange Menüfahnen.

Für große Monitore gilt der Grundsatz:
Menüleisten immer stabil, immer sichtbar und erreichbar halten, stets Übersicht ermöglichen.

Im Smartphone gilt das Gegenteil:
Menüleisten ausblenden, keinen Platz dafür verschwenden, Struktur ganz einfach halten, Verwirrung durch viele Untermenüs vermeiden.

04 . Scrollen ist leichter als Klicken

Endlich: Scrollen ist erwünscht, Klicks sind mühsamer im Smartphone. Ein langer vertikaler Inhalt, der sich nach unten fortsetzt, ist besser als ein Untermenü zum Anklicken. Das absolute Gegenteil zur früheren Benutzerregel! Die Unterseiten zu einem Hauptthema schließen sich gleich am Hauptinhalt fortlaufend an. Man scrollt ganz locker und spart Platz und Mühe für das Untermenü. Das bedeutet auch: Inhalte noch mehr straffen!

04 . Lesbarkeit hat Vorrang

Schriften werden größer zugunsten der besseren Lesbarkeit, in der Textmenge aber weniger. Optional: Man könnte für große PC-Monitore andere Inhalte anbieten als für Smartphones, also eine schlanke und eine oppulente Version der Website aufbauen. Der Mehraufwand bedeutet aber auch mehr Kostenaufwand. Meistens gilt daher „Eine für Alle“, also identische Inhalte für verschiedene Sichtbereiche.

Fazit:  Die Planung der Website ist ein umfangreicher Arbeitsprozess, der auch während der Aufbauphase noch andauert. Als Auftraggeber oder Kundin müssen Sie sich natürlich nicht mit den kniffeligen Monitorproblemen befassen, sollten aber aus dem Verständnis heraus Ihrer Webdesignerin Freiraum für Lösungen geben. Sie stellen nach dem Prioritätenprinzip Ihre Inhalte zusammen und übergeben dann der Webdesignerin die Aufgabe, diese Priorität für Websitebesucher erlebbar und verstehbar zu machen.

• gutentag@tollefirma.de
• mueller.meier@tollefirma.de
• management@tollefirma.de

Die Mailadresse kann ich auf Wunsch während eines Websiteprojekts für Sie einrichten. Wer es selbst machen möchte, wird im Kundenlogin des Providers durch die Mailboxeinrichtung geleitet. Die Mailadresse besteht zwangsläufig aus der Domain (tollefirma.de) und dem vorangestellten kürzel@. Bitte Vorsicht bei den verbreiteten Kürzeln „mail@“ „info@“ „kontakt@“ und ähnlichen, denn die können von automatischer Spamsoftware ganz leicht geknackt werden. Je individueller also die Mailadresse, desto sicherer.

Aber zu lang darf sie auch nicht sein! Die Mailadresse sollte auf kleinen Visitenkarten in eine Zeile passen und von Kunden leicht zu merken und zu notieren sein. Sie ist am Telefon gut zu verstehen und muss in der Schreibweise nicht erklärt werden. Sie ist so kurz wie möglich.

Spamschutz

Nach der Einrichtung der offiziellen Mailadresse trage ich diese spamgeschützt  in Ihre Firmenwebsite ein, denn eine ungeschützt veröffentlichte Mailadresse kann von Spam-Malware als Adressat oder Absender für virenverseuchten Schrott missbraucht werden. Obwohl die Mailadresse auf der Website verschlüsselt wird, können echte Internetbesucher sie  weiterhin lesen, anklicken und benutzen. Zusätzlich zum lesbaren Linktext muss die im Code stehende „mailto:“ Zeile technisch unkenntlich werden. Es nützt also gar nichts, nur das @ umzuschreiben in  management (at) tollefirma.de  oder die E-Mail-Funktion ganz unbrauchbar zu machen.

Man kann es Spammern zwar sehr erschweren, aber wo kriminelle Energie werkelt, hinken Schutzmaßnahmen leider immer hinterher. Sollte Ihre Mailadresse schon „geknackt“ worden sein: Keine Panik, der Sturm legt sich wieder. Installieren Sie einfach lokal auf Ihrem PC einen kostenfreien Spamfilter: Spamhililator – www.spamihilator.com/de

Private und berufliche Mailbox trennen

Dringend empfohlen ist die Trennung der E-Mails in private und berufliche Postfächer. Richten Sie sich zusätzlich zur offiziellen Mailadresse noch eine halboffizielle Mailbox ein (kostenfrei bei web.de, msn hotmail.de, gmx.de oder berlin.de und anderen). Bitte Vorsicht: Der volle Eigenname oder Firmenname sollte darin nicht vorkommen! Diese inoffizielle Mailadresse nutzen Sie nun für Blogs, XING, Twitter, Portalanmeldungen, Netzwerkkontakte, Facebook oder zur Teilnahme in Foren. Ihre offizielle Firmenmailbox bleibt dabei aber ausschließlich seriösen, beruflichen Kontakten und Aufträgen vorbehalten. So ist Ihre Firmen-Mailadresse langfristig vor Spam geschützt … hoffentlich.

Formulare

Kurze Formulare sind nützlich, wenn Internetbesucher kein Mailprogramm für den Kontakt eingerichtet haben. Aber Formulare sind oft unbeliebt: Kunden möchten nicht langwierig sensible Daten in Eingabefelder tippen und verzweifeln oft an unkenntlichen Spamschutz-Grafiken. Längere Formulare machen nur dann Sinn, wenn man die schriftlich belegte Zustimmung der Kontakte benötigt und archivieren muss: Für Bestellungen, für Newsletter, für Produkthandel. Zusätzlich zum Formular sollte auf der Kontaktseite auch immer die offizielle E-Mail-Adresse angegeben werden. Der Gesetzgeber hat diverse Auflagen zum Datenschutz und Verbraucherschutz erlassen. Informieren Sie sich im Zweifelsfall unbedingt bei juristischen Fachleuten!

Weiterleitungen

Wenn Sie schon eine private Mailbox bei einem der kostenfreien Anbieter benutzen, haben Sie bekanntlich zwei Möglichkeiten der Mailabrufung  (die man auch für die offizielle Mailadresse einrichten kann):

• Sie loggen sich in Ihren geschützten persönlichen Onlinezugang auf dem externen Server ein und verwalten dort alle Mails.

• Die Mails landen direkt im POP3 oder IMAP Postfach auf Ihrem PC, das Sie mit einem lokalen Programm wie Outlook Express oder Thunderbird verwalten.

Eine dritte Möglichkeit sind Weiterleitungen:
Die neue offizielle Mailadresse guten.tag@tollefirma.de wird eingerichtet und direkt an Ihre schon bestehende Mailbox (bei t-online, hotmail, gmx, web.de)  weitergeleitet. Diese Weiterleitung kann ich innerhalb des Websiteauftrags für Sie anlegen. Sie erhalten also alle Mails erstmal wie gewohnt in einem einzigen Postfach und haben für den Empfang zwei Mailadressen zur Verfügung, für die Beantwortung aber weiterhin nur eine. Daher sind Weiterleitungen nur provisorisch, empfohlen ist immer die eindeutige Trennung in zwei Postfächer.

POP3 oder IMAP Postfächer

Im eigenen Mailverwaltungsprogramm wie Outlook Express oder Thunderbird kann man sich ein POP3- oder IMAP Postfach anlegen, in das die Mails automatisch direkt vom externen Server geleitet werden. Diese lokale Einrichtung können Sie selbst vornehmen oder für Netzwerke einen freien Administrator hinzuziehen. Alle Infos und Daten zur Einrichtung werden natürlich im Kundenlogin Ihres Providers bereitgestellt, ebenso eine Anleitung. Bitte haben Sie Verständnis dafür, dass ich als Webdesignerin keinen
Support für solche lokalen PC-Einrichtungen geben kann.

Eine Kundeninformation von Marion Brandes
Webdesign. Grafikdesign. Illustration
www.designbrandes.de

Das Rad ist bereits erfunden. Auch im Webdesign sind unendlich viele Tools und Werkzeuge erfunden, haben sich als kostenfreie Klassiker etabliert oder sind für wenig Geld als ganz spezielle Effekte erhältlich. Formulare, Bildergalerien, Videoeinbettung, Blogsysteme  – alles schon erfunden und nutzbar. Man kann das Design und einige Funktionen an den eigenen Bedarf anpassen. Das kostet weit weniger, als das Rad neu zu erfinden.

Tipps für den Anfang

Für den Schnelleinstieg sind Baukastensysteme wie JIMDO PRO ganz gut geeignet, die man direkt online bearbeiten kann. Für 5 Euro monatlich bucht man ein professionelles Website-Paket mit wunderbar leichter und laientauglicher Bedienbarkeit. Der Nachteil: Die Dateien liegen nicht auf einem eigenen Serverplatz. Wenn man zu einem anderen Anbieter umziehen möchte, ist die Website nicht archivierbar und muss ganz neu aufgebaut werden. Leider ist auch die mobile Anpassung von JIMDO-Websites noch nicht gut gelöst und nur begrenzt möglich. Für Gründer mit kleinem Budget ist JIMDO PRO aber eine akzeptable Lösung, die ich empfehlen kann.

Für das JIMDO-System biete ich Layoutanpassung an und erstelle mit Ihnen vor allem das inhaltliche Konzept! Wenn die Website für Ihre Leserinnen, Kunden und Besucher ansprechend sein soll,  brauchen Sie den Blick von außen. Anders geht es nicht. Man selbst ist immer betriebsblind – ein psychologisches Phänomen. Ich erlebe es auch oft, dass selbstständige Gründer sich wie bei einer Bewerbung viel zu förmlich verhalten, nur den Blick auf sich selbst haben  und noch nicht verstehen, was neue Kunden als ansprechend oder abstoßend empfinden.

Sie sehen: Dazu brauchen Sie mich. Fragen Sie Frau Brandes.

Unternehmerische Newsletter an andere Firmen (business to business) benötigen bisher leider noch keine ausdrückliche Zustimmung, sind aber heikel als Spamgefahr und Virenschleuder. Und wenn man jede Woche Bürostühle angeboten bekommt, die man nicht braucht, wird das schnell zur Belästigung.

Meine dringende Empfehlung: Die Rechtsprechung ist immer noch recht wankelmütig und unklar im Internetbereich, daher informieren Sie sich vor der Planung von regelmässigem  Newsletterversand unbedingt bei spezialisierten, juristischen Fachleuten!

G O L D E N E   R E G E L N

• Blind Copy
  Die Adressenliste darf im Mailheader niemals lesbar sein! Die CC-Empfängerzeile ist sichtbar und absolut tabu! Verbergen Sie die Empfängeradressen unbedingt vor dem Absenden mit BC = Blind Copy = korrekt.
• Informativ
  Bitte nur wirklich wichtige Infos und nur aus Ihrem Fachgebiet. Nichts Allgemeines, Belangloses oder Ausschweifendes. Nächste Termine oder neue Produkte sind als knackige Information natürlich wunderbar geeignet.
• Kurz und gut
  Nur 2 – 3 nützliche Infos reichen aus. Auch die Sprache darf knapp sein. Vertrödeln Sie nicht die Zeit der Leser.
• Regelmässig
  Wählen Sie einen festen Termin für den Versand, beispielsweise jeweils am 8. des Monats oder jeden Freitag. Halten Sie den Termin immer zuverlässig ein.
• Formal sauber
  Es darf eine ganz gewöhnliche schlichte Mail sein, schwarzer Text auf Weiß, warum auch nicht? Die meisten Spamschutzfilter stellen sowieso keine Bilder dar und blockieren Anhänge. Nur dies ist völlig tabu: Grausige Grammatik und schludrige Tippfehler.

Anbieter für professionelles E-Mail-Marketing

Mittlerweile gibt es eine große Auswahl an Newsletter-Software oder Online-Anbietern, über deren Website man professionelle Newsletter einrichten und versenden kann. Dort fließen auch schon die aktuellen Gesetzesauflagen mit ein. Welcher der Anbieter und welches Zahlungsmodell für den beabsichtigten Zweck geeignet ist, muss man im Einzelfall genauer prüfen.

CleverReach und rapidmail sowie Clever Elements sind drei der bekanntesten Anbieter mit einer Reihe von gut strukturierten Tools, Adressverwaltung, rechtskonformer Anmeldung/Abmeldung, Terminierung des Versands, Auswertung und Analysen der Empfänger, Design- und Spamtests und vieles mehr. Es würde hier zu weit führen, die komplexen Funktionen zu erläutern und weitere Anbieter zu vergleichen. Nützliche Infos finden Sie im t3n-Magazin online:

http://t3n.de/news/e-mail-marketing-anbieter-280807/1/

Eine Kundeninformation von Marion Brandes
Webdesign. Grafikdesign. Illustration
www.marion-brandes.de