网站的页面优化，也即网页优化是对网页的程序、内容、版块、布局等多方面的优化调整，使其适合搜索引擎检索，满足搜索引擎排名的指标，从而在搜索引擎检索中获得的排名提升，增强搜索引擎营销的效果使网站的产品相关的关键词能有好的排位。使网站更容易被搜索引擎收录，提高用户体验和转化率进而创造价值。下面主要从网站代码、标签、正文等几个方面来讲述网站的页面优化。
Meta标签优化
对于Meta标签，主要有title、description、keywords三个地方，其余的meta标签不加也没事。就重要性而言，title在页面优化中绝对占据很重要的位置。
title标题标签告诉用户和搜索引擎一个特定网页的主题是什么。
标签通常放在HTML文档的<head>标签内。理想情况下，应该为网站的每一个网页创建唯一的title页面标题。</p>
<p style="margin: 10px 0px 15px; padding: 0px; word-break: break-all; color: rgb(0, 0, 0); font-family: Simsun; font-size: 14px; background-color: rgb(246, 244, 233);">
关于title的写作，title标签应该准确描述网页的内容，使用简短的，但具描述性的标题标签——短的标题同样可以包含丰富的信息。如果标题太长，搜索引擎只会在搜索结果里显示其部分内容。尽量不要堆积太多关键词，如果是长标题，可以包含关键词1-2次，而且关键词不用靠的太近。</p>
<p style="margin: 10px 0px 15px; padding: 0px; word-break: break-all; color: rgb(0, 0, 0); font-family: Simsun; font-size: 14px; background-color: rgb(246, 244, 233);">
description描述标签提供了关于这个网页的总括性描述，网页的标题可能是由一些单词和短语组成的，而网页的描述元标签则常常是由一两个语句或段落组成的。如果网页摘要里的某个词语恰好出现在用户的查询里，那么这个词语将被高亮显 示，如果描述标签写的好，可以提升页面的点击率。</p>
<p style="margin: 10px 0px 15px; padding: 0px; word-break: break-all; color: rgb(0, 0, 0); font-family: Simsun; font-size: 14px; background-color: rgb(246, 244, 233);">
关于description的写作，description标签准确概括该网页的内容，每一个网页应该创建各不相同的描述标签，避免所有的网页或很多网页使用千篇一律的description标签。</p>
<p style="margin: 10px 0px 15px; padding: 0px; word-break: break-all; color: rgb(0, 0, 0); font-family: Simsun; font-size: 14px; background-color: rgb(246, 244, 233);">
keywords关键词标签，对于页面优化来说，重要性已经大不如前，甚至有种说法是，keywords标签已经没用了，不过，就算搜索引擎已经不将keywords考虑进，写一下keywords标签可能还会有些作用，不过keywords里面不要堆砌太多关键字，否则可能适得其反，写上4、5个核心关键字即可。</p>
<p style="margin: 10px 0px 15px; padding: 0px; word-break: break-all; color: rgb(0, 0, 0); font-family: Simsun; font-size: 14px; background-color: rgb(246, 244, 233);">
<strong>Alt优化</strong></p>
<p style="margin: 10px 0px 15px; padding: 0px; word-break: break-all; color: rgb(0, 0, 0); font-family: Simsun; font-size: 14px; background-color: rgb(246, 244, 233);">
图片的优化对于网站页面来说也非常重要，所有的图片都拥有一个Alt属性，对于图片的优化主要是针对这个属性的优化，优化图片的alt属性可以使得图片搜索引擎能更好地理解图片。</p>
<p style="margin: 10px 0px 15px; padding: 0px; word-break: break-all; color: rgb(0, 0, 0); font-family: Simsun; font-size: 14px; background-color: rgb(246, 244, 233);">
由于搜索引擎读取图片的困难，所以在一般的写作中，需要对添加的图片，进行ALT标签注释。当然对于图片的理解，周围的文字也起到一定的作用，当图片因为一些原因不能够显示的时候，系统会显示alt属性指定的文字。</p>
<p style="margin: 10px 0px 15px; padding: 0px; word-break: break-all; color: rgb(0, 0, 0); font-family: Simsun; font-size: 14px; background-color: rgb(246, 244, 233);">
Alt属性的编写，应该使用简短但是描述性很强的alt文本，当图片作为链接使用时，一定要提供alt文本，这会大大有助于搜索引擎更好地理解它链向的那个页面。</p>
<p style="margin: 10px 0px 15px; padding: 0px; word-break: break-all; color: rgb(0, 0, 0); font-family: Simsun; font-size: 14px; background-color: rgb(246, 244, 233);">
<strong>网站重构</strong></p>
<p style="margin: 10px 0px 15px; padding: 0px; word-break: break-all; color: rgb(0, 0, 0); font-family: Simsun; font-size: 14px; background-color: rgb(246, 244, 233);">
网站重构可以使网站的维护成本变得更低，运行得更好，遵循HTML结构化标准的设计，将网站页面的实际内容与它们呈现的格式相分离。简单来说，就是将所有的字体、样式等表现形式都写成DIV+CSS的方式，CSS放在单独文件里，Javascript也放在单独文件，HTML里面只有文字内容。凡是可以使用外部文件调用的，就使用外部文件调用，可以不出现的，尽量不出现，在正文中，全部以文字为主，不要出现CSS代码。</p>
<p style="margin: 10px 0px 15px; padding: 0px; word-break: break-all; color: rgb(0, 0, 0); font-family: Simsun; font-size: 14px; background-color: rgb(246, 244, 233);">
这样做的好处是，HTML文件的代码被精简，文件变小，搜索引擎在索引网站页面时，可以更好地索引和识别网站的内容信息，并能准确抓取页面正文的内容。<br />
<br />
<br />
高质量的原创性文章，我们简单的拆解下。高质量，原创，文章。好，那么有两点要素已经很明了了。你更新的文章，质量一定要高，简单点讲就是可读性要有，能让你的目标客户有读下去的欲望，不要为了原创，半天憋出一篇语句都不通的小学生作文，你说一篇吸引不了人看的文章，就算用标题党把人骗进来，人家1秒钟都看不下去就点个叉叉把你关了，反而会降低搜索引擎对你网站的喜好度，因为你的网站跳出率很高，证明一点，就是网站的内容质量低劣。对于搜索引擎来说，如果用户不喜欢的网站，那么他也肯定不会喜欢，好吧，你的网站就等着降权吧</p>
</P>
<p style="box-sizing:border-box;margin-top:0px;margin-bottom:0px;padding:0px;border:0px;outline:0px;vertical-align:baseline;background:#FFFFFF;font-family:微软雅黑, Arial, Helvetica, sans-serif;color:#797676;font-size:14px;text-align:center;white-space:normal;">
<img title="1027585b8604ae703e9436050.png" src="/skin/static/images/0957145b8f37fa4d388438622.png" style="box-sizing:border-box;vertical-align:bottom;margin:0px;padding:0px;outline:0px;background:transparent;display:inline-block;max-width:100%;height:auto;">
</p>
<p style="box-sizing:border-box;margin-top:0px;margin-bottom:0px;padding:0px;border:0px;outline:0px;vertical-align:baseline;background:#FFFFFF;font-family:微软雅黑, Arial, Helvetica, sans-serif;color:#797676;font-size:14px;text-align:center;white-space:normal;">
<span style="box-sizing:border-box;margin:0px;padding:0px;border:0px;outline:0px;vertical-align:baseline;background:transparent;color:#000000;">丨夸米科技</span><span style="box-sizing:border-box;margin:0px;padding:0px;border:0px;outline:0px;vertical-align:baseline;background:transparent;color:#000000;">丨</span>
</p>
<p style="box-sizing:border-box;margin-top:0px;margin-bottom:0px;padding:0px;border:0px;outline:0px;vertical-align:baseline;background:#FFFFFF;font-family:微软雅黑, Arial, Helvetica, sans-serif;color:#797676;font-size:14px;text-align:center;white-space:normal;">
<span style="box-sizing:border-box;margin:0px;padding:0px;border:0px;outline:0px;vertical-align:baseline;background:transparent;color:#000000;">咨询直线：186-2370-8562 官方网站：www.quamae.com</span>
</p>
</div>
</div>
</div>
</div>
<div class="container active_prev_next">
<div class="col-xs-6 prev">
<a href="/xiangmudongtai/264.html">页面优化的几大方面</a>
</div>
<div class="col-xs-6 next">
<a href="/xiangmudongtai/266.html">网站优化：文章编辑的技巧</a>
</div>
<div class="back">
<a href="/A/CASE/" class="iconFont">X</a>
</div>
</div>
</div>
</div>
</div>
<div style="position:relative;top:-100px;display: block;height:0;overflow: hidden;" id="liuyan">
</div>
<form class="my-4" onsubmit="return submsg(this);">
<form onsubmit="return submsg(this);">
<div class="sy_hqbj">
<div class="dtit w1520 wow fadeInUp" data-wow-delay="1s">
<p class=""> 免费获取方案报价 </p>
<span class="line"></span>
<span class="mtit"><a> 多一份参考总有益处 免费获取方案报价</a></span>
</div>
<div class=" w1520 lyk wow fadeInUp" data-wow-delay="1s">
<input type="text" name="contacts" required id="contacts" class="form-control" placeholder="联系人" />
<input type="text" name="mobile" required id="mobile" class="form-control" placeholder="联系电话" />
<input type="text" class="xq" name="content" id="content" class="form-control" placeholder="您的需求" />
<input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="验证码"/>
<img title="点击刷新" class="codeimg" style="height:33px;" src="/core/code.php" onclick="this.src='/core/code.php?'+Math.round(Math.random()*10);" />
<input type="submit" name="submit" class="a_n" value="提交您的需求" />
<p style="clear:both;">*请认真填写需求信息，我们会在24小时内与您取得联系。</p>
</div>
</div>
</form>
<script>
//ajax提交留言
function submsg(obj){
var url='/message.html';
var contacts=$(obj).find("#contacts").val();
var mobile=$(obj).find("#mobile").val();
var content=$(obj).find("#content").val();
var checkcode=$(obj).find("#checkcode").val();
$.ajax({
type: 'POST',
url: url,
dataType: 'json',
data: {
contacts: contacts,
mobile: mobile,
content: content,
checkcode: checkcode
},
success: function (response, status) {
if(response.code){
alert("谢谢您的反馈，我们会尽快联系您！");
$(obj)[0].reset();
}else{
if(response.tourl!=""){
if(confirm(response.data+'是否立即跳转登录？')){
location.href=response.tourl;
}
}
$('.codeimg').click();//更新验证码
}
},
error:function(xhr,status,error){
alert('返回数据异常！');
}
});
return false;
}
</script>
</div>
<div class="fotter">
<div class="w1520">
<div class="top disbet">
<div>
<a href="/">
<img src="/skin/static/images/logo-bai.png" alt="LOGO">
</a>
<div class="three_a">
<a href="http://wpa.qq.com/msgrd?v=3&uin=2881583530&site=qq&menu=yes">
<img src="/skin/static/images/icon_qq.png" alt="">
</a>
<a class="wx">
<img src="/skin/static/images/icon_wx.png" alt="">
<div class="wx-tan"><img src="/skin/static/images/0957145b8f37fa4d388438622.png"></div>
</a>
<a href="javascript:;" target="_blank">
<img src="/skin/static/images/icon_zhanku.png" alt="">
</a>
</div>
</div>
<div class="dz">
<h4>地址</h4>
<div class="disbet">
<div>
<img src="/skin/static/images/形状6.png" alt="">
</div>
<p>开封市示范区金泰云都会2号楼23层</p>
</div>
<div class="disbet" style="margin-top:0">
<div>
<img src="/skin/static/images/形状6.png" alt="">
</div>
<p>开封市示范区集英街东吕庄5栋</p>
</div>
</div>
<div class="lx">
<h4>联系</h4>
<div>
<!--<div>
<img src="/skin/static/images/icon_geren.png" alt="">
</div>-->
<div>
<img src="/skin/static/images/icon_dianhua.png" alt="">18623708562
</div>
<div>
<img src="/skin/static/images/icon_youxiang.png" alt=""><a class="__yjs_email__" href="/cdn-cgi/l/email-protection" data-yjsemail="b1ddd8d9d0deeec6d4d3f18087829fd2dedc">[email protected]</a><script data-yjshash='f9e31' type="text/javascript">/* <![CDATA[ */!function(t,e,r,n,c,a,p){try{t=document.currentScript||function(){for(t=document.getElementsByTagName('script'),e=t.length;e--;)if(t[e].getAttribute('data-yjshash'))return t[e]}();if(t&&(c=t.previousSibling)){p=t.parentNode;if(a=c.getAttribute('data-yjsemail')){for(e='',r='0x'+a.substr(0,2)|0,n=2;a.length-n;n+=2)e+='%'+('0'+('0x'+a.substr(n,2)^r).toString(16)).slice(-2);p.replaceChild(document.createTextNode(decodeURIComponent(e)),c)}p.removeChild(t)}}catch(u){}}()/* ]]> */</script>
</div>
</div>
</div>
</div>
<div class="flink">
<h4>友情链接</h4>
<ul>
<a href="https://www.yiketeam.cn" title="蚁客资源网" target="_blank">蚁客资源网</a>
<a href="https://www.baichuanyun.com" title="百川云" target="_blank">百川云</a>
<a href="http://hulianwang.jiameng.com" title="互联网加盟" target="_blank">互联网加盟</a>
<a href="http://new.91jm.com" title="新行业加盟" target="_blank">新行业加盟</a>
<a href="http://www.hnlsfwzx.com/" title="郑州律师" target="_blank">郑州律师</a>
<a href="http://www.eva-art.cn" title="天津网站建设" target="_blank">天津网站建设</a>
<a href="https://www.iphai.cn" title="换IP软件" target="_blank">换IP软件</a>
<a href="http://www.goldweb.cn" title="智慧政府" target="_blank">智慧政府</a>
<a href="http://www.dtvpn.net" title="动态IP" target="_blank">动态IP</a>
<a href="https://www.gdcjtb.com" title="用友好会计" target="_blank">用友好会计</a>
<a href="http://80ym.com" title="阿里云备案域名" target="_blank">阿里云备案域名</a>
<a href="http://www.52ekm.com" title="汕头用友软件" target="_blank">汕头用友软件</a>
<a href="https://qifuwang.com" title="大连会计网" target="_blank">大连会计网</a>
<a href="http://www.nyqiso.com" title="南阳网络推广" target="_blank">南阳网络推广</a>
<a href="http://aliyun365.com" title="已备案域名" target="_blank">已备案域名</a>
<a href="http://www.hx300.cn" title="惠州网站制作" target="_blank">惠州网站制作</a>
<a href="http://www.yingcai1688.cn" title="手游折扣" target="_blank">手游折扣</a>
<a href="http://www.tyyx168.com" title="淘客app" target="_blank">淘客app</a>
<a href="https://www.houqiweb.com" title="绍兴网络公司" target="_blank">绍兴网络公司</a>
<a href="https://zouaw.com" title="wordpress建站" target="_blank">wordpress建站</a>
<a href="https://www.ddssww.cn" title="代刷网搭建" target="_blank">代刷网搭建</a>
<a href="http://www.68wulian.net" title="物联卡" target="_blank">物联卡</a>
<a href="http://www.w0s.cn" title="石家庄做网站" target="_blank">石家庄做网站</a>
<a href="https://www.ish.ac.cn" title="成都创业网" target="_blank">成都创业网</a>
<a href="http://www.sdlqrhj.com/" title="沥青乳化剂" target="_blank">沥青乳化剂</a>
<a href="http://www.seozol.cn/" title="重庆网站建设" target="_blank">重庆网站建设</a>
<a href="http://www.gylanyu.com" title="弹性填料" target="_blank">弹性填料</a>
<a href="http://www.searslaser.com" title="激光打标机" target="_blank">激光打标机</a>
<a href="http://www.wenshuai.net" title="天津小程序开发" target="_blank">天津小程序开发</a>
<a href="http://www.bogoor.com" title="成都网站建设" target="_blank">成都网站建设</a>
<a href="http://www.gzzsrj.com" title="广州手机网站建设" target="_blank">广州手机网站建设</a>
<a href="http://www.cdhtml5.com/" title="H5游戏定制" target="_blank">H5游戏定制</a>
</ul>
</div>
</div>
<div class="bottom">
<div class="w1520 disbet">
<div> 重庆夸米网络科技有限公司 版权所有 盗版必究 备案号：<a href="https://beian.miit.gov.cn/" style="color:#999999">渝ICP备16002041号-2</a> 内容声明：网站内容中非对我司进行介绍（包括但不限于案例、资讯）的描述内容仅供参考，如用户发现有任何违法/侵权信息，请立即联系我们删除 </div>
<ul class="disbet">
<li>
<a href="/">首页</a>
</li>
<li></li>
<li>
<a href="/web.html">服务</a>
</li>
<li></li>
<li>
<a href="/case.html">案例</a>
</li>
<li></li>
<li>
<a href="/news.html">新闻</a>
</li>
<li></li>
<li>
<a href="/about.html">关于</a>
</li>
</ul>
</div>
</div>
</div>
<div class="new-float">
<ul>
<li class="se lia hover"><a href="javascript:;" target="_blank" class="tit">微信咨询</a>
<img src="/static/upload/image/20220108/1641626791878777.jpg" class="se-img" style="display:none;">
</li>
<li class="fi lia hover"><a href="https://wpa.qq.com/msgrd?v=3&uin=79643190" target="_blank" class="tit">ＱＱ咨询</a></li>
<li class="th lia hover"><a href="https://wpa.qq.com/msgrd?v=3&uin=79643190" target="_blank" class="tit">售后服务</a></li>
<li class="fif litel hover"> <p>咨询电话</p>
<div class="tel">
18623708562
</div> </li>
<li class="six lia return-webtop hover"><a class="tit">返回顶部</a></li>
</ul>
<div class="clear"></div>
</div>
<div class="m-new-float">
<ul>
<li class="se lia hover"><a href="https://wpa.qq.com/msgrd?v=3&uin=79643190" target="_blank" class="tit">ＱＱ咨询</a></li>
<li class="th lia hover"><a href="https://wpa.qq.com/msgrd?v=3&uin=79643190" target="_blank" class="tit">售后服务</a></li>
<li class="fif litel hover"> <a href="tel:18623708562" class="tit">咨询电话</a> </li>
</ul>
</div>
<!--
<div class="servicePopup pc">
<img src="/static/upload/image/20220108/1641626791878777.jpg" style="width:101px;height:101px;position: absolute; bottom: 0; right: 0; margin-bottom: 10px; margin-right: 10px;" />
<div class="cont">
<div class="title">
多一份参考，总有益处
<br /> 联系夸米，免费获得《策划方案》及报价
</div>
<div class="keywords">
高端网站建设 | 响应式网站 | 企业官网 | 营销网站 | UI设计 | 小程序开发 | APP开发 | 品牌设计 | 网络营销推广
</div>
<div style="font-size:20px;margin-top: 10px;">
业务热线：18623708562
</div>
<div class="btns clearfix">
<a target="_blank" class="btn serviceBtn w_left" href="https://wpa.qq.com/msgrd?v=3&uin=79643190">ＱＱ咨询</a>
<div class="btn closeBtn w_right">
稍后再说
</div>
</div>
</div>
</div>
-->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?ac1008462462ee11db94d36ed989de74";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<style>
#newBridge{display:none;}
</style>
<script type="text/javascript">
try {
var urlhash = window.location.hash;
if (!urlhash.match("fromapp"))
{
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
{
}
else{
$(".closeBtn").click(function(){
$(".servicePopup").hide();
})
setTimeout(function(){
$(".servicePopup").show();
$(".closeBtn").click(function(){
setTimeout(function(){
$(".servicePopup").show();
},120000);
})
},10000);
}
}
}
catch(err)
{
}
$(document).ready(function(event){
$(".flyuan").click(function(event){
$(this).siblings().show(200);
});
$('.gb').click(function(){
$('.falvtc').hide(200);
})
});
</script>
<script>
$(function(){
$(".return-webtop").on('click', function() {
$("body,html").stop().animate({scrollTop: 0}, 500);
});
$(".new-float li.litel").hover(function(){
var _this = $(this);
_this.removeClass("hover").stop().animate({left : - 184}, 400)
}, function(){
var _this = $(this);
_this.stop().animate({left : 0}, 400, function(){
_this.addClass("hover")
})
})
$(".new-float li.lia").hover(function(){
$(this).removeClass("hover").stop().animate({marginLeft : - 10}, 400)
}, function(){
var _this = $(this);
_this.stop().animate({marginLeft : 0}, 400, function(){
_this.addClass("hover")
})
})
$(".contact-wrap .city-list li").on("click",function(){
$(".contact-wrap h4.tit").html($(this).data("tit"));
})
$(".contact-wrap .city-list li").eq(0).click();
})
</script>
</div>
<script type="text/javascript">
var galleryTop = new Swiper('.gallery-top', {
pagination: '.swiper-pagination',
paginationClickable: true,
slideToClickedSlide: true,
autoplayDisableOnInteraction : false,
autoplay : 5000,
loop: true,
});
</script>
<script type="text/javascript">
var galleryTop = new Swiper('.swiper-sytc', {
paginationClickable:true,
slidesPerView :'auto',
spaceBetween: 30,
centeredSlides : true,
slideToClickedSlide:true,
autoplayDisableOnInteraction:false,
loop:true,
});
</script>
<script type="text/javascript">
var galleryTop = new Swiper('.swiper-syxcx', {
paginationClickable:true,
slidesPerView :'auto',
spaceBetween: 30,
centeredSlides : true,
slideToClickedSlide:true,
autoplayDisableOnInteraction:false,
loop:true,
});
</script>
<script>
var swiper = new Swiper('.swiper-xcxalsj', {
pagination: '.swiper-pagination',
slidesPerView: 2,
slidesPerGroup : 2,
spaceBetween: 25,
paginationClickable: true,
slideToClickedSlide: true,
autoplayDisableOnInteraction : false,
autoplay:5000,
loop:true,
});
</script>
<script type="text/javascript">
var galleryTop = new Swiper('.swiper-appsj', {
paginationClickable:true,
slidesPerView :'auto',
spaceBetween: 30,
centeredSlides : true,
slideToClickedSlide:true,
autoplayDisableOnInteraction:false,
loop:true,
});
</script>
<script>
var swiper = new Swiper('.swiper-appalsj', {
pagination: '.swiper-pagination',
slidesPerView:'auto',
spaceBetween: 25,
paginationClickable: true,
slideToClickedSlide: true,
autoplayDisableOnInteraction : false,
autoplay:5000,
loop:true,
});
</script>
<script>
var swiper = new Swiper('.swiper-syjbk', {
pagination: '.swiper-pagination',
slidesPerView:'auto',
spaceBetween: 15,
paginationClickable: true,
slideToClickedSlide: true,
autoplayDisableOnInteraction : false,
autoplay:5000,
loop:true,
});
</script>
<script>
var swiper = new Swiper('.swiper-sykhlo', {
pagination: '.swiper-pagination',
slidesPerView:'auto',
spaceBetween: 15,
paginationClickable: true,
slideToClickedSlide: true,
autoplayDisableOnInteraction : false,
autoplay:5000,
loop:true,
});
</script>
<!--
<script type="application/javascript">
$(document).keydown(function(event){if(event.keyCode=='17' || event.keyCode=='123'){window.close(); window.location="about:blank";};});
$(document).ready(function(){$(document).bind("contextmenu",function(){return false;});$(document).bind("selectstart",function(){return false;});});
</script>
-->
<script type="text/javascript">
$(document).ready(function(){
window.setTimeout(function(){
$.phpok.json(api_url('task'),function(){
return true;
});
}, 1000);
});
</script>
<script>
$(function () {
$('.index_box01 .box01_nav li').click(function () {
var _index = $(this).index()
$(this).addClass('active').siblings().removeClass('active')
$('.index_box01 .go_main>div').eq(_index).show().siblings().hide()
})
})
</script>
<script src="/skin/static/js/main.js" type="text/javascript" charset="utf-8"></script>
<script src="/skin/static/js/banner.js" type="text/javascript" charset="utf-8"></script>
<script src="/skin/static/js/index.js" type="text/javascript" charset="utf-8"></script>
</body>
</html> 