> ## Documentation Index
> Fetch the complete documentation index at: https://dokumentation.websale.de/llms.txt
> Use this file to discover all available pages before exploring further.

# head-Bereich

> Der head-Bereich in WEBSALE V8s-Templates: Meta-Angaben, Base-Element, Zeichencodierung, Canonical-Anweisung und der WS-Config-Bereich.

Das `<head>`-Element ist in allen HTML-Standards ein Pflicht-Element und enthält im Wesentlichen Informationen über den Inhalt der HTML-Seite. In den Templates von WEBSALE V8s können Sie alle `<head>`-Elemente nutzen, die dem HTML-Standard entsprechen.

Bestimmte `<head>`-Elemente sind auch bei WEBSALE V8s Pflicht und müssen mit bestimmten WEBSALE-Tags eingebunden werden. Diese Elemente sind auf dieser Seite beschrieben: die Meta-Angaben, das Base-Element, die Zeichencodierung, die Canonical-Anweisung und der WS-Config-Bereich.

## Meta-Angaben

Als Meta-Angaben bezeichnet man allgemein Daten, die Informationen über andere Daten enthalten. In HTML gibt es dafür das Meta-Element, mit dem im `<head>`-Bereich (und nur dort) Zusatzangaben bereitgestellt werden können, die das Parsen der Datei oder die Verwaltung des Dateiinhalts erleichtern sollen.

Mit WEBSALE V8s können Sie beliebig viele Meta-Elemente nutzen. Für einige Meta-Elemente stellt Ihnen WEBSALE sogar spezielle WEBSALE-Tags zur Verfügung.

Sie können ganz einfach auf allen Templates Meta-Informationen integrieren. Fügen Sie dazu einfach die gewünschten Meta-Tags innerhalb des `<head>`-Bereiches Ihrer Seite ein.

### Meta-Robots-Tag

Mit dem Meta-Robots-Tag entscheiden Sie, ob eine HTML-Datei für eine Suchmaschine auffindbar sein soll oder nicht. Damit ist er einer der wichtigsten Meta-Tags und sollte immer innerhalb des `<head>`-Bereichs des Templates platziert werden.

Mit dem Tag [`WS-RobotControl`](https://dokumentation.websale.de/v8s/referenz/tags/ws/suche-listen-und-blaettern#die-tags-im-uberblick) steuert WEBSALE V8s automatisch die Angabe von "index,follow" oder "noindex,nofollow".

```html theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}}
<head>
   ...
   <meta name="robots" content="~WS-RobotControl~">
   ...
</head>
```

Weitere Informationen finden Sie in der Referenz unter WS-RobotControl sowie in den Wegweisern Robots-Angabe im HTML-Head und Suchmaschinen mit "robots.txt" steuern.

### Meta-Description- und Keywords-Tag

Für die Kurzbeschreibung description und die keywords können Sie auf der Produktübersichtsseite (ws\_category.htm) und der Produktdetailansicht (ws\_product.htm) auf WEBSALE-Tags zurückgreifen, mit denen Sie die Informationen dynamisch pro Kategorie und/oder Produkt erstellen lassen können.

Beispiel für Kategorien:

```html theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}}
<head>
   ...
   <meta name="description" content="{CAT-Descr}~CAT-Descr_StripHtml~{/CAT-Descr}">
   <meta name="keywords" content="~CAT-Name_StripHtml~ {CAT-FreeField2}~CAT-FreeField2~{/CAT-FreeField2}">
   ...
</head>
```

Beispiel für Produkte:

```html theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}}
<head>
   ...
   <meta name="description" content="{PR-Descr}~PR-Descr_StripHtml~{/PR-Descr}">
   <meta name="keywords" content="~PR-Name_StripHtml~">
   ...
</head>
```

Weitere Informationen finden Sie in den Wegweisern [Beschreibung einer Kategorie](https://dokumentation.websale.de/v8s/kategorien/beschreibung-einer-kategorie.md) und [TopRank konfigurieren und aktivieren](https://dokumentation.websale.de/v8s/seo/seo-optimierung-mit-toprank.md).

## Base-Element

Mithilfe des Base-Elementes legen Sie die Basis für alle relativen Verweise auf Ihren Templates fest.

Das Basis-Verzeichnis eines WEBSALE-Onlineshops ist immer das Subshop-Templateverzeichnis.

Um immer eine korrekte Referenzierung zur Basis zu gewährleisten, muss das Base-Element immer mit dem Tag [URL-Template](https://dokumentation.websale.de/v8s/referenz/tags/url-internetadresse.md#die-tags-im-uberblick) angegeben werden:

```html theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}}
<head>
   ...
   <base href="~URL-Template~">
   ...
</head>
```

Weitere Informationen finden Sie in der Referenz unter URL-Template.

## Zeichencodierung

WEBSALE V8s weiß, dass die Verwendung von UTF-8 nicht nur die Erstellung von Seiten einfacher macht, sondern dass dadurch auch unerwartete Resultate bei der Übertragung von Formularen und bei der Codierung von URLs, wo auch die Zeichencodierung des Dokuments als Grundlage verwendet wird, verhindert werden können.

Die Angabe der Codierung mit UTF-8 ist aber aufgrund technischer Abhängigkeiten nicht zulässig: Einige eventuell angeschlossene Drittanbieter(-Systeme) in Deutschland und vielen anderen Ländern weltweit unterstützen UTF-8 noch nicht vollständig. Dies kann beispielsweise Payment, Bonitätsprüfung, Suchdienstleister, Warenwirtschaftssysteme oder Logistiker betreffen.

Bitte verwenden Sie stattdessen einen korrekten ISO-Zeichensatz. Wenn die Texte der Shop-Oberfläche und die Produktdaten für ein bestimmtes Land beziehungsweise eine bestimmte Sprache lokalisiert werden müssen, ist lediglich der für diese Sprache passende ISO-Zeichensatz für diesen Shop vorzusehen.

Da der von WEBSALE bereitgestellte Muster-Shop in deutscher Sprache ausgeliefert wird, wird als charset die Zeichencodierung ISO-8859-1 verwendet:

```html theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}}
<head>
   ...
   <meta charset="ISO-8859-1">
   ...
</head>
```

Weitere Informationen finden Sie im Wegweiser [Sprache, Zeichensatz und Datumsformat vorgeben](https://dokumentation.websale.de/v8s/einstellungen/sprache-zeichensatz-und-datumsformat.md).

## Canonical-Anweisung

Das Canonical-Tag ist ein weiterer Schritt der Suchmaschinenbetreiber, um des "Duplicate Contents" Herr zu werden. Duplicate Content liegt vor, wenn zwei oder mehrere Seiten mit unterschiedlichen URLs gleiche oder fast gleiche Inhalte zeigen. Das kann sich negativ auf das Suchmaschinen-Ranking Ihres Onlineshops auswirken.

Fügen Sie deshalb die Canonical-Anweisung mit dem Tag [`WS-RobotCanonical`](https://dokumentation.websale.de/v8s/referenz/tags/ws/suche-listen-und-blaettern#die-tags-im-uberblick) in den `<head>`-Bereich eines jeden Templates ein und passen Sie die Ausgabe des Tags zur Vermeidung von Duplicate Content an:

```html theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}}
<head>
   ...
   <link rel="canonical" href="~WS-RobotCanonical~">
   ...
</head>
```

Weitere Informationen finden Sie im Wegweiser Canonical-Anweisung im HTML-Head sowie in der Referenz unter WS-RobotCanonical.

## WS-Config: Setzen von Konfigurationsparametern

In diesem Bereich werden diverse Konfigurationsparameter übergeben, die Template-spezifisch verwendet werden sollen. Der Bereich wird als HTML-Kommentar im Header des Templates eingefügt, in dem die Konfigurationsparameter gültig sein sollen:

```html theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}}
<!--{WS-Config}
   ...
   PMPositionType = css_ul
   ...
{/WS-Config}-->
```

Weitere Informationen finden Sie in der Referenz unter [WS-Config](https://dokumentation.websale.de/v8s/referenz/tags/ws/shop-seite-und-technik.md).


## Related topics

- [Aufrufen der Release-Version](https://dokumentation.websale.de/v8s/domains/aufrufen-der-release-version.md)
- [ContentControl- (Weiterleitungskonzept für Inhalte aus Drittsystemen)](https://dokumentation.websale.de/v8s/referenz/tags/contentcontrol.md)
- [Cookies](https://dokumentation.websale.de/v8s/einstellungen/cookies.md)
- [Integration von FINDOLOGIC](https://dokumentation.websale.de/v8s/externe-dienste/integration-von-findologic.md)
- [Tracking einbinden](https://dokumentation.websale.de/v8s/funktionen-zur-shop-optimierung/tracking-einbinden.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.