eguide: Die eigene Website

eguide: Die eigene Website

1 eguide: Die eigene Website Inhaltsverzeichnis Aller Anfang ist Planung... 2 1. Die Gestaltung... 2 2. Die Umsetzung... 2 3. Die Pflege... 2 Die Gestaltung Ihrer Website... 3 Das sollten Sie beachten... 3 Aufbau von Unterseiten... 5 Zum Textinhalt... 5 Zum Bildinhalt... 5 Mit diesen Tipps vermeiden Sie unnötige Stolpersteine:... 5 Die Umsetzung und Pflege... 7 Joomla!... 7 CMS Made Simple... 8 Drupal... 8 Website Baukästen... 9 Bluewin HomepageTool und Hostpoint web-o-mat... 9 Tipps für die Arbeit mit Internet-Agenturen... 9 Agenturempfehlung des SSB... 11

2 eguide: Die eigene Website Aller Anfang ist Planung Wie bei jedem grösseren Projekt stellen sich am Anfang die Fragen Wer?, wann?, was?. Grundsätzlich ist die Erstellung einer Website einfach und gliedert sich in drei Bereiche: 1. Die Gestaltung Wie sieht die Seite aus? Wo befinden sich welche Inhalte? Wie bewegt man sich innerhalb der Seite? 2. Die Umsetzung Die Gestaltung, alle Texte und Bilder sowie alle Links werden so programmiert und zusammengefügt, damit sie im Browser betrachtet werden können. 3. Die Pflege Inhalte und Bilder werden im Laufe der Zeit ändern und durch aktuellere ersetzt. Setzen Sie dabei auf eine CMS-Lösung, die Ihnen das leicht macht. Mehr zu verschiedenen CMS- Programmen erfahren Sie auf den nächsten Seiten. Für alle Schritte steht es Ihnen offen, ob Sie diese aus eigener Kraft oder mit einem professionellen Partner lösen möchten. Die nachfolgenden Tipps gelten gleichermassen, egal ob Sie alles selber machen oder mit einer Internetagentur zusammen arbeiten. Am Ende dieses eguide-themas finden Sie noch Tipps zur Zusammenarbeit mit einer Internetagentur.

3 eguide: Die eigene Website Die Gestaltung Ihrer Website Die Ansprüche Ihrer Besucher sind hoch. Finden diese nicht innert nützlicher Frist die gesuchte Information, klicken sie sich wieder weg. Heutige Studien besagen, dass die durchschnittliche Verweildauer auf einer Webseite nur gerade zwei Minuten beträgt. Sie können diese kurze Zeit verlängern, indem Sie sich in den Besucher versetzen und ihn in Kürze und mit Klarheit dorthin führen, wo er hinwill. Das sollten Sie beachten Mit diesen einfachen Tricks und Kniffen schaffen Sie eine klare Struktur, in der sich jedermann intuitiv zurechtfindet. 1 3 2 6 4 5 7 8 1. Platzieren Sie Ihr Logo oben links und nutzen Sie es als Link zur Hauptseite. 2. Halten Sie die Navigation mit maximal sieben Punkten kurz und klar. Platzieren Sie diese horizontal gleich unter dem Logo in einem Balken oder in der linken Spalte. Zeigen Sie beim Darüberfahren mit der Maus bereits die sich unter der Hauptnavigation befindlichen Unternavigationspunkte. Sie ermöglichen dadurch dem Besucher, sich sehr schnell ein Bild vom Umfang und der verfügbaren Informationen zu machen. 3. Schaffen Sie zu wichtigen Themen wie z.b. einem neuen Kursprogramm mehrere Zugänge: Diese sollen über die Hauptnavigation gefunden werden wie auch über einen speziellen Hinweis auf der Hauptseite. Zudem können Sie auch von

4 eguide: Die eigene Website Unterseiten darauf verweisen. Lassen Sie ihrer Fantasie freien Lauf und integrieren Sie Links und Querverweise überall dort, wo es Ihnen sinnvoll erscheint. 4. Räumen Sie dem aktuellen Hauptthema wie dem neuen Kursprogramm, einer bevorstehenden Präsenz an einem Grossanlass, für den noch Helfer gesucht werden oder der Ferien-Apotheken-Aktion den grössten Platz ein und versuchen Sie, die Botschaft mit einem attraktiven Bild zusätzlich aufzuwerten. 5. Stellen Sie bis zu 5 weitere Themen zusätzlich zum Hauptthema in den Vordergrund, die Sie ebenfalls mit einem aussagekräftigen Bild verstärken können. Solche Inhalte können zum Beispiel auch ein Blog oder ein Forum sein. 6. Platzieren Sie Fremdwerbung oder Sponsorenlogos im Idealfall im rechten Teil der Seite. 7. Haben Sie einen Auftritt auf Facebook oder einem anderen sozialen Netzwerk? Dann platzieren Sie einen entsprechenden Link auf Ihrer Website. 8. Im Internet gibt es, wie im Strassenverkehr, gewissen Regeln, wie eine Webseite programmiert sein sollte, damit sie für Menschen mit Behinderung und für Suchmaschinen optimiert sind. Validieren Sie Ihre Website nach den Regeln des W3C Standards. HTML können Sie unter http://validator.w3.org/ und CSS unter http://jigsaw.w3.org/css-validator/ validieren. Achten Sie einfach darauf, so viel wie möglich zu erfüllen.

5 eguide: Die eigene Website Aufbau von Unterseiten Jede Unterseite soll grundsätzlich von der Anmutung her der Hauptseite entsprechen. Sprich: Verwenden Sie dieselben Farben, Schriften und grafischen Hilfsmittel. Integrieren Sie bei umfangreichen Seiten wie zum Beispiel einem seitenlangen Kursprogramm eine Suchfunktion. Je ausgeklügelter diese ist, desto innovativer werden Sie wahrgenommen und desto schneller finden ihre Besucher die gewünschten Inhalte. Zum Textinhalt Die Besucher Ihrer Website haben ein Ziel: Schnell eine kompetente und vollständige Information erhalten. Findet der Surfer zudem noch weitere attraktive Inhalte, lässt er sich gerne zum Verweilen auf Ihrer Seite verführen. Mit den folgenden Tipps helfen Sie ihm dabei. 1. Verwenden Sie für Ihre Navigationspunkte klar verständliche Bezeichnungen 2. Unterteilen Sie Texte in eine Überschrift und einen Lauftext 3. Schreiben Sie so kurz wie möglich und so lang wie nötig 4. Vermeiden Sie Schachtelsätze und setzen Sie häufiger mal einen Punkt 5. Unterteilen Sie längere Texte in Abschnitte 6. Bieten Sie, wenn immer möglich, eine Druckversion des Inhalts an 7. Vermeiden Sie Ausrufezeichen und Emoticons :-( Und vor allem: Bringen Sie immer wieder neue Inhalte. Aktualisieren Sie laufend die Hauptthemen und probieren Sie dabei auch immer wieder einmal etwas Neues. Ihre Webstatistik wird Ihnen schnell zeigen, welche Inhalte gerne und welche weniger häufig angeklickt werden. Nutzen Sie diese Möglichkeiten und setzen Sie es sich zum Ziel, aus einmaligen Gästen regelmässige Besucher zu machen. Zum Bildinhalt Es gilt immer noch: Ein Bild sagt mehr als tausend Worte. Die richtigen Bilder machen Ihre Internetseite leicht, freundlich und einladend. Neben den qualitativen Aspekten gilt es bei Bildern, immer auch die rechtlichen im Auge zu behalten. Mit diesen Tipps vermeiden Sie unnötige Stolpersteine: 1. Setzen Sie Bilder ein, die Ihre Texte in der Aussage verstärken. 2. Versuchen Sie über die ganze Website eine möglichst homogene Bildsprache zu finden (z.b. immer mit Menschen im Mittelpunkt, immer freigestellte Elemente oder immer Bilder mit hohem Weissanteil), damit alles aus einem Guss wirkt. 3. Fragen Sie abgebildete Vereinsmitglieder, ob ihr Bild im Internet verwendet werden darf.

6 eguide: Die eigene Website 4. Verwenden Sie keine Bilder von anderen Webseiten und keine Scans von Bildern aus vereinsfremden Publikationen. Im schlimmeren Fall riskieren Sie, wenn Sie das trotzdem tun, eine Urheberrechtsklage. 5. Nutzen Sie für Bilder, die Sie weder im Archiv haben noch selber schiessen können, Bilddatenbanken. Z.B. www.istockphoto.com oder www.fotolia.de, dort finden Sie gute Bilder zu günstigen Preisen. Es gibt auch Gratis-Datenbanken, wie www.sxc.hu, aber beachten Sie bei diesen unbedingt die Nutzungsbedingungen, denn meistens müssen Sie bei der Verwendung eines Bildes die Quelle angeben. Mit ein bisschen Übung werden Sie sich in den Archiven rasch zurechtfinden und immer schneller zu guten Resultaten kommen.

7 eguide: Die eigene Website Die Umsetzung und Pflege In der Regel empfiehlt es sich ein Content Managment System, kurz CMS, zu verwenden, um eine Website zu erstellen und zu pflegen. Dadurch benötigt derjenige, der sich um den Inhalt kümmert keine Spezialkenntnisse und kann oft mit einer kurzen Schulung den Inhalt der Website pflegen. Im Internet gibt es viele OpenSource CMS Anbieter, die ihr System gratis zur Verfügung stellen. Das heisst Sie müssen keine Software-Gebühren zahlen, um es zu nutzen. Oftmals besteht aber das Problem, dass die Installation und Konfiguration der CMS sich als schwierig erweist. Arbeiten Sie aber mit einer Internet-Agentur zusammen, verfügt diese über ein CMS-System oder kann Sie bei Ihrer Wahl beraten. Hier eine Auswahl kostenloser CMS-Programme, die Sie verwenden können. Joomla! www.joomla.org Joomla ist eines der bekanntesten CMS und hat eine grosse Community, die bei Problemen gerne hilft.

8 eguide: Die eigene Website CMS Made Simple www.cmsmadesimple.org Wie der Name schon sagt, einfaches und schnell überschaubares CMS. Drupal www.drupal.org Ein CMS, welches vor allem für Community-Seiten verwendet wird.

9 eguide: Die eigene Website Website Baukästen Viele Internetanbieter, wie Swisscom, sowie Webhoster bieten einfache Baukasten-Systeme an, um eine eigene Website in wenigen Schritten zu erstellen. Bluewin HomepageTool und Hostpoint web-o-mat Im Swisscom Login unter http://www.swisscom.ch/login finden Sie im Navigationspunkt Internet» Bluewin Dienste das HomepageTool. Sie können zwischen verschiedenen Angeboten auswählen. Vom kostenlosen Light bis zum umfassenden, kostenpflichtigen Unlimited Pro. Je nach ausgewähltem Paket haben Sie verschiedene Möglichkeiten. Bei Light können Sie zum Beispiel nur drei Seiten erfassen und zwischen 50 Designvorlagen auswählen. Beim Unlimited Pro hingegen können Sie unlimitiert Seiten erfassen und haben die Auswahl aus über 250 Designvorlagen und Sie können weitere Funktionen wie Forum, Blog oder Routenplaner in Ihre Seite integrieren. Übrigens, der Webhosting-Provider Hostpoint verwendet das selbe Programm. Tipps für die Arbeit mit Internet-Agenturen Wenn Sie sich für die Zusammenarbeit mit einer Internet-Agentur entscheiden, wird Ihnen die folgende Checkliste helfen, an alles zu denken. Definieren Sie intern das Projektteam, das den Kontakt zur Agentur hält. Halten Sie den Auftrag oder in der Agentursprache das Briefing schriftlich fest. Dieses sollte folgende Informationen enthalten: o Zielgruppe: Wen wollen Sie ansprechen? o Botschaften: Welche Inhalte wollen Sie vermitteln?

10 eguide: Die eigene Website o Auftrag: Was erwarten Sie von der Agentur? Gesamtkonzept Gestaltung Umsetzung Texte Domain-Suche und reservation o Budget: Wieviel Geld können Sie für diese Agenturtätigkeiten einsetzen? o Terminplan: Wann wird was erwartet von der Agentur? Bereiten Sie später benötigte Inhalte frühzeitig vor. Dazu gehören z. B.: o Corporate Design-Richtlinien o Logos, im Idealfall vektorisiert als EPS o Seitenstruktur (wenn nicht Teil des Agenturauftrags) o Bildmaterial o Gewünschte Texte o Download Dokumente als PDF o Kursprogramme o Linkliste Grundsätzlich gilt: Je mehr Sie selber machen und vorbereiten, desto geringer sind die Agenturaufwände und somit die Kosten. Achten Sie bei der Agenturauswahl darauf, dass neben den Kompetenzen und Finanzen auch das Persönliche stimmt. Denn die Zusammenarbeit kann intensiv sein und somit ist es wichtig, dass man sich gut versteht.

11 eguide: Die eigene Website Agenturempfehlung des SSB Der Schweizerische Samariterbund in Olten arbeitet mit der Fullservice-Agentur MySign AG aus Olten zusammen. Bei MySign können Sie zwischen verschiedenen Paketen wählen und kostengünstig und effizient eine Website auf der Basis des SSB-Internetauftritts erstellen lassen. Weitere Informationen zu den Paketen erhalten Sie direkt bei MySign. MySign AG Design Marketing Technologie Neuhardstrasse 38 4600 Olten Telefon: 062 836 80 10 Web: www.mysign.ch Facebook: www.facebook.com/mysign