规范化链接

链接规范

1.”换肤”,“登陆”,“关于公司”,“联系方式”,“填写问卷”等无价值但被频繁链接的页面需要添加nofollow属性

2.站外链接,非特别声明,均nofollow屏蔽

3.对每个详情页正文上方增加面包屑

4.面包屑以频道首页开始,而不是网站首页开始.例如,网易首页>网易汽车>某频道>某文章,应改为:网易汽车>某频道>文章汇总页>某文章

5.面包屑最后一项指向本页面时,不加链接,并且使用

6.对同一地址的链接锚文字保持一致

7.页面中不要出现过多strong标签(小于等于三个)

8.页面中h1只能唯一,并且指定为页面重要的标题

9.页面中,h2~h6标题要按照等级顺序书写

10.Img标签中不能缺少alt属性

11.通过外部调用的方式使用JS,如果JS必须放到页面中,放到主内容以下的位置

12.压缩传输,压缩css,压缩html,压缩javascript,控制并发数

13.移动端、pc端、mip端链接结构保持一致

URL统一

1.网站需要是静态站,动态网站地址可以修改为伪静态

2.当URL做伪静态化后,将页面中动态的URL统统替换为静态化URL

3.网站所有页面的header/footer应该统一

4.当URL中出现统计代码时,在标签中添加

5.URI规范, 当http://www.maiche.com/beijing/ 和 http://www.maiche.com/beijing 都可以访问时,统一使用前者

6.所有不带“/”的频道页统一跳转到对应带“/”的频道页

7.尽量为页面添加applicable-device标签

8.applicable-device标签用于帮助百度校验识别页面类型的准确度,虽然不是硬性要求,但对站点来说没有任何弊端

9.如果是PC页,在中标注 如果是移动页,在中标注

页面尺寸

1.JS,CSS代码尽量不出现在

中,从外部引用,不同项目之间公用部分尽量合并

2.页面输出之前删除无用空字符,回车,换行,空格,制表符,无用注释等

文字隐藏

1.除tab切换等必要情况,禁止以任何形式故意隐藏大篇文字

2.尽量不将大段文字放到图片中,若必须,需要把文字复制到对应图片的alt=”“中

3.不使用默认的404页面,制作404页面,404页面需要增加对应的推荐链接,对用户产生正向引导,404页面不建议添加自动跳转

关键词选择及应用

1.关键词放置在网页中的title, 网页中最重要的文字,每个url只能有一个<title></p> <p>2.不同url的标题不能重复</p> <p>3.<a title=”“> 相当于按钮提示,当锚文本与目标页面主题不相关时,需增加title以消除用户疑惑(“<a title=”更多关于xxx的内容”>更多</a>”、“<a title=”xxx内容翻页”>下一页</a>”)</p> <p>4.图片alt属性必须添加,蜘蛛会根据图片的alt判断该页面的词频,可用于增加,或稀释关键词密度。</p> <p><a href="javascript:;" download="web-design-v1.0.sketch" target="_blank"> <img src="static/picture/44.png" class="doc-pc-50"> </a></p> </section> </div> <div class="search-results"> <div class="has-results"> <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1> <ul class="search-results-list"></ul> </div> <div class="no-results"> <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1> </div> </div> </div> </div> </div> </div> <a href="basics.html#foundation_9" class="navigation navigation-prev navigation-unique" aria-label="Previous page: 图片"> <i class="fa fa-angle-left"></i> </a> </div> <script> var gitbook = gitbook || []; gitbook.push(function() { gitbook.page.hasChanged({"page":{"title":"资源下载","level":"2.1.4","depth":2,"next":{"title":"前端技术","level":"3.1","depth":1,"ref":"","articles":[{"title":"使用 FIS","level":"3.1.1","depth":2,"path":"web-tech/fis.md","ref":"web-tech/fis.md","articles":[]},{"title":"MIP-移动页面加速器","level":"3.1.2","depth":2,"path":"web-tech/use-mip-to-create-mobile-web-pages.md","ref":"web-tech/use-mip-to-create-mobile-web-pages.md","articles":[]},{"title":"Lavas PWA-渐进式应用","level":"3.1.3","depth":2,"path":"web-tech/lavas-pwa.md","ref":"web-tech/lavas-pwa.md","articles":[]}]},"previous":{"title":"图片","level":"2.1.3.9","depth":3,"anchor":"#foundation_9","path":"design/basics.md","ref":"design/basics.md#foundation_9","articles":[]},"dir":"ltr"},"config":{"plugins":["splitter","expandable-chapters","atoc","-sharing","-lunr","-search","search-pro","baidu","livereload"],"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"pluginsConfig":{"livereload":{},"atoc":{},"splitter":{},"search-pro":{},"fontsettings":{"theme":"white","family":"sans","size":2},"highlight":{},"baidu":{"token":"c7d52dcc025ace5582c34ce31e4b4552"},"theme-default":{"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"showLevel":false},"expandable-chapters":{}},"theme":"default","pdf":{"pageNumbers":true,"fontSize":12,"fontFamily":"Arial","paperSize":"a4","chapterMark":"pagebreak","pageBreaksBefore":"/","margin":{"right":62,"left":62,"top":56,"bottom":56}},"structure":{"langs":"LANGS.md","readme":"README.md","glossary":"GLOSSARY.md","summary":"SUMMARY.md"},"variables":{},"title":"Web 开发手册","language":"zh-hans","gitbook":"*","description":"学习使用最新的 Web 技术,创建极速打开、信息安全、交互流畅的网页。"},"file":{"path":"design/downloads.md","mtime":"2017-09-20T05:51:18.000Z","type":"markdown"},"gitbook":{"version":"3.2.2","time":"2017-09-21T10:00:59.234Z"},"basePath":"..","book":{"language":""}}); }); </script> </div> <script src="static/js/gitbook.js"></script> <script src="static/js/theme.js"></script> <script src="static/js/splitter.js"></script> <script src="static/js/expandable-chapters.js"></script> <script src="static/js/atoc.js"></script> <script src="static/js/jquery.mark.min.js"></script> <script src="static/js/search.js"></script> <script src="static/js/plugin.js"></script> <script src="static/js/plugin1.js"></script> <script src="static/js/fontsettings.js"></script> </body> </html>