Meta 标签与搜索引擎优化

<meta charset="UTF-8"> 
<meta http-equiv="refresh" content="5;url=" />
<link rel="copyright" href="copyright.html"  />
<meta http-equiv="X-UACompatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> 
<meta name="description" content="150 words" />
<meta name="keywords" content="your tags" /> 
<!-- 
  all:文件将被检索,且页面上的链接可以被查询;
  none:文件将不被检索,且页面上的链接不可以被查询;
  index:文件将被检索; 
  follow:页面上的链接可以被查询; 
  noindex:文件将不被检索; 
  nofollow:页面上的链接不可以被查询。
 --> 
<meta name="robots" content="index,follow" /> 
<meta name="author" content="author name" /> 
<meta name="google" content="index,follow" /> 
<meta name="googlebot" content="index,follow" /> 
<meta name="verify" content="index,follow" /> 
<!-- 启用 WebApp 全屏模式 --> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<!-- 隐藏状态栏/设置状态栏颜色:只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent 。 --> 
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> 
<!-- 添加到主屏后的标题 --> 
<meta name="apple-mobile-web-app-title" content="标题"> 
<!-- 忽略数字自动识别为电话号码 --> 
<meta content="telephone=no" name="format-detection" /> 
<!-- 忽略识别邮箱 --> <meta content="email=no" name="format-detection" /> 
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL" /> 
<!-- 添加智能 App 广告条 Smart App Banner:告诉浏览器这个网站对应的app,并在页面上显示下载banner:
https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html --> 
<!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 --> <meta name="HandheldFriendly" content="true"> 
<!-- 微软的老式浏览器 --> 
<meta name="MobileOptimized" content="320"> 
<!-- uc强制竖屏 --> 
<meta name="screen-orientation" content="portrait"> 
<!-- QQ强制竖屏 --> 
<meta name="x5-orientation" content="portrait"> 
<!-- UC强制全屏 --> 
<meta name="full-screen" content="yes"> 
<!-- QQ强制全屏 --> 
<meta name="x5-fullscreen" content="true"> 
<!-- UC应用模式 --> <meta name="browsermode" content="application"> 
<!-- QQ应用模式 --> <meta name="x5-page-mode" content="app"> 
<!-- windows phone 点击无高光 --> 
<meta name="msapplication-tap-highlight" content="no">

原文: http://www.w3cplus.com/html5/meta-tags-and-seo.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 作为一个前端程序猿,下面这些站会让你眼前一亮。 amazeui框架组建丰富 http://amazeui.org...
    欧巴冰冰阅读 12,869评论 18 303
  • 前端知识体系http://www.cnblogs.com/sb19871023/p/3894452.html 前端...
    秋风喵阅读 14,306评论 7 163
  • 你是怎样定义人脉的?你希望人脉给你带来什么? 这是秋叶老师在课程开始前留言给我们的提问;群里500位小伙伴每个人都...
    骅姑娘阅读 7,582评论 8 8
  • 我辗转反侧一夜难眠 你一夜无梦不见愁面 我想化风吹开你的眼 好难好难 我心酸至极藕断丝连 你无思无念满目无歉 我想...
    XGM钟子期阅读 1,755评论 2 2
  • 平仄还未被翻起时,荒草便已经滋生,他们从隆冬走来,带来被锈蚀掉的枝叶,从我的心田缓缓向上攀爬,延伸的叶子上束缚着我...
    青木骨阅读 4,039评论 6 8