HTML -Meta -Tag mit Beispielen erklärt
Die Meta-Tags werden im Kopf-Tag eines HTML-Dokuments deklariert und sind im Weblayout dieser Seite nicht sichtbar. Meta-Tags jeder Webseite können jedoch über die Tastaturverknüpfung überprüft werden Strg+u oder klicken Sie mit der rechten Maustaste an einem beliebigen Ort auf einer Webseite und navigieren Sie zu Seitenquelle anzeigen Möglichkeit.
Im Folgenden finden Sie die Lernergebnisse dieses Leitfadens:
- Die Bedeutung von Meta-Tags
- Arten von HTML-Meta-Tags
- Verwenden von Meta-Tags in einem HTML-Dokument mit Beispielen
Warum Meta-Tags wichtig sind
Einige von Ihnen könnten den Zweck und die Bedeutung der Meta-Tags untersuchen. Dieser Abschnitt bietet einen tiefen Einblick in die Bedeutung von Meta-Tags. Die Meta-Tags sind der wichtigste Spieler in der Suchmaschinenoptimierung einer Webseite. Die Meta-Tags werden von Browsern und Suchmaschinen verwendet, um den Inhalt gemäß der Suche eines Benutzers zu filtern. Darüber hinaus ermöglichen die in Meta-Tags verwendeten Schlüsselwörter Webbrowser, um die spezifische HTML-Seite zu bewerten.
Mehrere bekannte Browser wie Chrome, Firefox, Edge, Safari und Oper unterstützen Meta-Tags. Durch das Üben von richtigen Meta-Tags kann man die folgenden Ergebnisse erzielen:
- Positive Auswirkungen auf die Anzahl der Benutzer, die die Webseite besuchen
- Das Engagement und der Verkehr einer Webseite können erhöht werden
Arten von Meta-Tags
Schauen wir uns vor dem Einstieg in die Verwendung die verschiedenen Arten von Meta-Tags an, die auf einer Webseite verwendet werden können.
- Titel: Das Titel -Tag einer HTML -Seite wird verwendet, um den Zweck dieser Seite in einigen Wörtern anzuzeigen.
- Beschreibung: Wie der Name inszeniert, enthält er ein Stück kurze und präzise Informationen zu einer HTML -Seite. Eine Suchmaschine zeigt die Beschreibung der Webseite unter dem Titel an.
- Revision: Ein Revisionsdatum einer bestimmten Seite kann definiert werden, um anzuzeigen, dass Sie den Inhalt mit der Zeit aktualisieren.
- Aktualisierung: Eine Seite kann automatisch mit diesem Meta -Tag neu geladen werden.
- Umleiten: Man kann die Seite auf andere Seiten umleiten.
- Autor: Der Name des Autors kann mit diesem Tag angegeben werden.
- Charset: Der Zeichensatz wird vom Browser benötigt und mit diesem Meta -Tag wird der Zeichensatz in einem HTML -Dokument definiert.
- Ansichtsfenster: Dieses Meta -Tag legt die Größe und Zoomskala einer HTML -Seite fest.
Wie Meta-Tags verwendet werden
Aus dem obigen Abschnitt hätten Sie die grundlegenden Informationen von HTML-Meta-Tags durchlaufen. Hier haben wir einige Beispiele geliefert, die die Verwendung der oben genannten Meta-Tags demonstrieren:
Titel: Der Titel eines HTML -Dokuments gibt einen Überblick in einigen Wörtern. Der Titel eines HTML -Dokuments wird oben im Webbrowser angezeigt, wie im Bild unten gezeigt:
Ein Titel-Meta-Tag kann im Kopf-Tag eines HTML-Dokuments erstellt werden. Zum Beispiel haben wir einen Titel-Meta-Tag erstellt, wie im folgenden Bild gezeigt:
Beschreibung: Eine kurze und bis zur Punktbeschreibung zu einer HTML -Seite wird mithilfe des Beschreibungs -Tags bereitgestellt. Das folgende Bild zeigt die Verwendung von Beschreibungs -Tags. Es wird empfohlen, eine Beschreibung von bis zu 160 Zeichen zu schreiben.
Revision: Dieser Meta-Tag wird verwendet, um das Aktualisierungsdatum der Seite zu bezeichnen. Es wird empfohlen, Ihre Inhalte häufig zu aktualisieren und dieses Tag zu verwenden, um das Datum des aktuellen Updates anzuzeigen. Dies würde dazu beitragen, Ihre HTML -Seite zu bewerten. Das folgende Bild zeigt, dass am 1.1.2022 der Inhalt dieser Seite aktualisiert wurde:
Aktualisierung: Für die automatische Aktualisierung kann dieses Meta -Tag verwendet werden, um die Zeitlimit für eine automatische Aktualisierung anzugeben. Im folgenden Bild wird die Zeit für die automatische Refresch auf 11 Sekunden eingestellt:
Darüber hinaus kann das gleiche Meta -Tag verwendet werden, um die URL im Inhaltsattribut anzugeben. Ihre Seite wird nach Erreichen der angegebenen Frist in diese URL weitergeleitet. Beispielsweise zeigt das folgende Bild, dass die Seite auf www weitergeleitet wird.LinuxHint.com nach 8 Sekunden:
Autor: Eine Website umfasst mehrere HTML -Seiten und diese Seiten können von mehreren Autoren erstellt werden. Um Credits zu geben, kann der Name des Autors im Meta -Tag definiert werden. Das folgende Bild zeigt beispielsweise, dass der Autor dieser Seite ist Mike Anroz:
Charset: Die meisten Browser verwenden UTF-8, um Zeichen auf einer Webseite zu codieren. Man kann jedoch ASCII verwenden, aber es wurde durch UTF-8 ersetzt. Immer wenn ein HTML-Meta-Tag in HTML-Editoren wie Sublime Text und VS-Code gestartet wird, werden Sie feststellen, dass das Zeichen automatisch auf UTF-8 festgelegt wird:
Ansichtsfenster: Mit der Ansichtsfensterfunktion können Sie Ihre HTML -Seite mit mehreren Geräten kompatibel machen. A Charset Und Ansichtsfenster Meta-Tags werden standardmäßig in mehreren HTML-Editoren wie Sublime Text aufgerufen. Der Ansichtsfenster wird hier verwendet und das folgende Bild zeigt die Größe und Zoomskala des HTML -Bildes:
Abschluss
Die Meta -Tags helfen dabei, die Inhalte einfach und effizient zu erstellen. Obwohl diese Tags nicht sichtbar sind, fungieren sie als Geisterspieler in SEO. Dieser Artikel enthält die Demonstration mehrerer Meta-Tags, die in einem HTML-Dokument verwendet werden. Nach diesem Leitfaden erhalten Sie ein grundlegendes Verständnis verschiedener Arten von Meta-Tags, ihrer Bedeutung und der Verwendung auf einer HTML-Seite.