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

SEO知识 战车网 来源:uxc.360.cn 68浏览 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:浅谈分类目录之没落

自从百度于10.23发布打击超链作弊一来,又有大批大批的网站相继倒下,相信大家都知道了百度主要是打击那些卖链接的垃圾新闻源站和买链接的那些流量站,比如淘客站,电影站等等,请看下面这张图。 百度明确打击买卖链接的站点 除了卖链接的新闻源网站之外,笔者...

江门网站优化:如何在15天做到关键词上首页、内页秒收

很多时候,很多地方,一些关于草根站长讨论网站优化的话题不断的出现在笔者的眼前,又有很多时候笔者总想着写一篇新站优化的实战步骤,但是都没有很多案例去写,在今天,笔者又想起了这个话题,就拿笔者自己的博客来作题吧! 笔者博客域名开通于2012年10月03日...

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

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

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