Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der Verwendung von 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
Die Rolle des Meta-Tags
META-Tag ist ein Schlüssel-Tag im HEAD-Bereich von HTML-Tags, die Dokumentzeichen bereitstellen. Grundlegende Informationen wie Sammlung, Sprache, Autor usw. sowie Einstellungen für Schlüsselwörter und Webseitenebenen usw. sind für die Suchmaschinenoptimierung (SEO) am nützlichsten.
PS: Es ist für Suchmaschinen-Roboter praktisch, Internetanwendungen zu finden und zu klassifizieren.
Wie schreibe ich auf großen Websites?
Bevor ich diesen Tag verstand, suchte ich auf verschiedenen Mainstream-Websites nach ihren Meta-Einstellungen, wie folgt:
Meta-Einstellungen auf der Homepage von JD.com:
XML/HTML-CodeInhalt in die Zwischenablage kopieren
<meta charset="gbk">
<Meta Name="Beschreibung" Inhalt="JD.COM- Ein Profi umfassendes Online-Einkaufszentrum, das Zehntausende hochwertige Markenprodukte wie Haushaltsgeräte, digitale Kommunikation, Computer, Haushaltskaufhäuser, Kleidung, Produkte für Mütter und Kleinkinder, Bücher, Lebensmittel usw. verkauft. Bequeme und ehrliche Dienstleistungen bieten Ihnen a angenehmes Online-Einkaufserlebnis! >="Schlüsselwörter" Inhalt
=>Meta-Einstellungen auf der Taobao-Homepage: XML/HTML-Code
Inhalt in die Zwischenablage kopieren<
meta
charset="utf-8">
<meta http-equiv="X-UA-Compatible" content
=><meta name= "renderer" content
=><Meta Name="spm-id" Inhalt
=> <Meta Name="Beschreibung" Inhalt
=><meta name= "keyword" content
=>Meta-Einstellungen für die Youku-Homepage :XML/HTML-Code
Inhalt in die Zwischenablage kopieren<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" Inhalt="IE=Edge">
<meta name="title" content="Youku – Chinas führende Video-Website, die Videowiedergabe, Videoveröffentlichung und Video bietet Suche - Youku Video" />
<Meta Name ="keywords" content="Video, Video-Sharing, Videosuche, Videowiedergabe, Youku-Video" />
<Meta Name="Beschreibung" Inhalt = "Videodienstplattform, Bereitstellung von Videowiedergabe, Videoveröffentlichung, Videosuche, Videofreigabe" />
Douyu Metaeinstellungen für die Startseite:
XML/HTML-CodeInhalt in die Zwischenablage kopieren
<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" Inhalt="DOTA2, beliebte Spiel-Live-Übertragung, Spiel-Live-Übertragung , hochauflösende Spiel-Live-Übertragung, mobile Spiel-Live-Übertragung, E-Sport-Live-Übertragung“ />
< Meta Name="Beschreibung" Inhalt=" Douyu – die nationale Live-Übertragungsplattform bietet hochauflösende, schnelle und Reibungslose Video-Live-Übertragung und Live-Übertragung von Spielereignissen. Es umfasst Live-Übertragungen verschiedener beliebter Spielereignisse wie DOTA2 und ist reich an Inhalten und zeitgemäß und bietet Ihnen ein anderes audiovisuelles Erlebnis alles auf Douyu – der nationalen Live-Übertragungsplattform. " />
Meta-Einstellungen für die Tencent-Homepage:
XML/HTML-CodeInhalt in die Zwischenablage kopieren
<Meta charset="UTF-8">
<meta Name="Renderer" Inhalt="Webkit" />
<meta http-equiv="X-UA-Compatible" Inhalt="IE=edge,chrome=1">
<meta name="keywords" content="News News Center Fact News Channel, Current Affairs Report">
<meta name="description" Inhalt="Tencent News, sachlich. Nachrichtencenter, einschließlich Nachrichten zu aktuellen Angelegenheiten, inländischen Nachrichten, internationalen Nachrichten, sozialen Nachrichten, Kommentaren zu aktuellen Angelegenheiten, Nachrichtenbildern, Nachrichtenthemen, Nachrichtenforen, Militär, Geschichte , professionelles Portal zur Berichterstattung über aktuelle Angelegenheiten ">
<Meta Name ="author" content="skeetershi" />
Meta-Einstellungen auf der Homepage von Qidian Novel.com:
XML/HTML-CodeInhalt in die Zwischenablage kopieren
<meta name="keywords" content ="Roman, Roman-Website, Liebesroman, Jugendroman, Fantasy-Roman, Martial-Arts-Roman, Urban Novel, historischer Roman, Online-Roman, Original-Online-Literatur" />
<Meta Name="Beschreibung" Inhalt ="Romanlektüre, wundervolle Romane finden Sie alle in Qidian Novels. Qidian Novels bietet Fantasy-Romane, Kampfkunstromane, Originalromane, Online-Spielromane, urbane Romane, Liebesromane, Jugendromane, historische Romane, Militärromane, Online-Spielromane, Science-Fiction-Romane, Horrorromane, kostenlose Romanlektüre der neuesten Kapitel der ersten Romane, die ganze Spannung steckt in den Ausgangspunktromanen! 🎜> 🎜>="meta_ContentType"
"text/html;charset=UTF-8" /><meta name="robots" content="all"
<meta name ="googlebot" content="all"
<meta name="baiduspider" content="all"
<meta Name="Copyright" Inhalt="Das Urheberrecht dieser Seite www.qidian.com liegt beim Qidian Chinese Network. Alle Rechte vorbehalten“
<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" Inhalt="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" />
meta详解
meta标签可分为两大部分:http-equiv和name变量.
http-äquiv
http-equiv entspricht dem Dateiheader von http. Es kann einige nützliche Informationen an den Browser zurückgeben, die dem Browser helfen, den Inhalt von Webseiten korrekt anzuzeigen.
Wert | Beschreibung | Beispiel | ||||||||||||||||||||||||
Inhaltstyp | Legen Sie den von der Seite verwendeten Zeichensatz fest |
Wenn
| zu verwenden >||||||||||||||||||||||||
X-UA-Compatible | Spezielles Tag für IE8, wird verwendet, um den IE8-Browser anzugeben, um die Rendering-Methode von zu simulieren eine bestimmte Version des IE-Browsers. Dadurch werden einige Kompatibilitätsprobleme gelöst. | Der obige Code teilt dem IE-Browser mit, ob oder Verwenden Sie keine DTD, um Dokumentstandards zu deklarieren, und IE8/9 verwendet die IE7-Engine zum Rendern der Seite. 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 die 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 Embedded Browser Framework (GCF) kann dieses Plug-in den IE-Browser des Benutzers unverändert lassen, aber wenn Benutzer im Internet surfen, verwenden sie tatsächlich den Google Chrome-Browserkern und unterstützt mehrere Versionen von IE-Browsern wie IE6, 7 und 8 . |
||||||||||||||||||||||||
expires | Legen Sie die Ablaufzeit der Webseite fest. | PS: Es muss das GMT-Zeitformat verwendet werden | ||||||||||||||||||||||||
refresh | automatisch aktualisieren und zeigen Neue Seite. | PS: 2 bedeutet, dass die Seite 2 Sekunden lang bleibt und dann zur folgenden URL springt | ||||||||||||||||||||||||
set-cookie | Wenn die Webseite abläuft, wird das lokale Cookie automatisch gelöscht. | PS: Es muss das GMT-Zeitformat verwendet werden. | ||||||||||||||||||||||||
windows-target | Erzwingen Sie die Anzeige der Seite als unabhängige Seite im aktuellen Fenster, das verhindern kann, dass Ihre eigene Webseite von anderen als Frame-Seite aufgerufen wird | td> | ||||||||||||||||||||||||
cache-control | Caching-Mechanismus | Ö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 freigegebenen 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 Antwortnachrichten über den Timeout-Zeitraum hinaus 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. |
Name
Das Namensattribut wird hauptsächlich zur Beschreibung von Webseiten verwendet, und der entsprechende Attributwert ist Inhalt. Der Inhalt wird hauptsächlich von Suchmaschinenrobotern verwendet, um Informationen zu finden Informationen klassifizieren.
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 | wird zur Steuerung des Seitenzooms verwendet td> | |||||||||||||||||||||||||||||
renderer | Gibt an, wie Dual-Core-Browser Seiten standardmäßig rendern. | //Standard-Webkit-Kernel/ / Standard-IE-Kompatibilitätsmodus//Standard-IE-Standardmodus
|
||||||||||||||||||||||||||||||
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 abgefragt werden none : Die Datei wird nicht abgerufen und die Links auf der Seite können nicht abgefragt werden. Index: Die Datei wird abgerufen. Folgen: Die Links auf der Seite können abgefragt werden 🎜>noindex: Die Datei wird nicht abgerufen, aber die Links auf der Seite können abgefragt werden; nofollow: Die Datei wird nicht abgerufen, aber die Links auf der Seite können abgefragt werden. | ||||||||||||||||||||||||||||||
Urheberrecht | Informationen zum Urheberrecht der Website |
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung von Meta-Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!