Heim > Artikel > Web-Frontend > Häufig verwendete Metaorganisation
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).
<pre class="brush:html;toolbar:false"><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 全屏模式打开页面时出现黑边 -->
- Breite: Breite (Anzahl/Gerätebreite) (Bereich von 200 bis 10.000, Standard 980 Pixel)
- Höhe: Höhe (numerischer Wert / Gerätehöhe) (Bereich von 223 bis 10.000)
- initial-scale: anfängliche Skalierung (im Bereich von >0 bis 10)
- Mindestmaßstab: Der minimale Maßstab, auf den der Benutzer zoomen darf
- maximaler Maßstab: Der maximale Maßstab, auf den der Benutzer zoomen darf
- Benutzerskalierbar: ob der Benutzer manuell skalieren kann (nein, ja)
- 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
<!-- 针对手持设备优化,主要是针对一些老的不识别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