文章目录

  • HTML面试题十:前端需要注意哪些SEO
    • 一. 什么是SEO:搜索引擎优化
    • 二. 什么是网络爬虫
    • 三. 前端需要注意哪些SEO
      • 1. 合理使用 title标签,meta keywords标签,meta description标签
      • 2. 尽量使用HTML5语义化标签,语义化标签更有利于搜索引擎确定上下文和各个关键字的权重。
      • 3. 重要内容 HTML 代码放在最前,因为搜索引擎抓取 HTML 顺序是从上到下
      • 4. 重要内容不要靠 JS 输出,爬虫不会执行JS获取内容
      • 5. 尽量少用 iframe标签,因为搜索引擎不会抓取 iframe 中的内容
      • 6. 提高网站速度:网站速度是搜索引擎排序的一个重要指标

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. 提高网站速度:网站速度是搜索引擎排序的一个重要指标

HTML面试题十:前端需要注意哪些SEO相关推荐

  1. 我所碰到的面试题之------前端常见浏览器兼容性问题解决方案---

    我所碰到的面试题之------前端常见浏览器兼容性问题解决方案--- 参考文章: (1)我所碰到的面试题之------前端常见浏览器兼容性问题解决方案--- (2)https://www.cnblog ...

  2. 2018年3月计算机二级考试题,2018年3月计算机二级考试Access综合试题十

    2018年3月计算机等级考试即将开始,小编在这里为考生们整理了2018年3月计算机二级考试Access综合试题,希望能帮到大家,想了解更多资讯,请关注出国留学网的及时更新哦. 2018年3月计算机二级 ...

  3. (19)FPGA面试题设计前端流程

    1.1 FPGA面试题设计前端流程 1.1.1 本节目录 1)本节目录: 2)本节引言: 3)FPGA简介: 4)FPGA面试题设计前端流程: 5)结束语. 1.1.2 本节引言 "不积跬步 ...

  4. 腾讯后端面试题python_python技术面试题(十九)--腾讯

    正文共: 4171 字 6 图预计阅读时间: 11 分钟 因为去面试,停更了几天.在这次面试中,直接教会了我怎么做人......问的问题很深入,也让我明白了自己的水平.很简单的一个问题,深入之后,会衍 ...

  5. 从BAT面试题谈前端面试解题思路

    从BAT面试题谈前端面试解题思路 2009 年我在支付宝做前端开发时,参与草拟了一份非正式的前端岗位招聘要求. 这里有: 1.国内最大的第三方支付舞台,体验亿万资金穿梭代码的快感: 2.一群热爱前端技 ...

  6. 前端面试查漏补缺--(十) 前端鉴权

    前言 本系列最开始是为了自己面试准备的.后来发现整理越来越多,差不多有十二万字符,最后决定还是分享出来给大家. 为了分享整理出来,花费了自己大量的时间,起码是只自己用的三倍时间.如果喜欢的话,欢迎收藏 ...

  7. 经济学说史-试题(十套)附答案

    经济学说史试题一 一.单项选择题 1.西斯蒙第认为资本主义发生经济危机的原因主要在于(   ) A.消费不足      B.有效需求不足        C.生产过剩         D.储蓄过多 2. ...

  8. 公务员考试计算机最后程序题,公务员考试计算机试题十二

    计算机专业公务员考试各地真题-- 公务员考试计算机试题十二 一.选择题((1)-(30)每个选项1分,(31)-(55)每个选项2分,共80分) (1) 微机计算机中,控制器的基本功能是 A) 实现算 ...

  9. 【理论面试篇】收集整理来自网络上的一些常见的 经典前端、H5面试题 Web前端开发面试题...

    ##2017.10.30收集 面试技巧 5.1 面试形式 1)        一般而言,小公司做笔试题:大公司面谈项目经验:做地图的一定考算法 2)        面试官喜欢什么样的人 ü  技术好. ...

最新文章

  1. 图片右击打印不弹出打印首选项
  2. Highmaps网页图表教程之下载Highmaps与Highmaps的地图类型
  3. 文件操作-读取文件后文件指针会发生变化
  4. 华为云文字识别服务产品优势、应用场景、典型案例和未来之路(OCR系列三)
  5. 软件究竟是如何传播的?
  6. 深度学习系列(二)【人类语言处理--语音辨识】
  7. 数据合并concat
  8. poj3694 Network 求桥边个数[tarjan + LCA]
  9. 实验六—基本数据管理(三)
  10. 四轴笔记----无线透传模块|无线图传|遥控和接收机|无线数传
  11. k阶子式、主子式、顺序主子式、余子式、代数余子式
  12. wps在线预览接口_在线文档预览(干货篇)
  13. Lecture4 反向传播(Back Propagation)
  14. 三维卷轴扭曲变形照片墙AE脚本:Transformer 2 mac版
  15. junit5_在JUnit中测试预期的异常
  16. # Pedometer 计步器算法简介
  17. 为什么很多公司不要从IT培训机构出来的程序员?
  18. 第六届“飞思卡尔”杯智能汽车竞赛赛后总结
  19. 管理时间是空话,集中精力吃青蛙
  20. 防汛救灾应急通信系统

热门文章

  1. 【转】web移动端一些常用知识
  2. 转:oracle-ora 各种sql异常描述
  3. 历途机器人给大家拜年喽
  4. AI换脸火了 支付宝还安全吗?官方回应
  5. 区块链技术有哪些应用领域?
  6. 利用PHP从大txt文件中提取章节名称及行号
  7. 偶然的路遇其实是为了故意等你
  8. 海康录像文件 网页无插件播放
  9. HashMap中负载因子的意义是什么?
  10. 电路计算机为什么要规定方向,为什么要在电路图规定电流的参考方向,实际方向有什么关系与...