HTML-Meta-Tag

高洛峰
Freigeben: 2017-02-06 14:16:05
Original
1612 Leute haben es durchsucht

1 Definition und Verwendung von Meta

Das Element kann Metainformationen über die Seite bereitstellen, wie z. B. Beschreibung und Schlüsselwörter für Suchmaschinen und Aktualisierungshäufigkeit. Das

-Tag befindet sich am Kopf des Dokuments und enthält keinen Inhalt. Die Eigenschaften des -Tags definieren die mit dem Dokument verknüpften Name/Wert-Paare.

-Tags befinden sich immer im Head-Element.

Hinweis: Metadaten werden immer in Name/Wert-Paaren übergeben.

Dies ist ein einfaches Meta-Tag, mit dem definiert wird, dass dieser HTML-Code mit UTF-8 analysiert wird.


2 Übersicht

Dies ist der grundlegendste Inhalt, der vom W3C eingeführt wurde

Erforderliche Attribute

HTML-Meta-Tag

Optionale Attribute

HTML-Meta-Tag

3 Tags detaillierte Erklärung

in einem Artikel Im Blog Post ist das Tag in zwei Teile unterteilt: HTTP-Header-Informationen (HTTP-EQUIV) und Seitenbeschreibungsinformationen (NAME).

HTTP-EQUIV

HTTP-EQUIV ähnelt dem HTTP-Header-Protokoll , das dem Browser mit einigen nützlichen Informationen antwortet, um den Inhalt von Webseiten korrekt und genau anzuzeigen.

1. Content-Type und Content-Language (Anzeigezeichensatzeinstellungen)

Verwendung:


Hinweis: Dieses META-Tag definiert den HTML-Zeichensatz Auf der Seite wird GB2132 verwendet, der nationale Standardcode für chinesische Zeichen. Wenn „charset=GB2312“ durch „BIG5“ ersetzt wird, ist der auf dieser Seite verwendete Zeichensatz der traditionelle chinesische Big5-Code. Wenn Sie einige ausländische Websites durchsuchen, werden Sie vom IE-Browser darauf hingewiesen, dass Sie die Sprachunterstützung xx herunterladen müssen, um die Seite korrekt anzuzeigen. Mit dieser Funktion erfahren Sie, welcher Zeichensatz zum Anzeigen der Seite verwendet werden muss, indem das Content-Type-Attribut des META-Tags der HTML-Seite gelesen wird. Wenn der entsprechende Zeichensatz nicht im System installiert ist, fordert der IE zum Herunterladen auf. Auch andere Sprachen entsprechen unterschiedlichen Zeichensätzen. Beispielsweise ist der japanische Zeichensatz „iso-2022-jp“ und der koreanische Zeichensatz „ks_c_5601“.

Inhaltstyp kann auch sein: Text/XML und andere Dokumenttypen: ISO-8859-1 (Englisch), BIG5, UTF-8, SHIFT-Jis, Euc, Koi8 - 2. us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1, x-cns11643-2 und andere Zeichensätze; der Inhalt von Content-Language kann auch sein: EN, FR und andere Sprachcodes.

2. Aktualisierungsbeschreibung: Wie lange (Sekunden) die Webseite aktualisiert werden soll oder wie lange die Webseite automatisch mit anderen Webseiten verknüpft werden soll.

Verwendung:


Hinweis: Die 5 bedeutet, dass die URL nach 5 Sekunden automatisch aktualisiert wird.

3. Ablaufbeschreibung: Geben Sie die Ablaufzeit der Webseite im Cache an. Sobald die Webseite abläuft, muss sie vom Server abgerufen werden.

Verwendung:


Hinweis: Sie müssen das GMT-Zeitformat verwenden oder es direkt auf 0 setzen (die Zahl gibt an, wie lange es bis zum Ablauf dauern wird).

4. Der Cache-Modus legt fest, ob der Browser Seiteninhalte aus dem Cache abrufen kann. Nach Festlegung können Benutzer Webseiten nicht offline lesen.

5. Cookie-Einstellungen Beschreibung: Wenn der Browser auf eine Seite zugreift, wird diese im Cache gespeichert und erneut aufgerufen Beim nächsten Mal kann aus dem Cache gelesen werden, um die Geschwindigkeit zu erhöhen. Deaktivieren Sie das Caching, wenn Sie möchten, dass Besucher das Symbol Ihrer Anzeige jedes Mal aktualisieren oder Ihren Zähler jedes Mal aktualisieren. Normalerweise besteht keine Notwendigkeit, das Caching für HTML-Dateien zu deaktivieren. Für Seiten wie ASP können Sie das Caching deaktivieren, da jede Seite, die Sie sehen, dynamisch auf dem Server generiert wird und das Caching bedeutungslos ist. Wenn die Webseite abläuft, werden die gespeicherten Cookies gelöscht.

Verwendung: Verwendetes GMT-Zeitformat.

6. Anzeigefenstereinstellungen Beschreibung: Erzwingen Sie die Anzeige der Seite als unabhängige Seite im aktuellen Fenster.

Verwendung: Hinweis: Dieses Attribut wird verwendet, um zu verhindern, dass andere Ihre Seite im Frame aufrufen. Inhaltsoptionen: _blank, _top, _self, _parent.

7. RSAC-Bewertung der Webseite Beschreibung: Es gibt eine Inhaltseinstellung in den Internetoptionen des IE, die das Durchsuchen einiger eingeschränkter Websites verhindern kann, und die Einschränkungsstufe der Website wird über diesen Parameter festgelegt.
Verwendung:


Hinweis: blendTrans ist eine Art dynamischer Filter, der einen Fade-Effekt erzeugt. Ein weiterer dynamischer Filter, RevealTrans, kann auch für Seitenein- und -ausstiegseffekte verwendet werden:


Duration stellt die Dauer des Filtereffekts dar (Einheit: Sekunden). )
Übergangsfiltertyp. Gibt an, welcher Spezialeffekt verwendet werden soll. Der Wert liegt zwischen 0 und 23.

0 Rechteck verkleinert sich

1 Rechteck vergrößert sich

2 Kreis verkleinert sich

3 Kreis vergrößert sich

4 Von unten nach oben aktualisieren

5 Von oben nach unten aktualisieren

6 Von links nach rechts aktualisieren

7 Von rechts nach links aktualisieren

8 Vertikaljalousien

9 Horizontaljalousien

10 Versetzte Horizontaljalousien

11 Versetzte Vertikaljalousien

12 Punktverteilung

13 Von links nach rechts aktualisieren

14 Von der Mitte nach links Aktualisieren

15 Von der Mitte nach oben und unten

16 Von oben und unten nach Mitte

17 Von unten rechts nach oben links

18 Oben rechts nach unten links

19 oben links nach unten rechts

20 von unten links nach oben rechts

21 horizontaler Balken

22 vertikaler Balken

23 Wählen Sie zufällig einen der oben genannten 22 Typen aus

9. Meta http-equiv="MSThemeCompatible" Content="Yes"> -Dimensionaler Button-System-Anzeigestil von XP, der Win2K sehr ähnlich ist.

10. IE6 (Seitengenerator) Beschreibung: Der Seitengenerator ist ie6
Verwendung: Hersteller ähnlicher Produkte.

11. Content-Script-Type (skriptbezogen) Beschreibung: Dies ist die aktuelle W3C-Spezifikation, die den Skripttyp auf der Seite angibt.
Verwendung: Das Bewertungssystem von RSAC bietet einen Standard für die Bewertung von Website-Inhalten. Benutzer können Microsoft Internet Explorer (IE3.0 oder höher) so einstellen, dass Websites mit pornografischen und gewalttätigen Inhalten ausgeschlossen werden. Der HTML-Code im obigen Beispiel wurde von der Microsoft-Homepage übernommen.

NAME-Variable

Name beschreibt die Webseite und entspricht dem Inhalt (Webseiteninhalt), um Suchmaschinen-Robots das Auffinden und Klassifizieren zu erleichtern (derzeit verwenden fast alle Suchmaschinen Online-Robots, um automatisch Meta zu finden Wert zur Klassifizierung von Webseiten).

Der Wert von name (name="") gibt die Art der bereitgestellten Informationen an. Einige Werte sind bereits definiert. Zum Beispiel Beschreibung, Schlüsselwort, Aktualisierung usw. Sie können auch andere beliebige Werte angeben, z. B. Erstellungsdatum (Erstellungsdatum), Dokument-ID (Dokumentnummer), Ebene (Ebene) usw. Der Inhalt von

name gibt den tatsächlichen Inhalt an. Beispiel: Wenn Sie „level“ als Wert angeben, kann der Inhalt „Anfänger“, „Mittelstufe“ oder „Fortgeschritten“ lauten.

1. Verwendung von Suchmaschinenschlüsselwörtern: ,“, um Wörter zu trennen. Die übliche Verwendung von META besteht darin, Schlüsselwörter anzugeben, die Suchmaschinen verwenden, um die Suchqualität zu verbessern. Wenn mehrere META-Elemente Informationen zur Dokumentsprachenabhängigkeit bereitstellen, verwenden Suchmaschinen das lang-Attribut, um Suchergebnisse nach der Sprachpräferenz des Benutzers zu filtern und anzuzeigen. Zum Beispiel:


2. Einleitung Beschreibung: Die Beschreibung wird verwendet, um Suchmaschinen den Hauptinhalt Ihrer Website mitzuteilen.
Verwendung: 3. Beschreibung des Roboter-Assistenten: Roboter werden verwendet, um dem Suchroboter mitzuteilen, welche Seiten indiziert werden müssen und welche müssen nicht indiziert werden. Zu den Parametern von Content gehören all, none, index, noindex, follow und nofollow. Der Standardwert ist alle.
Verwendung: Hinweis: Viele Suchmaschinen melden sich auf der Website an, indem sie Robot-/Spider-Suchen veröffentlichen. Spider Es ist notwendig, einige Merkmale des Metaelements zu verwenden, um zu bestimmen, wie man sich anmeldet.

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

keine: Die Datei wird nicht abgerufen und die Links auf der Seite können nicht abgefragt werden; und „noindex, no follow“ spielt die gleiche Rolle)

index: Die Datei wird abgerufen (lassen Sie den Roboter/Spider einloggen)

folgen: Die Links auf der Seite können sein abgefragt;

noindex: Die Datei wird nicht abgerufen, aber die Links auf der Seite können abgefragt werden. (Roboter/Spider nicht zulassen)

nofollow: Die Datei wird nicht abgerufen abgerufen werden, aber die Links auf der Seite können abgefragt werden. (Erlauben Sie Robotern/Spidern nicht, den Links auf dieser Seite zu folgen, um nach unten zu suchen.) 4. Verwendung durch den Autor: : Ihr Name oder der Ihres Produktionsteams oder E-Mail 5. Urheberrechtliche Nutzung: 6. Nutzung durch den Herausgeber: Hinweis: Content="Ihr Editor" 7. revisit-after (revisit) Verwendung:

Andere Verwendung

1. Schema (Schema) Beschreibung: Schema kann verwendet werden, wenn der Name verwendet wird, um anzugeben, wie der Wert des Inhalts interpretiert werden soll.
Verwendung: < ;Meta-Schema ="ISBN" name="identifier" content="0-14-043205-1" /> Hinweis: 2. Link zur Dateiverwendung: Hinweis: Wenn Sie es bei vielen Websites in Ihrem Posteingang speichern, werden Sie feststellen, dass es von einem kleinen Symbol begleitet wird. Wenn Sie darauf klicken, um es erneut einzugeben, werden Sie auch feststellen, dass es auch ein kleines Symbol in der Adressleiste gibt. Jetzt können Sie diese Funktion ganz einfach erreichen, indem Sie diesen Absatz einfach in die Kopfzeile Ihrer Seite einfügen. wird verwendet, um das aktuelle Dokument mit anderen URLs zu verknüpfen, aber es wird keine Link-Schaltfläche vorhanden sein. Es wird wie folgt verwendet:


3. Fügen Sie das Basis-Link-Attribut der Webseite ein. Verwendung:

Zusammenfassung und Ergänzungen

Schwerpunkt auf den Einstellungen von Schlüsselwörtern und Beschreibung

Oben sind einige grundlegende Verwendungen von META-Tags aufgeführt, von denen die wichtigsten sind: die Einstellungen von Schlüsselwörtern und Beschreibung. Warum? Der Grund ist ganz einfach. Diese beiden Aussagen können es Suchmaschinen ermöglichen, Sie genau zu entdecken und mehr Menschen zum Besuch Ihrer Website zu bewegen. Nach dem Arbeitsprinzip beliebter Suchmaschinen (Google, Lycos, AltaVista usw.) senden Suchmaschinen zuerst Roboter suchen automatisch im WWW. Wenn eine neue Website entdeckt wird, ist es einfach, die Schlüsselwörter und die Beschreibung auf der Seite abzurufen, sie zu ihrer eigenen Datenbank hinzuzufügen und die Websites dann nach der Dichte der Schlüsselwörter zu sortieren.

Unter diesem Gesichtspunkt müssen wir daran denken, die META-Tags Schlüsselwörter und Beschreibung hinzuzufügen und die Schlüsselwörter und die Einleitung so gut wie möglich zu schreiben. Andernfalls hat dies folgende Konsequenzen:

Wenn Ihre Seite keine META-Tags für Schlüsselwörter und Beschreibung enthält, können Roboter Ihre Website nicht zur Datenbank hinzufügen und Internetnutzer können keine Suche durchführen für Ihre Website.

Wenn Ihre Keywords nicht gut ausgewählt sind und die Keyword-Dichte nicht hoch ist, ist die Wahrscheinlichkeit, hinter Dutzenden oder sogar Millionen von Websites zu ranken und angeklickt zu werden, ebenfalls sehr gering.

Achten Sie beim Schreiben von Schlüsselwörtern auf die folgenden Punkte:

Verwenden Sie keine gebräuchlichen Wörter. Zum Beispiel www, Homepage, Netz, Web usw.

Verwenden Sie keine Adjektive oder Adverbien. Zum Beispiel am besten, am größten usw.

Verwenden Sie keine allgemeinen Begriffe, sondern seien Sie so präzise wie möglich. Beispielsweise wäre es für „Ericsson Mobile Phone“ besser, stattdessen „T28SC“ zu verwenden.

„Auf einer Reise zu dritt muss ein Lehrer dabei sein.“ Die Technik zum Finden geeigneter Schlüsselwörter ist: Gehen Sie zu bekannten Suchmaschinen wie Google, Lycos, Alta usw., suchen Sie nach Websites mit ähnlichen Inhalten wie Ihrer, Überprüfen Sie die zehn wichtigsten Website-META-Keywords und verwenden Sie sie auf Ihrer Website. Die Wirkung kann man sich vorstellen.

Tipps zur Verbesserung der Klickrate bei der Suche

Um die Klickrate bei der Suche zu erhöhen, finden Sie hier einige „Abkürzungen“, die Ihnen helfen können:

Damit Erhöhen Sie die Dichte der Schlüsselwörter und fügen Sie Schlüsselwörter werden auf der Seite ausgeblendet hinzu (definieren Sie die Textfarbe so, dass sie mit der Hintergrundfarbe übereinstimmt).

Fügen Sie Schlüsselwörter zur ALT-Kommentarangabe des Bildes hinzu. Beispiel: Keywords

Verwenden Sie HTML-Kommentaranweisungen, um dem Seitencode eine große Anzahl von Schlüsselwörtern hinzuzufügen. Verwendung:

Dateikopf, angezeigt im Titelbereich des Browsers Editor.Document">     > ;

4 Mobile Terminal-Thema

Im mobilen Terminal werden neue Meta-Tags verwendet.

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.


width: width (Wert /Gerätebreite) (Bereich von 200 bis 10.000, Standard ist 980 Pixel)

Höhe: Höhe (Zahl/Gerätehöhe) (Bereich von 223 bis 10.000)

Anfangsskalierung: Anfangsskalierung (Bereich von > ;0 bis 10)

Minimalmaßstab: Der minimale Maßstab, auf den der Benutzer zoomen darf.

Maximalmaßstab: Der maximale Maßstab, auf den der Benutzer zoomen darf auf

Benutzerskalierbar: Benutzer Kann manuell reduziert werden (nein, ja)

minimal-ui: Die obere und untere Statusleiste kann beim Laden der Seite minimiert werden. (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: App verkleiden, Offline-Anwendung.

Statusleiste ausblenden/einstellen Statusleistenfarbe: Wird nur wirksam, wenn der WebApp-Vollbildmodus aktiviert ist. Der Wert des Inhalts ist standardmäßig |. black |.

Titel zum Startbildschirm hinzugefügt

Nummern ignorieren und automatisch als Telefonnummern identifizieren

Identifizierende E-Mails ignorieren

Smart-App-Werbebanner hinzufügen Smart-App-Banner: Teilen Sie dem Browser die entsprechende App mit auf diese Website und zeigen Sie das Download-Banner auf der Seite an.


Webseitenbezogen

Deklarationskodierung

Vorrang hat die Verwendung der neuesten Version von IE und Chrome


Browser-Kernel-Steuerung: viele Inländische Browser verfügen über zwei Kerne (Webkit und Trident), der Webkit-Kern wird für schnelles Surfen verwendet und der IE-Kern ist mit Webseiten und älteren Websites kompatibel. Websites, die Meta-Tags hinzufügen, können steuern, welches Kernel-Rendering der Browser wählt. Der Standardkernelmodus inländischer Dual-Core-Browser ist wie folgt:

Sogou-Hochgeschwindigkeitsbrowser, QQ Browser: IE-Kernel (Kompatibilitätsmodus)

360 Speed ​​​​Browser, Aoyou Browser: Webkit-Kernel (Geschwindigkeitsmodus)

Verhindern Sie, dass der Browser auf Seiteninhalte aus dem Cache des lokalen Computers zugreift: Mit dieser Einstellung können Besucher nicht offline surfen.

Windows 8



Transkodierungsanweisung: Das Öffnen einer Webseite mit Baidu kann dazu führen, dass diese transkodiert wird (z. B. durch das Posten von Werbung). Sie können das folgende Meta hinzufügen:

Weitere Artikel zum Thema HTML-Meta-Tags finden Sie auf der chinesischen PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage