搜索引擎优化 SEO

搜索引擎优化

---

什么是SEO

SEO（Search Engine Optimization）:汉译为搜索引擎优化。搜索引擎优化是一种利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的自然排名的方式。SEO的目的理解是：为网站提供生态式的自我营销解决方案，让网站在行业内占据领先地位，从而获得品牌收益；SEO包含站外SEO和站内SEO两方面；SEO是指为了从搜索引擎中获得更多的免费流量，从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划，使网站更适合搜索引擎的索引原则的行为；使网站更适合搜索引擎的索引原则又被称为对搜索引擎优化，对搜索引擎优化不仅能够提高SEO的效果，还会使搜索引擎中显示的网站相关信息对用户来说更具有吸引力。

SEO概述

搜索引擎定位（Search Engine Positioning)和搜索引擎排名（ Search Engine Ranking）是较为流行的搜索引擎优化(简称SEO)方式，主要目的是增加特定关键词的曝光率以增加网站的能见度，进而增加销售的机会，分为站外SEO和站内SEO两种。SEO的主要工作是：通过了解各类搜索引擎抓取互联网页面、进行索引以及确定其对特定关键词搜索结果排名等技术，来对网页进行相关的优化，使其提高搜索引擎排名，从而提高网站访问量，最终提升网站的销售或宣传的效果。

前端工程师与SEO

前端工程师是搜索引擎优化的关键，一个实现良好的搜索引擎优化的网站的网页可以很好地增加与竞争力，那么身为一个刚刚进入前端的人来说，要通过怎样的方式进行优化呢？

网页结构布局优化

合理规划站点结构，通过扁平化结构让搜索引擎的爬虫更容易地爬去网页信息，对于快速上手的人来说，有以下三种方法可以让你的网页有良好的SEO

1.控制首页链接数量

首页链接在控制在100个以内，性质可以包括页面导航，底部导航，文字链接等等，但注意不能为了凑链接数而在网页乱丢链接，垃圾信息太多反而不符合扒取蜘蛛的扒取标准，从而影响收录效果

2.扁平化的目录层次

扁平化目录层次

纵深化目录层次

纵深化目录层次相比较于扁平化目录层次的不足在于用户想要去橘子网页，必须经过香蕉和苹果，而这正是用户最不想看到的导航过深问题。

3.导航SEO优化
网站导航分为主导航，副导航，分离导航，导航设计尽量采用文字方式，为了与网站整体风格搭配使用的图片导航要把必要的title，alt属性加上，使用面包屑导航给定当前网页的位置，并且给出当前网页在整个网站中的位置，一般都放在标题正文部分的左上角，随时可以返回上级如：食物>水果>香蕉，还有就是分页，下拉列表优于省略号优于只有上页下页最后是页面的大小，搜索引擎会优先扒取总大小在100k以下的网页。

网页代码优化

标签

Title：简洁明了

Keyword：高度关联的词汇

Description：对keyword进行扩展性描述，但不可太长

语义化代码

<div id = "main_action" class = "main_action">
    <span>课程</span>
    <span>|</span>
    <span>课程</span>
    <span>|</span>
    <span>课程</span>
</div>

<ul id = "main_menu" class = "main_menu">
    <li>课程</li>
    <li>课程</li>
    <li>课程</li>
    <li>课程</li>
</ul>

.main_menu li{
    display:block;
    border-right:1px solid #000;
}

 搜索引擎爬虫会优先选择 ul li 标签修饰的导航，因为div，span是HTML最没有语义化的标签，在读到“|”时网页蜘蛛会“迷茫”，网页蜘蛛扒取的只有内容，没有样式，所以把样式封装到外面去是最好的选择。 a标签要加title说明，对于指向其它网站的链接要加“rel”“nofollow”告诉爬虫不要再爬了，可能回不来了，正文标签一定用h1标签，爬虫认为H1所修饰的标题是最重要的，其次是H2，其它的标题就不要在用H3，H4，H5等标签了，p，br标签：把他们综合在一起使用如

<div>
    <span>title</span><br/><br/>
    <span>item1</span><br/><br/>
</div>

    是不对的<br>只用于文本内容的换行，<br>的用法只能是这样

<p>
    今天是个好日子<br>心想的事儿都能成<br>
</p>

    <table>标签：一定要有标题，最正确的写法是这样的
    <img>标签：使用alt说明
    <strong><em>与<b><i>标签：
> 在HTML中的重要度为strong>b;em>I;所以在编写HTML的时候如果不需要让网页蜘蛛特别关注，应尽量不要使用strong和em，如果需要对网页上的消息有所公示，需要贴别关注，就要使用strong和em标签

重要内容的HTML代码放在最前

可以控制div样式让他们可以以任意排列组合的顺序在浏览器中进行显示，网页蜘蛛的抓取顺序是由上到下的，这样的排列方式最有利于进行网页蜘蛛进行抓取工作；重要的内容不要用JS输出，网页爬虫看不懂JS，只能识别HTML标签及其包含的样式；尽量少用iframe框架；谨慎使用display：none，尽量把不想让你显示的文字或其它东西放在HTML显示范围之外，网页爬虫会过滤掉display：none之中的内容；精简代码，能用定位解决的位置不要用div再次封装，能用1行解决的就不要用两行