Das Studienheft und seine Teile sind urheberrechtlich geschützt. Jede Nutzung in anderen als den gesetzlich zugelassenen Fällen ist nicht erlaubt und bedarf der vorherigen schriftlichen Zustimmung des Rechteinhabers. Dies gilt insbesondere für das öffentliche Zugänglich- machen via Internet, Vervielfältigungen und Weitergabe. Zulässig ist das Speichern (und Ausdrucken) des Studienheftes für persönliche Zwecke. $ WDS10H Website-Optimierung 0516N01 Simone Zimmermann © Falls wir in unseren Studienheften auf Seiten im Internet verweisen, haben wir diese nach sorgfäl- tigen Erwägungen ausgewählt. Auf Inhalt und Gestaltung haben wir jedoch keinen Einfluss. Wir distanzieren uns daher ausdrücklich von diesen Seiten, soweit darin rechtswidrige, insbesondere jugendgefährdende oder verfassungsfeindliche Inhalte zutage treten sollten. © SGD, 16.11.16, Dorn, Hans-Peter (772587) Website-OptimierungWDS10H Inhaltsverzeichnis 0516N01 Einleitung ....................................................................................................................... 1 1 Barrierefreiheit ......................................................................................................... 3 1.1 Site auf Barrierefreiheit überprüfen .......................................................... 3 1.1.1 BITV-Selbstbewertung für die Website „StruwwelHaar“ ....................... 4 1.1.2 Die einzelnen Prüfpunkte der Selbstbewertung ....................................... 5 1.1.3 Die To-do-Liste ............................................................................................ 10 1.2 Website barrierefrei optimieren ................................................................. 11 Wiederholungsaufgaben .......................................................................................... 33 2 Suchmaschinenmarketing ...................................................................................... 34 2.1 Allgemeines ................................................................................................. 34 2.1.1 Suchmaschinenwerbung ............................................................................ 34 2.1.2 Suchmaschinenoptimierung ....................................................................... 35 2.1.3 Zielgruppe .................................................................................................... 36 2.2 Entwicklung der Suchdienste .................................................................... 37 2.3 Erfassung von Datenbeständen ................................................................. 39 2.3.1 Automatische Erfassung von Datenbeständen ........................................ 39 2.3.2 Manuelle Erfassung von Datenbeständen ................................................ 40 2.3.3 Suchanfragen ............................................................................................... 40 2.4 Suchdienste .................................................................................................. 46 2.4.1 Suchmaschinen ............................................................................................ 46 2.4.2 Webkataloge/Verzeichnisse ........................................................................ 47 2.4.3 Kombinationen Webkataloge – Suchmaschinen ...................................... 47 2.4.4 Metasuchmaschinen ................................................................................... 47 2.4.5 Preisvergleichsmaschinen .......................................................................... 49 2.4.6 Online-Enzyklopädien ................................................................................ 49 2.4.7 Personensuchdienste ................................................................................... 50 2.4.8 Bewertungsportale ...................................................................................... 51 2.4.9 Spezialsuchdienste ...................................................................................... 52 2.5 Bewertungskriterien relevanter Websites ................................................. 53 2.5.1 Websitebezogene Bewertungskriterien (OnPage-Optimierung) ............. 53 2.5.2 Umfeldbezogene Bewertungskriterien (OffPage-Optimierung) ............. 55 2.6 Überprüfung der Website ........................................................................... 57 2.6.1 Title-Tag vorhanden? .................................................................................. 57 2.6.2 Enthält Webadresse/URL auch keine Sonderzeichen? ............................ 58 2.6.3 Datei „robots.txt“ korrekt? ......................................................................... 59 2.6.4 Alle nötigen Meta-Angaben vorhanden und richtig? .............................. 60 2.6.5 Schlüsselwörter im Text ............................................................................. 61 0516N01 WDS10H © SGD, 16.11.16, Dorn, Hans-Peter (772587) Inhaltsverzeichnis 2.6.6 Alt-Attribute bei Grafiken vorhanden? ..................................................... 61 2.6.7 Seiteninhalte logisch ausgezeichnet? ......................................................... 62 2.6.8 Keine Inhaltsduplikate? ............................................................................... 62 2.6.9 Kein Text als Bild? ....................................................................................... 63 2.6.10 Gut benannte Links? ................................................................................... 63 2.6.11 Keine Cookies nötig? ................................................................................... 63 2.6.12 Keine Website-Duplikate? ........................................................................... 64 2.6.13 Keine Weiterleitungsseiten? ....................................................................... 64 2.6.14 Einsatz von JavaScript, AJAX und Flash wohlüberlegt? ......................... 65 2.6.15 Nicht ausschließlich dynamische Seiten verwendet? .............................. 65 2.6.16 Site nicht zu oft anmelden .......................................................................... 66 2.6.17 Website, die noch im Aufbau ist, nicht anmelden ................................... 67 2.7 To-do-Liste ................................................................................................... 68 2.8 Website für Suchdienste optimieren .......................................................... 68 2.9 Suchmaschinenwerbung ............................................................................. 73 Wiederholungsaufgaben ........................................................................................... 77 3 Styleguide .................................................................................................................. 78 3.1 Layout ........................................................................................................... 78 3.2 Verwendete Schriftarten ............................................................................. 79 3.3 Verwendete Farben ...................................................................................... 79 3.4 Verwendete Grafiken ................................................................................... 81 3.5 CSS-Angaben ............................................................................................... 82 3.6 Dokumentenbenennung/Verzeichnisstruktur ........................................... 90 3.7 Sitemap ......................................................................................................... 91 3.8 Dokumenttitel .............................................................................................. 91 3.9 Informationen zur Site-Definition ............................................................. 91 3.10 Meta-Angaben für Suchmaschinen ............................................................ 92 Anhang A. Lösungen zu den Wiederholungsaufgaben ............................................... 95 B. Literaturverzeichnis ..................................................................................... 96 C. Sachwortverzeichnis .................................................................................... 99 D. Einsendeaufgabe .......................................................................................... 101 WDS10H © SGD, 16.11.16, Dorn, Hans-Peter (772587) Einleitung WDS10HWebsite-Optimierung0116N01 Wie schon in früheren WDS-Studienheften, in denen die Website geplant und realisiert wurde, angekündigt, begegnen Sie hier noch einmal der Website „StruwwelHaar“. Die Validität, also die Korrektheit des Quellcodes dieser Website nach den Standards des W3C, wurde im Zuge der Erstellung wiederholt getestet und bestätigt. In diesem Heft geht es also nicht darum, „Fehler“ bei der Erstellung zu korrigieren! Es wurde bisher nichts wissentlich Falsches in den Studienheften vermittelt, was einer didaktischen Grundlage auch völlig widersprechen würde! Vielmehr geht es hier um eine Optimierung der Website nach den Kriterien der Barri- erefreiheit und Suchmaschinenoptimierung. Prinzipiell sollte ein Web-Designer bei der Erstellung einer Website immer darauf ach- ten, dass sie möglichst barrierefrei ist und den Vorgaben für die Suchmaschinenoptimie- rung genügt. Je nach Bedarf und Anforderung des Auftraggebers kann dies jedoch sehr ins Detail ge- hen und, dementsprechend aufwändig, viel Zeit in Anspruch nehmen. Daher werden diese Bereiche in der Regel bei einer Auftragsvergabe als gesonderte Punkte aufgeführt und in Rechnung gestellt oder alternativ als Folgeaufträge erteilt,