我是尚丹丹,我的博客建好啦!欢迎大家光临!

前端工程师需要知道的SEO知识

SEO sdd 531℃ 0评论

搜索引擎工作原理

百度蜘蛛小爬虫,在网络上面各种爬行(由小蜘蛛来判断哪些是可被记录进百度数据库的),然后搜集各种关键字。

在百度数据库中,有很多关键字,每个关键字对应多个网址,这么多网址就有了排序—–排名。

所以SEO的关键有二

  1. 怎么让小蜘蛛识别到;
  2. 怎么在排名中靠前;

SEO—-搜索引擎优化(Search Engine Optimization)

  1. 网站标题、关键字、描述
  2. 网站内容优化—网站内容与关键字的对应,增加关键字的密度;
  3. 增加外链引用

 

前端SEO优化方法

网站结构布局优化–扁平化结构

  1. 控制首页链接数量–100个以内
  2. 扁平化的目录层次–跳转三次即可到任何内页(分类层级不要太多)
  3. 导航SEO优化
  4. 面包屑导航(尽量有)
    • 让用户了解当前所在位置
    • 使用户可以了解网站组织形式
  5. 不可忽略的细节
    • 不推荐:首页-上页-下页-尾页;推荐:首页-1-2-3-4-5 下一页 或 首页-1-2-3-4-5 (下拉框)
  6. 其他,比如网速太慢,加载不出来等。

网页代码优化

  1. title标题
    • 把重要的关键词放在前面,不要重复出现
    • 每个页面title设置不同
  2. meta keywords 关键词
  3. meta description 网页描述
  4. 语义化代码
    • H1~H6标签多用于标题
    • UL标签多用于无无序列表
    • OL标签多用于有序列表
    • DL标签用于定义数据列表
    • em,strong表示强调
  5. a链接的title,链接其他网站的要加rel=‘nofollow’,表示不需要跟踪。
  6. 网页正文标题要用H1标签,副标题用H2
  7. p标签(段落)与br标签(文本内容的换行)
  8. table表格用caption做标题
  9. img标签应使用alt说明
  10. strong(seo友好),em(seo友好)标签与b,i标签
  11. 重要内容html代码放在最前面
  12. 重要内容不要用JS输出,小蜘蛛不认识
  13. 尽少使用iframe框架
  14. 谨慎使用display:none(小蜘蛛会过滤掉),暂时不想显示的可用z-index或者显示在浏览器范围外。
  15. 不断精简代码

http://www.imooc.com/video/4042

转载请注明:尚丹丹的博客 » 前端工程师需要知道的SEO知识

喜欢 (4)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 评论评论评论评论评论评论评论评论评论评论v
    sdd2016-05-25 09:54 回复