Veranstaltungsreihe WEBverständlich: Webseitenerstellung
-
Upload
ebusiness-lotse-potsdam -
Category
Documents
-
view
354 -
download
1
description
Transcript of 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
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
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
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
Beispiel einer Landingpage
16. September 2013
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
Negatives Beispiel
16. September 2013
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
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
Negatives Beispiel
16. September 2013
Positives Beispiel
16. September 2013
Themenbühne und Slider
16. September 2013
Themenbühne und Slider
• Weniger ist mehr: Überschaubare Anzahl an Elementen (nicht mehr als 4-5)
Themenbühne und Slider
• Weniger ist mehr: Überschaubare Anzahl an Elementen (nicht mehr als 4-5)
• Hervorhebung des aktuellen Elements
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
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
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)
Themenbühne und Slider
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)
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
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
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
Seitentitel und Beschreibung
16. September 2013
Seitentitel und Beschreibung
16. September 2013
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
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
Beispiel: Datenschutz
16. September 2013
Beispiel: Datenschutz
16. September 2013
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
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
Welche technischen Ansprüche sollte eine Webseite erfüllen?
16. September 2013
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
Technische Fehler vermeiden positives Nutzererlebnis
16. September 2013
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
Beispiel: 404-Fehlerseite
16. September 2013
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
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
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
Responsive Webdesign
16. September 2013
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
Fragen?
16. September 2013
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