1. 什么是 ESO:
1. SEO 的全称是: Search Engine Optimization (中文名字: 搜索引擎优化) 。
2. 提高网站流量而做的优化手段 。
2. 什么是 SEM:
1. SEM 的全称就是: Search Engine Marketing (中文名称: 搜索引擎营销)
3. SEO 现在分为两种:
1. 白帽 SEO
1. 这种优化方法起到了改良和规范网站设计的多占用; 使之对搜索引擎和用户更加友好; 网站也能从搜索引擎中获取更多合理的流量 。
2. 这是搜索引擎鼓励和支持的 。
2. 黑帽 SEO
1. 利用和放大搜索引擎缺陷, 来获取更多用户的访问量 。
2. 这类行为大多是欺骗搜索引擎 。
3. 使用的是不正常优化手段 。
4. 搜索引擎 的工作原理:
1. 输入关键字, 点击搜索, 查询到结果 。
2. 如百度等, 它们都有一个巨大的数据库, 这个数据库中有着海量的关键字, 每个关键字有对应着很多的网址, 这些网址就是 百度程序 在互联网上一点一点收集起来的, 这个程序我们一般称之为 百度蜘蛛 。
3. 百度蜘蛛 不停的在网上爬行, 从一个连接到另一个连接, 然后 百度蜘蛛 会对这些网站的内容进行分析提炼, 找到其中的关键字, 如果百度蜘蛛认为这些关键字是它的数据库中没有的而且对用户是需要的, 就会将这些关键字和网址存入百度的后台数据库 。
4. 当用户上网搜索的时候, 搜索引擎 就从后台数据库中检索出来与之相关的网址显示给访客 。
5. 因为一个关键字可以对应很多个网址, 那么就会出现一个排序的问题, 与关键字最吻合的就会排在最前面 。
1. 当搜索的内容网址只有一个的时候, 它的排序也会显示在第一个 。
6. 这里还有一个蜘蛛能否看得懂的问题, 如果我们的网站是 JS 生成的, 有 flash 视频在里面, 那么这些就是再与关键字契合, 蜘蛛也不会收录 。
7. 蜘蛛能够识别的语言就是我们要做的 ESO 。
5. 白帽 SEO 方法
1. 针对 ESO 网站的站长一般看中的都是内容方面 。
2. 在前端网页的设计过程中, 就开始做这项工作, 会达到事半功倍的效果 。
3. 在前端工程师的不同工作阶段, 可以进行 SEO 的事情也不相同 。
1. 网站结构布局优化
2. 网站代码优化
6. 白帽 SEO (内容上的 SEO)
1. 网站的标题 / 关键字 / 描述 精心设计, 反应网站的定位, 让搜索引擎明白网站是做什么的 。
2. 网站内容优化:
1. 网站内容与关键字的对应 。
2. 增加关键字的密度 。
3. 增加长尾关键字 。
3. 合理设置 Robot.txt 文件 。
4. 生成针对网站友好的地图 。
5. 增加外部链接 。
7. 白帽 SEO (网站结构布局优化 SEO)
1. 为了让蜘蛛能够容易识别, 我们就不能设计过于复杂的站点结构, 尽量让网站简单、 开门见山 。
2. 扁平化结构:
1. 我们建立的网站的层次越少, 越容易被蜘蛛抓取, 也就越容易被收录 。
2. 对于一般的中小型网站, 目录结构超过三层, 蜘蛛就不愿意向下爬去内容 。
3. 做到扁平化目录结构:
1. 控制首页的链接数量:
1. 网站的首页是权重最高的地方, 我们应该好好利用 。
2. 网站的首页链接太少, 就算蜘蛛想要抓取内容, 来到没有链接的主页, 就相当于网页之间的桥梁没有了, 蜘蛛就会走不下去; 无法爬到内页, 直接影响网站的被收录数量 。
3. 当然首页的链接也不能太多, 这样直接影响用户体验分散首页的权重, 被收录的数量也不太好 。
4. 对于中小型网站, 最好能够控制在 100 个以内, 链接的性质可以包含首页导航, 底部导航, 锚文字链接 等等。
5. 我们网站放上的链接要建立在用户的良好体验和引导用户获取信息的基础上 。
2. 扁平化的目录层次:
1. 尽量让蜘蛛跳转三次, 就可以到达网站内的任何一个内页 。
2. 例如网站的设计成: 主页 -> 栏目 -> 内容页 这样三级扁平铺开的结构而不能是纵深的结构 。
3. 超过三次点击, 访客还没有找到访问的信息, 访客就很大的可能会离开这个网站 。
3. 导航 ESO 优化:
1. 导航对于网站来说是不可缺少的部分, 不只对于访客, 对于搜索引擎来说它也起到了关键的作用 。
2. 导航出现的位置:
1. 网站的头部 / 网站的底部 / 甚至出现在网站主页的内容部分 。
2. 导航分类: 主导航 / 副导航
3. 面包屑导航
1. 面包屑导航的方式可以让用户知道现在所处的位置以及当前页面在整个网站的位置 。
2. 使用户可以了解网站的组织形式 。
3. 对 SEO 让搜索引擎清楚的了解网站结构同时还增加了大量的内部链接, 方便抓取、降低跳出率 。
4. 面包屑一般处于网站正文标题部分的左上角 。
4. 网站的内容页:
1. 网站的内容页在网站中的数量是最多的 。
2. 内容页的结构优化:
1. 上面是导航区; 包括网站 logo 、 用户信息 、 以及网站的主导航 。
2. 正文区域: 左: 包括面包屑导航, 正文标题, 内容; 右: 除了广告以外, 可以是热门文章 、 相关文章 。
3. 线面是版权信息及连接: 容易忽视的一个 SEO 处理 -> 分页器 。
1. 首页 - 上页 - 下页 - 尾页 (对 SEO 不友好) 。
2. 首页 1 2 3 4 5 6 7 8 9 10 下页 (对 SEO 稍微友好一些) 。
3. 首页 1 2 3 4 5 6 7 8 9 10 下拉框 (对 SEO 最友好) 。
5. 其它:
1. 网站的加载速度 。
8. 白帽 SEO (网站代码优化 SEO)
1. SEO 优化的三要素: 搜索引擎会首先阅读网站/网页中的 标题/关键词/描述, 对我们的网站进行粗阅读和检索, 再进行网页的深阅读, 抓取信息, 把我们的网页作为快照存储到数据库中 。
1. <title> 标题 -> 网站的标题(每个页面的标题不要设置相同的) 。
2. <meta keywords> -> 关键词 。
3. <meta description> -> 描述 。
2. 语义化代码
1. 在适当的位置, 用适当的标签; 更好的让人和搜索引擎、小蜘蛛都能够一目了然 。
2. H1~H6 多用于标题 。
1. h1 正文标题 (因为 蜘蛛 认为 h1 标签的内容是最最重要的) 。
2. h2 副标题 。
3. 其它不重要的地方就不要乱用 h 标签了。
3. <ul> 用于无序列表 。
4. <ol> 用于有序列表 。
5. <dl> 用于定义数据列表 。
6. <em>, <strong> 表示强调 (<b> <i>) 。
7. <a> 超级链接
1. 加上 title 说明 。
2. rel 添加 noflow -> 告诉蜘蛛别去爬这个链接了(因为爬到其它网站就有可能不回来了) 。
8. <p> 内容 。
9. < br> 适用于文本内容的换行 。
10. <table> 与 <caption> 结合使用 。
11. <img> 应使用 alt 说明(alt 是对图片起到一个注释的作用) 。
3. 重要内容 HTML 代码放在最前面 (使用 CSS 设置)。
4. 重要内容不要使用 JS 输出 (蜘蛛看不懂 JS 编程)。
5. 尽量少使用 iframe 框架 (蜘蛛不会读取这个标签中的内容)。
6. 谨慎使用 display: none (蜘蛛会过滤掉里面的内容) 。
7. 不断精简代码 。
