Detaillierte Erklärung zur Verwendung des <meta>-Tags in HTML

Detaillierte Erklärung zur Verwendung des <meta>-Tags in HTML

Wenn wir möchten, dass mehr Leute die von uns erstellten Webseiten besuchen, verwenden wir am besten Suchmaschinen, um die URL zu finden. Ihre Webseite muss also Schlüsselwörter enthalten, die von Suchmaschinen identifiziert werden können. Das <meta>-Tag in HTML ist also diese Funktion. Schreiben Sie die wichtigsten Informationen dieser Seite hinein, damit Suchmaschinen sie identifizieren können. Lassen Sie uns nun darüber sprechen, wie Sie <meta> verwenden:

<Kopf>
<title>Kumpel</title>
<meta http-equiv="Inhaltstyp" Inhalt="Anwendung/xhtml+xml; Zeichensatz=UTF-8" />
<meta name="author" content="Erwin Aligam - styleshout.com" />
<meta name="description" content="Site-Beschreibung hier" />
<meta name="Schlüsselwörter" content="Schlüsselwörter, hier" />
<meta name="robots" content="index, folgen, kein Archiv" />
<meta name="googlebot" content="noarchive" />
</Kopf>

1. Verwendung von Attributen

Dies ist ein einfaches Beispiel. Dieses Tag wird in <head> geschrieben und ist für Benutzer nicht sichtbar. Es hängt von Ihren eigenen Anforderungen ab, ob Sie diese Funktionen benötigen. Die Hauptattribute des Tags sind http-equiv und name.

http-equiv ist wie die Header-Datei von http, die einige nützliche Informationen an den Browser senden kann, um den gewünschten Inhalt besser anzuzeigen. Der Wert des http-equiv-Attributs kann Inhaltstyp, Ablaufdatum, Aktualisierung usw. sein.

Name: Dieses Attribut wird hauptsächlich zur Beschreibung der Webseite verwendet. Der Wert des Namensattributs kann sein: Autor, Beschreibung, Schlüsselwörter, Generator usw.

2. Anwendung des Namensattributs

Die Verwendung von Namen ist in den obigen Beispielen wie Schlüsselwörtern und Beschreibungen zu sehen. Gemäß dem Arbeitsprinzip von Suchmaschinen schließen Suchmaschinen zunächst die Schlüsselwörter und Beschreibungen auf der Seite aus, die von Robotern automatisch abgerufen werden, und fügen sie ihrer eigenen Datenbank hinzu. Anschließend sortieren sie die Websites entsprechend der Dichte der Schlüsselwörter. Daher sind diese beiden Attribute sehr wichtig.

Hinweis: Der Inhalt der Schlüsselwörter sollte auf 36 Zeichen begrenzt sein.

Der Inhalt der Beschreibung sollte auf 76 Zeichen begrenzt sein.

Diese beiden müssen zusammen verwendet werden

Zusammenfassen

Oben finden Sie eine ausführliche Erklärung zur Verwendung des <meta>-Tags in HTML. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und ich werde Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!

<<:  So stellen Sie ein Linux-System automatisch mit PXE bereit

>>:  Detaillierte Erklärung der CSS-Elastic-Box Flex-Grow, Flex-Shrink und Flex-Basis

Artikel empfehlen

Detaillierte Erklärung gängiger Docker-Befehle

1. Hilfe-Befehl 1. Aktuelle Docker-Version anzeig...

Implementierung einer Warenkorbfunktion basierend auf Vuex

In diesem Artikelbeispiel wird der spezifische Co...

Unterschiede zwischen MySQL CHAR und VARCHAR beim Speichern und Lesen

Einführung Kennen Sie wirklich den Unterschied zw...

So implementieren Sie die Seiten-Screenshot-Funktion in JS

„Seiten-Screenshot“ ist eine Anforderung, die häu...

Lösen Sie schnell das Problem des langsamen Tomcat-Starts, super einfach

Heute habe ich einem Klassenkameraden geholfen, e...

Lösung für mehrere Docker-Container, die nicht die gleiche Portnummer haben

Hintergrund In Docker werden vier Container mit d...

IIS7 IIS8 Reverse-Proxy-Regeln schreiben, installieren und konfigurieren

Zweck: Station A als sekundäres Verzeichnis von S...

Detailliertes Tutorial zur Überwachung von Nginx/Tomcat/MySQL mit Zabbix

Inhaltsverzeichnis Zabbix überwacht Nginx Zabbix ...

JavaScript implementiert schnell Kalendereffekte

In diesem Artikelbeispiel wird der spezifische Ja...

So betreiben Sie eine MySql-Datenbank mit Gorm

1. Festlegen der Groß-/Kleinschreibung von Felder...

Kurs zur Web-Frontend-Entwicklung Was sind die Web-Frontend-Entwicklungstools

Mit der Entwicklung der Internettechnologie werde...

Zusammenfassung der Blockelemente, Inline-Elemente und variablen Elemente

Blockelement p - Absatz Text vorformatieren Tisch ...

Ubuntu führt regelmäßig Beispielcode eines Python-Skripts aus

Originallink: https://vien.tech/article/157 Vorwo...

So öffnen Sie Port 8080 auf dem Alibaba Cloud ECS-Server

Aus Sicherheitsgründen verfügt Alibaba Cloud Serv...