ä¸ãåºæ¬å±æ§
æ ç¾å¸¸å¸¸è¢«ç¨æ¥å®ä¹HTMLææ¡£çå
æ°æ®æè
HTTPåè®®çæåï¼è¿äºå
æ°æ®å¸¸ç¨å¨SEOãHTML Pages or Apps on Mobile/Handheld Devicesï¼è¯¥æ ç¾ä¸»è¦å
æ¬ä»¥ä¸å±æ§ï¼
Attribute Description
Name Name for the property. Can be anything. Examples include, keywords, description, author, revised, generator etc.
content Specifies the propertyâs value.
scheme Specifies a scheme to interpret the propertyâs value (as declared in the content attribute).
http-equiv Used for http response message headers. For example http-equiv can be used to refresh the page or to set a cookie. Values include content-type, expires, refresh and set-cookie.
äºãåºæ¬çHTML Metaæ ç¾
01
<!-- SEO -->
02
<meta name="keywords" content="your, tags"/>
03
<meta name="description" content="150 words"/>
04
<meta name="subject" content="your website's subject">
05
<meta name="copyright"content="company name">
06
07
<meta name="language" content="ES">
08
<meta name="robots" content="index,follow" />
09
<meta name="revised" content="Sunday, July 18th, 2010, 5:15 pm" />
10
<meta name="abstract" content="">
11
<meta name="topic" content="">
12
<meta name="summary" content="">
13
<meta name="Classification" content="Business">
14
<meta name="author" content="name,
[email protected]">
15
<meta name="designer" content="">
16
<meta name="copyright" content="">
17
<meta name="reply-to" content="
[email protected]">
18
<meta name="owner" content="">
19
<meta name="url" content="
http://www.websiteaddrress.com">
20
<meta name="identifier-URL" content="
http://www.websiteaddress.com">
21
<meta name="directory" content="submission">
22
<meta name="category" content="">
23
<meta name="coverage" content="Worldwide">
24
<meta name="distribution" content="Global">
25
<meta name="rating" content="General">
26
<meta name="revisit-after" content="7 days">
27
28
<meta http-equiv="Expires" content="0">
29
<meta http-equiv="Pragma" content="no-cache">
30
<meta http-equiv="Cache-Control" content="no-cache">
ä¸ãOpenGraph Metaæ ç¾
为äºæé«ç«å¤å
容çä¼ ææçï¼2010å¹´9æï¼å¨F8ä¼è®®ä¸Facebookå
¬å¸äºä¸å¥å¼æ¾å¾æ¯åè®®(Open Graph Protocol)ï¼ä»»ä½ç½é¡µåªè¦éµå®è¯¥åè®®ï¼SNSå°±è½ä»é¡µé¢ä¸æåæææçä¿¡æ¯å¹¶åç°ç»ç¨æ·ãéè¿Open Graphæå
¶ä»ç¤¾äº¤ç½ç«å»ºæçç½ç»ç»è¿æ¥èµ·æ¥ï¼å°åé ä¸ä¸ªæ´èªæãæ´ä¸ç¤¾äº¤è¿æ¥ãæ´ä¸ªäººåä¹æ´å
·è¯ææè¯çç½ç»ã
01
<meta name="og:title" content="The Rock"/>
02
<meta name="og:type" content="movie"/>
03
<meta name="og:url" content="
http://www.imdb.com/title/tt0117500/"/>
04
<meta name="og:image" content="
http://ia.media-imdb.com/rock.jpg"/>
05
<meta name="og:site_name" content="IMDb"/>
06
<meta name="og:description" content="A group of U.S. Marines, under command of..."/>
07
08
<meta name="fb:page_id" content="43929265776" />
09
10
<meta name="og:email" content="
[email protected]"/>
11
<meta name="og:phone_number" content="650-123-4567"/>
12
<meta name="og:fax_number" content="+1-415-123-4567"/>
13
14
<meta name="og:latitude" content="37.416343"/>
15
<meta name="og:longitude" content="-122.153013"/>
16
<meta name="og:street-address" content="1601 S California Ave"/>
17
<meta name="og:locality" content="Palo Alto"/>
18
<meta name="og:region" content="CA"/>
19
<meta name="og:postal-code" content="94304"/>
20
<meta name="og:country-name" content="USA"/>
21
22
<meta property="og:type" content="game.achievement"/>
23
<meta property="og:points" content="POINTS_FOR_ACHIEVEMENT"/>
24
25
<meta property="og:video" content="
http://example.com/awesome.swf" />
26
<meta property="og:video:height" content="640" />
27
<meta property="og:video:width" content="385" />
28
<meta property="og:video:type" content="application/x-shockwave-flash" />
29
<meta property="og:video" content="
http://example.com/html5.mp4" />
30
<meta property="og:video:type" content="video/mp4" />
31
<meta property="og:video" content="
http://example.com/fallback.vid" />
32
<meta property="og:video:type" content="text/html" />
33
34
<meta property="og:audio" content="
http://example.com/amazing.mp3" />
35
<meta property="og:audio:title" content="Amazing Song" />
36
<meta property="og:audio:artist" content="Amazing Band" />
37
<meta property="og:audio:album" content="Amazing Album" />
38
<meta property="og:audio:type" content="application/mp3" />
åãå
¬å¸/æå¡ Metaæ ç¾
4.1 CLAIMID
ClaimID was a website that allowed users to create unique profiles that showed personal websites, profiles at other sites, and other biographical information.
1
<meta name="microid" content="mailto+http:sha1:e6058ed7fca4a1921cq91d7f1f3b8736cd3cc1g7" />
4.2 APPLE META TAGS
01
<!-- ä»æ¡é¢iconå¯å¨IOS Safariæ¯å¦è¿å
¥å
¨å±ç¶æï¼APP模å¼ï¼ -->
02
<meta name="apple-mobile-web-app-capable" content="yes">
03
04
<!-- æ·»å å°ä¸»å±å¹âåï¼å
¨å±æ¾ç¤º -->
05
<meta name="apple-touch-fullscreen" content="yes" >
06
07
<!-- æå®ç¶ææ çé¢è² -->
08
<meta name="apple-mobile-web-app-status-bar-style" content="black">
09
10
<!-- ios设å¤ä¸ç¦æ¢å°æ°åè¯å«ä¸ºå¯ç¹å»çtelephone link -->
11
<meta name="format-detection" content="telephone=no">
12
13
<!-- 页é¢CSS计ç®æ¶ä½¿ç¨å®½åº¦ä¸º320ï¼åå§ç¼©æ¾æ¯ä¾2.3ï¼ ä¸å
许ç¨æ·ç¼©æ¾, æ大缩æ¾å å为1 -->
14
<meta name="viewport" content="width = 320, initial-scale = 2.3, user-scalable = no, maximum-scale=1 ">
15
16
<!-- 页é¢CSS计ç®æ¶ä½¿ç¨çå®½åº¦æ ¹æ®è®¾å¤ç»å®å¼èªéåº -->
17
<meta name= "viewport" content = "width = device-width">
4.3 INTERNET EXPLORER META TAGS
01
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2.0,Transition=2)" />
02
<meta http-equiv="Page-Exit" content="RevealTrans(Duration=3.0,Transition=12)" />
03
<meta name="mssmarttagspreventparsing" content="true">
04
05
<!-- åè¯IEæµè§å¨ä»¥ä»ä¹æ¨¡å¼å±ç¤ºç½é¡µ -->
06
<meta http-equiv="X-UA-Compatible" content="chrome=1">
07
08
<meta name="msapplication-starturl" content="
http://blog.reybango.com/about/"/>
09
<meta name="msapplication-window" content="width=800;height=600"/>
10
<meta name="msapplication-navbutton-color" content="red"/>
11
<meta name="application-name" content="Rey Bango Front-end Developer"/>
12
<meta name="msapplication-tooltip" content="Launch Rey Bango's Blog"/>
13
<meta name="msapplication-task" content="name=About;action-uri=/about/;icon-uri=/images/about.ico" />
14
<meta name="msapplication-task" content="name=The Big List;action-uri=/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/;icon-uri=/images/list_links.ico" />
15
<meta name="msapplication-task" content="name=jQuery Posts;action-uri=/category/jquery/;icon-uri=/images/jquery.ico" />
16
<meta name="msapplication-task" content="name=Start Developing;action-uri=/category/javascript/;icon-uri=/images/script.ico" />
17
18
<!-- Tabæ ç¾icon -->
19
<link rel="shortcut icon" href="/images/favicon.ico" />
4.4 TWEETMEME META TAGS
Tweetmemeè·è¸ªTwitterä¸çé¾æ¥ï¼ä»¥ç»ç¨æ·æ´å¥½çä½éªãå®ä½¿ç¨ä¸ç§å¸¸ç¨çæåºç³»ç»ï¼ä»¥å¨è¿ä¸ªå¾®åä¸çéæ¾åºæçé¨çä¿¡æ¯ã
1
<meta name="tweetmeme-title" content="Retweet Button Explained" />
4.5 BLOG CATALOG META TAGS
1
<meta name="blogcatalog" />
4.6 RAILS META TAGS
1
<meta name="csrf-param" content="authenticity_token"/>
2
<meta name="csrf-token" content="/bZVwvomkAnwAI1Qd37lFeewvpOIiackk9121fFwWwc="/>
äºãå建èªå®ä¹ Metaæ ç¾
Use custom meta tags to store data that you need in javascript, instead of hard-coding that data into your javascript. I store my Google Analytics code in meta tags. Hereâs some examples:
1
<meta name="google-analytics" content="1-AHFKALJ"/>
2
<meta name="disqus" content="EEEE"/>
3
<meta name="uservoice" content="XXXX"/>
4
<meta name="mixpanel" content="XXXXE"/>