乐趣足球 - 专业的足球赛事资讯与数据服务平台

再谈网页标题设计的意义及问题分析

2017-09-13 翰臣观点
阅读时长5分钟

每一个网页都应该有一个能准确描述该网页内容的独立的标题,正如每个网页都应该有一个惟一的URL一样,这是一个网页区别于其他网页的基本属性之一。然而调查发现,在企业网站中,只有14.5%的网站为每个内容页面设计相应的标题(含并不专业的网页标题),其他超过85%的企业网站中所有的网页都共用一个网页标题,通常为企业名称或者企业名称缩写,其中有些网站甚至没有合理的网页标题。这项数据是新竞争力网络营销管理顾问针对103个机械行业企业网站优化状况详尽调查的基础上获得的,更详细的内容将在《机械行业企业网站优化状况研究报告》中发布。

网上营销新观察主持人冯英健在“网页标题设计原则与一般规律”文中讨论了网页标题设计的重要性,并列举了部分网站在网页标题设计中存在的问题,提出了网页标题设计的三项基本原则。根据作者对企业网站的调查分析,发现网页标题设计的问题还有很多,可以说大部分企业网站的网页标题设计都不够专业,因此在网上营销新观察的网络营销讲座栏目中,对网页标题设计的意义及存在的主要问题再次讨论分析。

网页标题设计的意义

根据网络营销教学网站(www.wm23.com)的解释,“网页标题是对一个网页的高度概括,一般来说,网站首页的标题就是网站的正式名称,而网站中文章内容页面的标题就是文章的题目,栏目首页的标题通常是栏目名称。”【原文:什么是网页标题?设计网页标题应注意哪些因素?】根据这一解释,在企业网站中,产品介绍页面的网页标题应该以该产品名称相关的内容作为标题,而不应把企业名称作为标题,尤其不应所有网页共用同一个标题。 从网站内容页面网页标题设计的现状来看,绝大多数企业网站都没有对此引起足够的重视,这样不仅为用户来到网站之后获取相关信息带来一定麻烦,更糟糕的是,由于这种不专业的网页标题,使得网页在搜索引擎推广方面缺乏优势(这里指基于搜索引擎自然检索的推广),用户可能根本无法通过搜索引擎检索发现这个网页。 </p> <p class="font14" style="color:#000000;text-indent:0px;font-family:Simsun;font-size:14px;font-style:normal;font-weight:normal;"> <span class="font14" style="line-height:20px;font-size:14.6px;font-style:normal;"> </span>详细内容页面如企业新闻内容、具体产品的详细介绍等,是对某项业务、某个产品的最全面的信息,也是用户获取详细信息的最终渠道。因此内容详尽且容易被用户通过搜索引擎检索是对内容页面内容策略的基本要求。从网页被搜索引擎收录和用户获取详细产品信息的角度来看,每个产品信息网页都有可能为公司通过搜索引擎检索带来潜在客户,因此不夸张的说,网页标题设计直接影响了网站的总体网络营销效果。 </p> <h4 class="font14" style="color:#000000;text-indent:0px;font-family:Simsun;font-size:14.6px;font-style:normal;"> 网页标题设计问题综述 </h4> <p class="font14" style="color:#000000;text-indent:0px;font-family:Simsun;font-size:14px;font-style:normal;font-weight:normal;"> <span class="font14" style="line-height:20px;font-size:14.6px;font-style:normal;"> </span>作者在对《机械行业企业网站优化状况研究报告》(新竞争力网络营销管理顾问 www.jingzhengli.cn 将于2006年2月正式发布)有关网页标题设计问题的数据进行分析时发现,网页标题设计的主要问题表现在三个方面: </p> <p class="font14" style="color:#000000;text-indent:0px;font-family:Simsun;font-size:14px;font-style:normal;font-weight:normal;"> <span class="font14" style="line-height:20px;font-size:14.6px;font-style:normal;"> </span>首先,大多数网页没有独立的标题。网上营销新观察在相关文章中多次介绍过,网页标题对搜索引擎检索结果的权重最高,尤其是包含有效关键词的网页标题。如果企业网站各个网页没有独立的标题,显然对搜索引擎推广是极不利的。 </p> <p class="font14" style="color:#000000;text-indent:0px;font-family:Simsun;font-size:14px;font-style:normal;font-weight:normal;"> <span class="font14" style="line-height:20px;font-size:14.6px;font-style:normal;"> </span>第二,网页标题设计不包含有效关键词。有些网站尽管每个网页(至少是重要网页)有独立的标题,但由于网页标题设计过于随意,比如用产品名称缩写或者产品型号作为标题,缺乏对有效的关键词,这样的独立网页标题实际上所发挥的作用也是非常有限的。 </p> <p class="font14" style="color:#000000;text-indent:0px;font-family:Simsun;font-size:14px;font-style:normal;font-weight:normal;"> <span class="font14" style="line-height:20px;font-size:14.6px;font-style:normal;"> </span>第三,网页标题与网页主体内容的相关性。这是很多网站在设计网页标题时不够注意的,这一问题又可以分为3种情况:<br /> <span class="font14" style="line-height:20px;font-size:14.6px;font-style:normal;"> </span>(1)由于一些网站的所有网页通用公司名称作为标题,即使公司名称中具有产品或者行业特征的关键词,也无法确保与每个网页内容高度<span class="Apple-converted-space"> </span><br /> 相关;<br /> <span class="font14" style="line-height:20px;font-size:14.6px;font-style:normal;"> </span>(2)同一个产品(或者项目)可能有不同的名称,在网页标题中使用一个名称,而在网页正文内容中可能使用其他名称,这样的网页标题尽管用户可以明白其意义,但由于搜索引擎是无法识别这种区别的,结果等同于网页标题与主体内容没有相关性;<br /> <span class="font14" style="line-height:20px;font-size:14.6px;font-style:normal;"> </span>(3)网页标题与网页主体内容的相关性缺乏相关性的一种特殊表现是,一些网站过于“优化”网页标题,使得网页标题包含大量“重要关键词”,不仅造成网页标题过于臃肿,而且与网页正文内容相关性不好,有些标题中的“关键词”在网页内容中并未出现,这就取得了适得其反的效果。在“网页标题设计原则与一般规律”中曾用某网络营销服务商的网站首页标题为例说明这个问题。 </p> <h4 class="font14" style="color:#000000;text-indent:0px;font-family:Simsun;font-size:14.6px;font-style:normal;"> 网页标题设计要点总结 </h4> <p class="font14" style="color:#000000;text-indent:0px;font-family:Simsun;font-size:14px;font-style:normal;font-weight:normal;"> <span class="font14" style="line-height:20px;font-size:14.6px;font-style:normal;"> </span>(1)每个网页都应该有自己独立的标题,对企业网站而言尤其是每个产品详细介绍页面更应重视网页标题的设计;<br /> <span class="font14" style="line-height:20px;font-size:14.6px;font-style:normal;"> </span>(2)网页标题体现网页的核心内容,并含有有效关键词;<br /> <span class="font14" style="line-height:20px;font-size:14.6px;font-style:normal;"> </span>(3)网页标题与网页正文内容应该具有高度相关性。 </p></div> </article> <div class="new_btm flex flex_sb flex_altop alltime"> <div class="nelt f_18"> <a href="/view/info/1836"> 上一篇: 中小型网站改版的三种模式及优缺点分析 </a> <a href="/view/info/1835"> 下一篇: 乐趣足球中秋国庆banner板式库 </a> </div> <div class="nert"> <a href="/view" class="mo f_17 flex flex_alcen "> <p>全部动态</p> <div class="jt"> <span> <img src="images/svg/jt_1_6.svg" alt=""> </span> <span> <img src="images/svg/jt_1_3.svg" alt=""> </span> </div> </a> </div> </div> </div> <div class="nrt"> <div class="xbox"> <div class="xia flex alltime flex_alcen"> <div class="li zan" data-id="1837"> <div class="ico"> <img src="images/svg/cas_5_1.svg" alt=""> <img src="images/svg/cas_5_1h.svg" alt=""> </div> </div> <div class="xian"></div> <div class="lrt f_16 flex flex_alcen"> <span>分享至:</span> <div class="li"> <div class="ico"> <img src="images/svg/cas_5_2.svg" alt=""> </div> <div class="wxshare-pop" id="wxSharePop"> <div class="wxshare-qr" id="shareQrcode"></div> <div class="wxshare-foot">用微信扫一下二维码便可将本文分享至朋友圈</div> </div> </div> </div> <a href="/view" class="mo f_17 flex flex_alcen "> <p>全部动态</p> <div class="jt"> <span> <img src="images/svg/jt_1_6.svg" alt="乐趣足球"> </span> <span> <img src="images/svg/jt_1_3.svg" alt="乐趣足球"> </span> </div> </a> </div> <div class="xia2"> <div class="xtt f_19 fbd"> 推荐阅读 </div> <div class="xtc f_17"> <a href="/view/info/3158" class="a">GEO 推广见效慢?聊聊地域搜索推广的正确预期</a><a href="/view/info/3157" class="a">企业 AI 知识库:如何避免沦为 “资料仓库”</a><a href="/view/info/3156" class="a">AI Agent 智能体:如何嵌入企业现有业务系统</a> </div> </div> <div class="xia3 alltime"> <div class="nelt f_18"> <a href="/view/info/1836"> 上一篇: 中小型网站改版的三种模式及优缺点分析 </a> <a href="/view/info/1835"> 下一篇: 乐趣足球中秋国庆banner板式库 </a> </div> <div class="nert"> <div class="xtt fbd"> 相关推荐 </div> <a href="/view/info/3158" class="li "> <div class="img"> <img class="w100" src="https://68team.oss-cn-hangzhou.aliyuncs.comnull" alt="GEO 推广见效慢?聊聊地域搜索推广的正确预期"> </div> <div class="txt"> <div class="att f_22">GEO 推广见效慢?聊聊地域搜索推广的正确预期</div> <div class="atc f_15 flex flex_alcen flex_sb"> <div class="alt flex flex_alcen flex_sb"> <div class="day"></div> </div> <div class="jt"> <span> <img src="images/svg/jt_2_1.svg" alt="乐趣足球"> </span> <span> <img src="images/svg/jt_1_3.svg" alt="乐趣足球"> </span> </div> </div> </div> </a><a href="/view/info/3157" class="li "> <div class="img"> <img class="w100" src="https://68team.oss-cn-hangzhou.aliyuncs.comnull" alt="企业 AI 知识库:如何避免沦为 “资料仓库”"> </div> <div class="txt"> <div class="att f_22">企业 AI 知识库:如何避免沦为 “资料仓库”</div> <div class="atc f_15 flex flex_alcen flex_sb"> <div class="alt flex flex_alcen flex_sb"> <div class="day"></div> </div> <div class="jt"> <span> <img src="images/svg/jt_2_1.svg" alt="乐趣足球"> </span> <span> <img src="images/svg/jt_1_3.svg" alt="乐趣足球"> </span> </div> </div> </div> </a><a href="/view/info/3156" class="li "> <div class="img"> <img class="w100" src="https://68team.oss-cn-hangzhou.aliyuncs.comnull" alt="AI Agent 智能体:如何嵌入企业现有业务系统"> </div> <div class="txt"> <div class="att f_22">AI Agent 智能体:如何嵌入企业现有业务系统</div> <div class="atc f_15 flex flex_alcen flex_sb"> <div class="alt flex flex_alcen flex_sb"> <div class="day"></div> </div> <div class="jt"> <span> <img src="images/svg/jt_2_1.svg" alt="乐趣足球"> </span> <span> <img src="images/svg/jt_1_3.svg" alt="乐趣足球"> </span> </div> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> </section> </main> <!-- 公共底部 --> <div> <!-- 底部 --> <footer> <!-- 右侧 --> <div class="right f_16 alltime"> <div class="ul1"> <a class="li1"><img src="images/r_1_1.png" alt="乐趣足球"></a> <div class="li2"> <div class="ico"> <img src="images/svg/r_1_1.svg" alt=""> <img src="images/svg/r_1_1h.svg" alt=""> </div> <div class="wz">电话</div> <div class="dh f_18"><span>400-999-3496</span></div> </div> <!-- 侧边栏「微信」入口:按需求隐藏(2026-09-30)。恢复时去掉本段注释标记即可 <div class="li2"> <div class="ico"> <img src="images/svg/r_1_2.svg" alt=""> <img src="images/svg/r_1_2h.svg" alt=""> </div> <div class="wz">微信</div> <div class="dh dh2 "><div class="ewm"><img src="images/ewm.png" th:src="${dbgl?.imageClient != null ? ipu + dbgl.imageClient : 'images/ewm.png'}" alt="微信二维码"></div></div> </div> --> <!-- 侧边栏「在线」:点击在当前页弹出浮动客服窗口,不再跳转新标签页(2026-10-08 改) --> <a href="https://uclient.yunque360.com/frame.html?company_id=ck1lpg0f2gtmg0" class="li2" data-yq-online="1"><div class="ico"><img src="images/svg/r_1_3.svg" alt=""> <img src="images/svg/r_1_3h.svg" alt=""></div> <div class="wz">在线</div></a> <a href="/obtain" class="li2"><div class="ico"><img src="images/svg/r_1_5.svg" alt=""> <img src="images/svg/r_1_5h.svg" alt=""></div> <div class="wz">表单</div></a> </div> </div> <div class="right_top flex flex_center flex_alcen alltime"> <div class="ico"> <img src="images/svg/r_1_4.svg" alt=""> <img src="images/svg/r_1_4h.svg" alt=""> </div> </div> <div id="fo"></div> <div class="footer alltime"> <div class="box"> <div class="footer1 flex flex_sb flex_altop"> <div class="flt"> <div class="ul1"> <a href="tel:400-999-3496" class="li"><div class="att f_20">全国联系电话</div> <div class="atc vi f_28">400-999-3496</div> <div class="jt"><span><img src="images/svg/jt_1.svg" alt=""></span> <span><img src="images/svg/jt_1.svg" alt=""></span></div></a> <a class="li" href="mailto:info@68team.com"><div class="att f_20">邮箱</div> <div class="atc f_20">info@68team.com</div> <div class="jt"><span><img src="images/svg/jt_1.svg" alt=""></span> <span><img src="images/svg/jt_1.svg" alt=""></span></div></a> <div class="li"> <div class="att f_20">与我们联系</div> <div class="atc2 flex"> <a class="li2"><div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751117485_x5ob3j.svg" alt=""></div> <div class="ewm"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1789970536295_m2bhvr.png" alt="二维码"></div></a><a class="li2" href=" https://www.zcool.com.cn/u/ZNzE5Nzk4NDg= " target="_blank"><div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751131830_odcaa2.svg" alt=""></div> <div class="ewm"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1786071420647_md7n0j.png" alt="二维码"></div></a> <a class="li2" href=" https://www.xiaohongshu.com/user/profile/65b0d391000000000e020b21?xsec_token=ABEq_-PttUcKPLiAHozMACWzrzUu_fRMfEZo166gndUC0%3D&xsec_source=pc_search" target="_blank"><div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751141141_5ncofq.svg" alt=""></div> <div class="ewm"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1786071198750_6eh7up.png" alt="二维码"></div></a> </div> <div class="jt"> <span><img src="images/svg/jt_1.svg" alt=""></span> <span><img src="images/svg/jt_1.svg" alt=""></span> </div> </div> </div> </div> <div class="frt flex flex_altop flex_sb"> <div class="dt"> <div class="dtop"><a class="dtt f_20" href="/solution">解决方案</a></div> <div class="dbtm f_16 flex"> <div class="dbl"> <a class="li flex flex_alcen" href="/solution"><div class="wz ">企业官网 <s></s></div> <sup class="f_10">AI</sup></a> <a class="li flex flex_alcen" href="/export-site"><div class="wz ">外贸独立站 <s></s></div> <sup class="f_10">AI</sup></a> <a class="li flex flex_alcen" href="/platform"><div class="wz ">功能型平台 <s></s></div> <sup class="f_10">AI</sup></a> <a href="/smartpark" class="li flex flex_alcen"><div class="wz ">智慧园区 <s></s></div> <sup class="f_10">AI</sup></a> <a href="/soft" class="li flex flex_alcen"><div class="wz ">智慧后勤 <s></s></div> <sup class="f_10">AI</sup></a> <a href="/safetydeposit" class="li flex flex_alcen"><div class="wz ">安全等保 <s></s></div></a> <a href="/trusteeship" class="li flex flex_alcen"><div class="wz ">网站托管 <s></s></div></a> <a href="/property" class="li flex flex_alcen"><div class="wz ">智慧物业 <s></s></div> <sup class="f_10">AI</sup></a> <a href="/kindergarten" class="li flex flex_alcen"><div class="wz ">智慧幼儿园 <s></s></div> <sup class="f_10">AI</sup></a> <a href="/Truestart" class="li flex flex_alcen"><div class="wz ">信息国产化 <s></s></div> <sup class="f_10">AI</sup></a> <a href="/video" class="li flex flex_alcen"><div class="wz ">3D建模/视频 <s></s></div></a> <a href="/diancan" class="li flex flex_alcen"><div class="wz ">在线点餐 <s></s></div> <sup class="f_10">AI</sup></a> </div> <div class="dbl"> <a href="/brand" class="li flex flex_alcen"><div class="wz ">品牌塑造 <s></s></div></a> <a href="/mall" class="li flex flex_alcen"><div class="wz ">商城系统 <s></s></div> <sup class="f_10">AI</sup></a> <a href="/small" class="li flex flex_alcen"><div class="wz ">小程序 <s></s></div> <sup class="f_10">AI</sup></a> </div> </div> </div> <div class="dd"> <div class="dtop"><a href="/all" class="dtt f_20">案例</a></div> <div class="dbtm f_16"> <a href="/all" class="li flex flex_alcen"><div class="wz ">按功能分类 <s></s></div></a> <a href="/all?categoryType=2" class="li flex flex_alcen"><div class="wz ">按行业分类 <s></s></div></a> <a href="/company" class="li flex flex_alcen"><div class="wz ">属性 <s></s></div></a> <a class="li flex flex_alcen" style="opacity: 0;pointer-events: none;"><div class="wz ">属性 <s></s></div></a> <a class="li flex flex_alcen" style="opacity: 0;pointer-events: none;"><div class="wz ">属性 <s></s></div></a> </div> <div class="dtop dtop2"><a href="/service" class="dtt f_20">服务</a></div> <div class="dbtm f_16"><a href="/service#serv-13" class="li flex flex_alcen"><div class="wz">高端网站开发 <s></s></div> <sup class="f_10">AI</sup></a><a href="/service#serv-76" class="li flex flex_alcen"><div class="wz">移动开发 <s></s></div> </a><a href="/service#serv-77" class="li flex flex_alcen"><div class="wz">数字化开发/物联网 <s></s></div> </a><a href="/service#serv-78" class="li flex flex_alcen"><div class="wz">品牌塑造/设计 <s></s></div> </a><a href="/service#serv-79" class="li flex flex_alcen"><div class="wz">AI系统开发 <s></s></div> </a></div> </div> <div class="dd"> <div class="dtop"><a href="/news" class="dtt f_20">观点</a></div> <div class="dbtm f_16"> <a href="/news" class="li flex flex_alcen"><div class="wz ">翰臣动态 <s></s></div></a> <a href="/cases" class="li flex flex_alcen"><div class="wz ">案例动态 <s></s></div></a> <a href="/articles" class="li flex flex_alcen"><div class="wz ">干货文章 <s></s></div></a> <a href="/view" class="li flex flex_alcen"><div class="wz ">翰臣观点 <s></s></div></a> <a href="/faq" class="li flex flex_alcen"><div class="wz ">FAQ <s></s></div></a> </div> <div class="dtop dtop2"><a href="/about" class="dtt f_20">关于</a></div> <div class="dbtm f_16"> <a href="/about#d1" class="li flex flex_alcen"><div class="wz ">公司介绍 <s></s></div></a> <a href="/about#d2" class="li flex flex_alcen"><div class="wz ">价值观 <s></s></div></a> <a href="/about#d3" class="li flex flex_alcen"><div class="wz ">荣誉资质 <s></s></div></a> <a href="/about#d4" class="li flex flex_alcen"><div class="wz ">合作客户 <s></s></div></a> <a href="/about#d5" class="li flex flex_alcen"><div class="wz ">研发中心 <s></s></div></a> <a href="/about#d6" class="li flex flex_alcen"><div class="wz ">翰臣方法论 <s></s></div></a> <a href="/about#d7" class="li flex flex_alcen"><div class="wz ">翰学堂 <s></s></div></a> <a href="/about#d8" class="li flex flex_alcen"><div class="wz ">翰臣动态 <s></s></div></a> <a href="/about#d9" class="li flex flex_alcen"><div class="wz ">加入我们 <s></s></div></a> </div> </div> </div> </div> <div class="footer2"> <div class="ftt pfr f_40">我们是一家值得托付<br>并能管理好您期望值的公司</div> <div class="ftc pfr flex flex_sb"> <div class="li"> <div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751547899_ynbxmt.png" alt="国家高新 技术企业"></div> <div class="wz">国家高新<br/>技术企业</div> </div> <div class="li"> <div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751591421_qru6ii.png" alt="双软 企业认证"></div> <div class="wz">双软<br/>企业认证</div> </div> <div class="li"> <div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751597502_84rast.png" alt="杰出创意 设计机构"></div> <div class="wz">杰出创意<br/>设计机构</div> </div> <div class="li"> <div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751606518_um9xpc.png" alt="50+ 软著证书"></div> <div class="wz">50+<br/>软著证书</div> </div> <div class="li"> <div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751614157_bzfg2t.png" alt="ISO管理 三体系认证"></div> <div class="wz">ISO管理<br/>三体系认证</div> </div> <div class="li"> <div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751622438_eczqu6.png" alt="金牌 网站设计"></div> <div class="wz">金牌<br/>网站设计</div> </div> <div class="li"> <div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/footerImg1781751630620_u3udfi.png" alt="3A级 信用企业"></div> <div class="wz">3A级<br/>信用企业</div> </div> <div class="li"> <div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/footerImg1781751640547_yothb9.png" alt="IAI 设计优胜奖"></div> <div class="wz">IAI<br/>设计优胜奖</div> </div> <div class="li"> <div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751650822_h3a6oe.png" alt="数字经济 学会会员"></div> <div class="wz">数字经济<br/>学会会员</div> </div> <div class="li"> <div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751658230_jqgw8n.png" alt="创意设计 协会会员"></div> <div class="wz">创意设计<br/>协会会员</div> </div> <div class="li"> <div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/footerImg1781751666531_nrdfut.png" alt="数字乡村 联盟会员"></div> <div class="wz">数字乡村<br/>联盟会员</div> </div> <div class="li"> <div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751673941_uk2uyq.png" alt="省软件 协会会员"></div> <div class="wz">省软件<br/>协会会员</div> </div> </div> </div> <div class="footer3 f_15 flex flex_sb pfr"> <div class="flt flex flex_wrap"> <div class="a">Copyright © 2026 乐趣足球 - 专业的足球赛事资讯与数据服务平台</div> <a class="a" href="https://beian.miit.gov.cn" target="_blank" rel="nofollow">浙ICP备09032301号-1</a> <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010602003330" target="_blank" rel="nofollow" class="a flex flex_alcen" ><div class="ico"><img src="images/fo_2_1.png" alt="公安备案"></div> <div class="wz">浙公安网备33010602003330号</div></a> </div> <div class="frt flex"> <a href="/map" class="a">网站地图</a> <a href="/privacy" class="a">隐私政策</a> <div class="frt2 flex "> <a class="a2" href="http://www.68team.com" target="_blank" title="杭州网站建设公司">网站建设</a> <span>:</span> <a class="a2" href="http://www.68team.com" target="_blank" title="杭州网站建设公司">乐趣足球</a> </div> </div> </div> </div> </div> </footer> <script type="text/javascript" src="/js/AIplugin-native.js"></script> <script> (function(y, un, q, u, e) { window[un] = window[un] || function(y) { window[un].company_id = window[un].company_id || y; }; u = document.createElement("script"); u.src = q + "?v=" + new Date().getUTCDate(); u.async = true; e = document.getElementsByTagName("script")[0]; e.parentNode.insertBefore(u, e); })(window,"_YUNQUE","//dist.yunque360.com/bundle.js"); _YUNQUE("ck1lpg0f2gtmg0"); </script> <style> /* 侧边栏「在线」浮层(2026-10-08):优先用云雀自带对话窗,SDK 不可用时用本浮层承载 */ .hc-yq-mask{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 99998;background: rgba(0, 0, 0, .45);} .hc-yq-panel{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 99999;margin: auto;width: 420px;height: 660px;max-width: calc(100% - 40px);max-height: calc(100% - 40px);background: #fff;border-radius: 12px;overflow: hidden;box-shadow: 0 12px 40px rgba(0, 0, 0, .25);} .hc-yq-panel iframe{display: block;width: 100%;height: 100%;border: 0;} .hc-yq-close{position: absolute;right: 8px;top: 8px;z-index: 2;width: 30px;height: 30px;line-height: 28px;text-align: center;font-size: 20px;color: #666;text-decoration: none;background: rgba(0, 0, 0, .06);border-radius: 50%;} .hc-yq-close:hover{background: rgba(0, 0, 0, .12);color: #333;} @media (max-width: 960px){ .hc-yq-panel{width: 100%;height: 100%;max-width: 100%;max-height: 100%;border-radius: 0;} } </style> <script> /* 侧边栏「在线」:在当前页弹出浮动客服窗口,不再跳转新页面(2026-10-08) */ (function () { if (window.__hcOnlineChatBound) { return; } window.__hcOnlineChatBound = !0; var FRAME_URL = "https://uclient.yunque360.com/frame.html?company_id=ck1lpg0f2gtmg0"; function openDialog() { if (window._YUNQUE && typeof window._YUNQUE.openDialog === "function") { window._YUNQUE.openDialog(); return !0; } return !1; } function closeLayer() { var ids = ["hc-yq-mask", "hc-yq-panel"], i, n; for (i = 0; i < ids.length; i++) { n = document.getElementById(ids[i]); if (n && n.parentNode) { n.parentNode.removeChild(n); } } } function openLayer() { if (document.getElementById("hc-yq-panel")) { return; } var mask = document.createElement("div"), panel = document.createElement("div"); mask.id = "hc-yq-mask"; mask.className = "hc-yq-mask"; mask.onclick = closeLayer; panel.id = "hc-yq-panel"; panel.className = "hc-yq-panel"; panel.innerHTML = '<a href="javascript:;" class="hc-yq-close">×</a><iframe src="' + FRAME_URL + '" allow="microphone; camera; clipboard-write"></iframe>'; panel.getElementsByClassName("hc-yq-close")[0].onclick = closeLayer; document.body.appendChild(mask); document.body.appendChild(panel); } function onClick(e) { var el = e.target; while (el && el.nodeType === 1) { if (el.getAttribute("data-yq-online") === "1") { break; } el = el.parentNode; } if (!el || el.nodeType !== 1) { return; } e.preventDefault(); if (openDialog()) { return; } /* SDK 是异步加载的:给它 3 秒;仍不可用则用站内浮层承载,保证不跳出当前页 */ var waited = 0, timer = setInterval(function () { if (openDialog()) { clearInterval(timer); return; } waited += 200; if (waited >= 3000) { clearInterval(timer); openLayer(); } }, 200); } document.addEventListener("click", onClick, !1); })(); </script> </div> <script type='text/javascript' src='/js/jquery-3.5.1.min.js'></script> <script type='text/javascript' src='/js/jquery-migrate-3.0.0.js'></script> <script type='text/javascript' src='/js/swiper.js'></script> <script type='text/javascript' src='/js/swiper-inview.js'></script> <script type='text/javascript' src='/js/wow.min.js'></script> <script type="text/javascript" src="/js/jquery.waypoints.min.js"></script> <script type="text/javascript" src="/js/jquery.countup.min.js"></script> <script type='text/javascript' src='/js/JR.js'></script> <script type='text/javascript' src='/js/gsap.js'></script> <script type='text/javascript' src='/js/ScrollTrigger.js'></script> <script type='text/javascript' src='/js/lenis.umd.js'></script> <script type='text/javascript' src='/js/jquery.agilebins-v1.0.4.min.js'></script> <!-- 竖向跑马灯 --> <script type='text/javascript' src='/js/jquery.liMarquee.js'></script> <script type='text/javascript' src='/js/qrcode.min.js'></script> <!-- 分享到微信朋友圈 弹窗 --> <!-- 微信分享 二维码气泡 --> <style> .lrt .li{position:relative;} .wxshare-pop{position:absolute;right:-10px;top:calc(100% + 10px);width:180px;background:#fff;border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.15);padding:14px 10px 12px;text-align:center;z-index:999;display:none;} .wxshare-pop.show{display:block;} .wxshare-pop .wxshare-qr{display:-webkit-flex;display:flex;justify-content:center;margin:0 auto 8px;width: 105px;} .wxshare-pop .wxshare-qr canvas{width:150px !important;height:150px !important;display:block;} .wxshare-pop .wxshare-foot{font-size:12px;color:#666;line-height:1.6;} </style> <script type="text/javascript"> $(function () { $('.head').addClass('bai'); $('.head .hox .hlt .ul1 .li').eq(3).addClass('act'); (function () { var $zan = $('.xia .zan'); var consultId = $zan.data('id'); if (!consultId) { return; } var likeStorageKey = 'consult_like_' + consultId; if (localStorage.getItem(likeStorageKey)) { $zan.addClass('act'); } $zan.on('click', function () { var $this = $(this); if ($this.hasClass('act') || localStorage.getItem(likeStorageKey)) { return; } $.post('/consult/like', {id: consultId}, function (res) { if (res && res.code === 200) { localStorage.setItem(likeStorageKey, '1'); $this.addClass('act'); var $num = $this.find('.shuju'); var count = (parseInt($num.text(), 10) || 0) + 1; if (!$num.length) { $num = $('<div class="shuju inm f_12"></div>').appendTo($this); } $num.text(count); } }); }); })(); // 微信分享:PC 悬停展示二维码气泡,移动端点击展示(非全屏) (function () { var $shareItem = $('.newc1 .neox .nrt .xia .lrt .li'); if (!$shareItem.length || typeof QRCode === 'undefined') { return; } var $pop = $('#wxSharePop'); if (!$pop.length) { return; } var qrDone = false; var showPop = function () { if (!qrDone) { qrDone = true; $pop.find('.wxshare-qr').empty(); new QRCode($pop.find('.wxshare-qr')[0], { text: window.location.href, width: 300, height: 300, colorDark: '#000000', colorLight: '#ffffff', correctLevel: QRCode.CorrectLevel.M }); } $pop.addClass('show'); }; var hidePop = function () { $pop.removeClass('show'); }; // 触屏设备(hover:none)不绑 mouseenter:首次点按会先触发合成的 mouseenter 再触发 click, // 两者都做展示/切换时会互相抵消,出现“第一次点击没反应、第二次才出来” var canHover = window.matchMedia && window.matchMedia('(hover: hover) and (pointer: fine)').matches; if (canHover) { // PC:鼠标移入展示,移出隐藏 $shareItem.on('mouseenter', showPop).on('mouseleave', hidePop); } // 点击分享图标:只负责展示(已展示则保持,不隐藏) $shareItem.on('click', function (e) { e.preventDefault(); e.stopPropagation(); showPop(); }); // 只在点击弹层以外的空白区域时隐藏 $(document).on('click', function (e) { if ($pop.hasClass('show') && !$(e.target).closest('#wxSharePop').length) { hidePop(); } }); })(); if ($(window).width() > 950) { // let lenis = null // lenis = new Lenis({ // lerp: 0.06, // }) // lenis.on('scroll', ScrollTrigger.update); // function raf(time) { // lenis.raf(time) // requestAnimationFrame(raf) // } // requestAnimationFrame(raf) // lenis.stop(); // $('.solu3 .sox .srt .ul1').hover(function(){ // lenis.stop(); // },function(){ // lenis.start(); // }) gsap.to(".casec1 .bg2", { top: 500, scrollTrigger: { trigger: ".casec1", start: "0% 0%", end: "30% 30%", scrub: true, onUpdate: (self) => { var sz = self.progress * 100; // console.log(sz); } } }) } else { } }) </script> </body><div style="clear:both;padding:10px;text-align:center;margin:5"><a href="/sitemap.xml" target="_blank">XML 地图</a> </html>