网站优化seo培训:浅谈前端与SEO

SEO知识 战车网 来源:uxc.360.cn 137浏览 0评论

SEO(Search Engine Optimization),就是传说中的搜索引擎优化,是指为了增加网页在搜索引擎自然搜索结果中的收录数量以及提升排序位置而做的优化行为。我认为这是一门说来简单,但操作起来复杂的技术,只可意会,不可言传。作为一名前端工程师,不需要精通SEO,但必须要了解它。SEO有一条不变的准则就是它永远都在变,因为没有一沉不变的优化方案可供大家套用。但我们仍然可以发现一些基础的或是被人们公认的规律来进行网站的SEO。更重要的是我们要有自己的实践,不断发现适合自己行之有效的SEO方法。

从宏观的角度来说,我认为SEO有三条最重要的规律,那就是原创的内容、高质量的外部链接和持之以恒适度的优化。

前端是构建网站中很重要的一个环节,本篇重点从前端的角度来讲解一下SEO的实施方法。前端的工作主要是负责页面的HTML+CSS+JS,优化好这几个方面会为SEO工作打好一个坚实的基础。突出重要内容可以让搜索引擎判断当前页面的重点是什么,提升网站访问速度可以让搜索引擎的蜘蛛顺利、快速、大量的抓取网页内容,所以以下我就着重以突出重要内容和提升网站速度为主来总结一下。

突出重要内容

合理的title、description和keywords

截图取自于360搜索(so.com)

虽然现在搜索对这三项的权重慢慢减小,但还是希望能够合理的写好他们,只写有用的东西,不要在这里写小说,要表达重点。

title:只强调重点即可,重要关键词出现不要超过2次,而且要靠前,每个页面title要有所不同,如下图:

description:把网页内容高度概括到这里,长度要合理,不可过分堆砌关键词,每个页面description要有所不同,如下图:

keywords:列举出几个重要关键词即可,也不可过分堆砌。

语义化书写HTML代码,符合W3C标准。

对于搜索引擎来说,最直接面对的就是网页HTML代码,如果代码写的语义化,搜索引擎就会很容易的读懂该网页要表达的意思。例如文本模块要有大标题,合理利用h1-h6,列表形式的代码使用ul或ol,重要的文字使用strong等等。总之就是要充分利用各种HTML标签完成他们本职的工作,当然要兼容IE、火狐、Chrome等主流浏览器。

我们来看看著名的禅意花园网站(http://www.csszengarden.com/),在没有样式的情况下,代码非常语义化,看起来很工整,加载不同的样式之后可以随心所欲的改变页面外观。

无样式情况下:

加载样式1:

加载样式2:

利用布局,把重要内容HTML代码放在最前。

搜索引擎抓取HTML内容是从上到下,利用这一特点,可以让主要代码优先读取,广告等不重要代码放在下边。例如,在左栏和右栏的代码不变的情况下,只需改一下样式,利用float:left;和float:right;就可以随意让两栏在展现上位置互换,这样就可以保证重要代码在最前,让爬虫最先抓取。同样也适用于多栏的情况。

重要内容不要用JS输出。

蜘蛛不会读取JS里的内容,所以重要内容必须放在HTML里。

转载请注明:战车网 » 网站优化seo培训:浅谈前端与SEO

猜你喜欢

seo优化方案:关于SEO博客文章往门户投稿的浅见

很多seoer都有自己的博客,文章质量不论,大家更新文章的频率值得称赞,写文章都是一天一篇,而且原创居多。很多seoer专门写文章往门户网站投稿,如站长网、落伍、站长之家、seowhy等。作为一个seoer每天的工作量很大,自己写一篇好的原创文章发在...

杭州网站建设公司:Seo要朝着综合平衡趋势发展才可以继续生存

在经历了最近的一系列的对seo打击的惨烈事件后,笔者突然开始领悟到seo不再像以前那么好做了。最主要体现的地方就是,外链在seo中的权重突然降了很多,让曾经辉煌的靠强大外链的seo时代成为了过去。Seo是时候开始并应该朝着综合平衡发展的方向前进了,单...

seo顾问:做好三步让你的网站内容价值发挥到极致

外链为皇的时代逐渐过去,但是内容为王依然存在。网站内容好比是网站的灵魂,一个健全的网站必须要有大量有价值的原创内容。但是站长们发现一个问题:即使是原创,自己的网站内容的浏览量还是很少,还是很难得到用户的认可,究竟为什么呢? 其实笔者认为这个问题的根本...

avatar
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址