服务器之家

服务器之家 > 正文

网站怎么进行代码层的优化? 网站优化代码的技巧

时间:2020-05-01 20:25     来源/作者:互联网

我们讲了很多关于网站优化的内容,今天我们就来看看对网站代码进行优化的方法,请看下文详细介绍

网站怎么进行代码层的优化? 网站优化代码的技巧

一、如何在head层进行优化

1、目前title在SEO中的占比已经不是非常重要了,只要选择合适的行业词就可以。一般写在<meta name="keywords" content="" />中,注意不同的词用英文字符的,隔开,|的方法现在已经不适用了。

网站怎么进行代码层的优化? 网站优化代码的技巧

2、keywords要与title保持统一性,至少在搜索上有相关性。有些网站本身在行业内有认知度,很多人已经将它与某种文化链接起来,所以才可以随性。新站的话是不能这么做的,要大量的搜索才能达到效果。

网站怎么进行代码层的优化? 网站优化代码的技巧

3、description在搜索中出现在搜索引擎网站简介的部分,可以适当加入关键词,但不能大量堆积关键词。(之前截图中keywords少了个s非常抱歉)

网站怎么进行代码层的优化? 网站优化代码的技巧

二、如何在web层进行优化

1、一个页面只能出现一次<h1>标签,给页面中最重要的部分。例如首页h1给网站名,文章页给文章标题。

网站怎么进行代码层的优化? 网站优化代码的技巧

2、给所有<img>元素添加上alt属性,该属性的作用是让图片加载不出来的时候显示文字,对搜索引擎而言也没空来慢慢加载图片,它要快速了解这是什么。

网站怎么进行代码层的优化? 网站优化代码的技巧

3、<a href="" src="/uploads/allimg/200501/1-200501202559-50.png" />

4、简化HTML代码,将大部分特效交给js来实现。例如你写了一个圆角的div,HTML代码层你可能会写到:

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<div class="panel">
 
  <div class="t-o b1"></div>
 
  <div class="t-o b2"></div>
 
  <div class="t-o b3"></div>
 
  <div class="t-o b4"></div>
 
  <div class="content"> <!-- 这里放内容 -->
 
      <div class=clear></div>
 
   </div>
 
   <div class="b-o b4"></div>
 
   <div class="b-o b3"></div>
 
   <div class="b-o b2"></div>
 
   <div class="b-o b1"></div>
 
   <div class="break"></div> </div>

代码非常冗长,对于蜘蛛来说这简直是浪费时间。你完全可以这样写:

<div class='panel'><!--这里放内容--></div>

然后加一串js代码:

jQuery(function($){ $('.panel').prepend('').append(''); }) 

这里添加样式即可。

网站怎么进行代码层的优化? 网站优化代码的技巧

5、做好站内推荐,标签一般用<b>标签</b>来进行突出,一个页面不超过5个<b>标签,要加粗的话请选择<strong>或者使用css的font-weight来进行控制。推荐内容部分就是下一节内容优化部分提到的东西了。

网站怎么进行代码层的优化? 网站优化代码的技巧

以上就是网站代码优化的相关知识,只是简略的介绍一下,希望大家喜欢,请继续关注服务器之家。

相关文章

热门资讯

沙雕群名称大全2019精选 今年最火的微信群名沙雕有创意
沙雕群名称大全2019精选 今年最火的微信群名沙雕有创意 2019-07-07
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-09-17
超A是什么意思 你好a表达的是什么
超A是什么意思 你好a表达的是什么 2019-06-06
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享 2020-04-07
返回顶部