HTML面试题十：前端需要注意哪些SEO

HTML面试题十：前端需要注意哪些SEO

一. 什么是SEO：搜索引擎优化

• SEO是Search Engine Optimization的缩写，中文意思是搜索引擎优化

二. 什么是网络爬虫

• 网络爬虫能够收集网页，采集信息，建立索引，提供检索服务并进行网站排名

三. 前端需要注意哪些SEO

1. 合理使用 title标签，meta keywords标签，meta description标签

对于这三项标签的搜索权重逐渐减小

• title标签：重视 title 标签，合理定义页面名称，因为搜索引擎大多数是依靠网站title来判断你网站是关于什么内容的，搜索权重最大
• meta keywords标签： 尽量简洁关键字，尽量不要堆砌关键字，正是因为如今的keywords堆砌关键词，所以好多搜索引擎不太重视keywords了
• meta description标签： 尽量简洁描述，尽量不要堆砌描述，其搜索权重最小

2. 尽量使用HTML5语义化标签，语义化标签更有利于搜索引擎确定上下文和各个关键字的权重。

3. 重要内容 HTML 代码放在最前，因为搜索引擎抓取 HTML 顺序是从上到下

4. 重要内容不要靠 JS 输出，爬虫不会执行JS获取内容

5. 尽量少用 iframe标签，因为搜索引擎不会抓取 iframe 中的内容

• iframe一般用来包含别的页面，例如我们可以在我们自己的网站页面加载别人网站的内

  < div class= "layui-body content" >
  <iframe src="./main.html" frameborder="0" id="contentIframe"></iframe>
  </ div >
  </ div >
  < script src= "./jquery-3.2.1.min.js" > < / script >
  < script src= "./layui/layui.js" > < / script >
  < script >
  $( function(){
  $( '#changeToSet'). on( 'click', function(){
  $(window.parent.document).find('#contentIframe').attr('src','./set.html')
  $( this). addClass( 'layui-this'). siblings(). removeClass( 'layui-this');
  })
  })
  < / script >
  

6. 提高网站速度：网站速度是搜索引擎排序的一个重要指标