网站怎么进行代码层的优化? 网站优化代码的技巧
<p>我们讲了很多关于网站优化的内容，今天我们就来看看对网站代码进行优化的方法，请看下文详细介绍<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201709/20170914144825214.jpg" /></p>
<p><strong>一、如何在head层进行优化</strong></p>
<p>1、目前title在SEO中的占比已经不是非常重要了，只要选择合适的行业词就可以。一般写在<strong><meta name="keywords" content="" />中，</strong><span style="color: #ff0000"><strong>注意不同的词用英文字符的,隔开</strong></span>，|的方法现在已经不适用了。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201709/20170914144825215.jpg" /></p>
<p>2、<strong>keywords要与title保持统一性</strong>，至少在搜索上有相关性。有些网站本身在行业内有认知度，很多人已经将它与某种文化链接起来，所以才可以随性。新站的话是不能这么做的，要大量的搜索才能达到效果。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201709/20170914144825216.png" /></p>
<p>3、description在搜索中出现在搜索引擎网站简介的部分，可以适当加入关键词，<span style="color: #ff0000"><strong>但不能大量堆积关键词</strong></span>。(之前截图中keywords少了个s非常抱歉）</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201709/20170914144826217.png" /></p>
<p><strong>二、如何在web层进行优化</strong></p>
<p>1、<strong>一个页面只能出现一次<h1>标签</strong>，给页面中最重要的部分。例如首页h1给网站名，文章页给文章标题。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201709/20170914144827218.png" /></p>
<p>2、<strong>给所有<img>元素添加上alt属性</strong>，该属性的作用是让图片加载不出来的时候显示文字，对搜索引擎而言也没空来慢慢加载图片，它要快速了解这是什么。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201709/20170914144827219.png" /></p>
<p>3<strong>、<a href="" title="">文本</a> 是非常重要的锚链接</strong>，一般用于站内链接，文本做锚链的话更容易被搜索引擎抓取到下一页的内容。<span style="color: #ff0000"><strong>一个页面最多只能放50个超链</strong></span>。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201709/20170914144827220.png" /></p>
<p>4、简化HTML代码，将大部分特效交给js来实现。例如你写了一个圆角的div，HTML代码层你可能会写到：</p>
<p> </p>
<div class="jb51code">
<pre class="brush:xhtml;">
<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> </pre>
</div>
<p>代码非常冗长，对于蜘蛛来说这简直是浪费时间。你完全可以这样写：</p>
<p><strong><div class='panel'><!--这里放内容--></div></strong></p>
<p>然后加一串js代码：</p>
<p><span style="color: #ff0000"><strong>jQuery(function($){ $('.panel').prepend('').append(''); }) </strong></span></p>
<p>这里添加样式即可。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201709/20170914144827221.png" /></p>
<p>5、做好站内推荐，<strong>标签一般用<b>标签</b>来进行突出</strong>，一个页面不超过5个<b>标签，要加粗的话请选择<strong>或者使用css的font-weight来进行控制。推荐内容部分就是下一节内容优化部分提到的东西了。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201709/20170914144828222.png" /></p>
以上就是网站代码优化的相关知识，只是简略的介绍一下，希望大家喜欢，请继续关注琼殿技术社区。
頁:
[1]