在当今数字化时代，网站已成为企业展示形象、吸引客户的重要窗口。然而，在浩瀚的互联网海洋中，如何让目标用户快速找到并访问您的网站呢？这就涉及到了“网站优化排名排行”这一关键概念。网站优化排名不仅关乎网站的可见度，更直接影响到企业的线上业务拓展与品牌影响力。本文将从SEO基础、关键词策略、内容质量、用户体验及技术优化等五个方面，深入探讨如何提升网站在搜索引擎中的排名，从而在竞争激烈的市场中脱颖而出。
一、SEO基础：奠定优化基石
SEO（搜索引擎优化）是提升网站排名的核心手段，它涵盖了从网站结构设计到内容创建的一系列优化措施。首先，确保网站拥有清晰、逻辑性强的结构，便于搜索引擎爬虫高效抓取信息。其次，合理利用
、<meta>标签，准确描述网页内容，提高搜索引擎对网页的理解度。此外，建立高质量的外部链接网络也至关重要，它能增加网站的权威性和可信度，进而提升排名。</p>
<p><strong><br/>二、关键词策略：精准定位用户需求</strong></p>
<p>关键词是连接用户与网站的桥梁。通过市场调研和数据分析，确定与业务紧密相关且搜索量适中的关键词，是提升排名的关键一步。不仅要关注核心关键词，还应挖掘长尾关键词，以满足更具体、多样化的搜索需求。同时，将关键词自然融入标题、正文、图片alt属性等位置，避免堆砌，保持内容的自然流畅。</p>
<p><strong><br/>三、内容质量：打造价值高地</strong></p>
<p>内容为王的时代，高质量、有价值的内容是吸引用户、留住用户的根本。原创性、实用性和时效性是衡量内容质量的三大标准。定期发布行业洞察、解决方案、产品教程等内容，不仅能增强用户粘性，还能促进社交分享，间接提升网站权重。同时，利用多媒体元素（如视频、图表）丰富内容形式，提升阅读体验。</p>
<p><strong><br/>四、用户体验：优化细节，提升满意度</strong></p>
<p>良好的用户体验是提升网站排名不可或缺的一环。这包括但不限于快速加载速度、移动设备友好性、清晰的导航栏、易于查找的信息架构等。特别是随着移动互联网的普及，响应式设计成为标配，确保网站在不同设备上都能提供一致的浏览体验。此外，减少跳出率也是提升排名的有效途径，通过优化页面布局、提供相关推荐等方式，引导用户深入探索网站。</p>
<p><strong><br/>五、技术优化：持续迭代，追求卓越</strong></p>
<p>技术层面的优化同样重要，包括HTTPS协议的使用以保障数据传输安全、合理的URL结构便于搜索引擎解析、使用Sitemap指导爬虫高效索引等。同时，定期检查并修复死链、优化数据库性能、采用CDN加速等措施，都能显著提升网站的技术表现，为排名提升奠定坚实基础。</p>
<p>综上所述，网站优化排名是一个系统工程，需要从SEO基础、关键词策略、内容质量、用户体验及技术优化等多个维度综合施策。每一步都不可忽视，只有持续优化，才能在激烈的竞争中占据有利位置，实现网站流量与转化率的双重提升。</p>
<p><strong>文章大纲提炼：</strong></p>
<p><strong> <br/>1.SEO基础：奠定优化基石</strong></p>
<ul>
<li>网站结构优化</li>
<li>元标签合理利用</li>
<li>外部链接建设</li>
</ul>
<p><strong> <br/>2.关键词策略：精准定位用户需求</strong></p>
<ul>
<li>关键词研究与选择</li>
<li>关键词布局技巧</li>
<li>长尾关键词挖掘</li>
</ul>
<p><strong> <br/>3.内容质量：打造价值高地</strong></p>
<ul>
<li>原创性与实用性</li>
<li>多媒体内容应用</li>
<li>定期更新机制</li>
</ul>
<p><strong> <br/>4.用户体验：优化细节，提升满意度</strong></p>
<ul>
<li>加载速度优化</li>
<li>移动设备适配</li>
<li>降低跳出率策略</li>
</ul>
<p><strong> <br/>5.技术优化：持续迭代，追求卓越</strong></p>
<ul>
<li>HTTPS与安全性</li>
<li>URL与Sitemap优化</li>
<li>性能监控与改进</li>
</ul><p class="y-c-01"></p> <div class="shareBox clearfix">
<div style="margin: 15px 0;">
<div class="san-praise-sdk action sharebtn like" title="喜欢" sfa="click" data-postid="10" data-value="1" data-ok="zijiqugemingzi">
<span class="icon s-like"><i class="fa fa-heart-o"></i> 喜欢 </span>
(<span class="san-praise-sdk count " sfa="num" data-value="1" data-postid="10"><a href="https://yisounet.cn/sitemap.html">最近更新</a></span>)
</div>
<a href="javascript:;" class="sharebtn pay-author"><i class="fa fa-gift"></i> 打赏</a>
<a href="javascript:;" class="sharebtn sharebtntn"><i class="fa fa-mail-forward (alias)"></i> 分享</a>
</div>
<div class="socialBox">
<div class="action-share" style="display: none;">
<div class="social-share" data-initialized="true">
<a href="#" class="social-share-icon icon-weibo"></a>
<a href="#" class="social-share-icon icon-qq"></a>
<a href="#" class="social-share-icon icon-wechat"></a>
<a href="#" class="social-share-icon icon-douban"></a>
<a href="#" class="social-share-icon icon-qzone"></a>
<a href="#" class="social-share-icon icon-facebook"></a>
<a href="#" class="social-share-icon icon-twitter"></a>
</div>
</div>
<div class="panel-reward" style="display: none;">
<ul>
<li class="alipay"><img alt="打赏" src=""><b>请小编喝杯咖啡吧！</b></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--<div class="hads">
<a href="/ruankaopeixun/" target="_blank"><img src="/skin/style/img/20230328155548167999014870041.png"></a>
</div>-->
<div class="post-navigation animation">
<div class="post-previous">
<span>上一篇：</span> <a href='/article/53487.html'>做神马关键词优化软件（关键词优化工具）</a> </div>
<div class="post-next">
<span>下一篇：</span> <a href='/article/53490.html'>上海seo排名关键词（上海SEO排名关键词优化）</a> </div>
</div>
<div class="whitebg">
<h2 class="htitle">相关文章</h2>
<ul class="otherlink">
<li><a href="/article/77115.html" title="江门怎么做自己公司的网站（江门企业搭建官网步骤）" target="_blank">江门怎么做自己公司的网站（江门企业搭建官网步骤）</a></li>
<li><a href="/article/77114.html" title="跨平台网络营销软件（跨平台营销工具）" target="_blank">跨平台网络营销软件（跨平台营销工具）</a></li>
<li><a href="/article/77113.html" title="新网站优化怎么样（新网站优化效果如何）" target="_blank">新网站优化怎么样（新网站优化效果如何）</a></li>
<li><a href="/article/77112.html" title="葫芦岛哪个公司做网站做的最好（葫芦岛网站制作公司推荐）" target="_blank">葫芦岛哪个公司做网站做的最好（葫芦岛网站制作公司推荐）</a></li>
<li><a href="/article/77111.html" title="直销网络营销平台代理（直销网营平台代理）" target="_blank">直销网络营销平台代理（直销网营平台代理）</a></li>
<li><a href="/article/77110.html" title="网站优化论文（网站性能提升研究）" target="_blank">网站优化论文（网站性能提升研究）</a></li>
<li><a href="/article/77109.html" title="白山找网站开发公司的软件（白山地区专业网站开发公司软件服务）" target="_blank">白山找网站开发公司的软件（白山地区专业网站开发公司软件服务）</a></li>
<li><a href="/article/77108.html" title="网络营销推广的概念（网络营销理念）" target="_blank">网络营销推广的概念（网络营销理念）</a></li>
<li><a href="/article/77107.html" title="网站优化设计（网站性能提升策略）" target="_blank">网站优化设计（网站性能提升策略）</a></li>
<li><a href="/article/77106.html" title="菏泽做网站建设的基本步骤（菏泽网站开发流程）" target="_blank">菏泽做网站建设的基本步骤（菏泽网站开发流程）</a></li>
</ul>
</div>
<div class="whitebg bloglist">
<h2 class="htitle">猜你喜欢</h2>
<ul>
<li class="single-mode">
<div class="thumb">
<a href="/article/1.html" title="常熟广州SEO外包，助你轻松提升网站排名！"><img src="https://i01piccdn.sogoucdn.com/278f0f9112267a05" alt="常熟广州SEO外包，助你轻松提升网站排名！"></a>
</div>
<div class="info">
<div class="info-limit">
<h3><a href="/article/1.html" title="常熟广州SEO外包，助你轻松提升网站排名！">常熟广州SEO外包，助你轻松提升网站排名！</a></h3>
<p class="desc"> 1. 了解目标受众：在进行SEO外包之前，需要了解目标受众的需求和兴趣，以便制定合适的SEO策略。 2. 选择合适的SEO公司：选择一家有经验、专业的SEO公司或团队，能够提供定制化...</p>
</div>
<div class="meta">
<div class="tags">
<a href="/listarticle-3-0.html" title="链接到 中文SEO">中文SEO</a><a href="/tags-etagid29337-0.html" target="_blank">网站优化排名排行</a> </div>
<div class="time" title="23-12-16"><i class="iconfont icon-shijian2"></i>23-12-16</div>
<a class="comment-topic" href="/article/1.html"><i class="iconfont icon-pinglun5"></i>0</a>
<a class="search-topic" href="/article/1.html"><i class="iconfont icon-chakan1"></i>583</a>
</div>
</div>
</li>
<li class="single-mode">
<div class="thumb">
<a href="/article/2.html" title="百度小程序开发培训"><img src="https://i01piccdn.sogoucdn.com/005db7e423aaa77c" alt="百度小程序开发培训"></a>
</div>
<div class="info">
<div class="info-limit">
<h3><a href="/article/2.html" title="百度小程序开发培训">百度小程序开发培训</a></h3>
<p class="desc"> 小程序开发培训 1. 学习基础知识 在开始开发小程序之前，你需要先学习一些基础知识，比如HTML、CSS、JavaScript等。这些是网页开发的基础，同样也是小程序开发的基础。...</p>
</div>
<div class="meta">
<div class="tags">
<a href="/listarticle-3-0.html" title="链接到 中文SEO">中文SEO</a><a href="/tags-etagid29337-0.html" target="_blank">网站优化排名排行</a> </div>
<div class="time" title="23-12-16"><i class="iconfont icon-shijian2"></i>23-12-16</div>
<a class="comment-topic" href="/article/2.html"><i class="iconfont icon-pinglun5"></i>0</a>
<a class="search-topic" href="/article/2.html"><i class="iconfont icon-chakan1"></i>583</a>
</div>
</div>
</li>
<li class="single-mode">
<div class="thumb">
<a href="/article/3.html" title="舆情监测系统源代码：掌握网络舆情的秘密武器"><img src="https://i01piccdn.sogoucdn.com/965a117040e31039" alt="舆情监测系统源代码：掌握网络舆情的秘密武器"></a>
</div>
<div class="info">
<div class="info-limit">
<h3><a href="/article/3.html" title="舆情监测系统源代码：掌握网络舆情的秘密武器">舆情监测系统源代码：掌握网络舆情的秘密武器</a></h3>
<p class="desc"> 舆情监测系统是一种用于收集、分析和报告网络舆情的软件系统。它可以实时监测网络舆情，包括新闻报道、社交媒体上的评论、论坛讨论等，帮助企业和政府机构了解公众对他们的...</p>
</div>
<div class="meta">
<div class="tags">
<a href="/listarticle-3-0.html" title="链接到 中文SEO">中文SEO</a><a href="/tags-etagid29337-0.html" target="_blank">网站优化排名排行</a> </div>
<div class="time" title="23-12-16"><i class="iconfont icon-shijian2"></i>23-12-16</div>
<a class="comment-topic" href="/article/3.html"><i class="iconfont icon-pinglun5"></i>0</a>
<a class="search-topic" href="/article/3.html"><i class="iconfont icon-chakan1"></i>583</a>
</div>
</div>
</li>
<li class="single-mode">
<div class="thumb">
<a href="/article/4.html" title="CMS50说明书：让你的网站更智能、更高效！"><img src="https://i01piccdn.sogoucdn.com/8a2bf2210f88118b" alt="CMS50说明书：让你的网站更智能、更高效！"></a>
</div>
<div class="info">
<div class="info-limit">
<h3><a href="/article/4.html" title="CMS50说明书：让你的网站更智能、更高效！">CMS50说明书：让你的网站更智能、更高效！</a></h3>
<p class="desc"> 如果您已经购买了CMS50设备，通常会在包装盒或设备上找到一份说明书。您可以通过阅读说明书来了解设备的基本操作、功能、维护等方面的信息。 为了更好地使用CMS50设备...</p>
</div>
<div class="meta">
<div class="tags">
<a href="/listarticle-3-0.html" title="链接到 中文SEO">中文SEO</a><a href="/tags-etagid29337-0.html" target="_blank">网站优化排名排行</a> </div>
<div class="time" title="23-12-16"><i class="iconfont icon-shijian2"></i>23-12-16</div>
<a class="comment-topic" href="/article/4.html"><i class="iconfont icon-pinglun5"></i>0</a>
<a class="search-topic" href="/article/4.html"><i class="iconfont icon-chakan1"></i>583</a>
</div>
</div>
</li>
<li class="single-mode">
<div class="thumb">
<a href="/article/5.html" title="在线危机公关"><img src="https://i01piccdn.sogoucdn.com/38c4592415c755fd" alt="在线危机公关"></a>
</div>
<div class="info">
<div class="info-limit">
<h3><a href="/article/5.html" title="在线危机公关">在线危机公关</a></h3>
<p class="desc"> 在线危机公关是指企业在面对危机事件时，通过互联网平台采取的一系列公关措施，以减轻负面影响、维护企业形象和信誉。 1. 快速响应：在危机事件发生后，企业应尽快作出响应，...</p>
</div>
<div class="meta">
<div class="tags">
<a href="/listarticle-3-0.html" title="链接到 中文SEO">中文SEO</a><a href="/tags-etagid29337-0.html" target="_blank">网站优化排名排行</a> </div>
<div class="time" title="23-12-16"><i class="iconfont icon-shijian2"></i>23-12-16</div>
<a class="comment-topic" href="/article/5.html"><i class="iconfont icon-pinglun5"></i>0</a>
<a class="search-topic" href="/article/5.html"><i class="iconfont icon-chakan1"></i>583</a>
</div>
</div>
</li>
<li class="single-mode">
<div class="thumb">
<a href="/article/6.html" title="海外租服务器：开启您的全球业务新篇章"><img src="https://i01piccdn.sogoucdn.com/de2b961eead0a76a" alt="海外租服务器：开启您的全球业务新篇章"></a>
</div>
<div class="info">
<div class="info-limit">
<h3><a href="/article/6.html" title="海外租服务器：开启您的全球业务新篇章">海外租服务器：开启您的全球业务新篇章</a></h3>
<p class="desc"> 海外租服务器需要考虑以下几个方面： 1. 地理位置：选择服务器的地理位置需要考虑目标受众的地理位置，以便更好地优化网络速度和访问速度。 2. 带宽和网络质量：海外服务...</p>
</div>
<div class="meta">
<div class="tags">
<a href="/listarticle-3-0.html" title="链接到 中文SEO">中文SEO</a><a href="/tags-etagid29337-0.html" target="_blank">网站优化排名排行</a> </div>
<div class="time" title="23-12-16"><i class="iconfont icon-shijian2"></i>23-12-16</div>
<a class="comment-topic" href="/article/6.html"><i class="iconfont icon-pinglun5"></i>0</a>
<a class="search-topic" href="/article/6.html"><i class="iconfont icon-chakan1"></i>583</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<aside class="rbox">
<section class="widget abautor">
<div class="widget-list">
<div class="widget_avatar" style="background-image: url(/skin/style/img/29.png);">
<a href="/">
<img class="widget-about-image" src="/skin/style/img/50.jpg" alt="成都易搜网络公司" height="70" width="70"><div class="widget-cover vip1"></div><i title="管理员" class="author-ident author1"></i>
</a>
</div>
<div class="widget-about-intro">
<div class="name"><h3>成都易搜</h3><span class="autlv aut-0 vs">V</span><span class="autlv aut-0">管理员</span></div>
<div class="widget-about-desc">文章57554篇 <i>|</i> 评论 13 次</div>
<div class="widget-article-newest"><span>最新文章</span></div>
<ul class="widget-about-posts">
<li><div class="widget-posts-text"><a class="widget-posts-title" href="/article/77115.html" title="江门怎么做自己公司的网站（江门企业搭建官网步骤）">江门怎么做自己公司的网站（江门企业搭建官网步骤）</a><div class="widget-posts-meta"><i>24-12-16</i></div></div></li>
<li><div class="widget-posts-text"><a class="widget-posts-title" href="/article/77114.html" title="跨平台网络营销软件（跨平台营销工具）">跨平台网络营销软件（跨平台营销工具）</a><div class="widget-posts-meta"><i>24-12-16</i></div></div></li>
<li><div class="widget-posts-text"><a class="widget-posts-title" href="/article/77113.html" title="新网站优化怎么样（新网站优化效果如何）">新网站优化怎么样（新网站优化效果如何）</a><div class="widget-posts-meta"><i>24-12-16</i></div></div></li>
</ul>
</div>
</div>
</section>
<div class="widget yia-hot-list">
<h3 class="yia-card-title">热门排行</h3>
<ul class="widget-post-list layout-hot">
<li class="post-item"><a href="/article/1.html" target="_blank"><span class="hot-index">1</span><p class="post-title">常熟广州SEO外包，助你轻松提升网站排名！</p><p class="post-metas"><span>23-12-16</span><span>阅读(0)</span></p></a></li>
<li class="post-item"><a href="/article/2.html" target="_blank"><span class="hot-index">1</span><p class="post-title">百度小程序开发培训</p><p class="post-metas"><span>23-12-16</span><span>阅读(0)</span></p></a></li>
<li class="post-item"><a href="/article/3.html" target="_blank"><span class="hot-index">1</span><p class="post-title">舆情监测系统源代码：掌握网络舆情的秘密武器</p><p class="post-metas"><span>23-12-16</span><span>阅读(0)</span></p></a></li>
<li class="post-item"><a href="/article/4.html" target="_blank"><span class="hot-index">1</span><p class="post-title">CMS50说明书：让你的网站更智能、更高效！</p><p class="post-metas"><span>23-12-16</span><span>阅读(0)</span></p></a></li>
<li class="post-item"><a href="/article/5.html" target="_blank"><span class="hot-index">1</span><p class="post-title">在线危机公关</p><p class="post-metas"><span>23-12-16</span><span>阅读(0)</span></p></a></li>
</ul>
</div>
<div class="widget divPrevious">
<h3 class="yia-card-title">最近发表</h3>
<ul>
<li>
<a href="/article/1.html" title="常熟广州SEO外包，助你轻松提升网站排名！" target="_blank">
<i><img src="https://i01piccdn.sogoucdn.com/278f0f9112267a05" alt="常熟广州SEO外包，助你轻松提升网站排名！"></i>
<p>常熟广州SEO外包，助你轻松提升网站排名！</p>
</a>
</li>
<li>
<a href="/article/2.html" title="百度小程序开发培训" target="_blank">
<i><img src="https://i01piccdn.sogoucdn.com/005db7e423aaa77c" alt="百度小程序开发培训"></i>
<p>百度小程序开发培训</p>
</a>
</li>
<li>
<a href="/article/3.html" title="舆情监测系统源代码：掌握网络舆情的秘密武器" target="_blank">
<i><img src="https://i01piccdn.sogoucdn.com/965a117040e31039" alt="舆情监测系统源代码：掌握网络舆情的秘密武器"></i>
<p>舆情监测系统源代码：掌握网络舆情的秘密武器</p>
</a>
</li>
<li>
<a href="/article/4.html" title="CMS50说明书：让你的网站更智能、更高效！" target="_blank">
<i><img src="https://i01piccdn.sogoucdn.com/8a2bf2210f88118b" alt="CMS50说明书：让你的网站更智能、更高效！"></i>
<p>CMS50说明书：让你的网站更智能、更高效！</p>
</a>
</li>
<li>
<a href="/article/5.html" title="在线危机公关" target="_blank">
<i><img src="https://i01piccdn.sogoucdn.com/38c4592415c755fd" alt="在线危机公关"></i>
<p>在线危机公关</p>
</a>
</li>
</ul>
</div>
<div class="widget divComments">
<h3 class="yia-card-title">最新留言</h3>
<ul>
<li>
<div class="author-info">
<img class="avatar avatar-60" src="/skin/style/img/0.png"><i>admin</i><span>05-07</span>
</div>
<div class="comment-inner">
<p>
在当今数字化时代，网站建设公司扮...</p>
</div>
<div class="comment-refer">
<i class="fa fa-quote-left"></i><span class="t">来源<a href="/article/4130.html" target="_blank">网站建设公司(专业网站建设服务提供商)</a></span>
</div>
</li>
<li>
<div class="author-info">
<img class="avatar avatar-60" src="/skin/style/img/0.png"><i>yao</i><span>05-02</span>
</div>
<div class="comment-inner">
<p>
网站seo外包价格目录网站seo外包...</p>
</div>
<div class="comment-refer">
<i class="fa fa-quote-left"></i><span class="t">来源<a href="/article/4128.html" target="_blank">网站seo外包价格,网站seo外包公司</a></span>
</div>
</li>
<li>
<div class="author-info">
<img class="avatar avatar-60" src="/skin/style/img/0.png"><i>yao</i><span>05-02</span>
</div>
<div class="comment-inner">
<p>
厦门网站建设加盟目录厦门网站建...</p>
</div>
<div class="comment-refer">
<i class="fa fa-quote-left"></i><span class="t">来源<a href="/article/4127.html" target="_blank">厦门网站建设加盟,厦门做网站建设</a></span>
</div>
</li>
<li>
<div class="author-info">
<img class="avatar avatar-60" src="/skin/style/img/0.png"><i>yao</i><span>05-02</span>
</div>
<div class="comment-inner">
<p>
微信开发和小程序开发目录微信开...</p>
</div>
<div class="comment-refer">
<i class="fa fa-quote-left"></i><span class="t">来源<a href="/article/4126.html" target="_blank">微信开发和小程序开发,微信开发小程序开发实践第2版案例代码</a></span>
</div>
</li>
<li>
<div class="author-info">
<img class="avatar avatar-60" src="/skin/style/img/0.png"><i>yao</i><span>05-02</span>
</div>
<div class="comment-inner">
<p>
危机公关策划的意义目录危机公关...</p>
</div>
<div class="comment-refer">
<i class="fa fa-quote-left"></i><span class="t">来源<a href="/article/4125.html" target="_blank">危机公关策划的意义,危机公关策划目标</a></span>
</div>
</li>
</ul>
</div> <div id="module" class="following">
</div>
</aside>
</main>
<footer class="footer">
<p>CopyRight © 2024 成都易搜网络 Powered By 易搜 </p>
</footer>
<link rel="stylesheet" href="/skin/style/css/share.min.css">
<script src="/skin/style/js/social-share.min.js"></script>
<script type="text/javascript" src="/skin/style/js/comm.js"></script>
<script type="text/javascript" src="/skin/style/js/san_praise_sdk.js"></script>
<style lang="scss">
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "微软雅黑";
text-decoration: none;
list-style: none;
border: none;
outline: none;
-webkit-tap-highlight-color: transparent;
}
.m-fixed-guide {
display: none;
}
.contact-component {
width: 5rem;
height: 15.75rem;
border-radius: 2.5rem;
position: fixed;
right: 2.5rem;
top: 55%;
background-color: white;
z-index: 1;
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}
.contact-component .service-image {
display: block;
width: 1.875rem;
height: 1.875rem;
margin: 0 auto;
margin: 0 auto 0.35rem;
}
.contact-component .online-service {
height: 3.75rem;
color: #666666;
text-align: center;
font-size: 0.75rem;
border-top-left-radius: 2.5rem;
border-top-right-radius: 2.5rem;
text-align: center;
padding-top: 1.75rem;
cursor: pointer;
}
.contact-component .wx-service {
height: 3.75rem;
color: #666666;
text-align: center;
font-size: 0.75rem;
text-align: center;
padding-top: 2.375rem;
cursor: pointer;
}
.contact-component .wx-service:hover .wx-img {
display: block;
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}
.contact-component .wx-service .wx-img {
position: absolute;
top: 4rem;
left: -8.6rem;
display: none;
}
.contact-component .phone-service {
height: 3.75rem;
color: #666666;
text-align: center;
font-size: 0.75rem;
border-bottom-left-radius: 2.5rem;
border-bottom-right-radius: 2.5rem;
cursor: pointer;
text-align: center;
padding: 3rem 0 2rem 0;
}
.h5-400 {
display: none;
}
.pc-400 {
display: block;
}
.contact-component .phone-service:hover .phone-number {
display: block;
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}
.contact-component .phone-service .phone-number {
width: 10.3125rem;
height: 3.125rem;
font-size: 1.125rem;
font-weight: bold;
color: black;
text-align: center;
line-height: 3.125rem;
background-color: white;
position: absolute;
border-radius: 0.5rem;
top: 11rem;
left: -10.8rem;
display: none;
}
.contact-component .back-top {
background-color: white;
width: 5rem;
height: 5rem;
border-radius: 50%;
margin-top: 4rem;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
position: relative;
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}
.contact-component .back-top img {
width: 1.875rem;
width: 1.875rem;
height: 1.875rem;
padding: 0;
left: 30%;
top: 30%;
position: absolute;
}
/* @media screen and (max-width: 820px) {
.contact-component {
width: 3.75rem;
height: 9.5rem;
right: 1rem;
}
.h5-400 {
display: block !important;
}
.pc-400 {
display: none;
}
.contact-component .online-service {
padding-top: 1rem;
}
.contact-component .wx-service {
display: none;
}
.contact-component .phone-service {
padding: 1rem 0;
}
.contact-component .phone-service .phone-number {
top: 5rem;
height: 3rem;
}
.contact-component .back-top {
width: 3.75rem;
height: 3.75rem;
margin-top: 2.5rem;
}
.contact-component .back-top img {
width: 1.875rem;
height: 1.875rem;
margin-top: 0.85rem;
margin-left: 0.85rem;
left: .125rem;
top: 0;
}
} */
/*# sourceMappingURL=contact.css.map */
@media screen and (max-width: 768px) {
.contact-component{
display: none;
}
.m-fixed-guide {
display: block;
width: 100%;
height: 5.5rem;
position: fixed;
z-index: 32;
bottom: 0;
padding-bottom: 1.5rem;
margin-top: 5rem;
}
.m-fixed-guide .fixed-top1 {
width: 100%;
height: 3rem;
background: #F5F5F5;
}
.m-fixed-guide .fixed-top1 a {
width: 100%;
height: 100%;
}
.flex-center {
display: flex;
justify-content: center;
align-items: center;
}
.fixed-icons-04 {
background-position: 0 0;
}
/* .fixed-icons {
margin-right: 3.2px;
width: 10.24px;
height: 10.24px;
background: url(../images/fixed_icons.png) no-repeat;
background-size: 40.96px 10.24px;
} */
.m-fixed-guide .fixed-top1 a .fixed-top-title {
font-size: .88rem;
font-weight: bold;
color: #333;
}
.m-fixed-guide .fixed-top1 a .fixed-top-title span {
font-size: .88rem;
color: #E60000;
}
.m-fixed-guide .fixed-mid {
width: 100%;
height: 2.5rem;
background: #FFF;
padding: .5rem;
}
.m-fixed-guide .fixed-mid .fixed-mid-ul {
width: 100%;
height: 100%;
}
.m-fixed-guide .fixed-mid .fixed-mid-ul .fixed-mid-li {
width: 35%;
height: 100%;
font-size: .75rem;
border-right: .06rem solid #EEE;
}
.m-fixed-guide .fixed-mid .fixed-mid-ul .fixed-mid-li:last-child{
border-right:none;
}
.m-fixed-guide .fixed-mid .fixed-mid-ul .fixed-mid-li a {
width: 100%;
height: 100%;
}
.fixed-icons-01 {
background-position: 0 0;
}
}
</style>
<div class="contact-component">
<div class="contact-type">
<div class="online-service">
<img class="service-image" src="/skin/difu/img/customer-service.png" alt="在线客服" />
在线客服
</div>
<div class="wx-service">
<img class="service-image" src="/skin/difu/img/wx-service.png" alt="客服微信" />
官方微信
<img class="wx-img" src="/skin/difu/img/weichat.png" alt="联系方式" />
</div>
<div class="phone-service">
<a class="h5-400" href="tel:15982010384">
<img class="service-image" src="/skin/difu/img/phone-number.png" alt="联系电话" />
客服电话
</a>
<div class="pc-400">
<img class="service-image" src="/skin/difu/img/phone-number.png" alt="客服电话" />
客服电话
<div class="phone-number">
<a href="tel:15982010384">159-8201-0384</a>
</div>
</div>
</div>
</div>
<div class="back-top" id="backTop">
<img src="/skin/difu/img/back-top.png" alt="Back to Top" />
</div>
</div>
<div class="m-fixed-guide">
<div class="fixed-top1">
<a href="tel:15982010384" class="flex-center">
<div class="fixed-icons fixed-icons-04"></div>
<div class="fixed-top-title">咨询热线：<span>159-8201-0384</span>（微同号）</div>
</a>
</div>
<div class="fixed-mid">
<div class="fixed-mid-ul flex-center">
<div class="fixed-mid-li">
<a href="/" class="flex-center f-24">
<div class="fixed-icons fixed-icons-01"></div>网站首页
</a>
</div>
<div class="fixed-mid-li">
<a href="javascript:void(0);" class="flex-center f-24 openMobile53 online-service">
<div class="fixed-icons fixed-icons-02"></div>在线咨询
</a>
</div>
<div class="fixed-mid-li">
<a href="sms:15982010384" class="flex-center f-24 openMobile53">
<div class="fixed-icons fixed-icons-03"></div>短信咨询
</a>
</div>
</div>
</div>
</div>
<script src="/skin/difu/js/jquery-3.7.1.min.js"></script>
<script src="/skin/difu/js/rem.js"></script>
<script src="/skin/difu/layui/layui.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const backTopButton = document.getElementById("backTop");
window.addEventListener("scroll", function () {
// 获取当前滚动的垂直距离
const scrollY = window.scrollY;
// 设置一个阈值，当滚动距离大于阈值时显示回到顶部按钮，否则隐藏
if (scrollY > 200) {
backTopButton.style.display = "block";
} else {
backTopButton.style.display = "none";
}
});
backTopButton.addEventListener("click", function () {
window.scrollTo({
top: 0,
behavior: "smooth", // 平滑滚动
});
});
});
$('.online-service').click(function () {
var width = '';
var height = '';
if (is_agent.test(navigator.userAgent)) {
width = '100%';
height = '80%';
} else {
width = '25%';
height = '70%';
}
layer.open({
title: '在线客服',
type: 2,
offset: 'rb',
anim: 2,
area: [width, height],
maxmin: true,
shade: 0.1,
shadeClose: true,
content: 'https://pct.zoosnet.net/LR/Chatpre.aspx?id=PCT80499816&lng=cn'
});
});
</script>
</body>
</html> 
