Ausführliche Erläuterung von Beispielen für Meta-Tags in HTML

Im Folgenden finden Sie eine Zusammenfassung der Verwendung von HTML-Meta-Tags (empfohlen). Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Editor, um einen Blick darauf zu werfen

Meta-Tag-Funktion

META-Tag ist eines der HTML-Tags HEAD Bereich Schlüssel-Tags stellen grundlegende Informationen wie Dokument Zeichensatz , verwendete Sprache, Autor usw. sowie Einstellungen für Schlüsselwörter und Webseitenebenen bereit. Die wichtigste Rolle besteht darin, die Suche zu aktivieren Suchmaschinenoptimierung (SEO).

PS: Es ist praktisch für Suchmaschinen-Roboter, Internetanwendungen zu suchen und zu klassifizieren.

Wie schreibe ich auf großen Websites? Bevor ich diesen Tag verstand, suchte ich wie folgt nach ihren Meta-Einstellungen auf verschiedenen Mainstream-Websites:

Meta-Einstellungen auf der Homepage von JD.com:

XML/HTML CodeInhalt in die Zwischenablage kopieren

1. < ;

   meta charset="gbk">

2. <

   Meta Name="Beschreibung" Inhalt="Jingdong JD.COM - professionell umfassend Das Online Das Einkaufszentrum verkauft Zehntausende Marken hochwertiger Produkte wie Haushaltsgeräte, digitale Kommunikation, Computer, Haushaltskaufhäuser, Kleidung, Produkte für Mütter und Kleinkinder, Bücher, Lebensmittel usw. Bequeme und ehrliche Dienstleistungen sorgen für ein angenehmes Online-Erlebnis Einkaufserlebnis! "Keywords" Inhalt="Online-Shopping, Online-Einkaufszentrum, Mobiltelefon, Notebook, Computer, MP3, CD, VCD, DV, Kamera, Digital, Zubehör, Uhr , Speicherkarte, Jingdong"

>

3. Meta-Einstellungen auf der Taobao-Homepage: XML/HTML-CodeInhalt in die Zwischenablage kopieren

   Meta-Einstellungen auf der Youku-Homepage:

XML/HTML Code

Kopieren Sie den Inhalt in die Zwischenablage

Metaeinstellungen der Douyu-Homepage:

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="spm-id" content="a21bo">
<meta name="description" content="淘宝网 - 亚洲最大、最安全的网上交易平台，提供各类服饰、美容、家居、数码、话费/点卡充值… 8亿优质特价商品，同时提供担保交易(先收货后付款)、先行赔付、假一赔三、七天无理由退换货、数码免费维修等安全交易保障服务，让你全面安心享受网上购物乐趣！">
<meta name="keyword" content="">

XML/HTML-Code

Inhalt in die Zwischenablage kopieren

Meta-Einstellungen für die Tencent-Homepage:

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="title" content="优酷-中国领先视频网站,提供视频播放,视频发布,视频搜索 - 优酷视频" />
<meta name="keywords" content="视频,视频分享,视频搜索,视频播放,优酷视频" />
<meta name="description" content="视频服务平台,提供视频播放,视频发布,视频搜索,视频分享" />

XML/HTML-Code

Inhalt in die Zwischenablage kopieren

Meta-Einstellungen auf der Homepage von Qidian Novel.com:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="keywords" content="DOTA2,热门游戏直播,游戏直播,高清游戏直播,手机游戏直播,电子竞技直播" />
<meta name="description" content="斗鱼 - 全民直播平台提供高清、快捷、流畅的视频直播和游戏赛事直播服务，包含DOTA2等各类热门游戏赛事直播和各种名家大神游戏直播，内容丰富，推送及时，带给你不一样的视听体验，一切尽在斗鱼 - 全民直播平台。" />

XML/HTML-Code

Inhalt in die Zwischenablage kopieren

Meta-Detaillierte Erklärung

<meta charset="UTF-8">
<meta name="renderer" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="keywords" content="新闻 新闻中心 事实派 新闻频道,时事报道">
<meta name="description" content="腾讯新闻，事实派。新闻中心,包含有时政新闻、国内新闻、国际新闻、社会新闻、时事评论、新闻图片、新闻专题、新闻论坛、军事、历史、的专业时事报道门户网站">
<meta name="author" content="skeetershi" />

Meta-Tag kann in zwei Teile geteilt werden Teile: http-Äquivalent und Name

Variable

. http-equiv

<meta name="keywords" content="小说,小说网,言情小说,青春小说,玄幻小说,武侠小说,都市小说,历史小说,网络小说,原创网络文学" />
<meta name="description" content="小说阅读,精彩小说尽在起点小说。起点小说提供玄幻小说,武侠小说,原创小说,网游小说,都市小说,言情小说,青春小说,历史小说,军事小说,网游小说,科幻小说,恐怖小说,首发小说最新章节免费小说阅读,精彩尽在起点小说！ver:071011热门小说:。" />
<meta http-equiv="Content-Type" id="meta_ContentType" content="text/html;charset=UTF-8" />
<meta name="robots" content="all" />
<meta name="googlebot" content="all" />
<meta name="baiduspider" content="all" />
<meta name="copyright" content="本页版权 www.qidian.com 起点中文网所有。All Rights Reserved" />
<meta http-equiv="mobile-agent" content="format=wml; url=http://m.qidian.com" /><meta http-equiv="mobile-agent" content="format=xhtml; url=http://m.qidian.com" /><meta http-equiv="mobile-agent" content="format=html5; url=http://h5.qidian.com/bookstore.html" />
<meta name="application-name" content="起点中文小说网" /   
<meta name="msapplication-starturl" content="/Default.aspx?_s=ie9" />
<meta name="msapplication-tooltip" content="小说阅读_起点中文小说网|免费小说,玄幻小说,武侠小说,言情小说,青春小说,小说网各类小说下载" />
<meta name="msapplication-task" content="name=起点小游戏;action-uri=http://game.qidian.com/?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/game.ico" />
<meta name="msapplication-task" content="name=藏书架;action-uri=http://me.qidian.com/BookCase/1/1?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/book.ico" />
<meta name="msapplication-task" content="name=读书客户端;action-uri=http://c.qidian.com/android/?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/phone.ico" />
<meta name="msapplication-task" content="name=排行榜;action-uri=http://top.qidian.com/?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/chart.ico" />
<meta name="msapplication-task" content="name=搜索;action-uri=http://sosu.qidian.com/?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/search.ico" />
<meta property="qc:admins" content="204236767661141166375" />

http-equiv entspricht dem Dateiheader von http. Es kann einige nützliche Informationen an den Browser zurückgeben, um dem Browser bei der korrekten Anzeige von Webinhalten zu helfen .

Wert

BeschreibungBeispiel

Inhaltstyp

Legen Sie den von der Seite verwendeten Zeichensatz fest

Wenn GB2312, gibt der Vertreter an, dass die von der Website verwendete Kodierung vereinfachtes Chinesisch ist, wenn UTF-8 stellt die weltweit universelle Sprachkodierung dar. PS: Die Methode für HTML5-Seiten besteht darin, direkt zu verwenden.läuft abLegen Sie die Ablaufzeit der Webseite fest.                Aktualisieren, um automatisch zu aktualisieren und auf die neue Seite zu verweisen. Cookie setzenWenn die Webseite abläuft , dann automatisch ​ ​ ​ ​windows-targetDas Erzwingen der Anzeige der Seite als unabhängige Seite im aktuellen Fenster kann dazu führen, dass Ihre Webseite nicht als Frame-Seite aufgerufen wird von anderencache-controlCaching-Mechanismus ​​​​​Das

Name

Name-Attribut wird hauptsächlich zur Beschreibung von Webseiten verwendet. Der entsprechende Attributwert ist hauptsächlich für Suchmaschinenroboter bestimmt Informationen und Klassifizierungsinformationen.

ISO-8859-1, gibt der Vertreter an, dass die von der Website verwendete Kodierung Englisch ist;
X-UA-kompatibel	Spezielles Tag für IE8, wird verwendet, um den IE8-Browser anzugeben, um eine bestimmte Version der IE-Browser-Rendering-Methode zu simulieren einige Kompatibilitätsprobleme lösen.	Der obige Code teilt dem IE-Browser mit, ob DTDDurch die Festlegung von Dokumentstandards verwendet IE8/9 die IE7-Engine zum Rendern von Seiten. Der obige Code teilt dem IE-Browser mit, dass IE8/9 die IE8-Engine zum Rendern der Seite verwenden wird. Der obige Code teilt dem IE-Browser mit, dass IE8/9 und spätere Versionen die höchste Version von IE zum Rendern verwenden Seite. Der obige Code IE=edge weist IE an, die neueste Engine zum Rendern von Webseiten zu verwenden, und chrome=1 kann Chrome Frame aktivieren. PS: Google fügt ein Plug-in hinzu: Google Chrome Frame (Google eingebetteter Browser FrameworkGCF), dieses Plug-in kann den IE-Browser des Benutzers unverändert lassen, aber wenn Benutzer im Internet surfen, verwenden sie tatsächlich den Google Chrome-Browserkern und unterstützen mehrere Versionen wie IE6, 7 , und 8. IE-Browser.
		PS: Es muss das Zeitformat GMT verwendet werden
		PS: 2 bedeutet, dass die Seite 2 Sekunden lang bleibt und dann zur folgenden URL springt
	Lokale Cookies löschen .	PS: Es muss das GMT-Zeitformat verwendet werden.
		Öffentlich: Zeigt an, dass die Antwort von jedem Cache-Bereich zwischengespeichert werden kann. Privat: Zeigt an, dass die Antwortnachricht für einen einzelnen Benutzer ganz oder teilweise nicht vom gemeinsam genutzten Cache verarbeitet werden kann. Dadurch kann der Server nur eine Teilantwort eines Benutzers beschreiben, die für die Anfragen anderer Benutzer nicht gültig ist. no-cache: Zeigt an, dass die Anforderungs- oder Antwortnachricht nicht zwischengespeichert werden kann. no-store: Wird verwendet, um zu verhindern, dass wichtige Informationen unbeabsichtigt veröffentlicht werden. Das Senden in der Anforderungsnachricht führt dazu, dass sowohl die Anforderungs- als auch die Antwortnachrichten Caching verwenden. max-age: Gibt an, dass der Client Antworten mit einer Lebensdauer erhalten kann, die nicht größer als die angegebene Zeit in Sekunden ist. min-fresh: Gibt an, dass der Client Antworten mit einer Antwortzeit erhalten kann, die kürzer ist als die aktuelle Zeit plus die angegebene Zeit. max-stale: Zeigt an, dass der Client über den Timeout-Zeitraum hinaus Antwortnachrichten empfangen kann. Wenn Sie einen Wert für Max-Stale-Nachrichten angeben, kann der Client Antwortnachrichten empfangen, die den angegebenen Wert des Timeout-Zeitraums überschreiten.

Wert

Beschreibung

Beispiel

Autor

Anmerkung Autor der Webseite

Schlüsselwörter

Seitenschlüsselwörter zur Aufnahme durch Suchmaschinen

Beschreibung

Seitenbeschreibung für die Einbindung in Suchmaschinen

Ansichtsfenster

值	描述	例子
author	标注网页的作者
keywords	页面关键词，用于被搜索引擎收录
description	页面描述，用于搜索引擎收录
viewport	用于控制页面缩放
renderer	指定双核浏览器默认以何种方式渲染页面。	//默认webkit内核//默认IE兼容模式//默认IE标准模式 PS：360浏览器支持
generator	说明网站的采用的什么软件制作
revised	网页文档的修改时间
robots	用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。	取值：all|none|index|noindex|follow|nofollow, 默认all all：文件将被检索，且页面上的链接可以被查询； none：文件将不被检索，且页面上的链接不可以被查询； index：文件将被检索； follow：页面上的链接可以被查询； noindex：文件将不被检索，但页面上的链接可以被查询； nofollow：文件将不被检索，页面上的链接可以被查询。
copyright	网站版权信息

Wird zur Steuerung der Seitenskalierung verwendet

maximum-scale=1, Minimum-scale=1, user-scalable=no“>

renderer

Gibt an, wie Dual-Core-Browser Seiten standardmäßig rendern.

//Standard-Webkit-Kernel/ / Standard-IE-Kompatibilitätsmodus//Standard-IE-Standardmodus

PS: 360-Browser unterstützt

generator

Beschreiben Sie die zum Erstellen der Website verwendete Software

überarbeitet

Änderungszeit des Webdokuments

Roboter td>

Wird verwendet, um dem Suchroboter mitzuteilen, welche Seiten indiziert werden müssen und welche nicht.

Wert: all|none|index|noindex|follow|nofollow, Standard allall: Die Datei wird abgerufen und die Links auf der Seite können Query;

none: Die Datei wird nicht abgerufen und die Links auf der Seite können nicht abgerufen werden abgefragt;

index: die Datei wird abgerufen;

follow: der Link auf der Seite kann abgefragt werden;

noindex: die Datei wird nicht abgerufen, aber die Link auf der Seite kann abgefragt werden. Abfrage;

nofollow: Die Datei wird nicht abgerufen, aber die Links auf der Seite können abgefragt werden.

Urheberrecht

Informationen zum Urheberrecht der Website

Zusammenfassung

Anhand der Metaeinstellungen großer Websites können Sie sehen, dass häufig verwendete Einstellungen X-UA-kompatibel, Schlüsselwörter und Beschreibung umfassen.

[Verwandte Empfehlungen]1.

Kostenloses HTML-Video-Tutorial2. Teilen Sie eine Integration von HTML-Wissenspunkten 3. Lösung verschiedener Situationen, in denen Divs durch Iframes abgedeckt werden4 Lernen Sie, wie Sie Links in HTML einfügen 5. Lernen Sie, wie Sie HTML unter nodejs analysieren

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung von Beispielen für Meta-Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!