网站专业知识传播,可承接全国企业网站建设、电商网站建设、微信小程序开发、APP开发、SEO优化排名 客服微信:CQWT666
当前位置:网站建设知识>网站优化>SEO>SEO资讯>网站前端SEO代码及标签的优化

网站前端SEO代码及标签的优化

2016-04-29 SEO 6.99万阅读 投稿:luoke

网站优化结构布局要求尽量往简单优化,提倡扁平化结构。所以代码优化是SEO内部优化一个重要部分,不然发个外链、写个文章,是个人基本都能够做到的,为了跟上SEO的步伐,学代码懂前端,甚至独立搭建网站是SEOER必需经过的一段路程!

这也是为什么我把seoer分为三个阶段原因,我一直认为seoer有三个阶段这里简单的说下:

第一个阶段

就是目前seo行业内最多的一部分人,他们只有一些seo基础,甚至专业知识都不是太会,而seo学了足够的专业知识也没能突破第一个阶段。他们只有seo的相关知识。

第二个阶段

是目前业内存在很少的一部分人,这部分人会seo知识同时也具备了一定的代码知识,也就是html。

第三个阶段

可以说业内所存在的更少,这部分人已经不止与seo,代码知识,他们还需要懂编程。只有这部分人才能真正的把seo做好。

做网站优化最开始部分就是要做好我们网站的前端seo。做SEO优化的基础也是做好前端的SEO优化。

所以说前端代码优化尤为重要,通过网站的结构布局设计和网页代码优化,使前端页面既能让浏览器用户能够看懂,也能让“蜘蛛”看懂。

一、DIV+CSS

DIV+CSS的网站结构对SEO优化起到的作用越来越明显。

其只要原因有一下几个方面

1、采用这种结构后,html页面里基本只有文字或图片信息,而样式则放在css里,这样搜索引擎蜘蛛就不会管css,只采集html里的内容就可以大大提高搜索引擎蜘蛛的效率。

2、采用这种结构往往关键词更集中,密度更高。

3、div+css 行对于table来说比较精简,基本不存在表格嵌套的问题。

4、符合W3C标准的网页在SEO优化方面本身就是优势,更得到搜索引擎蜘蛛的喜爱。

二、Meta标签

Meta标签:如果要做的非常简单,meta标签只需要设置一个字符编码就可以了,咱们在任意地方购买的模版都会写上字符编码,另外Title标题、关键词、Description描述这里也列为meta标签去优化,这三个地方,一般在模版中会直接调用到后台,可以直接在后台设置,所以代码上需要基本是不需要操作。

三、css/js引用

搜索引擎蜘蛛处理的是文本文件,对页面源代码中没有出现的内容则看不到,用户的行为或者其他事件之后才获取并嵌入页面上的动态内容和连接不能被搜索引擎看到,网页中大量的javascript 将影响蜘蛛对页面的抓取和增加网页体积,会延迟网页的打开速度,直接影响用户体验。

在优化的过程中要尽量减少javascript代码的运用,对必须要使用的javascript,也要尽量放到网站的底部先加载正文,或外部js调用(封装)。

为什么要放在底部呢?

可能你不懂代码就不知道了,这里来解释一下,因为浏览器在渲染页面时(也就是展现页面)会从上到下渲染。

我们的模版,JS绝对都是放在头部,但在优化的过程中,而JS文件通常是效果文件,我们可以让网站先加载主题内容,其次加载效果内容,所以有必要把JS文件从头部移动到底部,这样用户看起来你的网站会访问的更快,当然如果CSS有必要,一样可以这样做,常规的CSS是不建议放到底部,会影响加载效果。另外JS及CSS不建议在html模版中写入,最好是新建一个JS或CSS文件,然后把JS或CSS内容放入,在调用这个CSS或JS文件即可。

四、清理垃圾代码

清理垃圾代码是精简代码其中一个非常重要的环节。垃圾代码是删除后不会影响页面显示的非必要的代码,一个页面在清理了垃圾代码后,可以删除近80%的冗余代码。从而达到降低页面体积,提高页面的用户体验和搜索引擎友好性的目的。常见的垃圾代码有 空格字符、默认属性、注释语句、和空语句等。

1、空格字符

空格字符实在编辑代码时敲击键盘上的空格键而产生的符号,网页中每一个空格都算作一个字符,通常出现在每行代码的开始处、结尾处以及空行中。

2、默认属性

我们在使用网页制作软件时,都会产生一些默认属性的代码,比如我们在网页中不添加左对齐的属性,但是页面中的内容也是左对齐的,所以代码中的左对齐属性代码就可以删除。

3、注释语句

在制作网页的时候,我们会添加一些注释语句来增强代码的可读性,但是过多的注释语句会占用大量的网页空间,而且如果注释语句中存在大量的关键词,还会被搜索引擎认为是堆砌关键词,从而对该站进行处罚。所以我们在添加注释语句时,就尽量避免添加那些即使删除后也不会影响网页源代码可读性的注释语句。

4、空语句

空语句是指标签之间不存在任何内容的空句子。

五、LOGO:

LOGO部分需要优化的主要有两个方面,第一个方面在LOGO处加H1标签,其次是在LOGO的A标签处添加一个title属性,title属性中写上你优化的主关键词,之所以建议写主关键词而不写品牌词原因有两个,第一个增加优化主关键词的密度,其次是title属性用户很难得看得到。

六、导航:

导航上的优化,通常就是一个A标签,这个A标签不建议设置新窗口打开,另外一个是A标签中的title属性,如果条件允许,可以直接设置成行业词,而A标签中可显示的文字可以设置成品牌词,这样在不影响体验的同时一样达到了优化关键词的效果。

这里需要提醒一点的是,当一篇文章出现两个一样的A标签指向的时候,我们需要用nofollow标签屏蔽其中一个链接,这里描述和标题都出现了同一个链接,这里建议使用nofollow标签屏蔽描述上的链接,加上去是为了让用户方便点击,屏蔽是为了不让搜索引擎重复抓取。

七、搜索:

站内搜索页面本不建议做SEO优化,因为大多站内搜索都是动态页面,而这些动态页面均直接用robots屏蔽百度蜘蛛

八、图片优化

1、名称

声明:重庆建站无忧科技有限公司所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。

本文标题:网站前端SEO代码及标签的优化

本文链接:http://www.jianzhan51.com.cn/article/7274.html

768