chaihongjun.me

2016年最新前端必知的移动互联网HTML5Head头标签-SEO相关

2016年最新前端必知的移动互联网HTML5Head头标签-SEO相关

SEO 优化部分

  • 页面标题<title>标签(head 头部必须)

<title>your title</title>
  • 页面关键词 keywords

<meta name="keywords" content="your keywords">
  • 页面描述内容 description

<meta name="description" content="your description">
  • 定义网页作者 author

<meta name="author" content="author,email address">
  • 定义网页搜索引擎索引方式,robotterms 是一组使用英文逗号「,」分割的值,通常有如下几种取值:none,noindex,nofollow,all,index和follow。

<meta name="robots" content="index,follow">

相关链接:WEB1038 – 标记包含无效的值

百度禁止转码

通过百度手机打开网页时,百度可能会对你的网页进行转码,脱下你的衣服,往你的身上贴狗皮膏药的广告,为此可在 head 内添加

<meta http-equiv="Cache-Control" content="no-siteapp" />

相关链接:SiteApp 转码声明

不推荐的 meta 属性

下面是不推荐使用的 meta 属性,因为它们采用率低,或已弃用:

<!-- 用于声明文档语言,但支持得不是很好。最好使用 <html lang=""> -->
<meta name="language" content="en">

<!-- Google 无视 & Bing 认为垃圾的指示器 -->
<meta name="keywords" content="你,关键字,在这里,不使用空格,而用逗号进行分隔">
<!-- 目前没有在任何搜索引擎中使用过的声明 -->
<meta name="revised" content="Sunday, July 18th, 2010, 5:15 pm">

<!-- 为垃圾邮件机器人收获 email 地址提供了一种简单的方式 -->
<meta name="reply-to" content="email@example.com">

<!-- 最好使用 <link rel="author"> 或 humans.txt 文件 -->
<meta name="author" content="name, email@example.com">
<meta name="designer" content="">
<meta name="owner" content="">

<!-- 告诉搜索机器人一段时间后重新访问该网页。这不支持,因为大多数搜索引擎使用随机时间间隔来重新抓取网页 -->
<meta name="revisit-after" content="7 days">

<!-- 在一段时间后将用户重定向到新的 URL -->
<!-- W3C 建议不要使用该标签。Google 建议使用服务器端的 301 重定向。-->
<meta http-equiv="refresh" content="300; url=https://example.com/">

<!-- 描述网站的主题 -->
<meta name="topic" content="">

<!-- 公司概要或网站目的 -->
<meta name="summary" content="">

<!-- 一个已废弃的标签,和关键词 meta 标签的作用相同 -->
<meta name="classification" content="business">

<!-- 是否是相同的 URL,年代久远且不支持 -->
<meta name="identifier-URL" content="https://example.com/">

<!-- 和关键词标签类似的功能 -->
<meta name="category" content="">

<!-- 确保你的网站在所有国家和语言中都能显示 -->
<meta name="coverage" content="Worldwide">

<!-- 和 coverage 标签相同 -->
<meta name="distribution" content="Global">

<!-- 控制在互联网上哪些用户可以访问 -->
<meta http-equiv="Pics-label" content="value"> 

<!-- 缓存控制 -->
<!-- 最好在服务器端配置缓存控制 -->
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">

知识共享许可协议本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。作者:愚人码头»