手机版 | 登陆 | 注册 | 投稿 | 反馈留言 | 设首页 | 加收藏
网站首页 > 网站优化 > seo优化 > seo优化技巧 >web前端开发过程中SEO优化几大要点

web前端开发过程中SEO优化几大要点

时间:2018-01-20    点击: 次    发布者:佚名 - 小 + 大


SEO优化通俗点说就是为了让网站在各大搜索引擎中更容易的被搜到,即提高搜索排行,从而提高网站流量的一个技术手段。

 

在写web页面的时候,为了让网络爬虫更容易的搜索到页面,需要注意几个点:

 

html语义化

 

刚接触web前端开发的时候很奇怪,既然html标签可以通过css进行更改它的内置属性,为什么还有这么多的标签存在

 

<div>,<h1>,<span>,<strong>....

 

而现在,随着对前端的不断深入,才逐渐明白它的用处

 

语义化的html可以让开发者更容易看懂每一块代码的含义及其侧重点,同时,对于SEO优化也有帮助

 

网络爬虫在搜索的过程中会按着html语义去侧重搜索,

 

标准的符合W3C规范html能让网络爬虫更好的理解,从而提高网站的SEO优化水平。

 

http://www.w3school.com.cn/html篇中,有对每一个标签的语义都做了说明,需要的同学可以注意看下。

 

ifame

 

对于前端开发来说,ifame已经是很久之前的技术了,现阶段应该很少有前端开发者使用ifame(当然,在后台框架搭建中还是会使用到)

 

ifame退出前端舞台的理由我想应该就有一点,web中使用ifameifame中的内容网络爬虫是搜索不到的,所以对于ifame页面来说基本不存在SEO优化

 

建议前端开发中少用,(后台开发对这点到不在意,后台系统对于SEO优化没这需求吧)

 

js输出

 

对于网站中一些重要的文字或内容最好不要使用js输出生成html展现,因为网络爬虫对web中的js只会视而不见,所以用js输出过多的内容

 

会让网站的SEO优化水平降低,建议重要的信息不要用js输出(我还是挺喜欢用js去输出html的,被限制住~~~~

 

alt属性

 

alt属性一般应用在<img>标签里,当图片无法正常加载时,alt属性设置的值就会显示出来作为解释文本

 

对于前端开发人员来说总感觉这个属性有点鸡肋,因为在开发过程中基本看不到这个属性的效果(PS:开发过程中一般情况都不会有加载图片失败的情况)

 

不过要注意,该加的属性还是要加上去的,网络爬虫是识别不了图片的,不管你的图片怎么炫怎么酷,在网络爬虫眼里终究只是一段code而已,而<img>

 

标签的alt属性在网络爬虫眼里就是图片的标志

 

<title>

 

<meta name="description" content="...">

 

<meta name="keywords" content="...">

 

合理的使用这三个对SEO也有很大的帮助,具体使用方法这里就不多说了,有兴趣的同学可以网上搜下。



上一篇:新网站seo优化五大注意事项

下一篇:没有了



Copyright © 2019 天人系列管理系统 版权所有,授权www.rjc.wang使用  Powered by 55TR.COM 运行代码测试页
锐教程网站www.rjc.wang由天天科技荣誉出品