Top-Platzierungen in Suchmaschinen
Oliver Lehmann Antje Lehmann
Top-Platzierungen in Suchmaschinen
An imprint of Pearson Education München • Boston • San Francisco • Harlow, England Don Mills, Ontario • Sydney • Mexico City Madrid • Amsterdam
Die Deutsche Bibliothek - CIP-Einheitsaufnahme Ein Titeldatensatz für diese Publikation ist bei Der Deutschen Bibliothek erhältlich.
»Das Beste aus meinem Leben« von Axel Hacke. Abdruck mit freundlicher Genehmigung des Autors. Erstabdruck im Süddeutsche Zeitung Magazin 12/2002.
Die Informationen in diesem Produkt werden ohne Rücksicht auf einen eventuellen Patentschutz veröffentlicht. Warennamen werden ohne Gewährleistung der freien Verwendbarkeit benutzt. Bei der Zusammenstellung von Texten und Abbildungen wurde mit größter Sorgfalt vorgegangen. Trotzdem können Fehler nicht vollständig ausgeschlossen werden. Verlag, Herausgeber und Autoren können für fehlerhafte Angaben und deren Folgen weder eine juristische Verantwortung noch irgendeine Haftung übernehmen. Für Verbesserungsvorschläge und Hinweise auf Fehler sind Verlag und Herausgeber dankbar. Alle Rechte vorbehalten, auch die der fotomechanischen Wiedergabe und der Speicherung in elektronischen Medien. Die gewerbliche Nutzung der in diesem Produkt gezeigten Modelle und Arbeiten ist nicht zulässig. Fast alle Hardware- und Softwarebezeichnungen, die in diesem Buch erwähnt werden, sind gleichzeitig auch eingetragene Warenzeichen oder sollten als solche betrachtet werden. Umwelthinweis: Dieses Buch wurde auf chlorfrei gebleichtem Papier gedruckt. Die Einschrumpffolie – zum Schutz vor Verschmutzung – ist aus umweltfreundlichem und recyclingfähigem PE-Material.
10 9 8 7 6 5 4 3 2 1 05 04 03 02 ISBN 3-8273-2027-5 © 2002 by Addison-Wesley Verlag, ein Imprint der Pearson Education Deutschland GmbH, Martin-Kollar-Straße 10–12, D-81829 München/Germany Alle Rechte vorbehalten Einbandgestaltung: atelier für gestaltung, niesner & huber, Wuppertal Lektorat: Tobias Draxler,
[email protected] Korrektorat: Simone Meißner, Fürstenfeldbruck Herstellung: Claudia Bäurle,
[email protected] Satz: reemers publishing services gmbh, Krefeld, www.reemers.de Druck und Verarbeitung: Media Print, Paderborn Printed in Germany
Inhaltsverzeichnis
1
Das Beste aus meinem Leben von Axel Hacke
11
Vorwort
13
Begriffsklärung und kurze Einführung in HTML
19
1.1
Wichtige Begriffe
19
1.1.1
Das Internet
19
1.1.2
Intranets
20
1.1.3
Extranets
21
1.1.4
Das World Wide Web
21
1.1.5
Web-Technologien
23
1.2
2
1.1.6
Website
25
1.1.7
URL
26
1.1.8
HTML, JavaScript, Stylesheets
27
1.1.9
Dienste
27
1.1.10
Die Besonderheiten des Web-Dienstes
28
1.1.11
Pull- und Push-Kommunikation
29
Eine kurze Einführung in HTML und weitere Web-Inhaltstypen
30
1.2.1
30
Was ist HTML?
1.2.2
Web-Formulare
37
1.2.3
Frames
38
1.2.4
Cascading Style Sheets
40
1.2.5
JavaScript
42
1.2.6
Java-Applets, Flash-Animationen, andere clientseitige Komponenten
43
1.2.7
Acrobat
44
1.2.8
Bilder, Videos und Musik
45
1.2.9
Streaming-Formate
45
1.2.10
Dynamisch generierte Seiten
46
Marketing-Aktivitäten im Internet
47
2.1
Verbindung des Web-Marketing mit anderen Maßnahmen
47
2.2
Das Internet als eigenständiges Marketing-Medium
48
5
Inhaltsverzeichnis
3
Wissenswertes zu Suchmaschinen 3.1
4
5
6
Suchmaschinen-Typen
53
3.1.1
Roboter
53
3.1.2
Verzeichnisdienste
55
3.1.3
Meta-Suchmaschinen
58
3.1.4
Spezial-Suchmaschinen
60
3.2
Die Bedeutung von Suchmaschinen für Anbieter von Web-Inhalten und eventuelle Probleme
62
3.3
Indexgrößen wichtiger Suchmaschinen
68
3.4
Wichtig: Nutzerverhalten einschätzen
73
Wie Suchmaschinen funktionieren
75
4.1
Speichern und suchen...
75
4.2
Wie Suchmaschinen eine Webseite sehen
77
4.3
Platzierung in der Ergebnisseite
80
4.4
Geschäftsmodelle der Suchmaschinenbetreiber
82
Elemente eines professionellen und suchmaschinengerechten Web-Auftritts
87
5.1
Der Domänenname
87
5.2
Dateistruktur und Benutzerführung
88
5.3
Die Webseiten
90
5.3.1
Zielsetzung
90
5.3.2
Erscheinungsbild
96
Probleme für Suchmaschinen
99
6.1
Die Zeichensatz-Problematik
100
6.2
Website nicht schnell genug verfügbar
104
6.3
Hyperlinks, die keine sind
106
6.4
Extern zuzuladende Seiteninhalte
108
6.5
Am Seitenende liegende Inhalte
109
6.6
Layers und DHTML
109
6.7
Sitemaps in Ergebnislisten
110
6.8
Mit Cookies für den Benutzer optimierte Seiten
111
6.9
Mehrsprachige Seiten
112
6.10 Index voll
6
53
113
Inhaltsverzeichnis
7
Die Website bei Suchmaschinen anmelden 7.1
8
115
Suchmaschinen über die eigene Website informieren – Submitting
115
7.1.1
Altavista
117
7.1.2
Google
120
7.1.3
Yahoo
123
7.1.4
Besonderheiten beim Open Directory Project
128
7.1.5
MetaGer
129
7.2
Submit-Dienste
130
7.3
Software
131
7.4
Maschinelles oder manuelles Submitten?
132
7.5
Die Webagentur als Submitter
133
7.6
Mehrfache Anmeldung der gleichen Website?
134
Suchmaschinen steuern
137
8.1
Ranking und Relevanz
137
8.2
Relevanzkriterien im Seitentext
137
8.3
8.2.1
Fundstellen-Relevanz
138
8.2.2
Kontext-Relevanz
139
8.2.3
Relevanz mit alt-Attributtext
139
8.2.4
Hyperlink-Relevanz
140
8.2.5
Groß-/Kleinschreibung
140
Ranking und Relevanz weiter verbessern
141
8.3.1
Domänen-, Verzeichnis- und Dateinamen
141
8.3.2
Besucher-Popularität
141
8.3.3
Link-Popularität
143
8.3.4
Änderungen an Seiten
145
8.3.5
Direct Hit
146
8.4
Meta-Tags
146
8.5
Sitemaps und Doorway-Seiten
149
8.6
Robots.txt
151
8.7
Cloaking
152
8.8
Spoofing und Spamdexing
153
8.9
Gekaufte Platzierungen
153
8.10 Übersicht über das Verhalten von Suchmaschinen
154
7
Inhaltsverzeichnis
9
Erfolgskontrolle
157
9.1
Logdateien analysieren und anpassen
157
9.1.1
Eigener Webserver
157
9.1.2
Webserver beim Provider
161
9.2
Externe Dienste: Web-Tracker
163
9.3
Ausprobieren
164
9.4
Verfügbarkeit sicherstellen und überwachen
164
10 Optimierung und Anmeldung Schritt für Schritt
167
10.1 Die Vorbereitung
167
10.2 Die Möglichkeiten
170
10.3 Der Aufwand
171
11 Ausblick: Die Suchmaschinen der Zukunft
173
11.1 Datenmengen und -strukturen
173
11.2 Neue Suchangebote
175
11.2.1
Neue Suchinhalte
175
11.2.2
Neue Benutzerschnittstellen
176
11.3 XML, RDF und das semantische Web
177
11.3.1
Dynamische Elemente, Dokumente und weitere eingebundene Dateien
178
11.3.2
XML
179
11.3.3
Die große Vision: RDF und das semantische Web
180
Anhang
183
A
Hierarchie der Platzierungs-Kriterien bei Suchmaschinen
185
B
Checkliste für Suchmaschinen-Optimierung und -Anmeldung
187
8
B.1
Vor der Anmeldung bei Suchmaschinen
187
B.2
Während der Anmeldung bei Suchmaschinen
189
B.3
Nach der Anmeldung bei Suchmaschinen
189
Inhaltsverzeichnis
C
Einige der wichtigsten Suchmaschinen in Deutschland
191
D
Hyperlinks zum Thema
195
D.1 Auf Suchmaschinen-Infos spezialisierte Web-Sites
195
E
D.2 Submit-Dienste
196
D.3 Submit-Software
196
D.4 Web-Tracker
197
D.5 Prüfen der Link-Popularität
197
D.6 Suchbegriff-Listen
197
D.7 Ermitteln häufiger Suchwort-Kombinationen
198
D.8 Permission Marketing
198
D.9 Bulk-Mail-Software/Hardware
199
D.10 Anti-Spam Verband
199
Eine eigene Suchmaschine unterhalten
201
E.1
Suchlösungen für eigene Webs
202
E.2
Die eigene Internet-Suchmaschine
205
Glossar
207
Stichwortverzeichnis
217
9
Das Beste aus meinem Leben von Axel Hacke
Manchmal verändert sich das Leben eines Menschen durch einen winzigen Zufall von einem Tag zum anderen. So ist es mir geschehen. Gestern. Auf dem Weg ins Büro kam ich am Restaurant »Roter Ochse« vorbei, das auf Kreidetafeln sein Speiseangebot bekannt gab. Und ich las: »Gulasch mit Pürre, 6 Euro«. Pürre. Ich mag seltsam veränderte Worte auf Speisekarten. Ich liebe es, wenn ich eine »Gefühlte Kalbsbrust« entdecke oder »Seeobst« statt »Meeresfrüchte« oder, wie einmal im Restaurant Giggi nahe der Piazza di Spagna in Rom, »Cannelon gefullte teigrolleni«. Nun: Pürre. Ich stellte mir vor, was »Pürre« sein könnte, wenn es nicht einfach das falsch geschriebene Wort »Püree« wäre: eine Stadt in der Türkei? Ein Fachausdruck für eine Art Rüttelsieb, das man bei der Gewinnung von Eisenerz benutzt, um Sand und Erde vom Erz zu schütteln? Ein Ausdruck der Jägersprache für das weibliche Tier einer Wildgeflügelart? Im Büro angekommen, hatte ich wenig Lust zu arbeiten, stattdessen den merkwürdigen Einfall, Pürre als Suchwort im Internet einzugeben. Natürlich kamen lauter Rezepte für Kartoffelpürre, Tomatenpürre, Apfelpürre. Aber es erschien auch die Spielstatistik einer Basketball-Begegnung zwischen den Mannschaften »Wagner« und »Colgate University« am 17. Dezember vergangenen Jahres in Hamilton, New York, und zwar weil eine Schiedsrichterin Michelle St. Puerre hieß. Auch sah ich eine japanische Seite, in der zwischen unverständlichen Zeichen der Name »Puerre Belon« stand – wahrscheinlich war Pierre Belon gemeint, den kannte ich aber nicht. Ich gab »Pierre Belon« als Suchbegriff ein und lernte, dass Belon ein französischer Naturforscher im 16. Jahrhundert war, der Aristoteles‘ Theorie, wonach die Vögel eine Art Winterschlaf hielten, verwarf und erste Beweise für den Vogelzug fand. Außerdem entdeckte ich eine Seite »seattlefools.org«, anscheinend so eine Art von Veranstaltungskalender für Seattle. Jeden-
11
Das Beste aus meinem Leben
falls wurde ein Frühlingsfest mit den Worten angekündigt, der Winterkönig habe nun lange genug unseren Himmel verdunkelt, »and now the Puerre Aeternus comes to usher in lighter days«. ...und nun wird uns der Puerre Aeternus in hellere Tage führen? Was zum Teufel ist der Puerre Aeternus?, dachte ich. Eine amerikanische Sagenfigur, die ich nicht kenne? Ich gab das Suchwort Puerre Aeternus ein, aber da kamen nur die Seattlefools wieder. Ich tippte: Aeternus. Es erschien die Website einer norwegischen Heavy-Metal-Band gleichen Namens. Es klingt lateinisch, dachte ich. Aeternus heißt ewig, aber Puerre gibt es nicht. Vielleicht ist es ein Fehler, dachte ich, und es muss nicht Puerre heißen, sondern Puer, der Knabe. Puer Aeternus, der ewige Knabe. Eine Art Frühlingssymbol vielleicht. Ich hatte die Arbeit, die im Büro zu tun war, total vergessen und war nur mit Pürre, Puerre, Puer beschäftigt. Nächster Suchbegriff: Puer Aeternus. Volltreffer!!! 493 Erwähnungen. Polnische Texte zum Beispiel: »... u którego odkrywna obraz puer aeternus, czyli Wiecznego...« Ich sah, dass es am 8. August 1999 in der Basler Stiftung für Christlich-Jüdische Projekte einen Vortrag von Nico Rubeli-Guthauser gegeben hatte. Er trug den Titel: »Puer Aeternus. Das ›ewige Kind‹ als messianische Metapher jüdischer und christlicher Glaubenswelten. Die Verwandlung eines Ideals altorientalischer Herrschaft in apokalyptische Krisentheorien sozialer Not.« Wuff! Ich fand sogar den Text des Vortrags. Aber ich verstand ihn nicht. Ich rief Seite für Seite unter meinen Stichwort auf, las, las und lernte, dass mit »puer aeternus«, dem ewigen Jungen, eine Art Peter Pan gemeint ist, der in einer Kinderwelt lebt und nicht in die Sphäre der Erwachsenen finden will. Ein unreifer Mann, oft charmant, anregend, flatterhaft liebend, genießerisch, dem Schmerz ausweichend, Verpflichtungen und Bindungen scheuend. C.G. Jung habe den Begriff verwendet, las ich. Ich las über Jung und Freud, dass sie beide den Kriminalistik-Professor Otto Gross als »puer aeternus« beschimpft hatten, Gross, bitte sehr, den Begründer der Daktyloskopie, der Wissenschaft vom Fingerabdruck. Ich stieß zu einer Betrachtung vor, in der analysiert wurde, warum Kaiser Franz Josef ein unreifer Mann war. Ich lernte viel und ging bereichert nach Hause. Ich beschloss, weniger zu arbeiten. Mich mehr zu bilden. Bin gespannt, was es morgen im »Roten Ochsen« zu essen gibt.
12
Vorwort
Das Internet begann in den sechziger Jahren als militärisches Experiment mit dem Ziel, die Kommunikation zwischen Großrechnern zu verbessern. Dann wurde es zu einer Einrichtung der Träger von Forschung und Lehre, und wieder ging es um Kommunikation, nämlich um den Wissensaustausch zwischen Studenten, Forschenden und anderen Mitarbeitern des wissenschaftlichen Betriebs. Anfang der 90er Jahre wurde es von Computer-Freaks entdeckt, die es ausgesprochen spannend fanden, mit den damals noch schmalbrüstigen Heim- und Bürocomputern die Verbindung zu Großrechnern aufzunehmen. Heute ist das Internet ein Marktplatz. Ein globaler einerseits, Angebote und Inhalte können weltweit sichtbar gemacht werden. Lokal, nischenorientiert und persönlich auf der anderen Seite – in der Vielfalt der Angebote können wir die Kommunikation auf jene konzentrieren, mit denen wir die gemeinsame Sprache und Interessen teilen oder von denen wir uns einen Vorteil erwarten. Der Marktplatz Internet ist jung genug, um noch in Bewegung zu sein und sich und seine Regeln laufend zu verändern. Dabei ist er aber auch irgendwie schon etabliert: Kein Unternehmen, dass es sich leisten könnte, hier nicht in angemessener Form präsent zu sein. Vor wenigen Jahren noch gab es Unternehmen, die es für richtig hielten, allen Mitarbeitern den Zugang zum Internet während der Arbeitszeit grundsätzlich zu verweigern. Heute dagegen gelten die Recherche im World Wide Web und die schnelle Kommunikation per E-Mail als Standardaufgaben vieler Mitarbeiter. Im Marktplatz Internet kommerziell und finanziell erfolgreich zu sein ist möglich. Es gibt Firmen, die uns das täglich beweisen. Sicher, in der letzten Zeit gab es viele Meldungen über Misserfolge und Pleiten von E-Business-Firmen. Aber lassen wir uns davon nicht täuschen: Für eine große Zahl von Unternehmen ist das Internet eine fruchtbringende Existenzgrundlage oder zumindest eine unverzichtbare Unterstützung ihres eigentlichen Geschäfts geworden. Die im Rahmen der Krise der »New Economy«
13
Vorwort
gescheiterten Unternehmen waren entweder nicht professionell genug oder gar nicht daran interessiert, das Medium erfolgreich einzusetzen – zumindest dann nicht mehr, als sie das Geld gutgläubiger Anleger in der Tasche hatten. Manche hatten vielleicht auch zu ungeduldige Anleger oder ganz einfach Pech. Für den erfolgreichen Einsatz des Marktplatzes Internet als Ort der Akquisition und Betreuung von Kunden ist weder ein extremer finanzieller Aufwand notwendig, noch muss ein exotisches Expertenwissen verfügbar sein. Allerdings muss man die speziellen Regeln des Mediums kennen und nutzen. Und man muss die Erfahrungen nutzen, die Einzelpersonen und Unternehmen in den letzten Jahren gesammelt haben. Das ist alles lernbar, und dieses Buch will Teil dieser Lernarbeit sein. Das Internet ist ein Marktplatz, wie es ihn vorher noch nicht gab. Wir können Kontakte pflegen zu Personen in der engsten Nachbarschaft, der Familie und dem Freundeskreis. Wir kommen aber auch in Kontakt mit Menschen aus anderen Ländern, Kulturkreisen und Religionen. Selbst wenn diese nicht unbedingt als Neukunden in Betracht kommen, müssen wir ihre besonderen Befindlichkeiten und auch Empfindlichkeiten berücksichtigen. Allgemein wird heute in der Wirtschaft gefordert, etwas zu entwickeln, das als cross-cultural literacy1 bezeichnet wird. Erfolg mit dem Internet setzt diese Befähigung voraus. Selbst wenn der angestrebte Neukunde in der eigenen Stadt oder sogar Straße lebt. Ein weiteres Element des Erfolgs ist die Beachtung klassischer Regeln des kaufmännischen Handelns allgemein und des Verkaufens im Besonderen. Es ist überraschend, wie viele Internet-Auftritte selbst von namhaften Unternehmen immer noch unprofessionell erscheinen und nicht erkennen lassen, zu welchem Zweck sie eigentlich erstellt worden sind. Glücklicherweise ist zwar für die meisten Firmen die Zeit vorbei, in der Unternehmens-Homepages nach Arbeit von Bastlern ausgesehen haben. Aber eine gelungene Benutzerführung, verbunden mit guter Lesbarkeit, und leichter Bedienung sind nach wie vor eher selten zu finden. Aus Sicht des Inhalts-Anbieters mag dabei besonders schmerzhaft sein, wenn ein geleisteter Aufwand für einen Inter1
14
Wörtlich: kulturübergreifender Alphabetismus, die Fähigkeit, mit Menschen, Begriffen, Ideen und Werten aus unterschiedlichen Kulturen umgehen zu können.
Vorwort
net-Auftritt nicht gerechtfertigt erscheint, weil diese von den Menschen, die Neugeschäft versprechen, gar nicht aufgesucht wird. Oder wenn sie zwar gefunden wird, aber nicht dazu beiträgt, Umsatz zu generieren. Vielleicht besteht die aktuelle Notwendigkeit auch nur darin, die Regeln des Verkaufens in diesem neuen Medium zu erkennen und zu beschreiben. So, wie dies für andere Medien erfolgt ist: Ob Sie den Verkauf im Ladengeschäft, im Außendienst, per Direct Marketing, Rundfunk und Fernsehen betrachten oder über einen der vielen anderen Wege, die uns heute zur Verfügung stehen: Für jedes dieser Medien haben Experten Bücher geschrieben, Seminare gehalten, auf Kongressen gesprochen und so einen anerkannten Stand des Wissens definiert. Dies ist für den Marktplatz Internet noch zu leisten, setzt leider auch ein gewisses Maß an softwaretechnischen Kenntnissen voraus, weil jedes Mittel und jede Lösung auch technisch umgesetzt werden muss. Sie werden dies an einigen Stellen in diesem Buch sehen. Aber keine Angst, der Umfang wird sich in engen Grenzen halten. Vielleicht kennen Sie ja auch jemanden, der sich für Sie darum kümmert. Eine besondere Bedeutung für den Erfolg im Internet haben Suchmaschinen. Es gibt sie weltweit inzwischen zu Hunderten, aber wirklich wichtig sind nur wenige. Benutzer verwenden Suchmaschinen, um Informationen zu finden, und wem es gelingt, seine Web-Adresse top unter den Ergebnissen zu platzieren, der hat echte Chancen, neue und fruchtbare Kontakte zu knüpfen. So wie bei einem herkömmlichen Marktplatz der geeignete Standort erste Grundlage des Erfolgs ist, sind es im Internet die Platzierungen in den Suchmaschinen. Die Beschäftigung mit Suchmaschinen kostet zwar nur wenig Geld, kann aber recht zeitintensiv sein. Notwendig ist zuerst, die Web-Inhalte suchmaschinengerecht einzurichten. Dazu sollte man eigene Entwicklungszeit einrechnen und sich darauf einstellen, dass es Konflikte mit anderen Forderungen an Inhalt, Aufbau und Erscheinung geben wird. Auch für die Anmeldung eines neuen URL bei Suchmaschinen sollte man sich über einen Zeitraum von mehreren Wochen immer wieder ein paar Stunden Zeit nehmen. Und man muss sich drauf einstellen, dies immer wieder tun zu müssen.
15
Vorwort
Schwerpunkt in diesem Buch werden deutsche Angebote bei Suchmaschinen und unterstützenden Diensten sein. Das Gesagte lässt sich aber leicht auf den internationalen Markt übertragen, zumal die meisten deutschen Anbieter von Suchmaschinen ohnehin auf die Datenbestände ihrer amerikanischen Mutter- oder Partnerunternehmen zurückgreifen. Ob Sie bei Fireball, Google oder Altavista auf der .de- oder .com-Seite sind, spielt also keine Rolle, dahinter steht derselbe Datenbestand. Nicht Inhalt dieses Buches sollen allgemeine Fragestellungen zu Verkauf und Marketing sein. Dass der Auftritt des Unternehmens am Marktplatz Internet die Corporate Identity, also das typische Erscheinungsbild des Unternehmens hinsichtlich Sprache, Gestaltung und Funktionalität, unterstützen muss, und dass auch sonst die anerkannten Regeln von Verkauf, Werbung und Marketing gelten, dürfte jedem Leser klar sein. Konzentrieren wir uns auf das Spezifische des Mediums Internet. Wie bereits gesagt – zur Zeit sind die wichtigsten Aktivitäten im Internet die Arbeit mit Suchmaschinen und Newslettern. Eine eher untergeordnete Rolle spielen Banner-Werbung und die unsäglichen Pop-Up-Fenster, Browserfenster, die sich ohne Zutun des Benutzers öffnen, und von diesen in der Regel als lästig betrachtet und vor der ersten Übersendung von Inhalten gleich wieder geschlossen werden. Mit weiteren Möglichkeiten des Internet wird derzeit experimentiert. Es könnte sein, dass ChatSysteme, Tele-Conferencing und Streaming Media in Zukunft eine größere Rolle im Marktplatz Internet spielen werden. Oder Suchmaschinen, die auf XML basieren. Zum heutigen Zeitpunkt sind sie eher Exoten und werden daher nur kurz beschrieben. Genaueres über die Zukunft von Suchmaschinen können Sie darüber hinaus in Kapitel 11 lesen. Dieses Buch ist aus einer Seminarunterlage entstanden und deutlich erweitert worden. Es entspricht dem Stand im Sommer 2002. Schon bald werden einige der Aussagen nicht mehr hundertprozentig stimmen, zu schnell verändern sich Gegebenheiten im Marktplatz Internet. Die Linkliste im Anhang kann vielleicht veralten, es werden neue Ideen und Konzepte entwickelt werden und bestimmt wird der Einfluss neuer Basis-Technologien, wie mobiler Datenzugriff und Breitband-Übertragung, an Bedeutung gewinnen – und im Gefolge werden neue Angebote im Internet ihren Platz finden.
16
Vorwort
Es wird Ihnen daher wohl nicht erspart bleiben, sich weiter auf dem Laufenden zu halten und auf neue Entwicklungen einzugehen. Allerdings sollten Sie das nach Lektüre dieses Buchs mit einem professionellen Hintergrund und einer geschärften Kritikfähigkeit tun können. Übrigens: In diesem Buch wird oft von der Optimierung und Anmeldung im Zusammenhang mit Web-Auftritten mit kommerziellem Hintergrund gesprochen, da wir davon ausgehen, dass vor allem bei solchen Anbietern der Wunsch nach einer höheren Platzierung besteht. Aber natürlich lässt sich das hier Gesagte genauso gut auf private oder gemeinnützige Angebote anwenden!
17
1
Begriffsklärung und kurze Einführung in HTML
Leider wird es sich in unseren Betrachtungen nicht vermeiden lassen, über einige technische Fragen zu sprechen, insbesondere in Zusammenhang mit Internet, World Wide Web und HTML.
1.1
Wichtige Begriffe
Damit Sie, der Leser, immer wissen, wovon wir, die Autoren, eigentlich sprechen, sollten wir ein paar Begriffe klären und voneinander abgrenzen, bevor wir miteinander den Marktplatz Internet betreten:
1.1.1
Das Internet
Das Internet gibt es eigentlich schon recht lange. Es ist noch vor 1970 aus einem Computernetz der US-Armee, dem ARPA-Net hervorgegangen und wurde bis zum Siegeszug des World Wide Web im wesentlichen nur für wissenschaftliche Kommunikation genutzt. Mit der Zeit bildeten sich so genannte Dienste heraus, von denen einige heute noch weitgehend unverändert genutzt werden, wie E-Mail oder Newsgroups. Wenn wir uns heute mit relativ einfach zu bedienender, dabei aber sehr leistungsfähiger Software wie Browsern und Mail-Clients im Internet bewegen, vergessen wir leicht, dass diese ersten Jahre von vergleichsweise primitiver Software geprägt waren, deren Umgang ganz spezielle Kenntnisse erforderte. Einer der Autoren selbst hatte in den 80er Jahren die Gelegenheit, über das Internet Abfragen auf eine medizinische Datenbank namens DIMDI in Auftrag zu geben. Diese Datenbank gibt es immer noch, in ihr werden Inhaltsangaben – so genannte Abstracts – von Artikeln aus medizinischen Fachzeitschriften gesammelt, die ein medizinisch Interessierter abrufen kann, um sich über
19
1 Begriffsklärung und kurze Einführung in HTML
den laufenden Stand der Forschung zu einem bestimmten Thema zu informieren; vielleicht zu einer Krankheit oder einer speziellen Therapie. Wer dann Interesse an detaillierter Information hat, könnte sich über den veröffentlichenden Verlag die entsprechende Ausgabe der Fachzeitschrift mit dem ausführlichen Artikel bestellen. Die Abfrage nur über die Abstracts kostete seinerzeit über 150 Mark, also mehr als 75 Euro, und es war damals schon ein ganz besonderes Gefühl, eine Übersicht zu Forschungsergebnissen von Instituten auf der ganzen Welt in der Hand zu halten. Heute ist es der Normalfall, Ausgaben von Datenbanken zu erhalten (zum Beispiel werden auf diesem Weg die Ergebnisseiten unserer Suchmaschinen erzeugt), wir haben uns daran gewöhnt, dass die Quellen dafür global verteilt sind, und wenn man die Kosten des Internetzugangs überhaupt auf die Ergebnisseiten umlegen will, so sprechen wir von Pfennigbeträgen. Beispiel: Ein Automobilhersteller kann seine Kunden mittels Internet über seine Fahrzeuge informieren und interaktive Lösungen anbieten, mit denen sich Farbkombinationen testen oder Probefahrten beim nächsten Händler buchen lassen.
1.1.2
Intranets
Die im World Wide Web verwendeten Technologien werden seit langem auch in vielen Unternehmen und Behörden eingesetzt, um den Mitarbeitern Informationen anzubieten und Software-Applikationen allgemein verfügbar zu machen. Man nennt ein solches internes, web-basiertes Informationsangebot Intranet, als Trägermedium nutzt es das klassische Datennetz des Unternehmens, die eingesetzte Software entspricht der des World Wide Web. Beispiel: Ein Unternehmen kann seinen Mitarbeitern im Haus Informationen, wie neue Unternehmensrichtlinien oder die Speisekarte der Kantine, anbieten. Auch hier können interaktive Applikationen verwendet werden, zum Beispiel Belegungssysteme für Besprechungsräume.
20
Wichtige Begriffe
1.1.3
Extranets
Extranets sind Web-Inhalte, die zwar über das weltweite Internet angeboten werden, die aber nur einer geschlossenen Benutzergruppe angeboten werden. Wer darauf zugreifen will, muss meist im Vorfeld Zugriffsrechte über Name und Passwort erhalten haben. Beispiel: Der Automobilhersteller könnte sein Extranet nutzen, um Werkstätten und Außendienst mit Informationen zu Ersatzteilen zu versorgen und ihnen interaktive Applikationen wie ein Bestellsystem dazu anzubieten.
1.1.4
Das World Wide Web
Das World Wide Web ist um 1991 entstanden. Es ging aus einer Anwendung namens »Web« hervor, die der Engländer Tim Berners-Lee1 seit 1989 am Forschungsinstitut CERN in Genf (Schweiz) entwickelt hatte. Das erste Web war – nach heutiger Sprechweise – also eigentlich ein Intranet, und zwar das des CERN2. Tim Berners-Lee wollte mit dem Web eine ganze Reihe von Zielen erreichen: 왘 Im Unternehmen erzeugte Informationen sollten allen Mitar-
beitern zur Verfügung stehen können. Bereits an einer Stelle vorhandene Informationen sollten nicht von einer anderen Stelle neu erzeugt werden müssen, wenn sie gebraucht werden, sondern von zentraler Stelle (dem Webserver) abrufbar sein. 왘 Wenn Mitarbeiter das Haus verlassen, sollten die Informatio-
nen weiter verfügbar bleiben. 왘 Das Web sollte unterschiedliche Rechnersysteme – vom Groß-
rechner bis zum PC (damals meist noch unter MS-DOS) – verbinden. 왘 Unterstützung multimedialer Elemente sollte helfen, Sprach-
grenzen zu überwinden. 1
2
Tim Berners-Lee ist heute am MIT (Massachusetts Institute of Technology in Cambridge, Massachusetts, USA) und leitet von dort das W3-Consortium, das oberste Steuerungs- und Normungsgremium im World Wide Web. Diese Interpretation hat Tim Berners-Lee gegenüber einem der Autoren in einem E-Mail von 1998 ausdrücklich bestätigt.
21
1 Begriffsklärung und kurze Einführung in HTML
Kaum einer weiß heute noch, dass es damals ein konkurrierendes System gab, das von seinen Erfindern, den Studenten der University of Minnesota »Gopher« (Taschenratte, ein etwa meerschweinchengroßes, unterirdisch lebendes Nagetier mit hamsterartigen Backentaschen3) genannt worden war. Auch Gopher hatte, ähnlich wie die Web-Technologien, von Anfang an multimediale Elemente und sollte verschiedene Systemplattformen überbrücken. Zum leichteren Finden der Inhalte sollte ein System aus Katalogen dienen, Gopher war damit ein sehr viel ordentlicheres System als das Web, dessen Ordnungskriterium »Hyperlink« eher anarchisch anmutet. Gopher als Tier ist sehr erfolgreich, zum Leidwesen von Gärtnern sowie Land- und Forstwirten. Dem Tier wird als Schädling, der vor allem an den Wurzelstöcken von Nutzpflanzen nagt, intensiv mit Gift und Fallen nachgestellt, es ist durch seine unterirdische Lebensweise aber nur schwer zu erreichen. Im Gegensatz dazu ist Gopher als Dienst im Internet heute bereits eine ausgestorbene Tierart. Warum hat sich Gopher nicht durchgesetzt? Anstelle der zentralen Kataloge führte das Web ein anderes Element ein, den Hyperlink, oft einfach nur als »Link« bezeichnet. Dieser ist hochgradig chaotisch. Oft weiß man nicht, wohin man geführt wird, wenn man einen Link »anklickt«. Es ist nicht einmal sicher, dass man überhaupt irgendwohin kommt, Fehlermeldungen wie »404 – File not found« (Datei nicht gefunden) kennt jeder, der das Internet nutzt. Oder die Möglichkeit, dass auf der Seite, die wir per Hyperlink erreichen wollen, die erwarteten Inhalte gar nicht mehr da sind, sondern etwas ganz anderes. Wie konnte sich der Hyperlink – ein derart anarchisches und unzuverlässiges Verfahren, um Inhalte zu finden - gegen eine Methode durchsetzen, bei der Inhalte ordentlich katalogmäßig erfasst werden? Es ist wohl die Möglichkeit für den Autor von Inhalten, diese ohne Rücksicht auf ein ordnendes System erst einmal erzeugen und über die Web-Technologie anderen anbieten zu können. Man muss niemanden um Erlaubnis fragen, es gibt keine Verpflichtung, Regeln einzuhalten, außer vielleicht den technischen Regeln von HTML, JavaScript und weiteren, die beschreiben, wie Inhalte den Browsern angeboten werden müssen. Es mag Einschränkun3
22
Eine zweite Erklärung von Gopher führt ein Wortspiel an: »Go for it« – Geh und hol es mir.
Wichtige Begriffe
gen geben, wenn man Inhalte für ein Unternehmen erzeugt, natürlich muss man gesetzliche Einschränkungen berücksichtigen, und manchmal haben auch Service-Provider (Dienstleister für den Internet-Zugang) eigene Regeln festgelegt. Das Einstellen von Inhalten setzt jedenfalls nur geringe technische Fertigkeiten voraus und anders als bei Gopher sind keine Ordnungskriterien wie Kataloge zu berücksichtigen. So führt uns dieser kleine Exkurs wieder zu unserem eigentlichen Thema zurück. Im Marktplatz Internet kann jeder mitmachen und Inhalte einstellen, die Kosten sind lächerlich niedrig, und das notwendige Wissen kann man sich in Seminaren, Büchern, Fachzeitschriften und anderen Quellen aneignen. Viele Privatleute haben inzwischen ihre eigene Homepage, Web-Inhalte werden zu Geburtsund Hochzeitstagen erstellt, und es gibt keine grundsätzlichen Beschränkungen hinsichtlich Geschlecht, Alter, Rasse oder Nationalität. Tatsächlich gibt es die Kataloge – jenes ordnende und den Benutzer führende Element in Gopher – inzwischen auch im Web wieder: Es sind die Suchmaschinen, enorme Datenbanken, die wissen, welche Wörter in vielen Millionen von Seiten vorkommen, und die in Sekundenschnelle eine Anfrage dazu beantworten können. Sie sind es, die Ordnung in den Marktplatz Internet bringen. Und vielleicht sollten wir auch zum Grundgedanken von Gopher zurückkehren, und uns von Anfang an, also schon vor der Erzeugung unserer Inhalte, darüber Gedanken machen, wie wir mit ihnen umgehen wollen.
1.1.5
Web-Technologien
Der Begriff ist nun mehrfach vorgekommen, wir sollten ihn kurz klären. Web-Technologien sind Softwarelösungen, die auf dem Internetprotokoll (IP) aufsetzen. Dazu gehören unter anderem: 왘 Web-Clients – Computer, auf denen eine spezielle Software
verwendet wird: der Webbrowser. Sie senden Aufrufe (»Requests«) an die Web-Server, nach Eingang des Response werden dessen Daten ausgewertet, HTML-Seiten werden beispielsweise dem Benutzer dargestellt.
23
1 Begriffsklärung und kurze Einführung in HTML
왘 Webserver – auch als Hosts bezeichnet. Ebenfalls Computer,
nehmen sie Requests der Benutzer an und führen sie aus, indem sie Inhalte (zum Beispiel eine HTML-Seite) an den Benutzer zurücksenden (»Response«).4 왘 http – das Hypertext Transfer Protokoll beschreibt Regeln, wie
Request und Response funktionieren. 왘 HTML – die Hypertext Markup Language beschreibt Seiten,
die vom Browser dargestellt werden, Hyperlinks sind ein typisches Element von HTML-Seiten. 왘 Hyperlinks – anklickbare Text- oder Bildbereiche. Anklicken
löst einen neuen Request auf einen Web-Server aus. 왘 Statische und dynamische Inhalte – viele HTML-Seiten sind
statisch, vergleichbar einem beschriebenen Blatt Papier oder einem in Microsoft Word erzeugten Dokument. Dynamische Inhalte werden dagegen vor dem Response vom Webserver oder danach vom Webbrowser noch verändert oder sogar überhaupt erst erzeugt. Abbildung 1.1: Clients und Server im Web
4
24
Der Begriff wird sowohl für die jeweiligen Computer verwendet wie auch für die darauf laufende Software. Nur für Experten: die Unterscheidung virtueller/physikalischer Host ignorieren wir an dieser Stelle, sie spielt für unser Thema keine Rolle.
Wichtige Begriffe
Neben HTML gibt es heute eine Vielzahl weiterer Möglichkeiten, statische oder dynamische Inhalte zu codieren. Dies kann das recht beliebte Acrobat-Dokument sein (typische Endung der Datei: .pdf). Auch Word-, Excel- und Powerpoint-Dateien und viele andere lassen sich übertragen, selbst komplette Softwarepakete mit zig Megabyte Größe werden heute über das Internet verteilt. Besonders zu nennen wäre hier noch XML, die eXtensible Markup Language, die langfristig HTML als Standard für die Seitenbeschreibung im Internet ablösen könnte. Mit XML wird ein neuer Typ von knotenbasierten und deutlich intelligenteren Suchmaschinen auf uns zukommen, die nicht nur wissen, in welchem Dokument der gesuchte Inhalt zu finden ist, sondern auch, an welchem Ort im Dokument, und die in der Lage sein werden aus passenden Fragmenten von im Web gefundenen Dokumenten neue Dokumente zu erzeugen. Dann wird es auch viele neue Dienstangebote im Internet geben, und die Suchmaschinen werden diese voneinander unterscheiden können. Aber das steht noch weit in der Zukunft – mehr darüber lesen Sie in Kapitel 11.
1.1.6
Website
Das englische Wort »Site« steht allgemein für »Stelle« oder »Platz«. In unserem Zusammenhang ist vielleicht die Bedeutung »Grundstück« am angemessensten. Ein Grundstück im Web ist eine Sammlung zusammengehörender Inhalte, die mit einer gemeinsamen Adresse (auch »URL« oder »URI« genannt) aufgerufen werden können, und zwischen denen man durch interne Hyperlinks wechseln kann. Im Grunde kann man sagen, dass ein Web einfach ein Ordner oder ein Verzeichnis ist, ähnlich wie jene, in denen Sie Dateien auf Ihrem Computer organisiert haben. Die Dateien im Web sind zumeist in HTML erstellt, wir bezeichnen sie auch als Seiten. Sie sind zusätzlich durch Hyperlinks miteinander verknüpft. Wenn dieses Web veröffentlicht worden ist und über eine Adresse im Internet erreicht werden kann, sprechen wir von einer Website. Externe Hyperlinks sind solche, die auf andere Websites führen.
25
1 Begriffsklärung und kurze Einführung in HTML
Auf dem Marktplatz Internet ist die Website so etwas wie Ihr Marktstand. Er muss gut platziert werden – da, wo der Besucherverkehr ist – und außerdem für Menschen, die ihn suchen, leicht zu finden sein.
1.1.7
URL
URL steht für »Uniform Resource Locator«, also für eine vereinheitlichte Adressbezeichnung. Ein URL ist die Adresse einer Website, die bestehen kann aus: Protokoll (://) Hostname (.) Domäne (.) Toplevel-Domäne (/) Pfad zur Datei http://www.oliverlehmann.com/index.htm Die kursiv geschriebenen Elemente sind das Minimum an Information, das im Internet notwendig ist, in einem Intranet fällt oft die Toplevel-Domäne weg. Meist haben Webserver ein Standard-Dokument, das sie an den Benutzer senden, wenn der Pfad zur Datei (also Ordner- und Dateiname) fehlen. Der Host, der die Website www.oliverlehmann.com beherbergt, hat als Standard-Dokument die Datei »index.htm« festgelegt. Dieser URL führt deshalb zum gleichen Resultat: http://www.oliverlehmann.com Außer diesem Typ von Adresse gibt es auch die Möglichkeit, mit IP-Adressen direkt zu arbeiten. Eine IP-Adresse ersetzt Hostname, Domäne und Toplevel-Domäne. Damit lässt sich diese Website auch aufrufen über http://66.40.89.206/index.htm oder http://66.40.89.206 Wir werden sehen, dass dies zu berücksichtigen ist, wenn Sie Suchmaschinen über Ihre Website und die zugehörigen Dokumente informieren.
26
Wichtige Begriffe
Gelegentlich wird statt URL (Uniform Resource Locator) auch das Kürzel URI (Uniform Resource Identifier) verwendet. Der Unterschied zwischen den beiden Begriffen soll uns in diesem Zusammenhang nicht interessieren, vereinfacht ausgedrückt ist URI einfach die neuere Bezeichnung.
1.1.8
HTML, JavaScript, Stylesheets
Gelegentlich wird in diesem Buch ein Grundwissen zu den folgenden Themen vorausgesetzt: 왘 HTML – die derzeit wichtigste Seitenbeschreibungssprache im
World Wide Web 왘 JavaScript – eine vergleichsweise leicht erlernbare Program-
miersprache, der Code wird einfach in die HTML-Seite eingefügt und vom Browser ausgeführt 왘 Cascading Style Sheets (CSS) – eine moderne Form, die Gestal-
tung einer Seite zu steuern Zu diesen Sprachen gibt es eine Menge an Literatur, Selbstlernkurse oder Seminare. Für unser Thema wird davon ausgegangen, dass die Leser diese beherrschen oder jemanden kennen, den sie fragen beziehungsweise mit der Umsetzung beauftragen können. Sie finden im zweiten Teil dieses Kapitels auch einen kurzen Überblick, da gewisse Grundkenntnisse das Gesamtverständnis sehr erleichtern können.
1.1.9
Dienste
Als Dienst bezeichnet man ein technisches Angebot im Internet, das von einem Anwender genutzt werden kann. Ein Dienst besteht aus Inhalten, das heißt einem (oder mehreren) Typen von Nachrichten oder Dateien, sowie aus Protokollen – Regeln, wie diese zu übertragen sind. Das World Wide Web ist nur einer der Dienste, die im Internet genutzt werden. Andere populäre Dienste sind: 왘 E-Mail 왘 Newsgroups 왘 Chatsysteme
27
1 Begriffsklärung und kurze Einführung in HTML
왘 Tauschbörsen 왘 Internet-Telephonie 왘 und mehr
Auch das bereits genannte »Gopher« war ein solcher Dienst. Es gibt noch weitere Dienste, die mittlerweile ausgelaufen sind oder nur noch von eingefleischten Experten genutzt werden. Es kommen auch neue Dienste hinzu. In wenigen Jahren wird es vielleicht als normal gelten, Fernsehsender über URLs zu erreichen und sich sein Programmangebot dort per Mausklick selbst zusammenzustellen. Oder in laufende Sendung selbst interaktiv einzugreifen.
1.1.10
Die Besonderheiten des Web-Dienstes
Das Besondere am Web ist die unglaubliche Vielfalt an Arten von Inhalten, die es ermöglicht: Neben in HTML oder zunehmend in XML geschriebenen Webseiten auch Multimedia, Acrobat- und Office-Dokumente, Flash-Animationen, in Java oder ActiveX geschriebene Programm-Bausteine und Streaming Media Formate5. Der Web-Dienst erlaubt eine hochgradige Automatisierung der Kommunikation mit dem Benutzer wie sonst kein anderer. WebFormulare nehmen Daten auf, die direkt an eine Software-Anwendung weitergeleitet und dort verarbeitet werden können. Bei vielen derart aufgebauten Buchungs- und Bestellsystemen nimmt kein Mitarbeiter die Wünsche des Kunden entgegen. Anfrageund Kontaktformulare dagegen haben gerade das Ziel, die Informationen einem menschlichen Bearbeiter zuzuleiten, aber auch sie beinhalten ein hohes Maß an Automatisierung. Ein weiterer Aspekt des Webs ist die Möglichkeit, bei Bedarf auf verschlüsselten Datentransport umzuschalten. Dazu muss nur der Server entsprechend eingerichtet sein. Neben den schon genannten Buchungs- und Bestellsystemen wird so beispielsweise erst Online-Banking möglich. Der Preis der Verschlüsselung sind allerdings längere Wartezeiten für den Benutzer und erhöhte Last 5
28
Hier werden keine einzelnen Dateien heruntergeladen, wie bei Webseiten, stattdessen wird ein permanenter Datenstrom übertragen, der heute bereits Web-Radio und Filme transportiert.
Wichtige Begriffe
der Ressourcen des Servers (Datenleitungen und Prozessor), so dass man Web-Inhalte oft gemischt anbietet, ein Teil wird unverschlüsselt übertragen, ein weiterer verschlüsselt, kann also auf dem Übertragungsweg von niemandem eingesehen werden. Die Tatsache, dass nur der Server für verschlüsselten Transport eingerichtet werden muss, steht im Gegensatz zum E-Mail-Dienst, bei dem Sender und Empfänger eine »digitale ID«, eine Art elektronischen Ausweis, benötigen. Benutzer, die verschlüsselte E-Mails empfangen und verarbeiten können, sind heute noch eher selten anzutreffen. Allgemein ist auch der Grad an Automatisierung im E-Mail-Dienst deutlich niedriger. Verschlüsselte Seiten werden von Suchmaschinen normalerweise nicht erfasst. Zwar wäre dies technisch möglich, der Zusatzaufwand für die Rechner, solche Inhalte zu entschlüsseln, wäre jedoch sehr hoch und würde ihre Leistungsfähigkeit drastisch reduzieren. Außerdem werden verschlüsselte Seiten meist für sehr persönliche Daten und zum Aufnehmen von Daten in WebFormularen verwendet, also für Seiten, an denen Suchmaschinen kein Interesse haben.
1.1.11
Pull- und Push-Kommunikation
Diese Begriffe werden im Marktplatz Internet verwendet, um zwei Arten der Kommunikation voneinander zu trennen: 왘 Pull-Kommunikation: Der Empfänger muss die Information
gezielt anfordern, um sie zu erhalten. Dies ist der Normalfall im World Wide Web 왘 Push-Kommunikation: Der Empfänger erhält die Information
automatisch zugesandt. E-Mail ist ein Beispiel dafür. Man könnte auch Werbebanner als Push-Kommunikation betrachten, oder die allgemein unbeliebten Popup-Fenster6. Technisch betrachtet mögen die Unterschiede eher verwischen, für uns interessant sind die Sicht und das Erleben des Benutzers.
6
beim Laden der Seite automatisch geöffnetes weiteres Browserfenster.
29
1 Begriffsklärung und kurze Einführung in HTML
1.2
Eine kurze Einführung in HTML und weitere Web-Inhaltstypen
Dieser Abschnitt richtet sich an all jene Leser, die selbst noch nicht oder nur wenig mit HTML gearbeitet haben. Um das Verständnis dieses Buches und danach das Erreichen von Top-Platzierungen in Suchmaschinen zu vereinfachen, ist es empfehlenswert, sich zumindest mit den Grundlagen von HTML und den damit verbundenen Formatierungs- und Programmiersprachen ein wenig auseinanderzusetzen. Dazu soll dieser Abschnitt dienen. Sie werden sehen, dass es im Grunde sehr simpel und gut zu verstehen ist. Das heißt nicht, dass HTML-Kenner im folgenden Teil keine für sie interessanten Informationen erhalten; wir werden immer wieder den Bezug zu unserem Thema herstellen.
1.2.1
Was ist HTML?
HTML (Hypertext Markup Language) ist eine Sprache, mit der im World Wide Web Seiten beschrieben werden können. Im Aufbau mag sie auf den ersten Blick wie eine Programmiersprache aussehen, jedoch löst sie im Unterschied zu dieser keine Ausführung von Programmen mit Schleifen, bedingten Verzweigungen und ähnlichem aus und wird deshalb als Seitenbeschreibungssprache bezeichnet. HTML wird im Textformat übertragen. Damit ist es selbst leicht zu lesen. Öffnen Sie Sie in Microsofts Internet Explorer eine beliebigen Seite und klicken Sie auf den Hintergrund mit der rechten Maustaste, wählen Sie dann aus dem Kontextmenü den Befehl »Quelltext anzeigen«. In einem weiteren Fenster öffnet sich der Windows Editor, in dem Sie HTML sehen und bearbeiten können. Ähnliche Funktionen gibt es auch in den anderen Browsern und unter anderen Betriebssystemen. Eine Seite ist eine Datei, die meist in HTML geschrieben ist. Sie kann Inhalte, wie beispielsweise Bilder einbinden, die wiederum als eigene Dateien gespeichert und übertragen werden. Aus Sicht des Benutzers sind sie allerdings Teil der aufgerufenen Seite. Um die Erstellung von Seiten für das World Wide Web und für unternehmensinterne Lösungen (»Intranets«) zu erleichtern, gibt es ein breites Angebot an spezieller Software, sogenannten
30
Eine kurze Einführung in HTML und weitere Web-Inhaltstypen
HTML-Editoren oder -Autorensystemen. Manche bevorzugen hierbei solche Editoren, in denen sie das HTML einfach »von Hand« eintippen und sich dann erst die fertige Datei im Browser ansehen. Vor allem bei nicht sonderlich komplexen Seiten kann diese Methode schneller und einfacher sein, zumindest wenn man sie beherrscht. Dann gibt es die sogenannten »WYSIWYG«-Editoren wie Macromedia Dreamweaver, Adobe GoLive oder Microsoft Frontpage. Das Kürzel steht für »What You See Is What You Get« – also in etwa »Das, was man sieht, bekommt man auch«. In diesen Editoren gibt es sowohl eine grafische Oberfläche ähnlich der in einem Grafikprogramm, in der sich zum Beispiel Bilder einfügen lassen, als auch eine HTML-Ansicht, die den generierten Code zeigt. So kann man die Seite auf beiden Ebenen bearbeiten. Aber: auch wenn es anhand von WYSIWYG-Editoren theoretisch möglich ist, Seiten ohne HTML-Kenntnisse zu erstellen, ist deren Aneignung dennoch ratsam. Nur dann kann man den Aufbau der Seite wirklich verstehen, eventuelle Fehler besser beheben und dem Auftritt den nötigen Feinschliff verpassen. HTML-Code besteht vor allem aus sogenannten Tags, die die eigentlichen Befehle darstellen und in spitzen Klammern geschrieben werden. Tags sind Anweisungen an den Browser, wie der Text dargestellt werden soll. Das Tag
steht für »fett« gesetzten Text. Fett gesetzter Beispieltext
Anstelle von wäre übrigens auch zulässig. HTML interessiert sich nicht für Groß- und Kleinschreibung in seinen Codeelementen. Man sagt: HTML ist nicht case-sensitive. Es gibt auch Tags, die darstellen, welche Bedeutung der von ihnen eingeschlossene Text für die Seite hat. steht zum Beispiel für »Heading 1«, eine Überschrift der obersten Gliederungsebene: Hochrangige Überschrift
Es gibt auch Tags mit anderen Bedeutungen. Mit dem Tag <meta> werden Informationen zur Seite übermittelt, einige davon speziell für Suchmaschinen; mit dem Tag erhält die Seite einen Titel, der vom Browser in der Titelleiste (bei den meisten Browsern am oberen Fensterrand) dargestellt wird. Fast jedem Tag lassen sich innerhalb der spitzen Klammer Attribute hinzufügen, die ihn genauer definieren. Den meisten Tags müssen Inhalte gegeben werden, weshalb man mit einem Starttag<br />
<br />
31<br />
<br />
1 Begriffsklärung und kurze Einführung in HTML<br />
<br />
und einem Schlusstag (dieser wird dargestellt durch einen Schrägstrich nach der ersten eckigen Klammer) einen »Container« bildet, in dem sich diese Informationen befinden. Das können auch weitere Tags sein. Zur Verbildlichung: Abbildung 1.2: Ein HTMLContainer<br />
<br />
Tags können beliebig tief verschachtelt werden. Jede Seite beginnt – optimalerweise nach einer Definition der HTML-Version – mit dem Tag <html> und endet mit </html>. Dazwischen befinden sich alle weiteren Tags. Jede HTML-Seite besteht aus einem »Kopf«, in dem zusätzliche, im Browser nicht sichtbare Informationen stehen, und aus einem »Körper«, der eigentlichen Seite. Gerade für den Umgang mit Suchmaschinen ist der Kopfteil, also alles, was im <head>xxx</ head>-Container steht, von großer Bedeutung. Hier finden sich nämlich unter anderem die bereits erwähnten Meta-Tags, anhand derer eine Seite näher bestimmt werden kann. So kann man zum Beispiel ihren Zweck, ihren Autor und wichtige Schlüsselwörter angeben. Dies kann für die Steuerung von Suchmaschinen ein sehr wichtiges Element sein (siehe auch Kapitel 8). Außerdem befindet sich der <title>-Tag im Kopf. Die meisten dieser Tags sind freiwillig. Das Meta-Tag mit dem Attribut http-equiv, das den verwendeten Zeichensatz festlegt, und der <title>-Tag sollten jedoch auf keinen Fall fehlen. Mehr zu Meta-Tags lesen Sie in Kapitel 8 – »Suchmaschinen steuern«. Im <body>-Container findet der für den Benutzer sichtbare Inhalt der Seite Platz. Texte und Bilder werden meistens in Tabellen untergebracht, um sie besser anordnen zu können. Tabellen erstellt man mit dem Tag <table>, darin befinden sich Zeilen, die durch das <tr>-Tag definiert werden. Was in diesen Zeilen steht, wird mit <td> (steht für »table data«) festgelegt. Innerhalb des <td>-Containers kann also zum Beispiel Text stehen, der, sofern nicht anders definiert, dann im Browser in der Standardschriftart<br />
<br />
32<br />
<br />
Eine kurze Einführung in HTML und weitere Web-Inhaltstypen<br />
<br />
erscheint. Soll eine Zelle leer sein, fügt man einfach in den <td>Container ein ein.Die Attribute des <table>-Tags legen zum Beispiel fest, wie breit die Tabelle ist, und ob es einen sichtbaren Rand gibt oder nicht. Einige weitere wichtige Tags: <center>xxxx</center><br />
<br />
Alles, was in diesem Container steht, wird zentriert.<br />
<br />
<div>xxx</div><br />
<br />
Legt mit Hilfe verschiedener Attribute fest, was mit dem in diesem Container enthaltenen Abschnitt passiert (z.B. die Ausrichtung).<br />
<br />
<br><br />
<br />
Steht alleine und generiert Zeilenumbrüche.<br />
<br />
<font>xxx</font><br />
<br />
Legt mit Hilfe verschiedener Attribute fest, was mit dem in diesem Container enthaltenen Text passiert (z.B. Schriftgröße oder -farbe). Die Standard-Schriftgröße beträgt 3.<br />
<br />
<b>xxx</b><br />
<br />
Text, der in diesem Container steht, wird fett dargestellt.<br />
<br />
<p>xxx</p><br />
<br />
»Paragraph« – generiert Absätze.<br />
<br />
<a>xxx</a><br />
<br />
Generiert Hyperlinks, entweder ohne Attribut als »Anker« im selben Dokument, oder mit dem Attribut »href« auf andere Seiten innerhalb derselben Domain oder nach »draußen« auf andere Websites.<br />
<br />
<h1>...<h3>xxx </h1>...</h3><br />
<br />
In diesen Containern stehender Text wird als Überschrift angezeigt, wobei <h1> für die größte steht, <h3> für die kleinste.<br />
<br />
<img><br />
<br />
Steht alleine und sorgt dafür, dass ein Bild an der Stelle eingefügt wird, wo das Tag auftaucht. Mit dem Attribut »src« wird der Pfad festgelegt, unter dem das Bild zu finden ist. Mit dem Attribut »alt« wird der Alternativtext angegeben, der immer dann angezeigt wird, wenn das Bild nicht geladen werden kann, und der außerdem in manchen Browsern erscheint, wenn man mit der Maus über das Bild fährt.<br />
<br />
33<br />
<br />
1 Begriffsklärung und kurze Einführung in HTML<br />
<br />
Im folgenden ein Beispiel, wie ein solcher Quellcode aussehen kann. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional// EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="author" content="Beispielautor"> <meta name="description" content="Beispielbeschreibung"> <meta name="keywords" content="Beispiel -Keywords"> <title>Hier steht der Titel
