Summary of micro-data in HTML5 and examples of use in search engines

Source: Internet
Author: User

Comments: HTML5 micro-data standards are a way of marking content, used to describe specific information types, such as comments, character information or activities. Micro-data uses simple attributes in HTML tags (often span> or div) to specify brief descriptive names for items and attributes for website optimization almost a month, I also had some knowledge about General seo technologies. I used Google's webmaster tool a few days ago and found some content that was not found in many Baidu webmaster tools, here, "Structured Data" appears in the "optimization" column. It is conceivable that this structured data is an optimization method for Google search? Add your own website to enter this page and find that it prompts that no structured data is detected on my website. But how can we understand this kind of website optimization newbie with such a lack of concepts?
On Google's "help" Page, Google mentioned "a wide range of webpage summaries (micro-data, microformats, RDFa, and data highlighter)". Among them, micro-data is the optimization method recommended by Google, this micro-data is a new feature that HTML5 has added to enhance the semantic nature of web pages. It aims to build a data-driven web that is more valuable to users and programs.

HTML5 micro-data standards are a way of marking content, used to describe specific information types, such as comments, character information or activities. Each type of information describes a specific type of item, such as a person, activity, or comment. For example, an activity can contain the venue, starting time, name, and category attributes.

Micro data uses simple attributes in HTML tags (often <span> or <div>) to specify brief descriptive names for items and attributes. The following example shows a brief HTML text block that displays the basic contact information of Bob Smith.

The Code is as follows:
<Div>
My name is Wang XX, but everyone calls me wungking. My homepage is:
<A href = "http://www.jb51.net"> www.jb51.net </a>
I live in Wuhan. I am a programmer and I am currently working at the fifth power.
</Div>

The following is the same HTML content marked with micro data.

The Code is as follows:
<Div itemscope itemtype = "http://data-vocabulary.org/Person">
My name is <span itemprop = "name"> Wang XX </span>
However, we call it <span itemprop = "nickname"> wungking </span>.
My homepage is:
<A href = "http://www.jb51.net" itemprop = "url"> www.jb51.net </a>
I live in Wuhan. I am a <span itemprop = "title"> programmer </span>
He is currently working at <span itemprop = "affiliation"> fifth power </span>.
</Div>

This example is described in detail below.
1. In the first line, itemscope indicates that the content in <div> is an item. Itemtype = "http://data-vocabulary.org/Person indicates that this item is a character.
2. Each attribute of a character item is identified by the itemprop attribute. For example, itemprop = "name" describes the name of a person.

This is a simple usage introduction. Let's take a look at the effect, because this tag won't have any different effect on the web page (for the user), so paste it here to see the effect of Google's 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 elements on the page. When Google crawls your page, this structured tag can be used to quickly obtain the most effective information. As to whether it has any effect on website rankings, we can't test it now. We can only optimize it to see the effect first.

Do webmasters really want to optimize their websites? Because there is no official tag set when defining the itemprop type. We only provide some property values for some industries. So we will wait for them to be improved!

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.