Das

-Tag stellt Metadaten zum HTML-Dokument bereit. Die Metadaten werden nicht auf der Seite angezeigt, sind aber maschinenlesbar. Es kann von Browsern (wie Inhalte angezeigt oder Seiten neu geladen werden), Suchmaschinen (Schlüsselw?rter) oder anderen Webdiensten verwendet werden.

　Erforderliche Attribute

屬性	值	描述
content	some text	定義與http-equiv或name屬性相關的元信息

　Optionale Attribute

屬性	值	描述
http-equiv	content-type / expire / refresh / set-cookie	把content屬性關聯到HTTP頭部。
name	author / description / keywords / generator / revised / others	把 content 屬性關聯到一個名稱。
content	some text	定義用于翻譯 content 屬性值的格式。

SEO-Optimierung

Referenzdokumente

• Seitenschlüsselw?rter, jede Webseite sollte über einen eindeutigen Satz von Schlüsselw?rtern verfügen, die den Inhalt dieser Webseite beschreiben.
  Verwenden Sie beschreibende und repr?sentative Schlüsselw?rter und Ausdrücke, nach denen die Leute wahrscheinlich suchen, und beschreiben Sie die auf der Seite bereitgestellten Informationen genau. Markieren Sie Inhalte, die zu kurz sind, da sie sonst von Suchmaschinen als nicht relevant eingestuft werden. Au?erdem sollten Tags 874 Zeichen nicht überschreiten.

<meta name="keywords" content="your tags">

• Seitenbeschreibung Jede Webseite sollte ein Beschreibungs-Tag haben, das nicht l?nger als 150 Zeichen ist und den Inhalt der Seite genau wiedergibt.

<meta name="description" content="150 words">

• Suchmaschinenindexierungsmethode, robotterms ist eine Reihe von durch Kommas (,) getrennten Werten, normalerweise mit den folgenden Werten: none, noindex, nofollow, all, index und follow. Stellen Sie sicher, dass Sie die Attributwerte nofollow und noindex korrekt verwenden.

<meta name="robots" content="index,follow">
<!--
    all：文件將被檢索，且頁面上的鏈接可以被查詢；
    none：文件將不被檢索，且頁面上的鏈接不可以被查詢；
    index：文件將被檢索；
    follow：頁面上的鏈接可以被查詢；
    noindex：文件將不被檢索，但頁面上的鏈接可以被查詢；
    nofollow：文件將不被檢索，頁面上的鏈接可以被查詢。
 -->

• Seitenumleitung und -aktualisierung: Die Zahl im Inhalt gibt die Zeit (Sekunden) an, also wie lange die Aktualisierung dauert. Wenn Sie eine URL hinzufügen, wird diese auf die angegebene Webseite weitergeleitet (Suchmaschinen k?nnen sie automatisch erkennen und sie kann von der Suchmaschine leicht als irreführend angesehen und bestraft werden).

<meta http-equiv="refresh" content="0;url=">

• Andere

<meta name="author" content="author name"> <!-- 定義網頁作者 -->
<meta name="google" content="index,follow">
<meta name="googlebot" content="index,follow">
<meta name="verify" content="index,follow">

Mobile Ger?te

• Ansichtsfenster: kann die Anzeige mobiler Browser optimieren. Wenn die Website nicht reagiert, verwenden Sie Initial-Scale nicht oder deaktivieren Sie die Skalierung.
  Die Ansichtsbreite der meisten 4,7-5-Zoll-Ger?te ist auf 360 Pixel eingestellt; das iPhone 6 ist auf 375 Pixel eingestellt; das iPhone 6 Plus ist auf 414 Pixel eingestellt.

<meta name="viewport" content="width=device-width; initial-scale=1.0;maximum-scale=1.0; user-scalable=no;">
<!-- `width=device-width` 會導致 iPhone 5 添加到主屏后以 WebApp 全屏模式打開頁面時出現黑邊  -->

1. Breite: Breite (Anzahl/Ger?tebreite) (Bereich von 200 bis 10.000, Standard 980 Pixel)
2. H?he: H?he (numerischer Wert / Ger?teh?he) (Bereich von 223 bis 10.000)
3. initial-scale: anf?ngliche Skalierung (im Bereich von >0 bis 10)
4. Mindestma?stab: Der minimale Ma?stab, auf den der Benutzer zoomen darf
5. maximaler Ma?stab: Der maximale Ma?stab, auf den der Benutzer zoomen darf
6. Benutzerskalierbar: ob der Benutzer manuell skalieren kann (nein, ja)
7. minimal-ui: Sie k?nnen die obere und untere Statusleiste beim Laden der Seite minimieren. (Veraltet)

Beachten Sie, dass viele Leute initial-scale=1 auf nicht reagierenden Websites verwenden, was dazu führt, dass die Website mit 100 % Breite gerendert wird und der Benutzer die Seite manuell verschieben oder zoomen muss. Wenn ?user-scalable=no“ oder ?maximum-scale=1“ zusammen mit ?initial-scale=1“ verwendet wird, kann der Benutzer die Webseite nicht vergr??ern/verkleinern, um den gesamten Inhalt anzuzeigen.

• WebApp-Vollbildmodus: Tarn-App, Offline-Anwendung.

<meta name="apple-mobile-web-app-capable" content="yes"> <!-- 啟用 WebApp 全屏模式 -->

• Statusleiste ausblenden/Farbe der Statusleiste festlegen: Wird nur wirksam, wenn der WebApp-Vollbildmodus aktiviert ist. Der Inhaltswert ist standardm??ig |. black |.

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

• Titel zum Startbildschirm hinzugefügt

<meta name="apple-mobile-web-app-title" content="標題">

• Ignorieren Sie die Ziffern und erkennen Sie sie automatisch als Telefonnummern

<meta content="telephone=no" name="format-detection"> 

• Erkennungs-E-Mail ignorieren

<meta content="email=no" name="format-detection">

• Smart-App-Banner hinzufügen Smart-App-Banner: Teilen Sie dem Browser die App mit, die dieser Website entspricht, und zeigen Sie das Download-Banner auf der Seite an (wie unten gezeigt). Referenzdokument

<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL"> 

• Andere Referenzdokumente

<!-- 針對手持設備優(yōu)化，主要是針對一些老的不識別viewport的瀏覽器，比如黑莓 -->
<meta name="HandheldFriendly" content="true">
<!-- 微軟的老式瀏覽器 -->
<meta name="MobileOptimized" content="320">
<!-- uc強制豎屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ強制豎屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC強制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ強制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC應用模式 -->
<meta name="browsermode" content="application">
<!-- QQ應用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 點擊無高光 -->
<meta name="msapplication-tap-highlight" content="no">

Webbezogen

• Deklarationskodierung

<meta charset="utf-8">

• Priorisieren Sie die Verwendung der neuesten Version von IE und Chrome

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- 關于X-UA-Compatible -->
<meta http-equiv="X-UA-Compatible" content="IE=6"><!-- 使用IE6 -->
<meta http-equiv="X-UA-Compatible" content="IE=7"><!-- 使用IE7 -->
<meta http-equiv="X-UA-Compatible" content="IE=8"><!-- 使用IE8 -->

• Browser-Kernel-Steuerung: Viele inl?ndische Browser verfügen über zwei Kerne (Webkit und Trident). Der Webkit-Kern erm?glicht schnelles Surfen, und der IE-Kern ist mit Webseiten und alten Versionen von Websites kompatibel. Websites, die Meta-Tags hinzufügen, k?nnen steuern, welches Kernel-Rendering der Browser w?hlt. Referenzdokument

 <meta name="renderer" content="webkit|ie-comp|ie-stand">

Der Standardkernelmodus inl?ndischer Dual-Core-Browser lautet wie folgt:

　1. Sogou-Hochgeschwindigkeitsbrowser, QQ-Browser: IE-Kernel (Kompatibilit?tsmodus)

　2. 360 Speed ????Browser, Aoyou Browser: Webkit-Kernel (Geschwindigkeitsmodus)

• Dem Browser den Zugriff auf Seiteninhalte aus dem Cache des lokalen Computers verbieten: Mit dieser Einstellung k?nnen Besucher nicht offline surfen.

<meta http-equiv="Pragma" content="no-cache">

• Windows 8

<meta name="msapplication-TileColor" content="#000"> <!-- Windows 8 磁貼顏色 -->
<meta name="msapplication-TileImage" content="icon.png"> <!-- Windows 8 磁貼圖標 -->

• Site-Anpassung: Wird haupts?chlich für die Korrespondenz zwischen PC und mobilen Seiten verwendet.

<meta name="mobile-agent" content="format=[wml|xhtml|html5]; url=url">
<!--
[wml|xhtml|html5]根據手機頁的協議語言，選擇其中一種；
url="url" 后者代表當前PC頁所對應的手機頁URL，兩者必須是一一對應關系。
 -->

• Transkodierungserkl?rung: Das ?ffnen einer Webseite mit Baidu kann dazu führen, dass sie transkodiert wird (z. B. durch das Posten von Werbung). Sie k?nnen das folgende Meta hinzufügen

<meta http-equiv="Cache-Control" content="no-siteapp">

Um den Originaltext zu lesen, klicken Sie bitte hier