Meta tags for website performance

Meta tags are often ignored by HTML beginnersis to die ., but it is important for a website.

• Definition: Provides meta-information about the page. For example, keywords and descriptions for search engines and update frequency. Simply put meta tags and search engines to deal with, can optimize website seo.

• Format:
  
  • Inside the head tag
  • Self-closing and labeling
• Browser support: Full
• Property:
  • Content: Defining meta-information related to Http-equiz and name
  • Http-equiz: Associating content to the HTTP header
  • Name: associating content to name
  • Scheme: Used to specify the scheme to be used to translate attribute values (H5 has been discarded
  • CharSet: Convenient setup encoding (H5
• Function: (speaking is commonly used, or is useful for a rainy future
  
  • Encoding settings
    
    • http-equiz="Content-Type" content="<!--MIME类型、编码-->"

    • Ex

      <http-equiv= "Content-type"  Content= "text/html; charset=gb2312"  >

  • Page language Settings
    • Easy Browser Categorization
    • Ex

      <http-equiv= "Content-language"  content= "Es" >

  • timed Refresh and redirection
    
    • for students who do not know
    • ex:  

       <  meta  http-equiz  = "Refresh"   content  = " >  <  meta  http-equiz  = "Refresh"   content  = "10; Url=http://www.ecjtu.net " >  

       

  • keywords
    • ex: 

       <  meta  name  = "keywords"   content  = "East Jiaotong University, East China Jiaotong College Day New Network"  >  

       

    • provides a list of keywords for search engines, which is especially important for SEO! In addition on-line see has such written

       <  meta  name  = "Keywords"   Lang  = "EN"   Content   >  

       

      Meta Properties I wrote it in front, and no lang, no standards found. The declaration language should use the Content-language mentioned earlier or lang= "zh" in the HTML tag to set
  • Web Content Description
    • Ex: <Meta name= "description" content= "Online home for teachers and students of Jiaotong University" >
    • To tell the search engine, of course.
  • Set BOT access rights
    • Ex

      <name= "Robots"  content= "Noindex,nofollow"  >

    • Code source Teambition, you can set the robot/spider How to log on the site content parameters are all, none, Index, NOINDEX, follow, nofollow. The default is all.
  • Other settings
    • such as the author, copyright

• Mobile-side meta-use (mobile trend!)
  
  • Name= "Viewport" is used to set the Phone page window. This is a responsive prerequisite, and scaling control can also prevent layout clutter.
    • Width: wide, where device-width indicates device width
    • Height: High. Device-height
    • Initial-scale: Setting the initial zoom ratio
    • Minimum-scale: Setting the minimum zoom ratio
    • Maxmum-scale: Set Maximum zoom ratio
    • User-scalable: Sets whether the user can zoom, default Yes
  • Name= "Format-detection" detects the format of certain strings within a page and restricts its behavior, in fact, is the phone number. Content= "Telephone=no" setting number is not recognized as a mobile phone number link
    
    

  • <Meta name= "apple-mobile-web-app-capable" content= "Yes" >

    • Set whether the iphone browser can browse full screen
  • <meta name= "Apple-mobile-web-app-status-bar-style" content= "Black" > Set iphone Safari top status bar style default to Black
  • Resources:
    • https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/ Metatags.html#//apple_ref/doc/uid/tp40008193-sw1
    • Http://www.quirksmode.org/mobile/viewports2.html
    • http://css-tricks.com/snippets/html/responsive-meta-tag/

• The next is irresponsible recommendation, in the collection of information when it felt useful on the record, has not been tested.
  
  • Cookie settings
    • Code description Everything can be set options
    • Ex

      <http-equiv= "Set-cookie"  Content= "COOKIEVALUE=XXX; expires= Wednesday, 21-oct-98 16:14:21 GMT; path=/">

  • Window display Settings
    • Can prevent pages from being embedded in other pages oh
    • Ex:content options: _blank, _top, _self, _parent, a label how to use it

      <http-equiv= "Widow-target"  Content= "_top"  >

  • RSAC Grade Assessment
    
    • Can be used to prevent web sites from being interpreted as a yellow screen.
    • Ex

      <http-equiv= "Pics-label"  content= "(PICS-1.1 ' http://www.rsac.org /ratingsv01.html ' I gen comment ' RSACi North America Sever ' by ' [e-mail protected] ' for ' http://www.microsoft.com ' on ' 1997 .06.30t14:21-0500 ' R (n0 s0 v0 l0)) ">

    • RSAC's site: http://www.rsac.org/
  • Cache control
    • It only implements the forbidden cache.

    • Sets the expiration time for the cache, in the format GMT ex: 

       <  meta  http-equiv  = "Pragma"   content  = "No-cache"  >  <  meta  http-equiv  = "Cache-control"   content  = "No-cache"  >  <  meta  http-equiv  = "Expires"   content  = "0"  >  

       

  • Other functions
    • In fact, some of the functions of IE applications are many, but after all, is not a common phenomenon, to provide a link, interested can look at the next
    • http://msdn.microsoft.com/en-us/library/ie/ms533876 (v=vs.85). aspx

PS: Some meta functions are too old, chrome can't see the effect, ie do not want to test.

Meta tags for website performance