网站代码的几个优化技巧

文章来源：成都网站建设

接触到很多网站优化专员，都有一个共性，不知道代码优化是个什么意思，作为一个合格的网站优化专员，认识代码，学习代码，优化代码这是不可缺少的一个过程，下面小编给大家分享几个网站代码优化的小技巧。

SEO 优化代码 Meta标签 CSS/JS引用 JS位置

虽然有写人会觉得，代码越来越廉价，因为在购买完模版以后，模版是根据最优秀的网站抄袭的，比如博客咱们都有一个非常优秀的博客模版，他能够成功，咱就不能够拿他的模版做成功吗，所以太多人报着这样的心态去做SEO优化，其实这里面有严重的错误观念！比如说，在新站上线的时候，卢松松并不是使用现在的模版，因为那个的用户使用习惯接触人群并没有现在的多，所以需要根据Ip、浏览量、pV来调整网站，最后达到优化的效果，而我们就不应该直接购买一套成功的模版去做内容和链接优化。咱还是不多说废话了，进入主题，手把手的教您把自己网站的代码给优化好！

就拿着我的博客作为例子，打开成都创新互联【查看源代码】，虽然看起来非常乱的代码，没关系，咱们从上往下看。

CSS/JS引用：在我们购买到网站模版后，大多数的网站均是调用JS或CSS的，这里需要主意的是最好使用绝对路径调用JS/CSS，如下所示：

<LINK rel=stylesheet type=text/css href="http://ssffx.com/templets/lusongsong/style/LuSongSong-Index.css?ver=20141015

当然，绝对路径是全站都需要做到的，像图片、文章链接、CSS/JS调用等。这一点是许多优化人员不知道并且没有做的一点，那么绝对路径和相对路径是什么意思呢？下面的代码就是相对路径，看完后，我相信你已经明白了，无非就是在代码中加入自己的网站域名即可。

<LINK rel=stylesheet type=text/css href="/templets/lusongsong/style/LuSongSong-Index.css?ver=20170508

另外相信大家都看到上面这一段CSS的时候会感觉有点不一样，那就是我接下来要说的CSS设置缓存时间，当你的CSS/JS更新以后，浏览器会保持原来的缓存，如果不强行刷新，网站是不会更改过来，所以这里需要设置缓存时间（?ver=20141015）来帮用户更新新的界面，这一点对SEO没有直接作用，但是对用户体验有很大的帮助。

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

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

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

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

广告：如果你网站是自己接的广告，那可以使用百度广告管家统计数据，同时还可以把多个广告位的JS整合到一个JS里面，这是对广告联盟的JS做一个何必，如果你是使用百度广告联盟，没关系，一样对接到百度管家里面，然后把广告联盟的JS整合到一个JS。其他第三方的广告联盟就设置不了，也没有这个优势！

文章链接：文章链接通常是做两个，一个在标题上，一个做在描述上，我的博客之所以没做描述上的链接，主要是在百度热力图上并没有看到有多少人点击描述部位。不过我还是建议在描述位置增加一个A标签，A标签中增加title属性。

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

搜索：站内搜索页面本不建议做SEO优化，因为大多站内搜索都是动态页面，而这些动态页面均直接用robots了屏蔽百度蜘蛛，艾瑞网曾使用搜索结果页面做SEO排名被刷排名出现降权，所以我们要吸取教训，不过最好还是建议使用百度的站内搜索。这样自己网页就不会出现太多的垃圾页面收录了。

体验：其实在用户体验上的优化本问说的并不少很多，但代码可以决定用户体验，比如增加百度统计的返回顶部功能，文章页面增加快速评论功能、一个网站最多只能显示3屏、左右可以翻页等功能，看起来功能非常少，但综合的细节决定一个网站的成败！

版权：版权是可以留下的，使用别人的程序不留版权是不道德的行为，所以有必要在底部留下对于的版权信息，但是版权、备案、站外链接都应该加nofollow标签，当然这是站外的链接，站内也有部分链接需要加入nofollow标签，比如我博客底部的广告合作、微信二维码、手机客户端、联系QQ等页面。

Robots：搜索引擎在抓取一个网站的时候，第一时间看robots 文件，这里可以识别到哪些文件可以抓取，哪些文件不可以，robots文件最主要一点就是把网站地图写上去，如下所示：

Sitemap: http://ssffx.com/sitemap.xml

网站地图：网站地图是搜索引擎最容易抓取的一个页面，这个页面里面有所有应该被抓取的内容，所以很多时候，搜索引擎为了偷懒，他自然会抓取网站地图文件，通常情况下网站地图的代码如下所示：

<url>

<loc>http://ssffx.com/SEOjishu/</loc>

<changefreq>daily</changefreq>

<priority>0.8</priority>

</url>

看了上面这些网站优化的技巧，如果你还有什么不明白的，大家可以看先我的网站代码是怎么设置的 http://www.executivehouseboatcharters.com

网站标题：网站代码的几个优化技巧
路径分享：/news12/295112.html

成都网站建设公司_创新互联，为您提供App设计、用户体验、网站建设、服务器托管、移动网站建设、网站收录

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联