发新帖

浅谈前端与SEO

1846 5
seofuwu3480060956551.jpg


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


                                                               

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


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


突出重要内容


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


seofuwu3480060956552.png


seofuwu3480060956553.png


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


虽然现在搜索对排名三项的裙丶?守慢慢减小,但还是希望能够合理的写好他们,只型?居呕?用的东西,不要在排名里写小说,要表达重点。


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


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


seofuwu3480060956554.png


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


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


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


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


seofuwu3480060956555.jpg


无样式情况下:


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


seofuwu3480060956556.png


seofuwu3480060956557.png


加载样式1:


seofuwu3480060956558.png


加载样式2:


重要内容不要用JS输出。


合理的title、description和keywords


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

精彩评论5

6i0g1   学习于  2016-6-17 19:13:30
这篇seo文章很不错
68ue   学习于  2016-6-17 19:55:10
楼主是优化界超人
68ue   学习于  2016-6-17 19:40:42
好帖就是要顶
jn7   学习于  2016-6-17 19:47:40
技术和方案都很好哦
lz5a   学习于  2016-6-17 19:51:39
LZ真是SEO的人才