SEO优化小技巧

Posted 2020-08-09 易怀源

/**
 * seo优化课程
 * 先谢慕课网
 */

/**
 * SEO基本介绍
 * SEO与前端工程师
 */

/**
 * SEO基本介绍
 * 搜索引擎工作原理：输入关键字------查询------显示结果
 * 百度后台数据库保存着海量数据的数据库，这些数据的键是关键字，键对应着百度的脚本（百度蜘蛛）从互联网里面获取的网址
 * 百度蜘蛛每时每刻都在互联网上爬取，对网址里面的数据进行分析，如果发现百度数据库不存在的、对用户可能有用的，就会抓取保存到百度后台数据库里。
 * 垃圾信息或者重复的内容就会被舍弃，蜘蛛搜索抓取最新的内容，
 * 关键字对应很多网址，最吻合的就排在上面。
 *
 * 搜索引擎优化 search engine optimization：在网友搜索关键字时，我们的网站内容排在最前面。
 * 白帽SEO、黑帽SEO
 *
 * 白帽SEO：
 * 对网站的标题、关键字、描述精心设计，反应网站定位，让搜索引擎明白网站是做什么的。
 * 在网站的内容上，增加关键字的密度，增加长尾关键字等。
 * 在网站上合理设置Robot文件。
 * 生成对搜索引擎友好的网站地图。
 * 增加外部链接，扩大网站的宣传。
 *
 *
 * 网站布局结构优化、网页代码优化。
 *
 */

/**
 * SEO与前端工程师
 * 网站结构的优化：
 * 扁平化结构，（目录层次越少），尽量跳转三层就可以跳到，超过三次点击没有获取到信息不推荐、
 * 控制首页链接数量（百度蜘蛛不能爬到内页，中小企业100个以内，导航，锚文字）、
 * 导航能出现在头部、尾部、内容部分；主导航、副导航、面包屑导航（可以让用户了解当前位置，清晰了解网站结构）
 *
 * 上面是logo和导航条
 * 中间左边是内容部分，内容部分左上角有面包屑导航
 * 中间右边是热门文章，增加链接
 * 下面是版权信息和友情链接
 *
 * 分页方式：做好页标，后面做下拉框，百度蜘蛛想去哪一页就去哪一页。
 * 一个页面最好不要超过100k；
 *
 *
 * 代码SEO优化：
 * title网页标题：只强调重点即可，把网站关键词放在前面，不要重复
 * meta keywords关键词：网页关键词，不要过分堆砌
 * meta description描述：高度概括网页内容，一定不要太长，也不能过分堆砌
 *
 * 语义化代码：在适当的位置用适当的标签
 * h1-h6标题 strong强调
 *
 * a标签：要加上说明，title，对于指向其他网站的链接，要加上rel=nofollow,
 * 标题要用h1标签；用css修饰，主标题用h1,副标题用h2,其他地方尽量不要用h标签，
 * p段落，br只用于文本内容的换行，不要用于html换行，html换行尽量用css调整margin和padding实现,br的用法在文本(p)中间
 * table标签用caption定义表格名称
 * img标签要使用alt说明
 * 重要内容的html代码放在前面
 * 重要内容不要使用js输出
 * 尽量少用iframe
 * 尽量少用display:none,对于不想显示的文字，可以使用z-index，或者显示到浏览器显示范围外
 * 精简代码
 *
 */