Mit den Head-Inhalten von Seiten arbeiten

Zuletzt aktualisiert am 27. April 2021

Sie können die Inhalte in einer Dreamweaver-Webseite anzeigen und bearbeiten, die Meta-Eigenschaften und den Seitentitel festlegen, Schlüsselwörter und Beschreibungen für eine Seite angeben und vieles mehr.

Seiten enthalten Elemente, die die Informationen auf der Seite beschreiben, die von Suchbrowsern verwendet werden. Du kannst die Eigenschaften von head-Elementen festlegen, um zu steuern, wie deine Seiten identifiziert werden.

Head-Inhalte anzeigen und bearbeiten

Sie können die Elemente im head-Bereich eines Dokuments in der Codeansicht oder im Codeinspektor anzeigen.

Füge ein Element in den Head-Bereich eines Dokuments ein

Wählen Sie „Einfügen“ > „HTML“ und wählen Sie ein head-Tag aus.

Gib Optionen für das Element im angezeigten Dialogfeld oder im Eigenschafteninspektor ein.

Bearbeite ein Element im Head-Bereich eines Dokuments

Sie können head-Elemente durch direkte Eingabe in der Codeansicht oder im Eigenschafteninspektor bearbeiten.

Weitere Elemente im head-Bereich mithilfe des Eigenschafteninspektors bearbeiten:

Wählen Sie im DOM-Bedienfeld („Fenster“ > „DOM-Bedienfeld“) das head-Element aus. 

Im Eigenschafteninspektor werden die Eigenschaften des ausgewählten Elements angezeigt.

Lege die Eigenschaften des Elements im Eigenschafteninspektor fest oder ändere sie.

Lege die Meta-Eigenschaften für die Seite fest

Ein meta-Tag ist ein head-Element, das Informationen über die aktuelle Seite aufzeichnet, wie z. B. die Zeichenkodierung, den Autor, das Copyright oder Keywords. Diese Tags können auch verwendet werden, um Informationen an den Server zu geben, wie z. B. das Ablaufdatum, das Aktualisierungsintervall und die POWDER-Bewertung für die Seite. (POWDER, das Protocol for Web Description Resources, bietet eine Methode für die Zuweisung von Bewertungen, wie z. B. Filmbewertungen, an Web-Seiten.)

meta-Tags hinzufügen

Wählen Sie „Einfügen“ > „HTML“ > „Meta“.

Geben Sie die Eigenschaften im angezeigten Dialogfeld an.

Vorhandene meta-Tags bearbeiten

Sie können meta-Elemente durch direkte Eingabe in der Codeansicht oder im Eigenschafteninspektor bearbeiten.

Weitere Elemente im meta-Bereich mithilfe des Eigenschafteninspektors bearbeiten:

Wählen Sie im DOM-Bedienfeld („Fenster“ > „DOM-Bedienfeld“) das head-Element aus. 

Im Eigenschafteninspektor werden die Eigenschaften des ausgewählten Elements angezeigt.

Wählen Sie im DOM-Bedienfeld das meta-Tag aus.

Geben Sie im Eigenschafteninspektor die gewünschten Eigenschaften an.

Attribut

Gibt an, ob der meta-Tag beschreibende Informationen über die Seite (name) oder HTTP-Header-Informationen (http-equiv) enthält.

Wert

Gibt den Typ der Informationen an, die du in diesem Tag bereitstellst. Einige Werte, wie description, keywords und refresh, sind bereits gut definiert (und haben ihre eigenen individuellen Eigenschafteninspektoren in Adobe Dreamweaver), aber du kannst praktisch jeden Wert angeben (zum Beispiel creationdate, documentID oder level).

Inhalt

enthält die eigentliche Information. Wenn du zum Beispiel level für Wert angegeben hast, könntest du beginner, intermediate oder advanced für Inhalt angeben.

Seitentitel festlegen

Es gibt nur eine Titeleigenschaft, nämlich den Seitentitel selbst. Um den Seitentitel zu bearbeiten, haben Sie zwei Möglichkeiten:

  • Sie bearbeiten den Titel direkt im Code (in der Codeansicht)
  • Sie wählen im DOM-Bedienfeld das title-Tag aus und ändern den Titel im Eigenschafteninspektor

Schlüsselwörter für die Seite angeben

Viele Suchmaschinen-Roboter (Programme, die automatisch das Web durchsuchen und Informationen für Suchmaschinen zum Indizieren sammeln) lesen den Inhalt des Keywords-meta-Tags und verwenden die Informationen, um deine Seiten in ihren Datenbanken zu indizieren. Da einige Suchmaschinen die Anzahl der Keywords oder Zeichen begrenzen, die sie indizieren, oder alle Keywords ignorieren, wenn du das Limit überschreitest, ist es eine gute Idee, nur wenige gut gewählte Keywords zu verwenden.

meta-Tag „Keywords“ (Schlüsselwörter) hinzufügen

Wählen Sie „Einfügen“ > „HTML“ > „Schlüsselwörter“.

Gib die Keywords, getrennt durch Kommas, in das angezeigte Dialogfeld ein.

meta-Tag „Keywords“ (Schlüsselwörter) bearbeiten

Um Schlüsselwort-Metabeschreibungen zu bearbeiten, haben Sie zwei Möglichkeiten:

  • Sie bearbeiten das Schlüsselwort direkt im Code (in der Codeansicht)
  • Sie wählen im DOM-Bedienfeld das meta-Tag für das Schlüsselwort aus und zeigen es im Eigenschafteninspektor an, um es dort zu ändern oder zu löschen
Anmerkung

Schlüsselwörter müssen durch Kommas getrennt werden.

Beschreibungen für die Seite angeben

Viele Suchmaschinen-Roboter (Programme, die automatisch das Web durchsuchen und Informationen für Suchmaschinen zum Indizieren sammeln) lesen den Inhalt des Description-meta-Tags. Einige verwenden die Informationen, um deine Seiten in ihren Datenbanken zu indizieren, und einige zeigen die Informationen auch auf der Suchergebnisseite an (anstatt die ersten Zeilen deines Dokuments anzuzeigen). Einige Suchmaschinen begrenzen die Anzahl der Zeichen, die sie indizieren, deshalb ist es eine gute Idee, deine Beschreibung auf wenige Wörter zu begrenzen (zum Beispiel Schweinefleisch-Barbecue-Catering in Albany, Georgia oder Webdesign zu vernünftigen Preisen für Kunden weltweit).

meta-Tag „description“ (Beschreibung) hinzufügen

Wählen Sie „Einfügen“ > „HTML“ > „Beschreibung“.

Geben Sie beschreibenden Text im Feld „Beschreibung“ ein.

meta-Tag „description“ (Beschreibung) bearbeiten

Um Metabeschreibungen zu bearbeiten, haben Sie zwei Möglichkeiten:

  • Sie bearbeiten die Beschreibung direkt im Code (in der Codeansicht)
  • Sie wählen Sie im DOM-Bedienfeld das meta-Tag für die Beschreibung aus und bearbeiten die Beschreibung im Eigenschafteninspektor.

Aktualisierungseigenschaften der Seite festlegen

Verwende das Refresh-Element, um anzugeben, dass der Browser deine Seite automatisch aktualisieren soll—durch erneutes Laden der aktuellen Seite oder durch den Wechsel zu einer anderen—nach einer bestimmten Zeit. Dieses Element wird oft verwendet, um Benutzer von einer URL zu einer anderen umzuleiten, oft nachdem eine Textnachricht angezeigt wurde, dass sich die URL geändert hat.

meta-Tag „refresh“ (aktualisieren) hinzufügen

Wählen Sie „Einfügen“ > „HTML“ > „Meta“.

Legen Sie im angezeigten Dialogfeld die folgenden Eigenschaften fest:

Attribut

gibt das meta-Tag an, dass die HTTP-Header-Informationen enthält (http-equivalent).

Wert

gibt die Art der Information an, die Sie mit diesem Tag bereitstellen.

Inhalt

gibt an, wie viele Sekunden der Browser warten soll, bis er die Seite aktualisiert. Damit der Browser die Seite unmittelbar nach dem Laden aktualisiert, geben Sie in diesem Feld 0 ein.

meta-Tag „refresh“ (aktualisieren) bearbeiten

Um das Attribut „refresh“ des meta-Tags zu bearbeiten, haben Sie zwei Möglichkeiten:

  • Sie bearbeiten die Eigenschaften direkt im Code (in der Codeansicht)
  • Sie wählen im DOM-Bedienfeld das meta-Tag für „refresh“ aus und zeigen es im Eigenschafteninspektor an, um es dort zu ändern oder zu löschen

meta-Tag „base“ bearbeiten

Sie können das base-Element bearbeiten, um die Basis-URL festzulegen, auf die sich alle dokumentrelativen Pfade auf der Seite beziehen sollen.

Wählen Sie im DOM-Bedienfeld das Element „base“ aus.

Gib im Eigenschafteninspektor die Eigenschaften des Base-Meta-Tags an.

Href

ist die Basis-URL. Klicke auf den Button Durchsuchen, um zu einer Datei zu navigieren und sie auszuwählen, oder gib einen Pfad in das Feld ein.

Ziel

Gibt den Frame oder das Fenster an, in dem alle verknüpften Dokumente geöffnet werden sollen.Wähle eines der Frames im aktuellen Frameset oder einen der folgenden reservierten Namen aus:

  • _blank lädt das verknüpfte Dokument in einem neuen, unbenannten Browser-Fenster.

  • _parent lädt das verknüpfte Dokument in das übergeordnete Frameset oder -Fenster des Frames, das den Link enthält.Wenn das Frame mit dem Link nicht verschachtelt ist, entspricht dies _top; das verknüpfte Dokument wird in das gesamte Browser-Fenster geladen.

  • _self lädt das verknüpfte Dokument in dasselbe Frame oder Fenster wie der Link. Dieses Ziel ist die Standardeinstellung, daher musst du es normalerweise nicht angeben.

  • _top lädt das verknüpfte Dokument in das gesamte Browser-Fenster und entfernt dabei alle Frames.

Sie können ein link-Tag bearbeiten, das eine Beziehung zwischen dem aktuellen Dokument und einer anderen Datei definiert.

Anmerkung

Der link-Tag im head-Bereich ist nicht dasselbe wie ein HTML-Link zwischen Dokumenten im body-Bereich.

Wählen Sie im DOM-Bedienfeld oder in der Codeansicht das link-Element aus.

Gib im Eigenschafteninspektor die Link-Meta-Tag- Eigenschaften an.

Href

Die URL der Datei, zu der du eine Beziehung definierst. Klicke auf den Button Durchsuchen, um eine Datei zu durchsuchen und auszuwählen, oder gib einen Pfad in das Feld ein. Beachte, dass dieses Attribut keine Datei angibt, die du im üblichen HTML-Sinne verknüpfst; die Beziehungen, die in einem Link-Element angegeben sind, sind komplexer.

ID

ist ein eindeutiger Bezeichner für den Hyperlink.

Titel:

beschreibt die Beziehung. Dieses Attribut ist besonders relevant für verknüpfte Style Sheets; weitere Informationen findest du im Abschnitt Externe Style Sheets der HTML 4.0-Spezifikation auf der Website des World Wide Web Consortium unter www.w3.org/TR/REC-html40/present/styles.html#style-external.

Rel

Gibt die Beziehung zwischen dem aktuellen Dokument und dem Dokument im Href-Feld an. Mögliche Werte sind Alternate, Stylesheet, Start, Next, Prev, Contents, Index, Glossary, Copyright, Chapter, Section, Subsection, Appendix, Help und Bookmark. Um mehr als eine Beziehung anzugeben, trenne die Werte mit einem Leerzeichen.

Rev

Gibt eine umgekehrte Beziehung (das Gegenteil von Rel) zwischen dem aktuellen Dokument und dem Dokument im Href-Feld an. Mögliche Werte sind dieselben wie für Rel.