seo规范
| SEO规范 | |
| 页面 | -1） 页面因某些特效必须使用flash时，请选择在flash层下增加本页的内容文本文字。 -2） 当页面不完全要求flash展示时，首先选择使用js特效+HTML布局，其次选择除flash外其他层增加响应的文本文字。 -3） 页面导航应该使用背景图片+JS效果+HTML代码的格式安排，避免使用纯图片导航或纯JS导航。 -4） 页面重要连接请使用A标签连接，进制使用其他类型跳转链接。 -5） 将JS&CSS代码封装后移动至代码最末端。保证文本文字在代码上方位置。 -6） HTML中存在空白部分请压缩代码。 -7） 合并或减少JS&CSS避免频繁发生HTTP请求。 -8） 尽量使用CSS公共源，同一样式加载次数越少越佳。 -9） 避免使用下拉 -10） 页面信息部署时应遵循：文本文字>链接文字 -11） 页面代码体积应该小于128K -12） 页面加载速度应该符合W3C标准 -13） 每个页面应该配备H标签，一般包括一个H1多个H2 -14） 每个页面的图片都应该有alt标签 |
| 1） 正常访问的页面HTTP状态码应为：200 - 2） 临时转移页面HTTP状态码应为：302 -3） 永久转移页面HTTP状态码应为：301 -4） 页面永久失效HTTP状态码应为：404 -5） 页面禁止出现403 401 500 501 503状态码 | |
| URL规范 | 1） URL目录结构扁平下放结构 例： 首页：www.abc.com 1级目录：www.abc.com/abc/ 文章底层：www.abc.com/abc/pid-2121.html 2） 当页面内容较为丰富（>20万页）时采取二级域构建方式 例： 首页：www.abc.com 汽车频道：auto.abc.com 汽车频道-二手车：auto.abc.com/2car/ 二手车底层页：auto.abc.com/2car/pid-2132.html 旅游频道：travel.abc.com …… -3） 采取二级域URL命名方式时需要保证每个域下有足够的内容支撑，并且保证二级域内容有持续的更新、延续性。 4） URL命名中首选为英文单词语义命名 5） URL命名中次选为汉语拼音语义命名 6） URL命名中禁止出现#*&?=等符号，且大小写应该保持一致，建议使用小写字母命名。 - 7） URL命名中应该具备一些关键词,从URL中继承关键词相关性。 例：官网下-马自达6栏目频道 www.mazda.com.cn/mazda6/ -8） 如果具备时效性信息，在URL中应该予以表现。 例：2011年北京车展 www.bitauto.com/2011bjchezhan/ 9） URL命名中分割线应该使用“-”或者“_”. |
| 404使用 | - 1） 当页面原始数据移除时，服务器将产生404错误代码，该代码将对spider造成严重的影响，所以404代码必须有对应的返回页面。 - 2） 404页面必须具备返回上一级目录链接 3） 404页面建议具备返回首页链接 4） 404页面建议摆放一些最新更新的文章（根据页面实际情况定条目数）。 5） 404页面建议摆放一些频道页链接 6） 404页面建议摆放一些首推热门关键词 |
| robots | 1） robots书写时需要屏蔽后台管理目录 2） robots书写时需要屏蔽用户后台信息 3） 利用robots可以屏蔽一些必须要重复的页面 4） 利用robots将正在测试的页面或者信息相对保密的页面进行评比抓取，以保证隐私。 5） 利用robots将大量特效页面进行屏蔽抓取，拉伸网站平均质量。 6） 利用robots将大量转载信息或质量低下的信息区域进行屏蔽。 |
| Title & meta部署 | 1） 一个完整的页面必须具备title属性，keywords属性，description属性。 2） 书写title属性时必须包含关键词，且每个关键词使用“_”分割 3） Title标签总长度不宜过长，以15个汉字（30个字符）为最优，最高不能超过25个汉字（50个字符）。 |
vue前面seo的几种方式和代码
常见的解决方案：
- 页面预渲染，prerender-spa-plugin插件实现(配置参考)
- 服务端渲染，vue的ssr渲染(配置参考)，SSR比较复杂。
- 路由采用h5 history模式
https://zhuanlan.zhihu.com/p/337866915
完，大功告成
