| Ablauf-Planung | - Idee - Entwurf - Programmierung - Validierung - Veröffentlichung - Analyse
- Besucher-Zielgruppe
- Ordner-Struktur
- Tools
- Kosten
- Zeitplan
| - eine durchdachte Vorgehensweise spart Zeit
- Konzeptionelle Änderungen während der Programmierung sind aufwändiger als in der Konzeptphase
- eine geordnete Ablage erleichtert die Wiederauffindbarkeit
|
| Gestaltung | - einheitlicher Aufbau der Unterseiten
- Website-Übersicht
- Website-XML-Sitemap
- Aufmerksamkeitsbereiche
- Abbreviation-Texte
- "under construction"
- "Bitte warten"
- Doorway-Pages
- default-Seite für Wartungsarbeiten
| - Erleichterung des Navigierens / keine ständige Neu-Orientierung
- schneller Zugriff auf gesuchte Info's
- wo ist das Wesentliche?
- Hinweistexte für Buttons
- eine Baustelle wird kein zweites Mal besucht
|
| Usability | - Tastatur-Kürzel
- Schriftgröße
- Zoom (Browser / Programm)
- Hover (link, hover, visited)
- Farb-Gestaltung / -Kontraste
- Alternate- und Title-Texte
- Benennung Tabellen-Header
- Sub-Domains für erleichterten Zugang
- ausreichende Größe der Link-Texte (erkennbar und per Maus "treffsicher")
| - Barriere-freier Zugang zur Website für möglichst viele Besucher
- harmonische Farbgestaltungen sind angenehmer zu betrachten
- Alternativ-Texte für Bilder und Buttons als Vorschau-Text und für Nur-Text-Browser
|
| Content | - deutsche Umlaute
- HTML-Doc-Type
- Korrektur-Lesen
- soft hyphen und Lesbarkeit
| - korrekte Darstellung der Umlaute in vielen Browsern (statt anderer Sonderzeichen)
- eine grammatikalisch korrekter Text ist einfacher zu lesen
- Unterstützung der automatischen Worttrennung durch den Browser
|
| Impressum | - immer erreichbar
- Druckversion
- erforderlicher Inhalt
| - gesetzliche Pflicht-Angaben
|
| Datenschutzerklärung | - Druckversion in Points
- Cookies
| - Das Wissen darum, was mit den eigenen Daten passiert, erleichtert das Verständnis und schafft Vertrauen.
- Cookies haben für Besucher und Webseiten-Betreiber Vorteile
|
| Disclaimer | | - Begrenzung der Rechtlichen Zuständigkeit auf die eigene Website
|
| Kontaktseite | - mögliche Angaben
- vCard
- Kopie der verschickten Nachricht
- mailto oder PHP-Form-Mailer
| - Erreichbarkeit über mehrere Kommunikationswege ermöglichen
|
| e-Mail-Adresse | - Unicode
- Validierung
- @ als (at) oder Grafik in CSS-Formatierung
- Spider und Spam
- Postfach für die Website
- Auto-Responder
- POP3-Postfächer
| - Vermeidung unnötigen Datentransfers
- Sicherstellung der eMail-Zustellung
- Erschweren des Auslesens der eMail-Adr. duch Adresshändler
- e-Mail-Eingangsbestätigung
|
| Datei-Downloads | - gzip, 7zip, winzip
- Statistik-Daten in den Dateien
- Dateitypen
- Versions-Angaben in Dateien
| - Verringerung des Datenvolumens
- Löschung von Statistik-Angaben in (Word-, Excel- ...) Dateien
- Nachvollziehbarkeit des Bearbeitungsstandes
|
| Benennung Softwaremodule | - Unterscheidung Verzeichnisse und Dateien
- Benennung von Dateien
| - leichtes Wiederauffinden
- Unterstützung der Suchmaschinen
- schnellerer Seitenaufbau bei klarer Kennzeichnung von Datei- und Verzeichnisnamen
|
| Anordnung Softwaremodule | - html, css, javascript
- Bildschirm-Aufbau durch www-Browser
| - Einfluß auf die schnelle Seiten-Anzeige
- Einfluß auf die Auswertung der Seiten durch die Suchmaschinen
|
| Programmierung | - Reset-Reloaded
- Benennung Programmbestandteile
- notwendige Programmteile
- Kommentare
- Verwendung frames
- frames - eigene Website nicht im fremden Frame, sondern on-top
- noscript-Bereiche statt Javascript
- Browser-Fehlertoleranz
- neueste Möglichkeiten der Programmiersprachen und Möglichkeiten älterer Web-Browser und Browser-Versionen
- neueste Möglichkeiten der Programmiersprachen: CSS-Versionen
- Komprimierung der Module
- CSS-Sprites
- url:data in CSS
| - Formate zuvor besuchter Webseiten zurücksetzen
- Kommentare erleichtern die Wartung
- es werden viele Webbrowser-Arten und -Versionen verwendet
- ältere Browser unterstützen technische Neuerungen nur bedingt
- CSS-Sprites verringern das Datenvolumen, beschleunigen Seiten-Darstellung
|
| Browser-Hacks | - Notwendigkeit
- Anwendung
- Browser-Weichen
- Abweichungen der Browser vom W3C-Standard
| - die verschiedenen Webbrowser (-Versionen) unterstützen den W3C-Standard nur teilweise bzw. interpretieren den HTML-Code unterschiedlich
- für die (möglichst) einheitliche Darstellung der Website unter verschiedenen Browsern müssen Teile der Website in mehreren Versionen programmiert werden
|
| Fehler-Seiten | - HTTP-Fehlercodes
- Inhalt
- Aufbau
- Aktionen
- immer als *.html, nicht *.php
| - Information für den Besucher über die Fehlerursache
- Der Besucher soll auch bei einem Fehler (z.B. Broken Link) auf der Website bleiben
- Darstellung, wie nach einem Fehler auf der Website weiter navigiert werden kann
|
| Validierung | - PC-Software
- W3C
- Link-Check
- Browsertypen / -Versionen
- www-Tools
- grafische und Text-Browser
- Lynx
- XML-Sitemap
- Ladezeit
| - Webbrowser versuchen, auch einen fehlerhaften HTML-Code irgendwie zu interpretieren und darzustellen
- Die Interpretation fehlerhaften HTML-Codes kostet Zeit (langsamer Seitenaufbau)
- fehlerhafter HTML-Code wird gar nicht oder nicht wie vom Ersteller gewünscht dargestellt
- Nur-Text-Browser können keinen Text aus Grafiken herauslesen.
|
| Grafiken | - vorteilhafte Datei-Typen
- Farbpaletten
- Farbtiefe
- Dateigrößen
- multi-size Favicon's in ICO-Dateien
- animierte Grafiken
- EXIF-Daten
- transparente Bildbereiche
- Web-sichere Farben
- ALT-Texte
- Benennung Grafikdateien
- lizenzfreie Grafiken
- Anti-Aliasing
- Wasserzeichen
- IPTC-Daten in *.jpg
- Kommentare in Grafiken
| - Verringerung der zu übertragenden Datenmenge durch einen passenden Datei-Typ und eine Grafik-Kompression
- einheitliche Farb-Darstellung mit vielen Browsern auf unterschiedlichen Betriebssystemen
- Kennzeichnung des Rechte-Inhabers für Grafiken
|
| deutsche Umlaute | - Verwendung im Domain-Namen
- Verwendung in Dateinamen
- Verwendung im Content
| - deutsche Umlaute in Datei-/Domainnamen werden nicht überall unterstützt
|
| Druckversion | - Drucklayout mit CSS
- Mediatypen
- Schriftart, -größe
| - einfache Unterstützung mehrerer Ausgabemedien mit CSS
- im Druck ist die Darstellung des Website-Inhalts gewünscht, nicht von Menüs usw.
|
| Performance | - http-Requests (Bedeutung, Anzahl)
- http-Requests im Netzwerk-Protokoll-Analyzer
- Webhoster - Ausfallsicherheit
- verfügbare DSL-Geschwindigkeit
- Datei-Komprimierung
- Gzip-Übertragung mittels PHP
- Kommentarisierte Programmteile
- IMG-Größenangabe in html
- Speicherung im Cache (CSS und Javascript)
- Verwendung des Schrägstrichs bei
Datei- u. Ordner-Bezügen - Expires-Angaben
| - gute Performance = schnelle Ladezeit der Website = angenehmes Navigieren auf der Website
- gute Performance ist die Summe vieler einzelner Massnahmen
- muss beim technischen Design, der Validierung und dem Test berücksichtigt werden
|
| Schutz vor "Traffic-Klau" | - externe Links auf eigene Inhalte
- Parametrisierung htaccess-Datei
| - Mit-Nutzung des eigenen Traffic-Volumens verhindern
|
Angaben zu SEO
(Search Engine Optimization) | - TITLE-Text
- Keywords
- Keyword-Dichte
- invisible Text für Such-Spider
- STRONG-Keywords
- META-Angaben
- DMOZ-Katalog
- Dateiname und Bindestrich bzw. Unterstrich
- XML-Sitemap
- Text-Browser
- Spider und Flash-Inhalte
- Spider und HTML- / CSS-Fehler
- Inhalte in Frames
- Pagerank
- Blacklist's
| - Unterstützung der guten Auffindbarkeit der Website im WWW
- Hinterlegung von Angaben zur Website, wie sie von den Suchmaschinen benötigt werden
|
| Web-Hosting | - Ermittlung eines Domain-Namens
- Webhoster (AGB, Erreichbarkeit, Kündigungsfrist, Vertrag)
- Domain-Verzeichnis
- Website-Ordner
- Free-Hoster / Website-Verzeichnis
- httpconf
- robots.txt, Spider: welche gibt es?
Spider-Ausschluss - htaccess, gzip
- Weiterleitung
- „doppelter Content“ bei Such-Maschinen, wenn HP mit und ohne "www." aufrufbar ist, daher Deaktivierung dopp.Content
- Domain-Umzug
- Sub-Domains einrichten
| - Berücksichtigung von rechtlich geschützten Domain-Namen
- Abgleich des Leistungs-Paketes des Webhosters mit den technischen Erfordernissen der eigenen Website
|
| XML-Sitemap | - XML-Struktur und Erstellung
- indexierbare Dateitypen
- Validierung
- Anmeldung bei den Suchmaschinen
| - Unterstützung der Suchmaschinen bei der Auswertung der eigenen Website
- Angaben, ob und wie häufig sich der Inhalt der Website bzw. Teile davon (Dateien) ändert
|
| Schutz eigener Website-Parameter | - externer Zugang zu htaccess
- unterschiedliche Passwörter für Web-Hosting und e-Mail-Verwaltung
- Sperrung externer Besucher per htaccess
- Sperrung der gesamten Seite während Wartungsarbeiten
| - Mit-Nutzung des eigenen Traffic-Volumens verhindern
|
| Website-Statistik | - Besucher-Verhalten
- Google-Analytics
- Backlink-Check
- e-tracking
- Logfile beim Webhoster
| - Ermittlung des Website-Inhalts, der für viele Besucher interessant ist
- Ermittlung selten besuchter bzw. fehlerhafter Seiten
- Erkennung des Besucher-Interesses, um den Inhalt der Website gezielt erweitern zu können
|
Übersicht als PDF-Datei