Veranstaltungsreihe WEBverständlich: Webseitenerstellung

479 Aufrufe

Veröffentlicht am

Eine gute Webseite muss viele Voraussetzungen erfüllen. Sie müssen sich nicht nur überlegen, wie Sie den Nutzer von Ihren Produkten und Dienstleistungen überzeugen. Wichtig ist, dass sie Faktoren wie Zielsetzung, Design und Farbgebung, Auswahl des passenden Systems oder auch Datenschutz und Urheberrechte stets im Blick halten. Der Vortrag ermöglicht Ihnen einen kompetenten Einstieg in das komplexe Thema.

0 Kommentare
1 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
479
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
59
Aktionen
Geteilt
0
Downloads
2
Kommentare
0
Gefällt mir
1
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Veranstaltungsreihe WEBverständlich: Webseitenerstellung

  1. 1. Firmenwebseite Mehr als Ihre digitale Visitenkarte im World Wide Web 16.09.2013 Potsdamer Centrum für Technologie 16. September 2013
  2. 2. Ihre Webseite ist die Visitenkarte Ihres Unternehmens im Internet! • Wie gestalten Sie Ihre Webseite für den Nutzer? • Welche technischen Ansprüche muss sie erfüllen? • Anforderungen an Inhalt, Struktur und Gestaltung? 16. September 2013
  3. 3. Warum ist die Präsenz im Internet wichtig? • 77% der Bevölkerung in Deutschland ist online (54, 2 Mio.) • Mobile Internetnutzung auf 41 Prozent gestiegen • 85% aller Internet-Nutzer kaufen online oder nutzen das Web für ihre Kaufentscheidung • 50% aller Suchanfragen haben einen geschäftlichen Hintergrund • 42% aller Online-Käufe beginnen mit einer Suchanfrage bei Google 16. September 2013
  4. 4. Zielsetzung: Image & Reputation • angenehme und interessante Darstellung Ihres Unternehmens/Ihrer Marke • Klar verständliche Informationen zur Verfügung stellen • Nutzer aktiv einbinden und zu einer Handlung aufrufen (Call-to- Action) • Kundenpflege und Kundenbindung (z.B. Newsletter, RSS-Feed) • Infobroschüren, Flyer, Presseberichte 16. September 2013
  5. 5. Beispiel einer Landingpage 16. September 2013
  6. 6. Nehmen Sie den Nutzer an die Hand • Schnelle und einfache Informationsübersicht • Übersichtliche Navigation (nicht mehr als 7 Navigationspunkte) • Handlungsaufrufe („Newsletter bestellen“, „Kontakt aufnehmen“) • Mit 3 Klicks sollte jede Seite erreichbar sein 16. September 2013
  7. 7. Negatives Beispiel 16. September 2013
  8. 8. Kontaktaufnahme einfach gestalten • Platzierung an prominenter Stelle • Fordern Sie den Nutzer zur Kontaktaufnahme auf • Ansprechpartner angeben • Persönliche Ebene verringert eine eventuelle Hemmschwelle Kontakt aufzunehmen • Kostenloser Rückrufservice 16. September 2013
  9. 9. Passendes Design • Anpassung an Ihr Corporate Design • Auswahl des Designs nach Zielgruppe • keine grellen Farben und nicht zu bunt • ausgewogene Farben, die miteinander harmonisieren • kontrastierende Farben für Texte und den Hintergrund 16. September 2013
  10. 10. Negatives Beispiel 16. September 2013
  11. 11. Positives Beispiel 16. September 2013
  12. 12. Themenbühne und Slider 16. September 2013
  13. 13. Themenbühne und Slider • Weniger ist mehr: Überschaubare Anzahl an Elementen (nicht mehr als 4-5)
  14. 14. Themenbühne und Slider • Weniger ist mehr: Überschaubare Anzahl an Elementen (nicht mehr als 4-5) • Hervorhebung des aktuellen Elements
  15. 15. Themenbühne und Slider • Weniger ist mehr: Überschaubare Anzahl an Elementen (nicht mehr als 4-5) • Hervorhebung des aktuellen Elements • Komfortables Vor- und Zurückblättern
  16. 16. Themenbühne und Slider • Weniger ist mehr: Überschaubare Anzahl an Elementen (nicht mehr als 4-5) • Hervorhebung des aktuellen Elements • Komfortables Vor- und Zurückblättern • Stimulanz der Inhalte
  17. 17. Themenbühne und Slider • Weniger ist mehr: Überschaubare Anzahl an Elementen (nicht mehr als 4-5) • Hervorhebung des aktuellen Elements • Komfortables Vor- und Zurückblättern • Stimulanz der Inhalte • Integration eines Handlungsaufrufs (Call to Action)
  18. 18. Themenbühne und Slider
  19. 19. Themenbühne und Slider • Weniger ist mehr: Überschaubare Anzahl an Elementen (nicht mehr als 4-5) • Hervorhebung des aktuellen Elements • Komfortables Vor- und Zurückblättern • Stimulanz der Inhalte • Integration eines Handlungsaufrufs (Call to Action) • Frequenz der Elemente (Wechselgeschwindigkeit)
  20. 20. Inhalte aktualisieren • Informationen immer auf dem neuesten Stand halten • regelmäßig neue Inhalte zur Verfügung stellen • News oder Firmenblog nutzen • Verweildauer auf der Webseite erhöhen • Nutzer als wiederkehrenden Besucher gewinnen • wird auch von Suchmaschinen belohnt 16. September 2013
  21. 21. Vertrauen aufbauen • Kundenstimmen • Referenzen • Fallstudien (Case Studies) • Bewertungen und Meinungen von Nutzern z.B. im Blog zulassen • Fragen der Kunden beantworten • Zertifikate, Siegel & Auszeichnungen 16. September 2013
  22. 22. suchmaschinenfreundliche Inhalte • wichtige Inhalte = 250 – 300 Wörter • legen Sie den Suchbegriff für eine Seite fest • Setzen Sie den Suchbegriff in die Hauptüberschrift und im Seitentitel • Vergeben Sie Linktitel • Bilder mit Alt-Tags und Titel-Attribut versehen 16. September 2013
  23. 23. Seitentitel und Beschreibung 16. September 2013
  24. 24. Seitentitel und Beschreibung 16. September 2013
  25. 25. Zielgerichtete Nutzung von Social Media Kanälen • Chance sich positiv von anderen Marktteilnehmern zu unterscheiden • Legen Sie Ziele fest und entwickeln Sie eine Strategie • Social Media nicht nebenbei betreiben • Planen Sie Ihre Aktivitäten • Erstellen Sie eine Social Media Guideline • Integrieren Sie Social Plugins auf Ihrer Webseite 16. September 2013
  26. 26. Pflichten für Webseitenbetreiber Datenschutzerklärung • Pflicht zur Unterrichtung der Nutzer bezüglich der Datenspeicherung (Datenschutzerklärung) • Sie bieten eine Kontaktmöglichkeit für den Nutzer an? • Sie verwenden ein Webanalyse-Tool (z.B. Google Analystics)? • Nutzen Sie Social Plugins (z.B. den Like-Button)? • Tipp: Nutzen Sie einen Datenschutz-Generator. 16. September 2013
  27. 27. Beispiel: Datenschutz 16. September 2013
  28. 28. Beispiel: Datenschutz 16. September 2013
  29. 29. Pflichten für Webseitenbetreiber Impressum • Impressumspflicht (Download beim Bundesministerium der Justiz) • Das Impressum muss leicht erkennbar, unmittelbar erreichbar und ständig verfügbar sein. • Impressum Generator: http://www.e-recht24.de/impressum-generator.html 16. September 2013
  30. 30. Urheberrechtsschutz für Texte, Logos, Grafiken & Fotos • Achtung: Ein Text von ca. 11 Wörtern kann schon urheberrechtlich geschützt sein • Vorsicht mit der Verwendung von Zitaten • Genehmigung vom Urheber einholen und nennen • Nutzung von „lizenzfreien Bilder“ = Urheber & Quelle angeben • Der Seitenbetreiber haftet bei Urheberrechtsverletzungen 16. September 2013
  31. 31. Welche technischen Ansprüche sollte eine Webseite erfüllen? 16. September 2013
  32. 32. Auswahl des Content Management Systems (CMS) • Anforderungen definieren, die Sie an das System und Ihre Webseite stellen Lassen Sie sich u.a. beraten in Bezug auf: • Ausbaufähigkeit des Systems und Zukunftsfähigkeit • Zugriffsrechte für Mitarbeiter • Benutzerfreundlichkeit für die Redaktion • Medienverwaltung 16. September 2013
  33. 33. Technische Fehler vermeiden positives Nutzererlebnis 16. September 2013
  34. 34. Technische Fehler vermeiden positives Nutzererlebnis • Alle Links sollten funktionieren und nicht ins Leere führen • Regelmäßige Überprüfung (auch Kontaktformular) • fehlerfreier Quellcode und Programmierung (überprüfen unter validator.w3.org) • Legen Sie eine 404-Fehlerseite an, damit der Nutzer auf Ihre Startseite zurück geführt wird 16. September 2013
  35. 35. Beispiel: 404-Fehlerseite 16. September 2013
  36. 36. Vermeiden Sie lange Ladezeiten • Bilder nicht in hoher Auflösung und Dateigröße verwenden • Sorgen Sie für genügend Webspace (Speicherplatz auf Server) • Auswahl eines geeigneten Hosting-Anbieters • Testen Sie die Geschwindigkeit Ihrer Webseite z.B. mit Page Speed Online von Google 16. September 2013
  37. 37. Barrierefreie Gestaltung • Jeder Nutzer unabhängig von technischen und körperlichen Vorraussetzungen sollte Ihre Onlinepräsenz uneingeschränkt nutzen können. • behindertengerechte Programmierung (skalierbare Schrift, Lesbarkeit, Kontraste, Bilder & Videos mit Texterklärungen, klare Strukturierung) • einwandfreie Funktionalität unabhängig vom Betriebssystem und Browservariante 16. September 2013
  38. 38. Optimierung für mobile Endgeräte • Smartphones und Tablets werden immer mehr genutzt • Prognose für 2015: mehr als 50 Millionen mobile Internetnutzer • Grafische Anpassung an die jeweiligen Geräte • Darstellung und Anordnung von Navigation, Seitenspalten und Text 16. September 2013
  39. 39. Responsive Webdesign 16. September 2013
  40. 40. Gestalten Sie Ihre Webseite suchmaschinenfreundlich • übersichtliche URL-Struktur (sprechende URLs) • Verzicht auf Tabellen-Layout oder Frames • 301-Weiterleitungen • Integrieren Sie eine Sitemap auf Ihre Webseite 16. September 2013
  41. 41. Fragen? 16. September 2013
  42. 42. Vielen Dank für die Aufmerksamkeit! Kontakt Carsten Thoben eBusiness-Lotse Potsdam Am Neuen Markt 9c 14467 Potsdam E-Mail: carsten.thoben@bsp-ebusinesslotse-potsdam.de www.ebusinesslotse-potsdam.de

×