Heim  >  Artikel  >  Web-Frontend  >  Überblick über Mikrodaten in HTML5 und Beispiele für deren Verwendung in Suchmaschinen_HTML5-Tutorial-Fähigkeiten

Überblick über Mikrodaten in HTML5 und Beispiele für deren Verwendung in Suchmaschinen_HTML5-Tutorial-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:49:481639Durchsuche

Ich beschäftige mich seit fast einem Monat mit der Website-Optimierung und habe vor ein paar Tagen begonnen, die Webmaster-Tools von Google zu verwenden, und dabei viele Inhalte gefunden, die nicht in den Baidu Webmaster-Tools enthalten sind , „Strukturierte Daten“ „Dieses Element erscheint in der Spalte „Optimierung“. Ist es denkbar, dass diese strukturierten Daten eine Optimierungsmethode für die Google-Suche sind? Fügen Sie Ihre eigene Website hinzu. Betreten Sie diese Seite und stellen Sie fest, dass Sie darauf hingewiesen werden, dass auf meiner Website keine strukturierten Daten erkannt wurden. Aber wie können wir, Neulinge in der Website-Optimierung, ein solches Wort verstehen, dem es an Konzepten mangelt?
Als Google die „Hilfe“-Seite betrat, erwähnte Google „Rich Web Snippets (Mikrodaten, Mikroformate, RDFa und Daten-Highlighter)“, darunter Mikrodaten als die von Google empfohlene Optimierungsmethode, und diese Mikrodaten sind jetzt Rookie HTML5, dem neue Funktionen hinzugefügt werden Verbesserung der Semantik von Webseiten mit dem Ziel, ein datengesteuertes Web aufzubauen, das sowohl für Programme als auch für Benutzer wertvoller ist.

Die HTML5-Mikrodatenspezifikation ist eine Möglichkeit, Inhalte zu markieren, um bestimmte Arten von Informationen zu beschreiben, z. B. Kommentare, Personeninformationen oder Aktivitäten. Jeder Informationstyp beschreibt einen bestimmten Elementtyp, beispielsweise eine Person, eine Aktivität oder eine Rezension. Beispielsweise kann eine Veranstaltung die Attribute Veranstaltungsort, Startzeit, Name und Kategorie enthalten.

Microdata verwendet einfache Attribute in HTML-Tags (häufig oder

), um Elementen und Eigenschaften kurze, beschreibende Namen zu geben. Das folgende Beispiel ist ein kurzer HTML-Textblock, der grundlegende Kontaktinformationen für Bob Smith anzeigt.

Code kopieren
Der Code lautet wie folgt:

>Mein Name ist Wang XX, aber alle nennen mich Wungking. Meine Homepage ist:
www.jb51.net
Ich lebe in Wuhan. Ich bin Programmierer und arbeite derzeit bei Fifth Dynamics.


Hier ist derselbe HTML-Inhalt, getaggt mit Mikrodaten.


Code kopierenDer Code lautet wie folgt:

Mein Name ist 王XX Spitzname" >wungking.
Meine Homepage ist:

Ich lebe in Wuhan. Ich bin Programmierer
Derzeit arbeite ich bei Fifth Dynamics.



Dieses Beispiel wird unten detailliert beschrieben.
1. In der ersten Zeile gibt itemscope an, dass der Inhalt in
itemtype="http://data-vocabulary.org/Person" gibt an, dass es sich bei dem Element um eine Person handelt.
2 Jedes Attribut des Personenelements wird durch das Attribut itemprop="name" identifiziert Der Name der Person.

Eine einfache Einführung in die Verwendung. Schauen Sie sich die Auswirkung an, da diese Art von Markup keine anderen Auswirkungen auf die Webseite (für Benutzer) hat. Hier ist die Auswirkung von Das Google-Testtool:
Dies ist das Ergebnis des strukturierten Datentests auf meiner Homepage. Der Bildtitel nach dem folgenden Element wird dem entsprechenden Element auf der Seite hinzugefügt. Um schnell die effektivsten Informationen zu erhalten, können wir sie noch nicht testen, um die Wirkung zu sehen Interessiert. Wie wäre es mit der Optimierung Ihrer eigenen Website? Da beim Definieren des Itemprop-Typs kein offizielles Tag festgelegt ist, werden nur einige Attributwerte für einige Branchen bereitgestellt. Daher sollten wir hier auf eine Verbesserung warten!
Stellungnahme:
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