义乌网页制作如何兼顾SEO与高效设计？
一、语义化架构搭建
在义乌网页制作中，采用HTML5语义化标签是兼顾SEO与高效设计的基石。合理运用
、、
等标签构建清晰的文档结构，既便于搜索引擎理解页面内容层次，又能提升代码可维护性。建议遵循以下原则：
- 使用
- 为重要内容区域添加ARIA地标角色
- 采用分层标题结构（H1-H4）建立内容逻辑关系
二、SEO核心要素集成
义乌企业网站需在视觉设计与SEO要素间取得平衡。通过动态埋点工具分析用户行为，将高频搜索词自然融入标题标签和内容段落。关键措施包括：
- 在标签中前置核心关键词（不超过32字符）</li>
<li>为多媒体元素添加描述性alt属性，如</li>
<li>配置规范的JSON-LD结构化数据增强搜索展现</li>
</ol>
</section>
<section id="section-3">
<h2>三、性能优化实践</h2>
<p>网页加载速度直接影响SEO排名与用户体验。针对义乌产业集群特性，建议采用：</p>
<figure><figcaption>性能优化指标表</figcaption><table>
<tr>
<th>指标</th>
<th>标准值</th>
</tr>
<tr>
<td>FCP</td>
<td><1.8秒</td>
</tr>
<tr>
<td>TTI</td>
<td><3.5秒</td>
</tr>
<tr>
<td>CLS</td>
<td><0.1</td>
</tr>
</table>
</figure>
<p>通过WebP格式图片压缩、异步加载非关键CSS等技术手段，可提升移动端访问速度15%-30%。</p>
</section>
<section id="section-4">
<h2>四、多设备适配方案</h2>
<p>响应式设计需兼顾不同终端SEO表现：</p>
<ul>
<li>使用media queries实现断点自适应布局</li>
<li>保持PC端与移动端URL一致性</li>
<li>优先加载首屏关键内容（Above the Fold）</li>
</ul>
<p>测试数据显示，优化触控交互设计可使移动端转化率提升22%。</p>
</section>
<section id="conclusion">
<p>义乌网页制作需构建SEO友好的技术架构，通过语义化标签、性能优化和响应式设计的有机整合，实现搜索引擎可见性与用户体验的双重提升。建议采用渐进式增强策略，定期进行SEO审计与性能测试。</p>
</section>
</article> <!-- 详情页标签输出开始 -->
<p><br>
# <a href="/tags/1903089.html" target="_blank" >寿光定制化网站建设服务</a>
# <a href="/tags/284127.html" target="_blank" >南京网站高端建设哪家好</a>
# <a href="/tags/1065770.html" target="_blank" >美联航网站建设美丽</a>
# <a href="/tags/2428304.html" target="_blank" >网站制作具体建设流程</a>
# <a href="/tags/1259584.html" target="_blank" >网站建设技术合作协议书</a>
# <a href="/tags/438741.html" target="_blank" >新丰网站建设流程</a>
# <a href="/tags/636351.html" target="_blank" >建设网站流程详解</a>
# <a href="/tags/2428303.html" target="_blank" >都江堰家装网站建设</a>
# <a href="/tags/1231623.html" target="_blank" >370网站建设视频</a>
# <a href="/tags/1757482.html" target="_blank" >服务专业的pc网站建设</a>
# <a href="/tags/1222023.html" target="_blank" >点拓网站建设</a>
# <a href="/tags/1511263.html" target="_blank" >株洲舆情网站建设</a>
# <a href="/tags/413271.html" target="_blank" >铁岭企业网站建设售后</a>
# <a href="/tags/1716243.html" target="_blank" >体育网站建设美丽</a>
# <a href="/tags/2428302.html" target="_blank" >龙口网站获客网站建设</a>
# <a href="/tags/934145.html" target="_blank" >东莞网站建设现状调查</a>
# <a href="/tags/2428301.html" target="_blank" >自助网站建设的经验心得</a>
# <a href="/tags/738615.html" target="_blank" >南宁网站建设公</a>
# <a href="/tags/143626.html" target="_blank" >裕华公司网站建设招标</a>
# <a href="/tags/738034.html" target="_blank" >青海微信网站建设开发</a>
</p>
<!-- 详情页标签输出结束 -->
<!-- 相关栏目开始 -->
<p><br>相关栏目：
【<a href='/help-google/' class=''>
Google疑问12 </a>】
【<a href='/help-Facebook/' class=''>
Facebook疑问10 </a>】
【<a href='/seo/' class=''>
网络优化91478 </a>】
【<a href='/knowledge/' class='on'>
技术知识72672 </a>】
【<a href='/idc/' class=''>
云计算0 </a>】
【<a href='/geo/' class=''>
GEO优化84317 </a>】
【<a href='/youxuan/' class=''>
优选文章0 </a>】
【<a href='/yingxiaotuiguang/' class=''>
营销推广36048 </a>】
【<a href='/wangluoyunying/' class=''>
网络运营41350 </a>】
【<a href='/anliwangzhan/' class=''>
案例网站102563 </a>】
【<a href='/ai/' class=''>
AI智能45237 </a>】
</p>
<!-- 相关栏目结束 -->
<!-- 随机文章输出开始 -->
<p><br>相关推荐：
<a href='/news/9219.html'>小型网站建站如何选择虚拟主机？</a>
<a href='/news/9793.html'>建站中国官网：模板定制+SEO优化+建站流程一站式指南</a>
<a href='/news/9129.html'>已有域名和空间如何搭建网站？</a>
<a href='/news/12715.html'>织梦专题页文章列表默认样式修改_织梦CMS教程</a>
<a href='/news/7933.html'>织梦DedeCMS网站提速优化方案_织梦CMS教程</a>
<a href='/news/4657.html'>phpcms v9实现文章后面添加new图标_PHPCMS教程</a>
<a href='/news/12555.html'>织梦文章内容图片显示*路径修改_织梦CMS教程</a>
<a href='/news/6440.html'>织梦dedecms cookies泄漏导致SQL漏洞article_add.php修复方法_织梦CMS教程</a>
<a href='/news/6468.html'>如何快速生成可下载的建站源码工具？</a>
<a href='/news/5767.html'>帝国CMS6.0会员中心模板下载_帝国CMS教程</a>
<a href='/news/6004.html'>如何在阿里云域名上完成建站全流程？</a>
<a href='/news/8766.html'>宝塔建站教程：一键部署配置流程与SEO优化实战指南</a>
<a href='/news/11118.html'>dedecms织梦图片上传自动生成*路径方法_织梦CMS教程</a>
<a href='/news/10378.html'>建站之星云端配置指南：模板选择与SEO优化一键生成</a>
<a href='/news/9056.html'>宝盒自助建站智能生成技巧：SEO优化与关键词设置指南</a>
<a href='/news/12368.html'>建站前需关注哪些核心准备工作？</a>
<a href='/news/7289.html'>如何确保西部建站助手FTP传输的安全性？</a>
<a href='/news/10113.html'>织梦DedeCMS二次开发教程之创建数据表_织梦CMS教程</a>
<a href='/news/8177.html'>如何通过建站之星自助学习解决操作问题？</a>
<a href='/news/9454.html'>广州顶尖建站服务：企业官网建设与SEO优化一体化方案</a>
<a href='/news/7529.html'>织梦如何去掉当前位置{dede:field name='position' /}*后的分隔符> _织梦CMS教程</a>
<a href='/news/5528.html'>高防服务器租用指南：配置选择与快速部署攻略</a>
<a href='/news/8012.html'>如何通过二级域名建站提升品牌影响力？</a>
<a href='/news/7617.html'>织梦栏目增加缩略图功能的实现教程_织梦CMS教程</a>
<a href='/news/5826.html'>如何在沈阳梯子盘古建站优化SEO排名与功能模块？</a>
<a href='/news/11981.html'>建站之星绑定域名步骤及常见问题解答？</a>
<a href='/news/8752.html'>织梦做wordpress博客那样调用tag标签对应文章数量的方法_织梦CMS教程</a>
<a href='/news/8610.html'>定制建站模板如何实现SEO优化与智能系统配置？18字教程</a>
<a href='/news/6905.html'>织梦dedecms留言板注入漏洞edit.inc.php修复方法_织梦CMS教程</a>
<a href='/news/4402.html'>织梦文章内容每个段落自动加工【伪原创内容提高收录排名插件】_织梦插件</a>
<a href='/news/8065.html'>织梦DEDECMS搜索提交用a便签替换button标签方法_织梦CMS教程</a>
<a href='/news/10999.html'>织梦修改会员中心目录名称的方法_织梦CMS教程</a>
<a href='/news/8967.html'>dedecms织梦jquery+ajax方式提交自定义表单_织梦CMS教程</a>
<a href='/news/10704.html'>建站之星后台管理如何实现高效配置？</a>
<a href='/news/7217.html'>织梦全站GBK编码转UTF-8编码图文教程 _织梦CMS教程</a>
<a href='/news/7921.html'>织梦图集上传图片用图片名自动做注释教程_织梦CMS教程</a>
<a href='/news/10822.html'>建站之星备案是否影响网站上线时间？</a>
<a href='/news/4913.html'>修改织梦cms默认文件让其更利于SEO优化 _SEO优化教程</a>
<a href='/news/11635.html'>织梦dedecms程序https改造教程_织梦CMS教程</a>
<a href='/news/6327.html'>如何快速搭建高效WAP手机网站？</a>
<a href='/news/4852.html'>浅谈织梦cms模板中标签中的一些SEO细节_SEO优化教程</a>
<a href='/news/10609.html'>建站之星会员如何解锁更多建站功能？</a>
<a href='/news/12165.html'>建站之星自适应模板：一站式自定义设计，高效打造专业网站</a>
<a href='/news/7011.html'>织梦dedecms列表页实现无限加载的教程_织梦CMS教程</a>
<a href='/news/9963.html'>网站生成静态页面更利于SEO优化_SEO优化教程</a>
<a href='/news/8582.html'>织梦文章添加字段填栏目id，内容页嵌套调用字段里的栏目文章_织梦CMS教程</a>
<a href='/news/7438.html'>如何实现织梦CMS有短标题则显示短标题，没有则显示文章标题_织梦CMS教程</a>
<a href='/news/10059.html'>建站主机SSH密钥生成步骤及常见问题解答？</a>
<a href='/news/9668.html'>建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析</a>
<a href='/news/4570.html'>如何修改帝国cms的栏目ID号_帝国CMS教程</a>
</p>
<!-- 随机文章输出结束 -->
<p><i class="fa fa-calendar" aria-hidden="true"></i> 2025-03-11</p>
</div>
<div class="panel-footer">
<ul>
<li>
<a href='/news/283137.html' title='固始本地网站设计(固始本地网站设计师招聘)_网站建设教程'> 上一篇：固始本地网站设计(固始本地网站设计师招聘)_网站建设教程 </a>
</li>
<li>
<a href='/news/283147.html' title='建立网站的目录结构应注意哪些问题_网站建设教程'> 下一篇：建立网站的目录结构应注意哪些问题_网站建设教程 </a>
</li>
</ul>
</div>
<div class="panel-footer">
<ul>
<li>
<a href='/news/449992.html'>广州智慧公交云脑平台如何通过网站提升用户体验_网站建设教程</a>
<a href='/news/449988.html'>长沙网站如何提升移动端用户体验_网站建设教程</a>
<a href='/news/449984.html'>签订郑州网站建设合同时应关注哪些关键条款_网站建设教程</a>
<a href='/news/449979.html'>网站迁移时PHP数据库连接配置需要调整哪些服务器参数_网站建设教程</a>
<a href='/news/449974.html'>如何通过内容优化提升网站外链的自然吸引力_网站建设教程</a>
<a href='/news/449969.html'>定期备份网站数据的重要性与步骤_网站建设教程</a>
<a href='/news/449963.html'>定制开发网站相比自助建站有哪些长期优势_网站建设教程</a>
<a href='/news/449959.html'>北辰区高端网站案例如何助力品牌提升_网站建设教程</a>
<a href='/news/449955.html'>东莞个人网站推广中如何有效利用本地用户需求_网站建设教程</a>
<a href='/news/449950.html'>青岛网站建设公司的用户满意度如何评价_网站建设教程</a>
<a href='/news/449945.html'>浦东网站建设公司如何通过一站式服务实现创新突破_网站建设教程</a>
<a href='/news/449941.html'>安防网站关键词优化如何兼顾SEO与用户体验_网站建设教程</a>
<a href='/news/449936.html'>餐饮网站会员系统设计如何提升客户忠诚度与复购率_网站建设教程</a>
<a href='/news/449930.html'>基于MongoDB的在线教育网站课程资源管理实践_网站建设教程</a>
<a href='/news/449927.html'>成功案例中网站的推广策略有哪些亮点_网站建设教程</a>
<a href='/news/449921.html'>AI在网站智能交互设计中如何打造独特体验_网站建设教程</a>
<a href='/news/449917.html'>青岛SEO优化如何解决网站移动端适配问题_网站建设教程</a>
<a href='/news/449912.html'>宁波企业制作营销型网站的费用包含哪些项目_网站建设教程</a>
<a href='/news/449907.html'>如何利用AI技术优化丹东跨境网站的自动化内容生成_网站建设教程</a>
<a href='/news/449903.html'>如何通过多域名管理优化网站流量_网站建设教程</a>
</li>
</ul>
</div>
</div>
<!--底部开始-->
<!-- 免费数据支持 开始 -->
<div class="section service5">
<div class="container">
<div class="h10">
</div>
<h2 class="text-center">了解您产品搜索量及市场趋势，制定营销计划</h2>
<h3 class="text-center">同行竞争及网站分析保障您的广告效果</h3>
<p class="text-center">
<a href="http://wpa.qq.com/msgrd?v=3&uin=87067657&site=nuorw.com&menu=yes" target="_blank" class="btn btn-danger">点击免费数据支持</a>
</p>
</div>
</div>
<!-- 免费数据支持 结束 -->
<!-- 在线留言 开始 -->
<div class="section service6">
<div class="container">
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-heading">
<h3>提交您的需求，1小时内享受我们的专业解答。</h3>
</div>
<div class="panel-body">
<form id="formshiro" class="form-horizontal" action="/plus/diy.php" enctype="multipart/form-data" method="post">
<input type="hidden" name="action" value="post"/>
<input type="hidden" name="diyid" value="1"/>
<input type="hidden" name="do" value="2"/>
<div class="mescon">
<div class="col-sm-12">
<div class="form-group">
<div class="col-sm-12">
<input type="text" class="form-control input-lg" name="name" placeholder="* 您的姓名" required="required"/>
</div>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<div class="col-sm-12">
<input type="text" class="form-control input-lg" name="tel" placeholder="* 联系电话" required="required"/>
</div>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<div class="col-sm-12">
<input type="text" class="form-control input-lg" name="url" placeholder="* 您的网址" required="required"/>
</div>
</div>
</div>
<div class="h10">
</div>
<div class="form-group">
<div class="col-sm-12">
<textarea class="form-control" name='message' rows="3" placeholder="如果您还有其它疑问或者需要咨询的信息，请填写"></textarea>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-12">
<input name="mytime" value="" type="hidden" id="mytime"/>
<script type="text/javascript">
window.onload = function(){
var nowDate = new Date();
var str = nowDate.getFullYear()+"-"+(nowDate.getMonth() + 1)+"-"+nowDate.getDate()+" "+nowDate.getHours()+":"+nowDate.getMinutes()+":"+nowDate.getSeconds();
document.getElementById("mytime").value=str;
}
</script>
<input type="hidden" name="dede_fields" value="name,text;tel,text;url,text;message,multitext;mytime,text"/>
<input type="hidden" name="dede_fieldshash" value="ecf472aaf86de772d1d2a13d60fbb0d0"/>
<button id="btnshiro" type="submit" class="btn btn-danger btn-block btn-lg" title="立即获得电话支持">立即获得电话支持</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- 在线留言 结束 -->
<div class="section foot">
<div class="container">
<div class="row">
<div class="col-sm-4">
<h4>南京市珐之弘网络技术有限公司</h4>
<hr>
<p>
<a target="_blank" href="/"><img src="/uploads/allimg/20260218/1-26021Q35234C4.png" alt="南京市珐之弘网络技术有限公司" height="82"></a>
</p>
<p>
南京市珐之弘网络技术有限公司专注海外推广十年,是谷歌推广.Facebook广告全球合作伙伴,我们精英化的技术团队为企业提供谷歌海外推广+外贸网站建设+网站维护运营+Google SEO优化+社交营销为您提供一站式海外营销服务。 </p>
<div class="h10">
</div>
<div class="t400 hvr-float-shadow">
<span class="fa-stack fa-lg pull-left">
<i class="fa fa-circle-thin fa-stack-2x"></i>
<i class="fa fa-phone fa-stack-1x fa-rotate-90"></i>
</span>
<h2 class="pull-left"><a rel="nofollow" class="hvr-bob" href="tel:4008794355" title="点击拨打电话">4008794355</a></h2>
</div>
<div class="h10">
</div>
<div class="h10">
</div>
<p class="hvr-outline-in">
<i class="fa fa-qq fa-fw"></i><a href="http://wpa.qq.com/msgrd?v=3&uin=87067657&site=nuorw.com&menu=yes" target="_blank"> 87067657</a>
</p>
<p class="hvr-outline-in">
<i class="fa fa-mobile fa-fw"></i><a href="tel:13565296790"> 13565296790</a>
</p>
<p class="hvr-outline-in">
<i class="fa fa-envelope-o fa-fw"></i><a href="mailto:87067657@qq.com"> 87067657@qq.com</a>
</p>
</div>
<div class="col-sm-6">
<h4>服务/方案/案例/支持 </h4>
<hr>
<dl>
<dd><strong><a class="hvr-icon-back fa-caret-right" href="/service/">产品服务</a></strong></dd>
<dd><a href="/Google/" class="hvr-icon-back fa-angle-right">Google推广</a></dd>
<dd><a href="/social/" class="hvr-icon-back fa-angle-right">社交推广</a></dd>
<dd><a href="/website/" class="hvr-icon-back fa-angle-right">网站建设</a></dd>
<dd><a href="/Bing/" class="hvr-icon-back fa-angle-right">Bing 推广</a></dd>
<dd><a href="/yandex/" class="hvr-icon-back fa-angle-right">Yandex推广</a></dd>
<div class="clearfix">
</div>
</dl>
<dl>
<dd><strong><a class="hvr-icon-back fa-caret-right" href="/solution/">解决方案</a></strong></dd>
<dd><a href="/solution-b2b/" class="hvr-icon-back fa-angle-right">B2B网站推广</a></dd>
<dd><a href="/solution-b2c/" class="hvr-icon-back fa-angle-right">B2C电商推广</a></dd>
<dd><a href="/solution-brand/" class="hvr-icon-back fa-angle-right">海外品牌推广</a></dd>
<dd><a href="/solution-app/" class="hvr-icon-back fa-angle-right">APP海外推广</a></dd>
<div class="clearfix">
</div>
</dl>
<dl>
<dd><strong><a class="hvr-icon-back fa-caret-right" href="/case/">营销案例</a></strong></dd>
<dd><a href="/case-brand/" class="hvr-icon-back fa-angle-right">品牌营销推广</a></dd>
<dd><a href="/case-b2c/" class="hvr-icon-back fa-angle-right">B2C电商推广</a></dd>
<dd><a href="/case-b2b/" class="hvr-icon-back fa-angle-right">B2B海外推广</a></dd>
<dd><a href="/case-app/" class="hvr-icon-back fa-angle-right">APP应用游戏</a></dd>
<dd><a href="/case-website/" class="hvr-icon-back fa-angle-right">营销网站案例</a></dd>
<div class="clearfix">
</div>
</dl>
<dl>
<dd><strong><a class="hvr-icon-back fa-caret-right" href="/news/">营销学院</a></strong></dd>
<dd><a href="/help-google/" class="hvr-icon-back fa-angle-right">Google疑问</a></dd>
<dd><a href="/help-Facebook/" class="hvr-icon-back fa-angle-right">Facebook疑问</a></dd>
<dd><a href="/seo/" class="hvr-icon-back fa-angle-right">网络优化</a></dd>
<dd><a href="/knowledge/" class="hvr-icon-back fa-angle-right">技术知识</a></dd>
<dd><a href="/idc/" class="hvr-icon-back fa-angle-right">云计算</a></dd>
<dd><a href="/geo/" class="hvr-icon-back fa-angle-right">GEO优化</a></dd>
<dd><a href="/youxuan/" class="hvr-icon-back fa-angle-right">优选文章</a></dd>
<dd><a href="/yingxiaotuiguang/" class="hvr-icon-back fa-angle-right">营销推广</a></dd>
<dd><a href="/wangluoyunying/" class="hvr-icon-back fa-angle-right">网络运营</a></dd>
<dd><a href="/anliwangzhan/" class="hvr-icon-back fa-angle-right">案例网站</a></dd>
<div class="clearfix">
</div>
</dl>
</div>
<div class="col-sm-2">
<h4>关于我们 </h4>
<hr>
<dl>
<dd><a href="/aboutus/" class="hvr-icon-back fa-angle-right">公司简介</a></dd>
<dd><a href="/training/" class="hvr-icon-back fa-angle-right">报名培训</a></dd>
<dd><a href="/partner/" class="hvr-icon-back fa-angle-right">加入我们</a></dd>
<div class="clearfix">
</div>
</dl>
<hr>
<p class="flink">
</p>
</div>
</div>
</div>
</div>
<div class="section copy">
<div class="container">
<div class="row">
<div class="col-sm-12">
© <script>document.write( new Date().getFullYear() );</script> 南京市珐之弘网络技术有限公司 版权所有 <a target="_blank" style="color:rgba(255, 255, 255, 0.7);" href="http://www.beian.miit.gov.cn"><a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">苏ICP备2025157307号</a></a> <div style="display:none">
<a href="http://ybfzh.cn">南京市珐之弘网络技术有限公司</a>
<a href="http://www.ybfzh.cn">南京市珐之弘网络技术有限公司</a>
<a href="http://ytnnj.cn">南京市珐之弘网络技术有限公司</a>
<a href="http://www.ytnnj.cn">南京市珐之弘网络技术有限公司</a>
<a href="http://fzhnet.cn">南京市珐之弘网络技术有限公司</a>
<a href="http://www.fzhnet.cn">南京市珐之弘网络技术有限公司</a>
<a href="http://njfzh.cn">南京市珐之弘网络技术有限公司</a>
<a href="http://www.njfzh.cn">南京市珐之弘网络技术有限公司</a>
<a href="http://fzh0.cn">南京市珐之弘网络技术有限公司</a>
<a href="http://www.fzh0.cn">南京市珐之弘网络技术有限公司</a>
<a href="http://m.fzh0.cn">南京市珐之弘网络技术有限公司</a>
<a href="http://ifzh.com.cn">南京市珐之弘网络技术有限公司</a>
<a href="http://www.ifzh.com.cn">南京市珐之弘网络技术有限公司</a>
<a href="http://m.fzh0.cn">南京市珐之弘网络技术有限公司</a>
<a href="http://810yy.cn">南京市珐之弘网络技术有限公司</a>
<a href="http://www.810yy.cn">南京市珐之弘网络技术有限公司</a>
<a href="http://811yy.cn">南京市珐之弘网络技术有限公司</a>
<a href="http://www.811yy.cn">南京市珐之弘网络技术有限公司</a>
</div> </div>
</div>
</div>
</div>
</div>
<div class="dial-div">
<div id="dial-phone" class="dial-phone">
<input type="checkbox" id="dial-btn" class="dial-menu">
<div>
<a href="/" class="fa fa-home"></a>
</div>
<div>
<a href="tel:13565296790" class="fa fa-phone"></a>
</div>
<div>
<a href="sms:87067657@qq.com" class="fa fa-envelope"></a>
</div>
<div>
<a href="/about/" class="fa fa-user"></a>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$("#dial-btn").click(function(){$(this).is(":checked")?$("#dial-phone div").addClass("on"):$("#dial-phone div").removeClass("on")});
});
</script>
<!-- 返回顶部代码 -->
<style>
#toTop {font-size: 42px; display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; width: 46px; height: 46px;line-height: 46px;border: none; text-align: center; background-color: #777; opacity: 0.6; border-radius: 100%; color: #eee; }
#toTop:hover {background-color:rgba(0,0,0,0.8);}
</style>
<a href="javascript:void(0)" id="toTop" style="display: block;"><i class="fa fa-angle-up" aria-hidden="true"></i></a>
<link href="/uploads/skin/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script type="text/javascript">
$(function(){
//当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失
$(function () {
$(window).scroll(function(){
if ($(window).scrollTop()>100){
$("#toTop").fadeIn(1500);
}
else
{
$("#toTop").fadeOut(1500);
}
});
//当点击跳转链接后，回到页面顶部位置
$("#toTop").click(function(){
$('body,html').animate({scrollTop:0},1000);
return false;
});
});
});
</script>
<style>
#cookiePopup {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #f2f2f6;
z-index: 9999;
display:none;
}
#cookiePopupContent {
padding: 10px;
text-align: left;
padding-bottom: 40px;
}
#cookiePopupContent a{
text-decoration: underline;
color: #0084c9;
}
#closeButton {
position: absolute;
top: 25px;
right: 5px;
background: #0084c9;
cursor: pointer;
color: #FFFFFF;
border: none;
padding: 10px 20px;
}
</style>
<div id="cookiePopup">
<div id="cookiePopupContent">
<h1>Notice</h1>
<p>We and selected third parties use cookies or similar technologies for technical purposes and, with your consent, for other purposes as specified in the <a href="/about/privacy-statement/" target="_blank">cookie policy</a>.<br>You can consent to the use of such technologies by closing this notice, by interacting with any link or button outside of this notice or by continuing to browse otherwise.</p>
</div>
<button id="closeButton">Accept All</button>
</div>
<script>
window.onload = function() {
var cookiePopup = document.getElementById("cookiePopup");
var closeButton = document.getElementById("closeButton");
var hasSeenPopup = localStorage.getItem("hasSeenPopup");
if (!hasSeenPopup) {
cookiePopup.style.display = "block";
closeButton.addEventListener("click", function() {
localStorage.setItem("hasSeenPopup", "true");
cookiePopup.style.display = "none";
});
}
};
</script>
<!-- 友情链接外链开始 -->
<div class="frendlinks" style="display:none;height:0;overflow: hidden;font-size: 0;">友情链接：
<br>
</div>
<!-- 友情链接外链结束 -->
<!--底部结束-->
<script type="text/javascript">var root_dir="";var ey_aid=283141;</script>
<script language="javascript" type="text/javascript" src="/public/static/common/js/ey_footer.js?v=v1.7.6"></script>
</body>
</html>
