Overview of microdata in HTML5 and examples of its use in search engines

Overview of microdata in HTML5 and examples of its use in search engines_html5 tutorial skills

WBOY

Release： 2016-05-16 15:49:48

Original

1639 people have browsed it

I have been doing website optimization for almost a month, and I have some understanding of the general technology of SEO. I started using Google's Webmaster Tools a few days ago, and found a lot of content that was not in Baidu Webmaster Tools. Among them, "Structured Data" "This item appears in the "Optimization" column. It is conceivable that this structured data will be an optimization method for Google search? Add your own site Enter this page and find that it prompts that no structured data has been detected on my website, but how can we, novices in website optimization, understand such a word that lacks concepts?
Entering Google’s “Help” page, Google mentioned “Rich web snippets (microdata, microformats, RDFa and data highlighter)”, among which microdata is the optimization method recommended by Google, and this microdata is now Rookie HTML5 adds new features to enhance the semantics of web pages, aiming to build a data-driven web that is more valuable to both programs and users.

The HTML5 microdata specification is a way to mark up content to describe specific types of information, such as comments, person information, or activity. Each type of information describes a specific type of item, such as a person, activity, or review. For example, an event can contain venue, starting time, name, and category attributes.

Microdata uses simple attributes in HTML tags (often or

) to give items and properties brief, descriptive names. The following example is a short block of HTML text that displays basic contact information for Bob Smith.

Copy code

The code is as follows:

My My name is Wang XX, but everyone calls me wungking. My homepage is:
www.jb51.net
I live in Wuhan. I am a programmer and currently work at Fifth Dynamics.

Here is the same HTML content tagged with microdata.

Copy code

The code is as follows:

My name is 王XX
But everyone calls me wungking.
My homepage is:
www.jb51.net
I live in Wuhan . I am Programmer
Currently working at Fifth Dynamics.

This example is detailed below.
1. In the first line, itemscope indicates that the content in

is an item. itemtype="http://data-vocabulary.org/Person" indicates that the item is a person.
2. Each attribute of the person item is identified by the itemprop attribute. For example, itemprop="name" describes the name of the person.

A simple usage introduction, take a look at the effect, because this kind of markup will not have any different effect on the web page (for users), so here is the effect of the Google test tool:
This is the result of the structured data test on my homepage. The image title after the item below is added to the corresponding element in the page. When Google crawls your page, it uses this structured markup. To quickly obtain the most effective information. As for whether it has any effect on website ranking, we can’t test it yet. We can only optimize it first to see the effect.

Seeing this, webmasters are very interested. How about optimizing your own site? Because there is no official tag set when defining the itemprop type, only some attribute values for some industries are provided, so we should wait for its improvement here!

Related labels：

search engine

source：php.cn

Previous article：How to let versions below IE9 (ie6/7/8) recognize html5 elements_html5 tutorial skills Next article：html5 drag and drop upload image example demonstration_html5 tutorial skills

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn