The META tag provides metadata about the HTML document. It can be used to "tell" browsers how to display content, reload pages, search engines to specify keywords, or for other Web services.
Meta Label Properties
property |
|
description |
content |
some text |
Defines meta-information related to the HTTP-EQUIV or Name property |
Optional properties
Properties |
value |
Description |
Http-equiv |
Content-type/expire/refresh/set-cookie |
Associate the Content property to the HTTP header. |
Name |
Author/description/keywords/generator/revised/others |
Associate the Content property to a name. |
Content |
Some text |
Defines the format used to translate content property values. |
Search Engine SEO Optimization
- page Keywords: each page should have a unique set of keywords that describe the content of the page.
Use descriptive and Representative keywords and phrases that people may search for and accurately describe the information provided on the page. Tag content is too short, the search engine may not think of the content as relevant. Additional tokens should not exceed 874 characters.
<meta name= "keywords" content= "your tags"/>
- page Description: each page should have a description tag that is not more than 150 characters and can accurately reflect the content of the Web page.
<meta name= "description" content= "Words/>"
- Search Engine Indexing method:Robotterms is a set of values separated by commas (,), usually with the following values: None,noindex,nofollow,all,index and follow. Make sure that the nofollow and Noindex property values are used correctly.
<meta name= "Robots" content= "Index,follow"/><!--all : The file will be retrieved and the link on the page can be queried; None: The file will not be retrieved, And the link on the page can not be queried; index: The file will be retrieved; follow: The link on the page can be queried; noindex: The file will not be retrieved; nofollow: The link on the page cannot be queried. -
- page redirection and refresh : The number within the content represents the time (in seconds) that is refreshed after a few minutes. If the URL is added, it is redirected to the specified Web page (search engines can be automatically detected and easily punished by the engine as misleading).
<meta http-equiv= "Refresh" content= "0;url="/>
Browser Web page behavior settings
<meta charset= ' Utf-8 '/>
- Use the latest version of IE and Chrome first
<meta http-equiv= "x-ua-compatible" content= "ie=edge,chrome=1"/><!--about x-ua-compatible--><meta http-equiv= "x-ua-compatible" content= "ie=6" ><!--use IE6--><meta http-equiv= "x-ua-compatible" content= " Ie=7 "><!--use IE7--><meta http-equiv=" x-ua-compatible "content=" ie=8 "><!--use IE8-
Browser Kernel control: Many domestic browsers are dual-core (WebKit and Trident), WebKit kernel high-speed browsing, IE core-compatible Web pages and legacy websites. Web sites that add Meta tags can control what kernel rendering the browser chooses.
<meta name= "renderer" content= "Webkit|ie-comp|ie-stand" >
The default kernel mode for dual-core browsers is as follows:
1. Sogou high-speed browser, QQ browser: IE core (compatibility mode)
2.360 Speed Browser, roaming browser: WebKit kernel (fast mode)
- prevents browsers from accessing page content from the local computer's cache : This setting allows visitors to browse offline.
<meta http-equiv= "Pragma" content= "No-cache" >
<meta name= "Msapplication-tilecolor" content= "#000"/> <!--Windows 8 tile color--><meta name= " Msapplication-tileimage "content=" Icon.png "/> <!--Windows 8 tile icon--
- site adaptation : Mainly used for pc-mobile phone page of the corresponding relationship.
<meta name= "mobile-agent" content= "FORMAT=[WML|XHTML|HTML5"; Url=url "><!--[WML|XHTML|HTML5] Select one of these according to the Protocol language of the mobile page; url=" url "the latter represents the URL of the mobile page for the current PC page, both must be one by one correspondence. -
- transcoding declaration : Using Baidu to open the Web page may be transcoded (such as stickers), to avoid transcoding can add the following meta
<meta http-equiv= "Cache-control" content= "No-siteapp"/>
Description of uses in META tag web development