SEO网站开发前端代码的基础要求（含常用meta标签代码）

sheep

SEO网站开发前端基础要求

1、所有html、css、js文件的每个模块必须有单独注释标注开头结尾，三个文件内同模块的注释要统一命名。
html：

1. <!-- 模块注释 - 开始 -->
   
2. <!-- 模块注释 - 结束 -->

复制代码

1. <!-- 单行代码注释 -->

复制代码

css：

1. /* 模块注释 - 开始 */
   
2. /* 模块注释 - 结束 */

复制代码

1. /* 单行代码注释 */

复制代码

js：

1. /* 模块注释 - 开始 */
   
2. /* 模块注释 - 结束 */

复制代码

1. // 单行代码注释

复制代码

2、文字类标签：段落使用p、标题及单独关键词用h标签。

3、每个页面有且只有1个h1放页面核心标题，除首页均在第一个模块，首页一般在顶部。

4、每个页面单模块的标题使用h2，模块下的模块标题h3，以此类推（切换按钮避免使用h标签）。

5、所有文字描述类内容全部使用p标签。

6、所有a标签必须加title，所有图片必须加alt title（图标一般不加）。

7、css必须放head中，js必须底部</body>上，避免css写行内、js写页面中，多个css、js需要尽可能合并减少文件数量。

8、禁止保留任何沉余代码，用不到的通通删除代码须去除所有空行。

9、为方便套站，背景图尽量使用通用图且尽量使用background-image样式写代码，但主体内容类图片要尽量使用img标签。

10、代码中的空格要使用tab键，不可直接使用空格键。


建议每个页面必须出现的meta标签代码

页面格式及编码：

1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

复制代码

浏览器兼容：

1. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

复制代码

页面语言：

1. <meta http-equiv="Content-Language" content="zh-cn">

复制代码

自适应页面专用：

1. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

复制代码

百度禁止转码：

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

复制代码

移动适配：

http://www.sheepyc.com/thread-134-1-1.html

地域标识：

http://www.sheepyc.com/thread-32-1-1.html