Webpage Production Webjx Article Introduction: Tell search engines more information with Rich Web Summarization and Structured Tags (RDFa).
As we all know, search engines (Google Baidu) are a must-fight place for many Internet service providers. Whether it is an e-commerce provider or content provider, they value this battlefield very much. Through various SEO SEM methods, you can get a click from the viewer. So in terms of user experience, what articles can we do on the search engine side? Maybe many people think that apart from the title, description, keywords, we can no longer do anything to help search engines understand this page. Actually, you were wrong. Google has given us a chance to let your users see the interesting useful information on your page more quickly when searching.
Then how can I do it? Introduced the topic:
Enrich web page summary (microdata, microformat and RDFa)This specification seems very abstract and circumvents the mouth. The original meaning of English is Rich snippets (microdata, microformats, and RDFa), which seems to be a little easier to understand. So when it comes to enriching web page snippets and structured data, it is actually front-end engineers who edit HTML source code using microdata, microformats, and RDFa (microdata, microformats, and RDFa) tagging methods, and pass some useful information to search engines (Google) as soon as possible to help Google understand and present your web page information more accurately.
It seems a bit abstract and difficult to understand just using text descriptions. Let’s look at an example below and you will suddenly realize it, ^dish^:
Douban uses RDFa to provide Google with "1988 I want to talk to this world"
What we see is the information that Google gets when crawling the page provided by Douban. The number of ratings in the line below the title is RDFa and then plays a role~~~
So what did Doubans do, how did they talk to the boss of Google, and as a grassroots webmaster, can they talk to this boss? The answer is yes. Of course, Google only supports the following types of information: comments, user profiles, products, merchant information, recipes and events.
Here are three ways to tell Google the secret of your page.
Use microdata to mark content and tell Google the informationMicrodata is actually a specification proposed by HTML5, a type of tagging content to describe a specific type of information. Microdata specifies a brief descriptive name for items and attributes using simple properties in HTML tags (often <span> or <div>).
Here is a simple HTML structure:
<div>My name is Bob Smith but people call me Smithy. Here is my home page:<a href=/upload/201110/201110291316163nw.gif" loaded="true" original="/files/allimg/110818/1750391.gif" oldblock="inline" jquery1313662072609="19" />
Google captures information legends provided by micro data
When you use micro data, you should pay attention to the reference specification set, that is itemtype=http://data-vocabulary.org/Person, of course, when your page describes other information
Reviews (itemtype=http://data-vocabulary.org/Reviews) People(itemtype=http://data-vocabulary.org/Person) Products(itemtype=http://data-vocabulary.org/Products) Businesses and organizations(itemtype=http://data-vocabulary.org/Organizations) Recipes(itemtype=http://data-vocabulary.org/Recipes) Events (itemtype=http://data-vocabulary.org/Events) Video This is a special one and we will talk about using microformats to mark content to tell Google information.Microformats are simple specifications (called entities ) used on web pages that describe specific types of information. Typically, microformats assign a brief descriptive name to an entity and its properties using the class attribute in HTML tags (often <span> or <div>).
Here is a simple HTML structure:
<div> <img src=www.example.com/bobsmith.jpg /> <strong>Bob Smith</strong> Senior editor at ACME Reviews 200 Main St Desertville, AZ 12345</div>
HTML tagged with Microformats
<div class=vcard> <img class=photo src=www.example.com/bobsmith.jpg /> <strong class=fn>Bob Smith</strong> <span class=title>Senior editor</span> at <span class=org>ACME Reviews</span> <span class=adr> <span class=street-address>200 Main St</span> <span class=locality>Desertville</span>, <span class=region>AZ</span> <span class=postal-code>12345</span> </span></div>
Microformats Person Demo
Information captured by Google:
Google crawls into micro format information legend
When using microformats as a structured description, we should pay attention to class= . Google obtains structural information through this class tag:
Reviews (class=hreview) People(class=vcard) Products() Businesses and organizations(class=vcard class=fn org) Recipes(class=hrecipe) Events (class=vevent) Video This is more special and I will talk about using RDFa to mark content to tell Google informationRDFa is a way to mark content and describe a specific type of information. Usually, RDFa uses simple attributes in XHTML tags (often <span> or <div>) to assign a brief descriptive name to entities and attributes.
Here is a simple HTML structure:
<div>My name is Bob Smith but people call me Smithy. Here is my home page:<a href=/upload/201110/20111029131617pr6.gif" loaded="true" original="/files/allimg/110818/1750393.gif" oldblock="inline" jquery1313662072609="23" />
Google crawls the infographic legend provided by RDFa
Use RDFa for tagging, and note that you use the namespace declaration of xmlns at the beginning. Start the structure with xmlns:v=http://rdf.data-vocabulary.org/# namespace declaration, and select a different type to describe. For example, type=v:Person in the above example. Note that when calling the declaration, you must use the ending slash and #
Reviews (typeof=v:Review-aggregate ) People (typeof=v:Person) Products() Businesses and organizations (typeof=v:Organization) Recipes (typeof=v:Recipe) Events (typeof=v:Event) Video This is more special and will be discussed laterThe above briefly introduces the three structured marks. Of course, each rich content structured mark has a description of different entity attributes. I will introduce these contents in more detail later.