公司网站制作标题优化，公司网站制作标题优化指南
2026-05-25
公司网站制作标题优化是提升搜索引擎排名与用户点击率的关键环节，优质的标题应精准概括页面内容，包含核心关键词，并控制在30字以内，确保在搜索结果中完整显示，同时需避免堆砌关键词，注重语句通顺与吸引力，以增强用户体验，标题结构建议采用“品牌名+核心服务/产品+地域/特色”模式，兼顾SEO与品牌曝光，定期根据数据反馈调整标题，可有效提高网站流量与转化率，助力企业在竞争激烈的网络环境中脱颖而出。
《公司网站制作标题优化全攻略：提升SEO排名与用户转化率的实战指南》
在当今数字化时代,企业网站早已不再仅仅是一个“线上名片”，而是集品牌展示、客户引流、销售转化、客户服务于一体的综合数字门户，而在这其中，“标题”作为用户接触网站内容的第一触点，其重要性不言而喻，尤其对于公司网站而言，标题不仅是页面内容的高度概括，更是搜索引擎优化（SEO）的核心要素之一，一个经过精心优化的标题，可以显著提高网页在搜索结果中的点击率（CTR）、降低跳出率、提升关键词排名，最终实现流量增长与商业转化。
本文将围绕“公司网站制作标题优化”这一核心主题，从理论基础到实操技巧，从SEO原理到用户心理，从技术规范到案例分析，全面系统地为您解析如何科学、高效、策略性地优化公司网站各页面标题，帮助企业在激烈的网络竞争中脱颖而出。
优化为何如此关键？
搜索引擎的“第一印象”
搜索引擎（如Google、百度）在抓取和索引网页时，首先读取的就是
标签内的内容，这个标签决定了网页在搜索结果页（SERP）上显示的标题文本，是搜索引擎判断页面主题和相关性的首要依据，如果标题模糊不清、关键词缺失或结构混乱，搜索引擎将难以准确理解页面内容，从而影响排名。</p>
<p><strong>用户决策的“敲门砖”</strong></p>
<p>当用户在搜索框输入关键词后,呈现在他们眼前的是一系列标题+描述+URL的搜索结果条目，据统计，80%以上的用户仅通过浏览标题决定是否点击进入页面，标题是否吸引人、是否包含用户关心的关键词、是否传递出价值感，直接决定了点击率的高低。</p>
<ol start="3">
<li>
<p>品牌形象的“微型广告”
也是企业品牌形象传播的重要载体，一个专业、清晰、有创意的标题，不仅能传达产品或服务优势，还能强化品牌认知。“XX科技——智能办公解决方案领导者”比“欢迎访问我们的网站”更能建立专业权威的品牌印象。</p>
</li>
<li>
<p>转化路径的“引导入口”
不仅吸引点击，还应引导用户行为，比如在产品页标题中加入“限时优惠”、“免费试用”等行动号召词，可有效刺激用户进一步浏览或购买，提升转化率。
优化的基本原则</p>
</li>
</ol>
<p>在深入具体技巧前,必须明确标题优化的几大基本原则，这是所有成功案例的底层逻辑：</p>
<ol>
<li>
<p>相关性原则（Relevance）
必须真实反映页面内容，不能“挂羊头卖狗肉”，搜索引擎会惩罚标题与内容严重不符的页面（即“标题党”），用户也会因体验落差迅速离开，导致高跳出率。</p>
</li>
<li>
<p>关键词优先原则（Keyword Priority）
中应包含目标关键词，且尽量靠前放置，研究表明，搜索算法对标题前35个字符赋予更高权重，因此核心关键词应出现在标题开头部分。</p>
</li>
<li>
<p>长度控制原则（Length Control）</p>
</li>
</ol>
<p><strong>不同搜索引擎对标题显示长度限制不同：</strong></p>
<ul>
<li>Google：建议控制在50–60个字符（含空格），超出部分会被截断显示为“…”</li>
<li>百度：建议60个汉字以内（约120字符），但实际显示可能更短</li>
<li>移动端：由于屏幕尺寸小，建议更精简（30–45字符）
不仅被截断影响阅读，还会稀释关键词密度。</li>
</ul>
<ol start="4">
<li>
<p>独特性原则（Uniqueness）
必须唯一，避免多个页面使用相同或高度相似的标题，这有助于搜索引擎区分不同页面内容，防止内部竞争。</p>
</li>
<li>
<p>可读性与吸引力原则（Readability & Appeal）
不仅要满足机器算法，更要打动人心，应使用自然流畅的语言，融入情感词、数字、疑问句、行动动词等元素增强吸引力。</p>
</li>
</ol>
<p><strong>公司网站不同类型页面的标题优化策略</strong></p>
<p>公司网站通常包含首页、产品/服务页、新闻/博客页、关于我们、联系我们、FAQ等多个板块，每类页面的目标不同，标题优化策略也需差异化设计。
优化</p>
<p>首页是整个网站的“门面”，标题应体现公司名称、核心业务、品牌定位及地域/行业关键词。</p>
<p>公式模板：
[品牌名] - [核心服务/产品] + [地域/行业词] + [独特卖点/行动号召]</p>
<p><strong>示例：</strong></p>
<ul>
<li>“星耀科技 - 企业级AI客服系统提供商 · 北京中关村高新技术企业”</li>
<li>“绿源环保工程有限公司 - 工业废水处理整体解决方案专家 · 免费方案咨询”</li>
</ul>
<p><strong>注意事项：</strong></p>
<ul>
<li>品牌名必须出现,强化品牌记忆</li>
<li>核心业务关键词精准匹配用户搜索意图</li>
<li>地域词适用于本地化服务型企业</li>
<li>可添加“官方”、“认证”、“推荐”等信任背书词</li>
</ul>
<p><strong>产品/服务页标题优化</strong></p>
<p>此类页面目标明确：促进销售或询盘，标题需突出产品名称、核心功能、适用场景、价格优势或促销信息。</p>
<p>公式模板：
[产品名] - [主要功能/解决痛点] + [适用对象] + [促销/保障信息]</p>
<p><strong>示例：</strong></p>
<ul>
<li>“智能会议平板M7 - 支持4K无线投屏 · 远程协作神器 · 企业采购享8折”</li>
<li>“高端定制西装 - 量身剪裁 · 7天交付 · 不满意全额退款”</li>
</ul>
<p><strong>进阶技巧：</strong></p>
<ul>
<li>加入数字：“节省30%成本”、“提升5倍效率”</li>
<li>使用对比词：“比传统方案快3倍”</li>
<li>强调稀缺性：“限量100台”、“最后3席”</li>
</ul>
<p><strong>新闻/博客文章页标题优化
营销是企业获客的重要手段，文章标题直接影响打开率和分享率，需兼顾SEO与社交传播属性。</strong></p>
<p>公式模板：
[疑问句/痛点陈述] + [解决方案/数据支撑] + [行业/人群限定]</p>
<p><strong>示例：</strong></p>
<ul>
<li>“中小企业如何低成本搭建官网？2024最新指南（附工具清单）”</li>
<li>“90%老板不知道的SEO误区！3步提升网站自然流量”</li>
</ul>
<p><strong>创作要点：</strong></p>
<ul>
<li>多用“How to”、“Why”、“What”开头引发好奇</li>
<li>植入具体数字增强可信度</li>
<li>添加括号补充说明（如“案例分析”、“专家解读”）</li>
<li>避免过度夸张,保持专业感</li>
</ul>
<p><strong>“关于我们”页标题优化</strong></p>
<p>此页用于建立信任,标题应传递企业实力、价值观或差异化优势。</p>
<p><strong>示例：</strong></p>
<ul>
<li>“关于我们 - 十年专注智能制造 · 服务500+上市企业”</li>
<li>“团队介绍 - 来自谷歌、阿里核心技术骨干组成的AI研发团队”</li>
</ul>
<p><strong>“联系我们”页标题优化</strong></p>
<p>虽然转化目标弱,但仍需优化以提升本地搜索表现。</p>
<p><strong>示例：</strong></p>
<ul>
<li>“联系我们 - 获取免费咨询 · 北京/上海/深圳三地直营”</li>
<li>“客服热线400-XXX-XXXX · 24小时在线技术支持”</li>
</ul>
<p><strong>专题活动/促销页标题优化</strong></p>
<p>强调时效性与紧迫感,刺激立即行动。</p>
<p><strong>示例：</strong></p>
<ul>
<li>“618大促专场！全场SAAS软件买1年送半年 · 仅限今日”</li>
<li>“年终回馈：老客户专享8折升级礼遇 · 截止12月31日”
优化的高级技巧与避坑指南</li>
</ul>
<p><strong>长尾关键词布局</strong></p>
<p>除主关键词外,在标题中自然融入2–3个相关长尾词，可覆盖更多搜索需求。</p>
<p>例如针对“网站建设”主词，可拓展：</p>
<ul>
<li>“响应式网站建设”</li>
<li>“外贸企业英文网站建设”</li>
<li>“快速建站模板推荐”
示例：
“专业响应式网站建设服务 - 外贸企业首选 · 7天上线 · SEO友好架构”
技术应用
平台，可根据用户画像、搜索词、地理位置动态生成个性化标题，大幅提升CTR。</li>
</ul>
<ul>
<li>用户搜索“北京办公室装修”，显示：“北京办公室装修案例精选 - 免费上门量房”</li>
<li>用户来自上海,则显示：“上海办公室装修 - 本地施工团队 · 同城最快3天开工”</li>
</ul>
<p><strong>A/B测试持续优化</strong></p>
<p>不要假设某个标题“一定好”，通过A/B测试对比不同标题版本的点击率、停留时间、转化率，用数据驱动决策。</p>
<p><strong>测试维度包括：</strong></p>
<ul>
<li>关键词位置（前置vs后置）</li>
<li>标点符号使用（破折号vs竖线vs无符号）</li>
<li>情绪词选择（“震惊”vs“实用”vs“权威”）</li>
<li>长度差异（短标题vs完整描述）</li>
</ul>
<p><strong>避免常见错误</strong></p>
<p>✘ 关键词堆砌：如“网站建设_网站制作_网页设计_做网站公司_建网站多少钱”——生硬重复，易被判定为作弊。</p>
<p>✘ 忽略移动端：PC端标题在手机上显示不全，导致核心信息丢失。</p>
<p>✘ 完全复制竞品：缺乏差异化，无法建立独特认知。</p>
<p>✘ 忽视品牌一致性：不同页面风格迥异，削弱品牌专业感。</p>
<p><strong>技术实现与工具支持</strong></p>
<p><strong>HTML标题标签规范</strong></p>
<p><strong>确保每个页面</strong></p> </ul>
</p><p>
</p><p><br/></p><p><br/></p>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="sidebar-area">
<div class="widget widget-search">
<div class="single-search-inner">
<form action="/search/" method="get">
<input type="text" name="keyword" placeholder="搜索文章、视频、直播等">
<button type="submit"><i class="la la-search"></i></button>
</form>
</div>
</div>
<div class="widget widget-category widget-border">
<ul>
<li><a href="/notice/">网站公告<i class="la la-angle-right"></i></a></li>
<li><a href="/wenti/">常见问题<i class="la la-angle-right"></i></a></li>
<li><a href="/baike/">建站百科<i class="la la-angle-right"></i></a></li>
<li><a href="/news/">建站资讯<i class="la la-angle-right"></i></a></li>
</ul>
</div>
<!-- ad -->
<a href="https://www.56dr.net/muban/" target="_blank"><img src="/static/upload/image/20241230/1735547144932105.png" width="360" height="360"/></a>
<p>
<br/>
<!-- ad -->
<div class="widget widget-news widget-border">
<h5 class="widget-title">相关内容</h5>
<div class="single-news-wrap media">
<div class="media-body">
<p class="date"><i class="far fa-calendar-alt"></i>2026-06-09</p>
<h6><a href="https://www.56dr.net/news/66675.html">保温板公司网站设计</a></h6>
</div>
</div>
<div class="single-news-wrap media">
<div class="media-body">
<p class="date"><i class="far fa-calendar-alt"></i>2026-06-09</p>
<h6><a href="https://www.56dr.net/news/66674.html">脚手架租赁网站设计</a></h6>
</div>
</div>
<div class="single-news-wrap media">
<div class="media-body">
<p class="date"><i class="far fa-calendar-alt"></i>2026-06-09</p>
<h6><a href="https://www.56dr.net/news/66673.html">床垫家具公司网站设计</a></h6>
</div>
</div>
<div class="single-news-wrap media">
<div class="media-body">
<p class="date"><i class="far fa-calendar-alt"></i>2026-06-09</p>
<h6><a href="https://www.56dr.net/news/66672.html">润滑油添加剂网站设计</a></h6>
</div>
</div>
<div class="single-news-wrap media">
<div class="media-body">
<p class="date"><i class="far fa-calendar-alt"></i>2026-06-09</p>
<h6><a href="https://www.56dr.net/news/66671.html">网站模版低成本推广</a></h6>
</div>
</div>
<div class="single-news-wrap media">
<div class="media-body">
<p class="date"><i class="far fa-calendar-alt"></i>2026-06-09</p>
<h6><a href="https://www.56dr.net/news/66670.html">网站模版全屏</a></h6>
</div>
</div>
<div class="single-news-wrap media">
<div class="media-body">
<p class="date"><i class="far fa-calendar-alt"></i>2026-06-09</p>
<h6><a href="https://www.56dr.net/news/66669.html">货车改装厂家网站设计</a></h6>
</div>
</div>
<div class="single-news-wrap media">
<div class="media-body">
<p class="date"><i class="far fa-calendar-alt"></i>2026-06-08</p>
<h6><a href="https://www.56dr.net/news/66668.html">网站模版窄屏 cms 网站模版</a></h6>
</div>
</div>
<div class="single-news-wrap media">
<div class="media-body">
<p class="date"><i class="far fa-calendar-alt"></i>2026-06-08</p>
<h6><a href="https://www.56dr.net/news/66667.html">网站模版 asp</a></h6>
</div>
</div>
<div class="single-news-wrap media">
<div class="media-body">
<p class="date"><i class="far fa-calendar-alt"></i>2026-06-08</p>
<h6><a href="https://www.56dr.net/news/66666.html">汽配修理公司网站设计</a></h6>
</div>
</div>
</div>
<div class="widget widget-tags widget-border">
<h5 class="widget-title">网站标签</h5>
<div class="tagcloud"> <a href="https://www.56dr.net/news/tags-292.html" title="优化">优化</a><a href="https://www.56dr.net/news/tags-421.html" title="公司网站">公司网站</a><a href="https://www.56dr.net/news/tags-354.html" title="制作指南">制作指南</a> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- product-slider area start -->
<!-- product-slider area start -->
<section class="product-slider-area pd-bottom-40">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="section-title">
<h2>相关模板</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="product-slider owl-carousel owl-theme">
<div class="item">
<div class="all-isotope-item">
<div class="thumb"> <a class="gallery-fancybox" href="/537.html"> <img src="/static/upload/image/20250107/1736215109542368.jpg" alt="(PC+WAP)艺术石雕雕刻类企业网站模板 古典水墨风格网站"> </a> <a class="btn btn-white" href="/537.html">查看模板</a> </div>
<div class="item-details"> <span class="price">￥1280元</span>
<h4><a href="/537.html">(PC+WAP)艺术石雕雕刻类企业网站模板 古典水墨风格网站</a></h4>
<p>CMS内容管理系统系统是采用PHP技术进行开发的，架构清晰，代码易···</p>
</div>
</div>
</div>
<div class="item">
<div class="all-isotope-item">
<div class="thumb"> <a class="gallery-fancybox" href="/536.html"> <img src="/static/upload/image/20250107/1736215043911042.jpg" alt="(自适应手机端)简约大气的通用企业网站模板 产品展示型"> </a> <a class="btn btn-white" href="/536.html">查看模板</a> </div>
<div class="item-details"> <span class="price">￥1280元</span>
<h4><a href="/536.html">(自适应手机端)简约大气的通用企业网站模板 产品展示型</a></h4>
<p>CMS内容管理系统系统是采用PHP技术进行开发的，架构清晰，代码易···</p>
</div>
</div>
</div>
<div class="item">
<div class="all-isotope-item">
<div class="thumb"> <a class="gallery-fancybox" href="/535.html"> <img src="/static/upload/image/20250107/1736214954842811.jpg" alt="(PC+WAP)纸箱类网站模板 纸盒包装材料网站"> </a> <a class="btn btn-white" href="/535.html">查看模板</a> </div>
<div class="item-details"> <span class="price">￥1280元</span>
<h4><a href="/535.html">(PC+WAP)纸箱类网站模板 纸盒包装材料网站</a></h4>
<p>CMS内容管理系统系统是采用PHP技术进行开发的，架构清晰，代码易···</p>
</div>
</div>
</div>
<div class="item">
<div class="all-isotope-item">
<div class="thumb"> <a class="gallery-fancybox" href="/534.html"> <img src="/static/upload/image/20250107/1736214911465488.jpg" alt="(自适应移动端)壁挂炉暖气设备网站模板-带下载功能"> </a> <a class="btn btn-white" href="/534.html">查看模板</a> </div>
<div class="item-details"> <span class="price">￥1280元</span>
<h4><a href="/534.html">(自适应移动端)壁挂炉暖气设备网站模板-带下载功能</a></h4>
<p>CMS内容管理系统系统是采用PHP技术进行开发的，架构清晰，代码易···</p>
</div>
</div>
</div>
<div class="item">
<div class="all-isotope-item">
<div class="thumb"> <a class="gallery-fancybox" href="/533.html"> <img src="/static/upload/image/20250107/1736214843493205.jpg" alt="(PC+WAP)纸盒包装类网站模板 包装印刷网站"> </a> <a class="btn btn-white" href="/533.html">查看模板</a> </div>
<div class="item-details"> <span class="price">￥1280元</span>
<h4><a href="/533.html">(PC+WAP)纸盒包装类网站模板 包装印刷网站</a></h4>
<p>CMS内容管理系统系统是采用PHP技术进行开发的，架构清晰，代码易···</p>
</div>
</div>
</div>
<div class="item">
<div class="all-isotope-item">
<div class="thumb"> <a class="gallery-fancybox" href="/532.html"> <img src="/static/upload/image/20250107/1736214803960954.jpg" alt="(PC+WAP)照明科技类网站模板 LED灯具照明网站"> </a> <a class="btn btn-white" href="/532.html">查看模板</a> </div>
<div class="item-details"> <span class="price">￥1280元</span>
<h4><a href="/532.html">(PC+WAP)照明科技类网站模板 LED灯具照明网站</a></h4>
<p>CMS内容管理系统系统是采用PHP技术进行开发的，架构清晰，代码易···</p>
</div>
</div>
</div>
<div class="item">
<div class="all-isotope-item">
<div class="thumb"> <a class="gallery-fancybox" href="/531.html"> <img src="/static/upload/image/20250107/1736214700631052.jpg" alt="(PC+WAP)花卉租赁盆栽绿植类网站模板"> </a> <a class="btn btn-white" href="/531.html">查看模板</a> </div>
<div class="item-details"> <span class="price">￥1280元</span>
<h4><a href="/531.html">(PC+WAP)花卉租赁盆栽绿植类网站模板</a></h4>
<p>CMS内容管理系统系统是采用PHP技术进行开发的，架构清晰，代码易···</p>
</div>
</div>
</div>
<div class="item">
<div class="all-isotope-item">
<div class="thumb"> <a class="gallery-fancybox" href="/530.html"> <img src="/static/upload/image/20250107/1736214664493887.jpg" alt="(PC+WAP)生物科技公司网站模板 带三级子栏目"> </a> <a class="btn btn-white" href="/530.html">查看模板</a> </div>
<div class="item-details"> <span class="price">￥1280元</span>
<h4><a href="/530.html">(PC+WAP)生物科技公司网站模板 带三级子栏目</a></h4>
<p>CMS内容管理系统系统是采用PHP技术进行开发的，架构清晰，代码易···</p>
</div>
</div>
</div>
<div class="item">
<div class="all-isotope-item">
<div class="thumb"> <a class="gallery-fancybox" href="/529.html"> <img src="/static/upload/image/20250107/1736214598224257.jpg" alt="(自适应移动端)企业通用型网站模板 产品展示类网站"> </a> <a class="btn btn-white" href="/529.html">查看模板</a> </div>
<div class="item-details"> <span class="price">￥1280元</span>
<h4><a href="/529.html">(自适应移动端)企业通用型网站模板 产品展示类网站</a></h4>
<p>CMS内容管理系统系统是采用PHP技术进行开发的，架构清晰，代码易···</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- product-slider area end -->
<!-- footer area start -->
<footer class="footer-area pd-top-100">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="footer-widget widget widget_contact">
<h4 class="widget-title">关于我们</h4>
<div class="media">
<div class="thumb"> </div>
<div class="media-body">
<p>我们的团队专注高端网站建设，品牌策划及创意设计、集群建站、小程序开发，APP开发，业务系统定制等业务
为用户提供一站式解决方案。持续的服务运维为用户带来更多流量，实现长期合作、发展共赢。</p>
</div>
</div>
<div class="media">
<div class="thumb mt-0"> <img src="https://www.56dr.net/skin/images/670de1e97cdeb.png" width="125" height="125"></div>
<div class="thumb mt-0"> <img src="https://www.56dr.net/skin/images/670de1e97cdeb.png" width="125" height="125"></div>
<div class="media-body">
<p class="m-0"></p>
</div>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6">
<div class="footer-widget widget widget_nav_menu">
<h4 class="widget-title">站点导航</h4>
<ul>
<li><a href="/muban/">模板商场</a></li>
<li><a href="/price/">建站套餐</a></li>
<li><a href="/news/">知识库</a></li>
<li><a href="/wenti/">常见问题</a></li>
<li><a href="/contact/">联系我们</a></li>
<li><a href="/about/">关于我们</a></li>
<li><a href="/notice/">网站公告</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-6">
<div class="footer-widget widget widget widget_products">
<h4 class="widget-title">模板商场</h4>
<ul>
<li><a href="/lm1/">IT/软件/信息/互联网</a></li>
<li><a href="/lm2/">科技/电子/数码/通信</a></li>
<li><a href="/lm3/">文化/艺术/广告/传媒</a></li>
<li><a href="/lm4/">装修/设计/家居/家具</a></li>
<li><a href="/lm5/">基建/施工/地产/物业</a></li>
<li><a href="/lm6/">餐饮/酒店/旅游/票务</a></li>
<li><a href="/muban/">查看更多服务</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 offset-lg-1 col-md-6">
<div class="footer-widget widget widget_news">
<h4 class="widget-title">知识库</h4>
<div class="widget-news-wrap">
<div class="date">2025-03-07</div>
<p><a href="/539.html">数字门户——全域数字营销平台与企业数字业务平台</a></p>
</div>
<div class="widget-news-wrap">
<div class="date">2025-01-03</div>
<p><a href="/527.html">从零开始构建您的在线业务网站</a></p>
</div>
<div class="widget-news-wrap">
<div class="date">2025-01-03</div>
<p><a href="/526.html">如何选择及构建适合您企业的最佳网站方案</a></p>
</div>
</div>
</div>
</div>
</div>
<!--Footer bottom-->
<div class="container">
<div class="copyright-area">
<div class="row">
<div class="col-lg-6 align-self-center">
<p>建议您使用Chrome、Firefox、Edge、IE10及以上版本和360等主流浏览器浏览本网站 域名注册服务机构:阿里云计算有限公司（万网） 域名服务机构：烟台帝思普网络科技有限公司（DNSPod） CDN服务：阿里云计算有限公司 百度云 中国互联网举报中心 <a href="http://beian.miit.gov.cn" target="_blank" rel="nofllow">粤ICP备16109289号</a> </p>
</div>
<div class="col-lg-6 text-lg-right">
<ul>
<li> <a href="https://www.56dr.net/sitemap.xml" target="_blank">XML</a> </li>
<li> <a href="/contact/" target="_blank">售后支持</a> </li>
<li> <a href="/agreement/" target="_blank">服务协议</a> </li>
<li> <a href="/price/" target="_blank">产品价格</a> </li>
<li> <a href="/" target="_blank">客户案例</a> </li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- footer area end -->
<div class="back-to-top"> <span class="back-top"><i class="fa fa-angle-up"></i></span> </div>
<script src="https://www.56dr.net/skin/js/email-decode.min.js"></script>
<script src="https://www.56dr.net/skin/js/vendor.js"></script>
<script src="https://www.56dr.net/skin/js/main.js"></script>
<script src="https://chat.youtochat.com/front/js/chat-exhibition.js"></script>
<script src="https://chat.youtochat.com/front/js/chat-exhibition.js"></script>
<link rel="stylesheet" href="/kf/kf.css">
<script src="/kf/jquery-1.7.1.min.js"></script>
<div class="livechat-girl animated">
<img class="girl" src="/kf/img/weixin_aigei_com.png">
<div class="livechat-hint rd-notice-tooltip rd-notice-type-success rd-notice-position-left single-line show_hint">
<div class="rd-notice-content">
嘿！我是企业微信客服！ </div>
</div>
<div class="animated-circles">
<div class="circle c-1">
</div>
<div class="circle c-2">
</div>
<div class="circle c-3">
</div>
</div>
</div>
<script type="text/javascript">
jQuery( function ( $ ) {
var isMobile = {
Android : function() {
return navigator.userAgent.match(/Android/i) ? true : false;
},
BlackBerry : function() {
return navigator.userAgent.match(/BlackBerry/i) ? true : false;
},
iOS : function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false;
},
Windows : function() {
return navigator.userAgent.match(/IEMobile/i) ? true : false;
},
any : function() {
return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows());
}
};
setInterval(function(){
if($(".animated-circles").hasClass("animated")){
$(".animated-circles").removeClass("animated");
}else{
$(".animated-circles").addClass('animated');
}
},3000);
var wait = setInterval(function(){
$(".livechat-hint").removeClass("show_hint").addClass("hide_hint");
clearInterval(wait);
},4500);
$(".livechat-girl").hover(function(){
clearInterval(wait);
$(".livechat-hint").removeClass("hide_hint").addClass("show_hint");
},function(){
$(".livechat-hint").removeClass("show_hint").addClass("hide_hint");
}).click(function(){
if(isMobile.any()){
window.open("https://work.weixin.qq.com/kfid/kfc52ecf18c8f15bd54");
}else{
window.open("https://work.weixin.qq.com/kfid/kfc52ecf18c8f15bd54");
}
});
} );
</script>
</body>
</html> </div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</body>
</html><!--700.88 ms , 7 queries , 2988kb memory , 0 error-->
