Meaning of meta tags and meta property=og tags in html

Source: Internet
Author: User

Meta is an auxiliary tag in the head area. Its main functions are: Search engine optimization (SEO), define the language of the page, automatically refresh and point to the new page, to achieve the dynamic effect of Web page conversion, control page buffering, page rating evaluation, control the page Display window and so on!

The META tag has two properties, each of which is the Http-equiv property and the Name property.

Http-equiv Property1, <meta http-equiv= "Content-type" contect= "text/html"; charset=gb_2312-80 "> <meta http-equiv=" Content-language "contect=" ZH-CN "> to illustrate the text and language used for home page production, as well as the iso-8859-1 character set in English, BIG5, Utf-8, Shift-jis, Euc, Koi8-2 and other character sets, 2, <meta http-equiv= "Refresh" contect= "N;url=http://yourlink" > Timed to let the page within the specified time n, jump to the page Http://yourlink ; 3, <meta http-equiv= "Expires" contect= "mon,12 May 2001 00:20:00 GMT" > can be used to set the expiration time of a webpage and must be recalled to the server once it expires. Note that the GMT time format must be used, 4, <meta http-equiv= "Pragma" contect= "No-cache" > is used to set the browser from the local computer cache to access the content of the page, After the setting, once left the page can not be recalled from the cache, 5, <meta http-equiv= "Set-cookie" contect= "mon,12 May 2001 00:20:00 GMT" >cookie set, if the page expires, The saved cookie will be deleted. Note that you must also use GMT time format, 6, <meta http-equiv= "Pics-label" contect= "" > Web page rating, there is a content setting in Internet options of IE to prevent browsing some restricted websites , and the site's limit level is set by the meta attribute, 7, <meta http-equiv= "Windows-target" contect= "_top" > Force page in the current window as a separate page display, You can prevent your webpage from being called by others as a frame page; 8, <meta http-equiv= "Page-enter" contect= "Revealtrans (duration=10,transtion=)" > and <meta http-equiv= "Page-eXIT "contect=" Revealtrans (duration=20,transtion=6) > Set special effects when entering and leaving the page, which is "format/page Transitions" in FrontPage, However, the added page cannot be a frame page. &NBSP;2, Name property

The name attribute is mainly used to describe the Web page, and its corresponding property value is content,content content is mainly convenient for search engine robot to find information and classification information.

The syntax format for the META tag's Name property is:

1 <metaname="参数" content="具体的参数值">。

Where the name attribute mainly has the following parameters:

A, Keywords (keywords) 

Description: Keywords is used to tell search engines what keywords are on your page.

Example:

1 <metaname="keywords" content="">

B, description (Website content description)

Description: Description is used to tell search engines the main content of your website.

Example:

1 <metaname="description" content="">

C, Robots (Robot Wizard)

Description: Robots is used to tell the search robot which pages need to be indexed and which pages do not.

The content parameters are all,none,index,noindex,follow,nofollow. The default is all.

Example:

1 <metaname="robots" content="none">

The specific parameters are as follows:

The information parameter is all: The file will be retrieved and the link on the page can be queried;

The information parameter is none: The file will not be retrieved, and the link on the page can not be queried;

The information parameter is index: The file will be retrieved;

The information parameter is follow: the link on the page can be queried;

The information parameter is NOINDEX: The file will not be retrieved, but the link on the page can be queried;

The information parameter is nofollow: The file will be retrieved, but the link on the page can not be queried;

D, author (author)

Description: The author of the callout page

Example:

1 <metaname="author" content="[email protected]">

E, generator

1 <metaname="generator" content="信息参数"/>

Meta tag of the generator information parameter, which represents the description of what the website uses for software production.

F, Copyright

1 <metaname="copyright" content="信息参数">

Meta tag of the copyright information parameters, representative of the website information.

G, Revisit-after

1 <metaname="revisit-after" content="7days">

Revisit-after on behalf of the site re-visit, 7days for 7 days, and so on.

What is the Meta property=og tag?
OG is a new HTTP header tag, the Open Graph Protocol:

The Open Graph Protocol enables any Web page to become a rich object in a social graph.+ n3}

That is, the protocol can make a Web page a "rich media object."
Using meta Property=og tags, you agree that Web content can be referenced by other social web sites, etc., the current agreement by SNS sites such as Fackbook, Renren adoption.
SNS has become a popular application on the Web, high-quality content through sharing among friends quickly spread. In order to improve the efficiency of external content dissemination, Facebook unveiled a set of open-content agreements at the F8 Conference in 2010 (open Graph Protocol), where SNS can extract the most effective information from the page and present it to the user as long as the agreement is adhered to.

Reference URL: https://www.cnblogs.com/zhongxinWang/p/4105915.html

Meta tags and meta property=og tag meanings in HTML

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.