SEO 是什么?

SEO 是“Search Engine Optimization”(搜索引擎优化)或“Search Engine Optimizer”(搜索引擎优化服务商)的首字母缩略词。通俗地说,SEO就是通过对网站内部调整优化及站外优化,使网站满足搜索引擎收录排名需求,在搜索引擎中提高关键词排名,从而把精准用户带到网站,获得免费流量,产生直接销售或品牌推广。

新手入门可以阅读Google 搜索引擎优化 (SEO) 单页指南.pdf.

如果想要进一步学习,可以参考Google搜索引擎优化入门指南 (需翻墙),如果翻不了,可以点击这里

前端工程师应该掌握的SEO知识

目前不少公司设有SEO的专职岗位,而前端工程师不是专业做SEO优化推广的,并不需要变成SEO专家,但应掌握以下SEO基础知识。

一、结构布局的优化

1.结构扁平化。

网站的层次结构尽量不超过三层。这样搜索引擎或者用户点击跳转3次可以到达网站内任何一个内页。

2.优化导航。

设置页面的主导航、副导航、分类导航、面包屑导航、分页页码等,方便用户跳转到想访问的页面。

二、标签的语义化

搜索引擎的爬虫会依赖于标记来确定上下文和各个关键字的权重.因此,正确使用语义化的标签有利于搜索引擎抓取和收录网页内容。

1.锚链接 <a> 标签:

1)添加属性 title=“链接的文字说明”,增加对该链接的说明,尤其是指向本站的链接。

2)添加属性 rel=“no follow”。 对于指向非本站的链接,增加这个属性是告诉爬虫该页面无需追踪。

2.正文标题用<h1>,副标题用<h2>, 不要滥用标题。

3.正文内容用<p>,正文内的换行用<br>, 其他地方不要滥用<br>来换行,而是通过CSS样式来设置。

4.图片<img>添加属性 alt=“图片的文字注释”.

5.表格用<table> ,表格的标题使用 <caption>

6.有序列表用<ol>, 无序列表用<ul>, 定义列表用< dl>

7.强调标签: <strong> 表示强调, 可以用于突出关键词,有较大的权重。<em>也表示强调,权重比strong稍低。<b>标签虽然也有加粗效果,但没有强调的作用,因此不会增加标签内的文本权重。

8.减少<iframe>的使用。iframes 阻塞页面加载, 延迟触发window.onload事件,给用户的感觉就是这个网页非常慢。

9.重要内容HTML代码放在最前面,然后通过CSS属性控制位置。