Meta Tag Knowledge Summary

The Profile tab provides metadata about the HTML document. The metadata is not displayed on the page, but is readable for the machine. It can be used in browsers (how to display content or reload pages), search engines (keywords), or other Web services. --w3school Required Attribute Property value Description Content Some text defines meta information related to HTTP-EQUIV or name attribute optional attribute value Description http-equiv Content-type/expire/refresh/ The Set-cookie associates the Content property to the HTTP header. Name Author/description/keywords/generator/revised/others Associates the content property to a name. Content some text defines the format used to translate content property values. SEO Optimization Reference Document 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 no more than 150 characters and can accurately reflect the content of the page description tag. <meta name= "description" content= "" Words "/> Search engine index method, Robotterms is a set of values separated by commas (,), usually have 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 cannot be queried; Ndex: 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 theDesignated Web pages (search engines can be automatically detected and easily punished by the engine as misleading). <meta http-equiv= "Refresh" content= "0;url="/> Other <meta name= "author" content= "author name"/> <!--define page author --><meta name= "google" content= "Index,follow"/><meta name= "Googlebot" content= "Index,follow"/>< Meta name= "Verify" content= "Index,follow"/> Mobile device viewport: Can optimize the display of mobile browsers. If it is not a responsive web site, do not use Initial-scale or disable scaling. Most of the 4.7-5-inch devices have a viewport width of 360px;5.5 inch set to 400px;iphone6 set to 375px;ipone6 plus set to 414px. <meta name= "viewport" content= "Width=device-width, initial-scale=1.0,maximum-scale=1.0, User-scalable=no"/> <!--' Width=device-width ' will cause the IPhone 5 to be added to the main screen when the page opens WEBAPP full screen mode with black edge-->width: Width (value/device-width) (range from 200 to 10,000, default Think 980 pixels) Height: height (value/device-height) (range from 223 to Initial-scale): initial scaling (range from >0 Minimum-scale: Allows the user to zoom to the minimum scale Maximum-scale: Allows the user to zoom to the maximum scale user-scalable: whether the user can manually indent (no,yes) Minimal-ui: You can minimize the upper and lower status bar when the page loads. (deprecated) Note that many people use initial-scale=1 to a non-responsive site, which makes the site render at 100% width, and the user needs to manually move the page or zoom. If you use User-scalable=no or maxim with initial-scale=1Um-scale=1, the user will not be able to zoom in/out of the page to see all the content. WebApp Full screen mode: Fake app, offline app. <meta name= "apple-mobile-web-app-capable" content= "yes"/> <!--enable WEBAPP full screen mode--Hide status bar/ Set the status bar color: Only takes effect when webapp full-screen mode is turned on. The content value is default | Black | Black-translucent. <meta name= "Apple-mobile-web-app-status-bar-style" content= "Black-translucent"/> title <meta name= after adding to the main screen Apple-mobile-web-app-title "content=" title "> ignore numbers automatically recognized as phone numbers <meta content=" Telephone=no "name=" format-detection "/ > Ignore the recognition mailbox <meta content= "Email=no" name= "format-detection"/> Add smart App banner Smart app Banner: Tell the browser the app that this site corresponds to, and display the download banner (for example) on the page. Reference documentation <meta Name= "Apple-itunes-app" content= "App-id=myappstoreid, Affiliate-data=myaffiliatedata, app-argument= Myurl "> Other reference Documents <!--optimized for handheld devices, primarily for older browsers that do not recognize viewport, such as BlackBerry--><meta name=" handheldfriendly "content=" True "><!--Microsoft's old-fashioned browser--><meta name=" mobileoptimized "content=" ["] ><!--UC Force vertical--><meta Name=" Screen-orientation "content=" Portrait "><!--QQ forced vertical screen--><metA name= "x5-orientation" content= "Portrait" ><!--UC Force full screen--><meta name= "Full-screen" content= "yes" >< !--QQ Force full screen--><meta name= "X5-fullscreen" content= "true" ><!--UC Application Mode--><meta name= "Browsermode" content= "Application" ><!--QQ Application Mode--><meta name= "X5-page-mode" content= "app" ><!--windows Phone Click No highlight--><meta name= "Msapplication-tap-highlight" content= "no" > Web related Declaration code <meta charset= ' Utf-8 '/> Priority use IE Latest version and Chrome<meta http-equiv= "x-ua-compatible" content= "ie=edge,chrome=1"/><!--about X-ua-compatible-- <meta http-equiv= "x-ua-compatible" content= "ie=6" ><!--using 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 the old version of the site. Web sites that add Meta tags can control what kernel rendering the browser chooses. Reference document <meta name= "renderer" content= "Webkit|ie-comp|ie-stand" > Domestic dual-core browser The default kernel mode is as follows: 1. Sogou high-speed browser, QQ browser: Ie-core (compatibility mode) 2. 360 Speed Browser, browser: WebKit kernel (speed mode) prevents the browser from accessing the page content from the local computer's cache: This setting makes it impossible for visitors to browse offline. <meta http-equiv= "Pragma" content= "No-cache" >windows 8<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 be added as follows Meta<meta http-equiv= "Cache-control" content= "No-siteapp"/>

　　

Meta Tag Knowledge Summary