Download - Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Transcript
Page 1: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Firmenwebseite Mehr als Ihre digitale Visitenkarte im World Wide Web

16.09.2013 Potsdamer Centrum für Technologie

16. September 2013

Page 2: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 3: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 4: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 5: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Beispiel einer Landingpage

16. September 2013

Page 6: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 7: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Negatives Beispiel

16. September 2013

Page 8: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 9: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 10: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Negatives Beispiel

16. September 2013

Page 11: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Positives Beispiel

16. September 2013

Page 12: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Themenbühne und Slider

16. September 2013

Page 13: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Themenbühne und Slider

• Weniger ist mehr: Überschaubare Anzahl an Elementen (nicht mehr als 4-5)

Page 14: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Themenbühne und Slider

• Weniger ist mehr: Überschaubare Anzahl an Elementen (nicht mehr als 4-5)

• Hervorhebung des aktuellen Elements

Page 15: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 16: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 17: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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)

Page 18: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Themenbühne und Slider

Page 19: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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)

Page 20: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 21: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 22: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 23: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Seitentitel und Beschreibung

16. September 2013

Page 24: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Seitentitel und Beschreibung

16. September 2013

Page 25: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 26: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 27: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Beispiel: Datenschutz

16. September 2013

Page 28: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Beispiel: Datenschutz

16. September 2013

Page 29: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 30: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 31: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Welche technischen Ansprüche sollte eine Webseite erfüllen?

16. September 2013

Page 32: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 33: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Technische Fehler vermeiden positives Nutzererlebnis

16. September 2013

Page 34: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 35: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Beispiel: 404-Fehlerseite

16. September 2013

Page 36: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 37: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 38: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 39: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Responsive Webdesign

16. September 2013

Page 40: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

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

Page 41: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Fragen?

16. September 2013

Page 42: Veranstaltungsreihe WEBverständlich: Webseitenerstellung

Vielen Dank für die Aufmerksamkeit!

Kontakt

Carsten Thoben

eBusiness-Lotse Potsdam

Am Neuen Markt 9c

14467 Potsdam

E-Mail: [email protected]

www.ebusinesslotse-potsdam.de