前端SEO优化喽
一、搜索引擎优化
SEO(Search Engine Optimization):汉译为搜索引擎优化。是一种方式:利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名,如同希望百度等搜索引擎能收录我们精心制作的网站,并且在别人访问时网站能靠前。

二、关于前端的SEO
一些成熟的平台,在开发初期并没有考虑优化问题,所以做出来的页面,就算是效果很炫,功能很强,但是对搜索引擎非常的不友善。任何一个成熟的网站,后期页面都是动辄几百万的,到这个时候再来调整结构,既费时又费力,最怕的还是会影响到排名和收录。

三、前端做好SEO的一些方案列举
一般而言,建立的网站结构层次越少,越容易被“蜘蛛”抓取,也就容易被收录。一般中小型网站目录结构超过三级,“蜘蛛”便不愿意往下爬,“万一天黑迷路了怎么办”。并且根据相关调查:访客如果经过跳转3次还没找到需要的信息,很可能离开。所有js、css采用外联方式,图片采用css精灵,减少请求次数,合理的title、description和keywords。

1、 优化网站分级结构。在每个内页加面包屑导航是很有必要的,可以让蜘蛛进入页面之后不至于迷路,

2、语义化书写HTML代码,符合W3C标准。不要什么都用div,尽量合理的使用ul、ol、table等使用符合语义化的标签。

3、meta描述。可定义关键词、网站描述等:

< meta name=“keywords” content=“关键词1,关键词2” />

< meta name=“description” content=“描述1,描述2” />

4、图片添加alt属性。这个比较重要,有很多适用场景:

(1)当图片未成功显示时候,仍可以显示文本,用户也可以大致了解图片主题;

(2)当图片成功显示的时候,鼠标以上图片,可显示图片描述;

(3)可解决网速慢、src引用错误、浏览器禁用图像、用户使用屏幕阅读器等情况。

5、图片大小声明。如果图片大小不做定义的话,页面需要重新渲染,就会影响到加载速度。

6、 集中网站权重。由于蜘蛛分配到每个页面的权重是一定的,这些权重也将平均分配到每个a链接上,可以适当的给链接标签a添加 rel=“nofollow” 属性(例如:当我们项目的某一个导航不需要蜘蛛跟踪链接):

不需要跟踪的导航

作用:(1)引导爬虫抓取一些有用的信息页面,提高爬虫的抓取效率;

        (2)防止一些不可信内容,防止页面指向一下垃圾站点和页面。

7、 a标签的title属性的使用。在不影响页面功能的情况下,可以尽量给a标签加上title属性,可以更有利于蜘蛛抓取信息。

8、内链采用绝对路径,减少服务器的响应时间:

9、 H标签的使用。主要是H1标签的使用需要特别注意,因为它自带权重,一个页面有且最多只能有一个H1标签,放在该页面最重要的标题上面,如首页的logo上可以加H1标签。

例如:淘宝网首页,不要采用。

10、网站结构呈扁平状树型。目录结构不宜过深。每个页面离首页最多点击不超过3次,过深不利于搜索引擎的抓取。

11、重要的内容优先加载。第一个链接最好是网站主关键词,不刻意要求,可以用css来处理,索引一篇文章的长度也是有限制的,一定要把最重要的内容(html),优先展现给蜘蛛,这方面你可以通过查看一些比较大的网页快照来求证,蜘蛛不会读取JS里的内容,所以重要内容必须放在HTML里。

前端SEO搜索引擎优化相关推荐

  1. 前端之SEO搜索引擎优化

    什么是SEO SEO(search engine optimization)搜索引擎优化 SEO是端开发人员在网站设计和开发过程中,通过优化HTML.CSS.JavaScript等前端代码,以及网站结 ...

  2. SEO搜索引擎优化方式

    SEO搜索引擎优化方式 SEO搜索引擎优化方式 文章目录 SEO搜索引擎优化方式 @[TOC](文章目录) 前言 一.黑帽SEO 1.关键字的堆叠 2.隐藏文本 3.门页 二.白帽SEO 1. TDK ...

  3. SEO搜索引擎优化的来龙去脉

    作为一个前端,搞不懂SEO的来龙去脉可不行,只是单纯的死记硬背方法,不是我所喜,所以有了这篇博客,说到来龙去脉,此篇幅真心不短,但是请放心,看完这篇一定会让你感受到SEO的友好哒,绝不白白浪费你的这几 ...

  4. seo和python_python网络爬虫与SEO搜索引擎优化介绍

    1. 什么是爬虫? 首先应该弄明白一件事,就是什么是爬虫,为什么要爬虫,博主百度了一下,是这样解释的: 网络爬虫(又被称为网页蜘蛛,网络机器人,在FOAF社区中间,更经常的称为网页追逐者),是一种按照 ...

  5. 域名年龄-SEO搜索引擎优化

    为什么80%的码农都做不了架构师?>>>    域名年龄-SEO搜索引擎优化 在我们创建一个新的网站时,我们首先考虑到的是去注册一个新的域名.  有时发现我们 要注册的域名已经被注册 ...

  6. SEO搜索引擎优化排名方法大全

    SEO搜索引擎优化排名方法大全 正确的搜索引擎优化可以有效的帮助网站得到正确的排名,仅此而已,这也是我写这篇文章的目的. 过度优化甚至作弊不但费时费力,而且对网站没有实际帮助. 提高在搜索引擎中排名的 ...

  7. 增城seo搜索引擎优化_搜索引擎seo优化主要从哪里入手?

    首先我们应该了解什么是搜索引擎优化以及网站搜索引擎seo优化的价值,从基础开始逐步深入,下面拓王朝所要讲的都是一些理论知识,很好理解,有不同见解欢迎评论. SEO优化 SEO搜索引擎优化,是指通过采用 ...

  8. SEO搜索引擎优化总结

    SEO学习了一段时间,总结如下: 一.什么是SEO         搜索引擎优化,以提高网站在搜索引擎结果中排名为目标的一系列工作. 二.Page Rank算法        PR(A) =(PR(B ...

  9. seo搜索引擎优化-SEO优化教程附关键词工具以及文章采集软件

    seo搜索引擎优化,什么是SEO搜索引擎优化.简单点来说就是用户通过搜索引擎搜索想要的结果第一时间找到你的网站.那我们怎么做好搜索引擎优化呢?要做好搜索引擎优化首先我们得了解首页引擎.怎么才能快速的了 ...

最新文章

  1. 卫星对地观测及任务调度中日照分析
  2. Unity Shader基本例子
  3. go 同一个参数传入不同struct_struct的基本介绍-go篇
  4. KVM中virtio实现(九)
  5. Python爬虫对json数据解析爬取
  6. linux 如何设置待机时间_小型手持喷码机@小型手持喷码机如何安装
  7. JAVA确保垃圾回收后结束程序_Java垃圾回收机制(转)
  8. 【九章算法免费讲座第一期】转专业找CS工作的“打狗棒法”
  9. python3 面向对象_Python3 面向对象
  10. Ado.Net 实体类、数据连接类、数据访问类
  11. Dubbo学习总结(9)——Apache Dubbo Roadmap 2019
  12. Go搭建REPL环境
  13. java List的初始化
  14. Txt格式的电子书解析
  15. ubuntu更新pip
  16. iOS开发之上传应用至APP store - 加急审核, 本人亲测苹果加速审核一年不止两次,只要理由充分,是可以多次的 。不过尽量避免
  17. 关于记忆的10个惊人事实
  18. win2003企业版安装
  19. 前端小白写了个网页版五子棋游戏,使用原生 JS + Canvas 实现绘制棋子、棋盘
  20. vue不同页面切换,背景音乐连续播放不间断

热门文章

  1. nginx配置GeoIP
  2. 工程仪器振弦传感器无线采集仪的采集数据发送方式及在线监测系统
  3. unity围绕物体旋转加角度限制
  4. 移动智能终端开发技术
  5. 2020美容师(初级)考试及美容师(初级)证考试
  6. AI Earth 地球科学云平台——用数据感知地球世界(含福利)
  7. 一文读懂责任分配矩阵,解决你80%的项目难题
  8. 创建密码重置盘和重设密码
  9. 语音助手Servant
  10. 记一次绕过火绒安全提权实战案例