Seit einigen Monaten beschäftige ich mich mit Wordpress und dessen Plugins. WordPress ist DAS bekannteste Blog-Content-Management-System überhaupt. Mittlerweile ist WordPress nicht mehr Blogsoftware alleine, sondern avancierte zu einem Tool zur Erstellung von komplexen Webseiten. Es bietet viel und dabei die Übersicht zu behalten, ist oft nicht einfach.

Daher möchte ich Ihnen – aus meiner Sicht – die besten Plugins zum Optimieren und Personalisieren Ihrer WordPress-Webseite vorstellen.

Das Internet macht’s möglich und es ist keine Hexerei mehr eine selbstgestrickte, einfache Webseite ins Netz zu stellen. Ebenso leicht können Blogsysteme angelegt oder Templates implementiert werden. Anbieter locken User mit kompletten Paketen, selbstverständlich kostenlos. Selten war es so einfach, sich im Internet zu präsentieren. Warum also einen Profi damit beauftragen und auch noch bezahlen?

Ich spreche hier von Profis, die in der Lage sind, nicht nur für einen Browser Webseiten zu optimieren, sondern in erster Linie für die jeweilige Zielgruppe. Ich spreche von Profis, die eine Webseite so aufbauen, dass die Inhalte optimal von Google indiziert werden können. Ich spreche von jenen Experten, die sich vor dem Umsetzen einer Seite Gedanken machen, welchen Nutzen der Anbieter der jeweiligen Dienstleistungen oder Produkte hat. Diese Profis sind schwer zu finden und wenn Sie einen ergattert haben, gehen Sie sorgfältig mit ihm um.

Wie findet man so ein Goldstück? Google und diverse Branchenverzeichnisse leisten gute Dienste. Aber gerade Empfehlungen sind meist noch mehr wert. Fragen Sie Kolleginnen und Kollegen, suchen Sie auf diversen Plattformen wie Xing etc. nach geeigneten UnternehmerInnen. Achten Sie darauf, wie die Seite des Anbieters aufgebaut ist. Kommen Sie schnell zu den Informationen, die Sie brauchen? Verstehen Sie seine Produkte? Anbieter, die ihre Preise angeben, sind mit Vorsicht zu genießen. Es ist ja nicht so, als ob Sie Kleidung von der Stange kaufen.. Achten Sie auf Serviceleistungen. Nehmen Sie unverbindlichen Kontakt auf.

Ein Tipp von einem Profi: Fragen Sie nach “Guten Tag” nicht sofort nach dem Preis. Damit nehmen Sie sich die Chance Rabatte oder Serviceleistungen zu erhalten. Schreiben Sie vor dem Kontakt die wichtigsten Anliegen auf. Je mehr Informationen Sie dem Anbieter geben, um so konkreter kann ein mündliches Angebot erfolgen. Bestätigen Sie die erste Kontaktaufnahme mit einer Mail, in der Sie nochmals in kurzen Stichpunkten Ihre Wünsche und Anforderungen festhalten. Wichtig: Ihre vollständigen Kontaktdaten angeben!

Wer mit Peanuts bezahlt, wird vom Affen bedient.

Ein persönliches Gespräch sollte der nächste Punkt sein. In meinem Portfolio befinden sich auch Angebote für Neugründer, Jungunternehmer, Vereine usw. Bedenken Sie beim Umgang mit Webdesignern und Webagenturen: Sie sind hier nicht auf einem Basar, wo jeder Preis verhandelbar ist.

Jedes Produkt kann „billiger“ verkauft werden. Kunden laufen jedoch Gefahr, damit auch “billigere Qualität” zu erhalten. Für mich ist es normal, dass ich auf die Wünsche und Bedürfnisse meiner Kunden eingehe, daher biete ich als Service unterschiedliche Zahlungsvereinbarungen an.

Der Preis ist auch abhängig von der Wahl der Webseite bzw. welche Technik hierbei benutzt wird. Man unterscheidet zwischen statischer und dynamischer Umsetzung. Bei statischen Seiten handelt es sich um einen klaren Aufbau der Strukturen. Der Kunde kann nur mit viel Einlernen die Inhalte selbst ändern. Meist benötigen statischen Seiten keine zusätzlichen Techniken wie PHP oder Datenbankanbindung. Wer sich nicht mit Quelltexten beschäftigen will oder kann, sollte sich im Klaren sein, dass die Inhalte nicht verändert werden können. Außer man fragt den Webdesigner oder jemanden, der HTML kann.

Dynamische Seiten sind sehr flexibel in der Handhabe. Der Kunde kann eigenständig Inhalte ändern, ohne jemals den Quellcode gesehen zu haben oder unbeabsichtigt das Design zu verändern. Er kann auch Unterseiten und andere dynamische Bereiche anlegen. Es ist eine sehr benutzerfreundliche und schnell erlernbare Möglichkeit, Webseiten zu optimieren. Oft reichen einige Stunden Einschulung und schon ist man Herr oder Frau seiner Seite. Jedoch sollte der Provider Datenbankfunktionen und PHP anbieten.

Prinzipiell ist es so, dass die Kosten bei dynamischen und statischen Seiten abhängig vom Aufwand und den Anforderungen sind. CMS-basierte Webseiten (ein bereits vorgefertigtes System) sind im Gegensatz zu statischen Seiten günstiger, haben aber den Nachteil im Design etwas eingeschränkter zu sein. Auch spezielle Anforderungen wie zB Blindlinks, Blindennavigation etc. sind nur schwer realisierbar. Je umfangreicher die Inhalte werden, um so kosten- und zeitintensiver kann sich ein Projekt entwickeln. Benötigen Sie aber ein individuelles dynamisches System, so sollten Sie ein großzügiges Budget ins Auge fassen.

Daher: Planen Sie schon vor der Webdesignersuche Ihre Webseite.
Überlegungen: Wen will ich eigentlich erreichen? Was will ich erreichen?

Begutachten Sie Webseiten von Mitbewerbern. Notieren Sie Punkte, die Ihnen gefallen, aber auch Punkte, die Ihnen nicht gefallen. So bekommen Sie ein Gefühl dafür was Sie von Mitbewerbern unterscheiden soll. Ein weiterer wichtiger Punkt ist der Domainname! Er wird gerne vergessen, trägt jedoch zur Unternehmensidentität bei und sollte gut gewählt sein. Eingängig und schnell zu merken!

Was macht denn letztendlich einen Profi aus?

Ein Bekannter von mir ist unheimlich geschickt im Heimwerken und macht das sehr leidenschaftlich. Des öfteren repariert er in meiner Wohnung Kleinigkeiten und es hält auch eine Weile. Nach einiger Zeit stellt man aber fest, dass die Reparaturen auch nur Krücken waren. Ein Profihandwerker wird geordert. Und letztendlich wird der alte Schaden zu einem neuen Schaden. Der Mehraufwand spiegelt sich dann in der Rechnung wieder. Und ich muss einsehen: Ich habe am falschen Platz gespart.

Ähnlich verhält es sich mit Webseiten. Fakt ist, dass sich Amateure nicht mit der Zielgruppe, für die die Seiten gedacht sind, auseinandersetzen. Ein Web-Profi unterstützt den Kunden dabei, sich über seine Ziele, die Zielgruppe und auch die möglichen Folgen der Webseite Gedanken zu machen. Es ist ein Prozess, bei dem der Profi den Kunden begleitet. Viele Kunden haben oftmals keine Ahnung davon, was machbar ist und verlassen sich lieber auf ihren eigenen Geschmack. Vor allem was Farben betrifft, ist die Unterstützung durch den Designer wichtig. Oder wissen Sie über den psychologischen Hintergrund und über die Wirkung von Webfarben auf bestimmte Zielgruppen Bescheid? Ein Profi kennt seine Pappenheimer. Er weiß genau, auf welche Farben User im Netz “anspringen”.

Sehr relevant ist die Suchmaschinenoptimierung. Die Wenigsten wissen, wie man eine Quelltextstruktur so erstellt, damit Google die Inhalte leichter in den Index bringen kann. Es geht auch um die Grundregeln für optimales Auszeichnen von Bildern und Links. Auch das Wissen um die einzelnen Elemente, die für Googel relevant sind, fehlt meist.

Nicht zu vergessen sind auch die rechtlichen Belange! Welche Infos müssen in eine Seite, welche dürfen, was sollte man unterlassen?

Ich beschäftige mich auch in meiner Freizeit über Neuerungen im Web, lese in diversen Fachzeitschriften und achte darauf, was Mitbewerber zu aktuellen Themen schreiben.

Investition fürs Leben?

Eine Webseite zu kaufen, ist wie eine Investition in eine gute Maschine. Hinzu kommen bedeutende Faktoren der Barrierefreiheit und Benutzerfreundlichkeit. Jahrelange Erfahrung und Beobachtung der User macht es möglich, Webseiten benutzeroptimiert zu gestalten. Sie investieren nicht nur in die Maschine, sondern auch in den Mechaniker und den Konstrukteur. Vielleicht mögen Ihnen diese Investitionen anfangs hoch erscheinen, doch sie rechnen sich.

Profis von Online-Marketing-Unternehmen favorisieren barrierefreie Seiten, weil diese besser zu handhaben sind. Vor allem was die Suchmaschinenoptimierung angeht, liegen barrierefreie Seiten hoch im Kurs.

Sie sehen, es lohnt sich immer, in einen Profi zu investieren. Und nur ein Profi bringt sie dorthin, wo Sie sich selber sehen.

Vertrauen Sie mir, ich weiß, was ich tu! – Sledge Hammer (Zitat aus der gleichnamigen US-Serie)

Ursprünglich war Lynx ein Webclient, d.h. ein Programm, welches Kontakt zum Server aufnimmt und Aufgaben auf den Computer, in sein Rechnernetz verteilt. Lynx fand dabei zunächst Anwendung unter Gopher, dem Vorläufermodell des World Wide Web.

Gopher – „Go-for“ = Laufbursche

Screenshot Gopher

Gopher wurde überwiegend von Regierungen und Universitäten genutzt. Sein Niedergang geht mit dem Aufschwung des World Wide Web einher. Ursache für den Abschwung war die Tatsache, dass die Entwickler von Gopher –die Universität von Minnesota- Gebühren für die kommerzielle Nutzung verlangten. Heute ist Gopher damit fast vollständig in Vergessenheit geraten.

Ein noch aktiver Gopherserver ist bpsw. gopher://gopher.floodgap.com/ .

Der Internet Explorer kann bereits seit 2002 das Gopherprotokoll nicht mehr lesen. Derzeit bilden Mozillabrowser fast die einzigen Clients, die das Gopherprotokoll noch beherrschen. In absehbarer Zeit werden aber auch die Firefox-Entwickler die Gopher-Unterstützung entfernen.

Gopher verwaltet Dateien aller Formate in einer baumähnlichen Struktur. Entwickelt wurde es aufgrund der umständlichen Handhabung des FTP-Protokolls, bei dem das Runterladen von Dateien, zunächst das Einloggen, dann das Wechseln der Verzeichnisse über Tastenbefehle notwendig machte. Das Gopherprotokoll ist bereits ein TCP-Protokoll, d.h. Übertragungssteuerung. Es ähnelt damit dem frühen World Wide Web.

TCP-Protokolle gehören der Transportschicht [1] an. Allgemein sind TCP (Transport von Datenströmen) und UDP (Übertragung von Datenpaketen) Standards für Transportprotokolle. Weitere existieren, wie z.B. TLS, was eine Erweiterung des TCP mit Verschlüsselung ist.

Bei Gopher wird auf die für das World Wide Web charakteristische grafische Darstellung verzichtet, weshalb die Bedienung erheblich komplizierter ist, die Verarbeitung jedoch aufgrund der fehlenden Grafiken wesentlich schneller als das WWW.

Lynx

Screenshot Lynx

Solange das Internet – das WWW – noch in den Kinderschuhen steckte, war Lynx der optimale Webbrowser, da nur reine Textinhalte zu verarbeiten und im Hypertextprotoll darzustellen waren. Mit Etablierung des Internets nahm auch die Vielfalt der Anwendungen zu. So fanden immer mehr visuelle und akustische Medien ihren Platz, dessen Inhalte für den Textbrowser nicht mehr zugänglich waren.

Dennoch wird Lynx heute noch in bestimmten Kreisen genutzt. Der als absturzsicher geltende Webbrowser zeigt seine Vorzüge gerade bei seiner Nutzung im Zuge wissenschaftlicher Recherarbeiten, indem Seiten durch die Reduktion auf den Text sehr schnell geladen werden können oder Lynx als HTML-Interpreter bestimmte Webseiten automatisch durchsuchen kann. Zudem eignet er sich gut bei Nutzung von Screenreadern, die Blinde verwenden.

WWW unter Mosaic – Heute, vor über 15 Jahren

Screenshot Mosaic

NCSA [2] Mosaic wurde an der Universität Illinois entwickelt und war der erste Webbrowser, der außer Text auch Grafiken verarbeiten und in einer HTML-Seite integriert darstellen konnte, ohne dass hierzu externe Anwendungen notwendig waren, wie es beim Browser Viola der Fall war. Diese Erleichterung brachte die endgültige Wende und damit die Ablösung der zeichen- und zeilenorientierten Darstellung textlicher Inhalte im Internet. Der Weg in Richtung `Multimedia` im Internat war gebahnt. Daher genügte auch bald die Darstellung von Bildern im GIF- und HDF-Format nicht mehr. Kontinuierliche Updates und Erweiterungen durch Plugins ermöglichen heute den Zugang zu den vielfältigen medialen Inhalten.

Nach Entwicklung der Betaversion verkaufte die Firma Spyglass 1994 Mosaic. In jenem Jahr erwarb Microsoft für 2 Millionen Dollar die Generallizenz und zahlte ab 1995 98 Cent pro Kopie. So entwickelte sich aus dem Webbrowser Mosaic der Microsoft Internet Explorer, deren Hinweis „basiert auf NCSA Mosaic“ erst mit dem IE 9 verschwand.

Diese progressive Entwicklung des Internet brachte damit jedoch neue Barrieren.

***
[1] Es sei hier nur am Rande erwähnt, dass für folgende Schichten Protokolle existieren: 1) Anwendung 2) Transport, 3) Internet und 4) Netzzugangsschicht.

[2] Das NCSA steht für National Center for Supercomputing Applications.

Grundsätzlich gilt: Die wichtigsten Kontaktmöglichkeiten sollten immer an oberster Stelle stehen. Es sollten wichtige Informationen wie vollständiger Name der Ansprechpersonen, Anschrift, E-Mail-Adresse, Telefonnummer und optional Faxnummer angegeben werden. Diese Informationen sollten ohne zu scrollen angezeigt werden. Somit muss der Kunde nicht den schweren Weg des Scrollens gehen, denn was haben wir gelernt? Der Mensch geht immer den kürzesten Weg. Und wir sollten dem Kunden keine Steine in den Weg legen, sondern es ihm so bequem wie möglich machen, uns zu kontaktieren.

E-Mail-Adressen

Ich werde oft gefragt, ob es klug ist, seine E-Mail-Adresse als reinen Text (also ohne Linkfunktion) in die Kontaktseite zu stellen. Nun, die Mail-Adresse nicht oder nur undeutlich anzugeben, halte ich für unklug und sie als reinen Text darzustellen, könnte durchaus zu einer Barriere führen. Die Angst, dass die Mail-Adresse für Spam missbraucht wird, ist größer denn je, aber es gibt mittlerweile kleine Scripts, mit denen man E-Mail-Adressen so darstellen kann, dass sie für Spamrobots unattraktiv erscheinen, aber nicht die Funktionalität behindern.

Gerne stelle ich Ihnen das Script zur Verfügung. Natürlich macht dieses nur dann Sinn, wenn man die Mail-Adresse noch nicht angelegt hat oder die Adresse noch nicht genutzt wurde. Das gilt vor allem bei Anmeldungen auf diversen Communities und Netzwerkportalen. Es sollte also eine „jungfräuliche“ Mail-Adresse sein. Natürlich können sie das Script auch verwenden,wenn ihre Mail-Adresse schon länger genutzt wird. Es dezimiert zumindest Spam ein wenig, kann also nicht schaden.

So, hier ist das Script:


<script type="text/javascript">
<!--
var name = "info";
var domain = "alexandra-steiner";
var lcode = "at";
document.write('<a href=\"mailto:' + name + '@' + domain + '.' + lcode + '\">');
document.write(name + '@' + domain + '.' + lcode + '<\/a>');
//-->
</script>


Bitte setzen Sie das Script an der Stelle in Ihre Kontaktseite ein, wo sich Ihre Mail-Adresse befinden soll. Wie Sie sehen, optisch ändert sich nichts und die Funktion hat sich nicht geändert – es ist ein E-Mail-Link. Wir haben die Mail-Adresse nur zerstückelt, um sie für Spamrobots unattraktiv zu machen.

Bei E-Mail-Adressen achten Sie bitte auch darauf, dass die Mail-Adresse Unternehmenscharakter hat. So praktisch Gmx und Co auch sind, so unprofessionell können sie nach außen hin wirken. Ich empfehle daher jedem Unternehmer, sich von seiner Gratis-Mail-Adresse zu trennen und doch ein bissl mehr in eine Erweiterung des aktuellen Webspacepaket zu investieren – es lohnt sich.

Ansprechpersonen und Abteilungen

Ebenfalls wichtig in einer Kontaktseite ist die richtige Ansprechperson. Ist Ihr Unternehmen in mehrere Abteilungen aufgeteilt, so sollten Sie auch Ihren Kunden unterschiedliche Kontaktmöglichkeiten der jeweiligen Abteilung anbieten.

Bei akademischen Titeln hat sich seit einigen Jahren eine geschlechtliche Trennung gezeigt. Sollten Sie oder eine Ihrer Abteilungsansprechpersonen einen akademischen Titel tragen, so fügen Sie bei Damen nach dem akademischen Titel ein „a“ hinzu.

Was für Mag.a, Dr.a etc. gilt – das gilt auch für die korrekte Schreibweise der Dipl.-Kauffrau. Ich bin keine Freundin dieser Schreibweisen, aber leider ist der Feminismus nicht sehr barrierefrei. Und viele Akademikerinnen legen großen Wert drauf. Wir wollen es uns nicht verscherzen und respektieren den Wunsch nach geschlechtlicher Trennung.

Telefonnummer – ISO-Norm

Bei der Telefonnummer achten Sie bitte darauf, die internationale Schreibweise zu verwenden. Es gibt hierbei eine ISO-Norm.

1. Ländervorwahl: 0043 oder +43
2. Ortsvorwahl: 01
3. Telefonnummer: 9526374

Zusammen sollte es so aussehen: +43 1 9526374

Dasselbe gilt auch für Handynummer und Faxnummer.

Anschrift

Die Anschrift sollte immer ausgeschrieben werden. Konkret bedeutet das, dass Sie Straßenbezeichnungen nicht abkürzen. Zudem sollten die Hausnummer, Etage, Türnummer exakt angegeben werden, denn immerhin wollen Sie auch per Post erreicht werden.

Schreiben Sie auch Orte aus. Es gibt ja Ortsbezeichnungen, bei denen ein kleines Örtchen an einem Fluss, Bach oder größeren Ortschaft liegen wie zB Bruck an der Mur, Waidhofen an der Thaya, Brunn am Gebirge etc. … bitte verwenden Sie nicht die abgekürzte Form Bruck / Mur oder Bruck a.d. Mur. Besonders wenn Sie Kunden aus nichtösterreichischen Ländern haben, sollten Sie Ihre Adresse exakt ausschreiben.

Nicht zu vergessen die Postleitzahl und das Land. Sie können optional auch den internationalen Wortlaut verwenden zB Austria statt Österreich – es ist unternehmens- und produktabhängig.

Das Kontaktformular

Versuchen Sie, sich stets in die Lage des Kunden zu versetzen und bieten Sie auf der Kontaktseite einen Anreiz, gerne mit Ihnen Kontakt aufnehmen zu wollen. Das kann man einerseits mit gut lesbarer Schrift erzielen oder auch mit netten grafischen Untermalungen. Eine weitere Möglichkeit bietet ein praktisches Formular an.

Den Reiz eines Formulares macht sicher aus, dass es eine unverbindlichere Kontaktaufnahme darstellt. Als Kontaktsuchender ist auch die Anonymität ein Faktor, warum Formulare generell sehr beliebt sind, aber sie bleiben eine unsichere Methode. Bei Formularen handelt es sich in den meisten Fällen um ein serverseitiges Script – das bedeutet, dass wir die Funktion nicht lokal – also auf unserer Festplatte – steuern können. Dies hat häufig zur Folge, dass es auch vom Webserver abhängt, ob ein Script fehlerfrei funktioniert oder nicht. Ein weiterer Punkt: Formulare werden sehr gerne als Spamtransportmittel missbraucht. Daher sollte ein Formular immer nur eine zusätzliche Möglichkeit sein, in Kontakt mit Ihnen zu treten.

Das Formular sollte grundsätzlich knapp gehalten werden. Zu viele Felder, die der Kunde ausfüllen soll, macht die gesamte Kontaktseite uninteressant. Überlegen Sie sich genau, welche primären Informationen Sie wissen wollen und auch brauchen. Für den Erstkontakt sollten maximal vier Felder reichen.

Die Gestaltung ist hingegen wichtiger. Hierbei nutzt man sogenannte “labels”. Das ist eine spezielle Technik, um die Feldbezeichnung mit dem Eingabefeld zu verbinden. Wenn nun der Kunde auf die Bezeichnung “Name” klickt, springt der Cursor in das dazugehörige Feld. Die Schriftart innerhalb des einzugebende Feld sollte klar und deutlich sein. Ich verwende am liebsten eine “Courier New”. Es handelt sich hierbei um eine mono-space Schriftart, sie ist sehr lese- und schreibfreundlich.

Fazit

Fassen wir zusammen: Eine Kontaktseite sollte für Kunden und User lese- und schreibfreundlich gestaltet sein. Mit der Verwendung von Labels erleichtern Sie die Benutzung eines Kontaktformulars. Bei den Kontaktmöglichkeiten selbst, sollte man immer alle Kontaktoptionen vollständig und unabgekürzt angeben. Achten Sie auf ISO-Normen bei der Schreibweise von Telefon-, Handy- und Faxnummer. E-Mail-Adressen sollten nicht nur Unternehmenscharakter besitzen, sondern auch vor Spammissbrauch zu schützen. Ein kleines Script kann dabei durchaus helfen. Aktualisieren Sie Ihre Kontaktdaten, wenn sich etwas innerhalb des Unternehmens ändern sollte.

An dieser Stelle gilt mein Dank Andreas Beranek (mdvsoft.net), der die Informationen sehr kompakt zur Verfügung gestellt hat. Natürlich gibt es von mir einige Informationen um die Zusammenhänge besser zu verstehen.

Das Impressum könnte man mit einer rechtlichen und wirtschaftlichen Visitenkarte vergleichen, in dem alle relevanten Informationen über die Person und das Unternehmen veröffentlicht werden. Und es dient dazu, wichtige Informationen über das Unternehmen, Kunden, Lieferanten und Kooperationspartner zu erhalten. Ich erfahre viel allein über das Impressum.

Im Gegensatz zum Impressum werden im Kontakt lediglich Kontakthinweise angeführt. Aber hier kann der Eigentümer entscheiden, was er denn als Kontaktmöglichkeit anbieten will.

Im Impressum gibt es Pflichtinformationen, an die sich jeder Webseitenbetreiber halten muss. Dies gilt für Unternehmenspräsentationen aber auch für Webseiten von Vereinen, Organisationen und Webseiten im öffentlichen Dienst. Ausgenommen von dieser Pflicht sind ausschließlich Homepages persönlicher und privater Natur. Die Seiten dürfen keinem kommerziellen Zweck dienen.

Beispiel 1: Egon, Enkel von Tante Mizi, bastelt zu Ihrem 60er eine kleine Homepage und möchte sie somit bei der Geburtstagsfeier der Verwandtschaft und Tante Mizi präsentieren. Hierbei muss die Webseite kein Impressum führen, weil es eine private Webseite ist und daher keinen kommerziellen Nutzen verfolgt. Sobald aber Tante Mizi ihre selbst geschriebenen Gedichte verkaufen will, dann schon!

Beispiel 2: Tante Mizis Nichte Erika hat eine Kindermodenboutique und möchte nun auch eine Webseite dazu haben. Sie nimmt daher die Dienste einer professionellen Webagentur (mich z.B. ) in Anspruch. Erika ist somit dazu verpflichtet ein Impressum zu führen, weil sie die Webseite zu Werbezwecken nutzen möchte.

Beispiel 3: Erikas Mann ist leidenschaftlicher Autobastler und hat vor einigen Wochen einen Verein namens “Ilovemycar – Verein der Karren und Narren” gegründet. Er hat seit einigen Tagen auch die offizielle Bescheinigung und somit auch eine Zentral Vereinsnummer erhalten. Sein Kollege Richard hat ihm dazu eine sehr hübsche Webseite gebastelt und sie kommt bei Interessenten sehr gut an. Natürlich ist er verpflichtet ein Impressum zu führen, weil er zum Einem neue Mitglieder und zum Anderen potenzielle Sponsoren haben möchte.

Beispiel 4: Egon ist 12 Jahre alt und besucht das Gymnasium. Im EDV-Unterricht hat er die Aufgabe mit einem Team eine kleine Projektwebseite zum Thema “Gewalt an Schulen” zu gestalten, die dann der Schule im Rahmen eines Festes präsentiert wird. Die Webseite wird auf dem schuleigenen Webserver geladen und somit ins Internet gestellt. Auch hier muss die Webseite der Projektgruppe ein Impressum führen, da es Schuleigentum ist und die Schule somit eine öffentliche Einrichtung – also mit einer Behörde gleich zu setzen ist. Würde die Webseite zB auf einem kommerziellen Server liegen (iNet) und Egon der Besitzer der Webseite sein, so müsste kein Impressum geführt werden.

Wie sie sehen, die Beispiele sind bewusst sehr unterschiedlich, aber Realität!

Ich verwende bewusst zwei Begriffe, die zwar im Ergebnis gleich aber nach außen hin unterschiedlich sind.

Homepage = Privat und
Webseite = Kommerziell

Im Laufe des immer wichtiger werdenden Impressum haben sich zweifelhafte Verbrauchergruppen gebildet, die sich mit nichts anderem beschäftigten, als mit Impressumsinhalten. Sollte ein Impressum nicht umfassend ausgefüllt sein, hagelt es Abmahnungen, die wirklich sehr teuer werden können. Je nach Schwere der Verstößen, kann es zu Abmahnungskosten bis zu 50.000 € kommen. Für Gründer und Jungunternehmer eine finanzielle Katastrophe. Davon erholt man sich nicht. Es ist daher Pflicht, sich um ein vollständiges Impressum zu kümmern.

Gemäß dem § 5 des TMG (TeleMedienGesetz) sind folgende Informationen bereitzustellen.

1. Firmenbezeichnung, Name (Vor- und Nachnamen) und vollständige Anschrift (Straße, PLZ, Ort), bei juristischen Personen sind zusätzlich Rechtsform und Vertretungsberechtigten sowie gültige E-Mail-Adresse und Telefonnummer anzugeben.
   Geschäftsführer, Zeichnungsberechtigter, verantwortlich für die Inhalte der Webseite.
   Unternehmensform z.B. Einpersonenunternehmen, Gesellschaft, KG, etc.
   Ein Postfach gilt nicht als korrekte Adressangabe!
2. Bei Handels-, Vereins-, Partnerschafts- oder Genossenschaftseintrag Ort samt Registrierungsnummer
3. Umsatzsteuernummer oder WKO-Nummer
   UID-Nummer (zB ATU64579209) oder Firmenbuchnummer
4. Gegebenenfalls weitere Angaben laut § 5 des TMG
   Quellennachweise von Bilder, Grafiken und Texte

Dazu mehr finden Sie in den unten angeführten Links. In Problemfällen konsultieren Sie professionelle Beratung durch einen Anwalt.

Erwähnen möchte ich noch, dass diese Angaben EU-weit gültig sind. Länderspezifische Abweichungen sind durchaus möglich, aber wenn man die angeführten Punkte beherzigt, ist man auf alle Fälle auf der richtigen Seite.

All diese Informationen sind leicht erkennbar, unmittelbar erreichbar und ständig verfügbar zu halten. Dies bedeutet:

Das Impressum muss …

• … von jeder einzelnen Seite in höchstens zwei Klicks erreichbar sein oder auf jeder einzelnen Seite angebracht werden.
• … in derselben Sprache verfasst sein wie der restliche Inhalt der Internetseite.
• … ohne dass zusätzliche Programme (wie z.B. Acrobat Reader) beim Leser vorhanden sein müssen, ausgedruckt werden können.
• … gut erkennbar sein, darf also nicht versteckt sein. Ein Anhang des Impressums am Ende der AGB ist nicht zulässig.
• … muss so auf der Seite eingefügt werden, dass keinerlei Scrollen notwendig ist, um es vollständig lesen zu können.

Vergessen Sie nie, Ihr Impressum aktuell zu halten. Ändert sich etwas innerhalb des Unternehmens z.B. neuer Geschäftsführer oder die Unternehmensform wird gewechselt, dann ist das im Impressum zu aktualisieren.

Mehr Information zum Impressum finden Sie hier:
http://dejure.org/gesetze/TMG/5.html
http://www.linksandlaw.info/Impressumspflicht-Notwendige-Angaben.html
http://www.i4j.at/e-commerce/impressum1a.htm

http://de.wikipedia.org/wiki/Impressum – sehr empfehlenswert, da auch die Geschichte des Impressums genannt wird.

Also, die beiden Kinder haben ja – um wieder nach Hause zu finden – Brotkrumen gestreut. Im Web gibt es eine ähnliche Art, wie man zusätzliche Orientierungshilfen zur Verfügung stellen kann. Aber: Unsere sind etwas langlebiger und schimmeln nicht .

Es ist immer praktisch, wenn man als Besucher jederzeit weiß, wo man sich befindet. Das ist ein Leitsystem, dass zum Einem dem User den aktuellen Standort zeigt und zum Anderen kann er aufgrund des Leitsystems einen Weg, den er gegangen ist, zurückverfolgen. Er weiß daher immer, was sich vor und hinter ihm befindet. Dieses Leitsystem nennen wir „Brotkrumennavigation“ oder auch liebevoll „Hänsel-und-Gretel-Navigation“. Es ist ein sehr einfaches Hilfsmittel mit enormer Wirkung.

Wann ist so ein Leitsystem notwendig? Sobald eine Webseite mehr als zwei Ebenen hat, wird ein Leitsystem notwendig. So kann ein gutes Leitsystem aussehen:

Standort: Startseite > Über mich
Oder
Sie befinden sich auf der Seite Startseite
Im Untermenü Über mich > Ausbildung

Es steht daher jedem Eigentümer frei, sich unterschiedliche Möglichkeiten auszusuchen. Experimentieren Sie damit und lassen Sie Freunde und Bekannte das Leitsystem testen.

Fazit

Zusammenfassend kann man sagen, eine Navigation sollte stets klar strukturiert sein. Bedenken Sie bei der Entwicklung Ihrer eigenen Webseite, dass Ihre Seite nicht die Einzige ist, die sich User ansehen. Überfordern Sie Ihren Besucher nicht, sondern bieten Sie ihm einen Platz mit leichter Orientierung und einem guten Leitsystem. Dann steht dem Erfolg Ihrer Webseite nichts mehr im Wege.

Ich wünsche Ihnen viel Vergnügen beim Herumexperimentieren.

Also ist das Mittel der Navigation auch ein Mittel zur Orientierung. Wir brauchen es, ohne Navigation würden wir uns in fremden Städten verlaufen, würden geografische Grenzen nicht erkennen und könnten uns einfach nicht orientieren. Die Navigation des alltäglichen Lebens kann sehr vielfältig sein. Im Web gibt es ähnlich viele Möglichkeiten, Navigation und Orientierungshilfen anzubieten. Egal, wie gut eine Seite aufgebaut ist oder grafisch sämtliche Rekorde brechen würde – sie wäre Mist, wenn man sich nicht gut orientieren kann. Davon hängt letztendlich auch der Erfolg einer Seite ab.

Navigationsleisten sind optisch der kleinste Teil einer Webseite – sie sollten es zumindest sein, aber auch der wichtigste. Hierbei rate ich allen Gründerinnen und Gründern sich ausgiebigst Zeit dafür zu nehmen. Sie müssen ihre Kunden kennen, sie müssen ihre Bedürfnisse kennen und sie müssen auch ihre Webumwelt kennen. Warum betone ich das? Da leider viel zu wenig Webseitenneulingen bewusst ist, wie ihre Kunden sich im Web bewegen und daher völlig außer acht lassen, deren Bedürfnisse über den eigenen Geschmack zu stellen. Das sind Grundfehler, die man nicht machen sollte.

Gut, wieder zurück zur Navigation. Es gibt unterschiedliche Möglichkeiten, Navigation anzubieten – ob links oben oder rechts – unten sollte niemals eine Navigation stehen, die für den Kunden relevant ist, außer sie ist nur sekundär bedeutend wie z.B. Navigation im Fußbereich (Footer): Impressum, AGB oder Datenschutzerklärung etc. Daher überlegen Sie sich gut, wie bedeutend welche Navigation für Ihren User sein kann.

Die Navigation sollte stets ohne zu scrollen sichtbar sein. Das heißt, dass alle wichtigen Menüpunkte gleich beim Öffnen der Seite ersichtlich sein sollten. Wenn die Anzahl der Menüpunkte den Höhen- oder Breitenbereich Ihrer Webseite überragt, strukturieren Sie die Menüpunkte neu. Überlegen Sie sich dabei, welche Bereiche sich so sehr ähneln, dass man sie zu einem Menüpunkt zusammenfassen kann. Auch in der Navigation gilt: Weniger ist mehr!

Eines sei noch erwähnt: Das Impressum muss laut Gesetz unmittelbar und direkt erreichbar sein. Das bedeutet, dass dieser Punkt nicht in einem Untermenü verschwinden darf. Bei vielen Webseiten ist das zwar so, aber nicht alles, was andere tun, ist auch beispielhaft. Hierbei kann man das Impressum in den Footer stellen, der ohnehin bei den meisten Webseiten vorhanden ist. In einem anderen Artikel werde ich genauer auf das Impressum eingehen.

Auch der Menüpunkt “Kontakt” sollte immer in sichtbare Nähe gebracht werden. Das ist praktisch, denn der User sucht nicht gerne und wenn er erst suchen muss, damit er Sie kontaktieren kann, dann wird er es nicht tun. Der Mensch geht stets den Weg des geringsten Widerstandes. Das ist Fakt. Daher, lassen Sie Ihre Kunden Sie nicht suchen. Auch auf den Aufbau eines Kontaktformulars gehe ich in einem späteren Artikel noch ein.

Wie letztendlich die einzelnen Menüpunkte gereiht oder bezeichnet werden sollen, ist abhängig vom Projekt selbst. Dabei sollten Sie aber darauf achten, englische und deutsche Begriffe nicht zu vermischen. Das wird sehr gerne gemacht, dass z.B. “Home” und dann “Über mich” steht. Das ist schlecht und erzeugt kein guten Eindruck. Entscheiden Sie sich für eine Sprache im Menü. Man spricht hier auch oft vom berühmten “roten Faden”.

Beispiel für ein englischsprachiges Menü:

Home | About | Company | Contact | Impress
etc.

Oder ein deutschsprachiges Menü:

Startseite | Über uns | Das Unternehmen | Kontakt | Impressum
etc.

Bei dem Begriff “Team” haben Sie Glück, denn dafür einen deutschen Begriff zu finden, der sowohl sprachlich gut klingt und auch zum Unternehmen passt, ist sehr schwer. Der Begriff ist schon so “eingedeutscht”, dass man ihn problemlos verwenden kann.

Eine Menüleiste sollte sich immer optisch vom Inhalt abheben. Daher wählen Sie als Schriftgröße niemals eine Größe, die kleiner als der Fließtext ist – und wenn doch, sorgen Sie dafür, dass der Bereich klar abgegrenzt wird. Der Besucher muss stets wissen, dass die Navigation die Navigation ist und der Inhalt Inhalt ist.

Meine Empfehlung ist, die Schriftgröße ab 1em (relative Größenangabe bei Schriften) zu wählen – natürlich ist es immer abhängig vom aktuellen Projekt. Sollten Sie vielleicht sogar Piktogramme (Symbole) oder ähnliche grafische Elemente verwenden, denken Sie daran, der IE6 und Safari können nur die Schrift selbst vergrößern, Grafiken nicht. Alle anderen neueren Browser sind durchaus in der Lage die Grafiken proportionell mit zu vergrößern.

Mit einer guten Navigation leiten Sie Ihre Besucher durch die Inhalte Ihrer Seite, daher sind Sie daran interessiert, dass zum Einen die Besucher lange bleiben, zum Anderen auch wiederkehren – Ihre gute Webseite sogar weiterempfehlen, Sie kontaktieren etc. Nehmen Sie sich also nicht die Chance eine breite Öffentlichkeit zu erreichen, in dem Sie eine unübersichtliche, unstrukturierte und planlose Navigation anbieten.

Ein weiterer Punkt zum Thema Navigation betrifft das optimale Beschriften (title) der einzelnen Menüpunkte. Warum ist das notwendig, wenn der Menüpunkt schon eine Bezeichnung hat?

Stellen Sie sich folgende Situation vor: Sie “betreten” eine Webseite, auf der Sie noch nie waren. Sie haben einen guten Eindruck. Nun möchten Sie mehr wissen und suchen die Navigation. Sie hat folgende Menüpunkte:

Start | Team | Leistung | Angebote | Kontakt | Impressum

Schaut schon mal recht nett aus und wirkt auch logisch.

Nun hat der Eigentümer der Seite folgende Beschriftungen hinterlegt
Start = Nehmen Sie im Wartezimmer Platz
Team = Das Herz des Unternehmens
Leistung = Unsere Produkte und Dienstleistungen auf einem Blick
Angebote = Saisonale Angebote und Specials für jeden Anlass
Kontakt = Per Mail, Telefon oder Formular
Impressum = Rechtliche Informationen und Quellennachweise

Diese Zusatzinformationen kann der User erhalten, wenn er mit der Maus über dem betreffenden Menüpunkt steht.

Ich finde derartige Infos sehr einladend und hilfreich. Sie wissen somit genau, was sich in den besagten Unterseiten befindet. Sie wissen schon, bevor Sie die Seite öffnen, dass sich auf der Kontaktseite ein Formular befindet und können – ohne gleich all Ihre Daten zur Verfügung zu stellen – Kontakt aufnehmen.

Nur bitte keine Romane! Die Beschriftung sollte maximal 40 Zeichen enthalten, damit der gesamte Inhalt des „titles“ dargestellt werden kann und auch optisch schön ist.

Je mehr Sie Ihren Kunden Information und Orientierungshilfen anbieten, um so verständlicher und einfacher wird es für sie.

Doch wie sieht so ein Link in der Regel aus? Meistens unterstrichen und in einer anderen Farbe. Das finden wir auf vielen Seiten. Doch ein Link kann noch „bezeichnender“ sein. Er kann zum Einen mehr Informationen über die verlinkte Seite bieten, zum Anderen kann er auch Orientierungshilfe sein.

Wenn wir uns einen Link aus Usersicht betrachten, finden wir vier mögliche Zustände.

1. der unbesuchte Link – (der “jungfräuliche” Zustand eines Links)
2. der besuchte Link
3. der “bewegte” Link – wenn wir mit der Maus darübergleiten

… und dann gibt es den “aktiven” Link. Dieser stammt aus der Internet-Urzeit, als es noch sehr langsame Modems gab. Der “aktive” Link wurde sichtbar, wenn ein Link angeklickt und die Seite geladen oder das E-Mailprogramm geöffnet wurde.

Dieser Zustand wurde aber immer unbedeutender, da heutzutage die Internetgeschwindigkeit kaum eine Rolle mehr spielt und wir “sehen” den aktiven Link kaum noch. Dennoch ist er ein wichtiger Teil einer Link-Zustandsfolge und wird auch immer noch in diversen “stylesheets” verwendet.

Es gibt einen weiteren Zustand, der selten verwendet wird. Auf barrierefreien Seiten findet man ihn häufiger, auf üblichen Webseiten so gut wie nie. Dieser Zustand wird “focus” genannt.

Den “focus” erkennt man, wenn mab mit der Tabulatortaste den Link ansteuert. Somit wird der User informiert, dass die Steuerung auf dem Link ruht und nun durch die Entertaste dem Link gefolgt werden kann. Dies stellt ein wichtiges Orientierungswerkzeug dar – vor allem für Zielgruppen, die vermehrt Unterstützung bei der Navigation von Webseiten benötigen.

Links benötigen aber noch andere Informationen. Selten sind sie betitelt – sprich – erst wenn man die Seite geöffnet hat, weiß man, wo man tatsächlich ist. Zur Vereinfachung gibt man dem Link einen kurzen, aber aussagekräftigen Titel.

Bei komplexen Webseiten werden auch interne Links mit einem Titel versehen. So erfährt der User, welche Informationen sich unter dem Link verbergen und kann sich einen Überblick über die gesamte Webseite verschaffen.

In Navigationsleisten empfiehlt es sich, Menüpunkte mit “accesskeys” zu versehen. Obwohl im letzten Newsletter bereits auf das Thema eingegangen wurde, möchte ich die Vorteile des “accesskeys” noch mal hervorheben.

“Accesskeys” werden benutzt, um die Navigation innerhalb einer Webseite zu erleichtern. Mittels “accesskeys” ist es möglich, mit der Tastatur durch die Webseite blättern. Der User ist somit nicht auf die Maus angewiesen. In “accesskeys” werden ausschließlich Ziffern verwendet, da die meisten Buchstaben bereits durch das Betriebssystem mit “shortcuts” belegt sind. Jeder Browser hat seine eigene Bedienungsanleitung, wie man “accesskeys” aktiviert.

Mehr zur Benutzung “accesskeys” finden Sie auf meiner Webseite im Glossar.

Von der Universitätsseite, die mit Fremdwörtern um sich wirft, als wären sie Konfetti, bis zu der privaten Webseite, bei der man immer das Gefühl hat, die Inhalte wurden von einem 5jährigen verfasst – all das macht nicht nur ein schlechtes Image, sondern man hat fast die Garantie, dass die Seite nur einmal besucht wird.

Gerade bei Webseiten des öffentlichen Bereichs scheint es ein Problem zu sein, Inhalte klar auszudrücken. Menschen mit Sprachminderung (Bürger mit Migrationshintergrund, Menschen mit Lernschwierigkeiten, Gehörlose) haben kaum die Möglichkeit, die Inhalte zu verstehen.

Auch die technische Sprache hat ihre Tücken. Im IT-Bereich ist es leider normal, englische Begriffe in den normalen Lesefluss einzubauen. Doch versteht es der Endverbraucher auch? Webseiten mit umfangreichem Inhalt mögen zwar viel Lesbares anbieten, aber es ist selten lesenswert.

Um inhaltliche Barrieren zu vermeiden, lohnt es sich, die Hilfe von Texterinnen oder Textern zu nutzen. Sollte man nicht auf Experten zurückgreifen können, kann man die Inhalte vorab von verschiedenen Leuten lesen lassen. Ich verfasse viele Texte selbst und bin mir bei diversen Formulierungen nicht immer sicher, darum lasse ich gerne Profis ran, bevor ich die Inhalte veröffentliche. Mir ist es wichtig, dass die (gehaltvollen) Inhalte auch von der Zielgruppe verstanden werden.

Aus all diesen Gründen ist es zwingend notwendig, auf Webseiten eine klare Sprache zu benutzen. Der „normale“ Mensch liest durchschnittlich 700 Wörter auf einer Webseite, danach vergisst er die Inhalte wieder bzw. kann den Kontext nicht mehr herstellen. Dies kann man vermeiden, indem man kurze Sätze verwendet. Verschachtelte Sätze sollte man vermeiden. Es mag für Sprachakrobaten eine Herausforderung darstellen, anderen zu zeigen, was man so drauf hat. Kann durchaus ganz g’spaßig sein unter Gleichgesinnten, aber nicht für das gemeine Volk – und das meine ich nicht wertend. Bei all diesen Dingen sollte man sich immer vor Augen halten, wer ist die Zielgruppe und wen möchte man letztendlich auch
erreichen.

Ein weiterer Punkt ist die Gliederung und Struktur eines Textes. Eine der wichtigsten Regeln im Web lautet: Papier ist nicht Web. Daher gelten andere Regeln für die Strukturierung eines Textes. Fließtexte im Web müssen leicht lesbar sein. Dies kann man bewirken, indem man keine Serifen-Schrift verwendet. Serifen-Schriften sind z.B. Times-New-Roman und ähnliche Schriften. Man erkennt sie an den Schnörkeleien bei bestimmten Buchstaben wie zB dem t oder f. So verwendet man in der barrierefreien und benutzerfreundlichen Webseitengestaltung für Fließtexte ausschließlich serifenlose Schriften. Dies sind z.B. Arial, Verdana, Helvetica etc.

Weiters sollte man bei Fließtexten darauf achten, dass der Durchschuss angemessen ist. Der Durchschuss ist der Zwischenraum zwischen den Zeilen.

Auch die Zeilenlänge spielt eine enorm wichtige Rolle. Damit der Besucher Ihrer Seite auch die Inhalte aufnehmen kann, sollte man nie mehr als 13 Wörter pro Zeile verwenden. Somit kann der Leser dem
Geschriebenen leicht folgen, ohne dass er die Zeile verliert.

Überlegen Sie sich gut, ob Sie für Fließtexte Blocksatz verwenden wollen. Bedenken Sie auch, dass es im Web keine Silbentrennung gibt. Man sollte daher auf Nummer Sicher gehen und stets einen linksbündigen Fließtext wählen. Wenn man aber nicht viel Text hat, dieser gut strukturiert und gegliedert ist, kann man auch Blocksatz verwenden. Aber bitte: Lassen Sie auch Ihre Leserschaft testen, ob diese Variante gut ankommt.

Tipps:

1. Lassen Sie all Ihre Texte von einer Person gegenlesen, die in Ihrem Unternehmen / Projekt nicht involviert ist.
2. Verwenden Sie eine klare Sprache. Sollten Fremdwörter notwendig sein, können Sie zum Einen eine eigene Begriffsseite (Glossar) verwenden, um dort die Begriffe nochmal zu erklären. Zum Anderen können Sie mit kleinen HTML-Tags Begriffe direkt erklären.
3. Nutzen Sie Überschriften, um Inhalte sowohl optisch als auch inhaltlich zu strukturieren.
4. Achten Sie auf die Zeilenlänge. Bedenken Sie: Sie schreiben keinBuch, sondern Texte fürs Web
5. Achten Sie auch auf die Schriftgröße. Die optimale Schriftgröße bei Fließtexten sollte zwischen 0.75 bis 1em liegen.
6. Wählen Sie für Fließtexte eine serifenlose Schriftart – und bedenken Sie auch dabei: Es sollte eine Schriftart sein, die jeder auf seinem PC oder Laptop installiert hat. Dazu eignen sich die standardisierten Systemschriftarten (Arial, Verdana etc).
7. Kontrastreiche Schriften sind gut lesbar, achten Sie auf die richtige Farbwahl.
8. Der optimaler Durchschuss sollte ebenfalls beachtet werden. In der Regel ist es so: Bei einer Schriftgröße von 0.8 em sollte man einen Durchschuss von 1.5em verwenden.
9. Links- oder rechtsbündig oder gar Blocksatz? Grundsätzlich gilt bei Fließtexten immer, diesen linksbündig anzulegen.

Wenn man all diese Punkte beherzigt, dann stehen die Chancen sehr gut, dass die Webseite nicht nur für die Zielgruppe interessant ist, sondern die Inhalte auch in Google effizienter indiziert werden.

1. Die Bilder haben eine unmöglich große Datenmenge und meistens auch noch eine schlechte Qualität oder
2. 90% aller Bilder im Netz haben eine unzureichende bis gar keine Bildbeschreibung und
3. in einigen Fällen werden auch keine Größen der Bilder angegeben.

Dies kann zur Folge haben, dass entweder Bilder nicht korrekt oder gar nicht dargestellt werden. Werden sie nicht dargestellt, weiß der Nutzer nicht, um welches Bild es sich handelt oder ob da gar eines sein sollte. Der User wird im Unklaren gelassen und ist daher nicht klüger, als vor dem Besuch der Webseite.

Oft sind es Kleinigkeiten, die die Qualität einer Webseite ausmachen und es sind die Kleinigkeiten, die man als guter (oder als ambitionierter) Webdesigner kennen und können muss. Es ist daher Pflicht, die Datenmenge bei Bildern so gering wie möglich zu halten. Es ist Pflicht, eine aussagekräftige Bildbeschreibung zu verfassen und es ist Pflicht, eine ordentliche und korrekte Größenangabe der Bilder anzugeben. Wenn diese Punkte beachtet werden, hat man bereits ein hohes Maß an Barrierefreiheit erreicht.

Es nutzt die beste Software nichts, wenn man nicht lernt, diese auch optimal zu nutzen. Das wissen wir. Aber es ist auch wichtig, dass Webdesigner und Entwickler von CMS-Software ihre Enduser schulen und sensibilisieren. Letztendlich kommt es jedem zu Gute.