特网建站专注网站建设行业优质供应商,并且包含互联网基础服务(域名、云服务器、企业邮箱、网络营销等)应用服务。

微信咨询

zhstwkj

您敢托付 绝不辜负

邮件

mail@56dr.com

服务器、网站、业务系统保驾护航

合作企业用户

12500+

运维团队

10+

公司网站制作避坑指南,公司网站制作避坑指南

2026-05-22 275 网站建设

    制作公司网站时,务必避开常见陷阱以确保效果与投入成正比,避免选择廉价模板套用,忽视品牌调性与用户体验;切勿忽略移动端适配,如今超半数用户通过手机访问网站;SEO优化应前置规划,而非事后补救,否则影响搜索引擎曝光;内容更新机制需提前设计,避免网站上线即“冻结”;警惕服务商承诺“包排名”“永久维护”等夸大宣传,应签订明确服务条款,选对团队、注重细节、持续运营,才能打造真正助力企业发展的高质量官网。

    公司网站制作避坑指南——从零到一打造专业、高效、转化率高的企业官网

    在数字化时代,一个优质的企业官网不仅是公司形象的“门面”,更是客户信任的第一触点、品牌传播的重要阵地和业务转化的核心引擎,在实际操作中,很多企业在制作公司网站时频频踩坑,导致投入大量时间与金钱却收效甚微,甚至适得其反——页面加载缓慢、用户体验差、SEO表现糟糕、缺乏转化路径、后期维护困难……最终沦为“僵尸网站”。

    本文将系统性地梳理公司网站制作过程中最容易忽视但又至关重要的20个“大坑”,并提供切实可行的避坑策略与最佳实践建议,帮助企业管理者、市场负责人、技术主管或创业者从战略高度规划网站建设,避免常见误区,确保每一分预算都花在刀刃上,打造出真正具备商业价值、用户友好、技术领先且可持续优化的企业官网。

    没有明确建站目标,盲目跟风

    很多公司在启动网站建设前,缺乏清晰的战略定位,是想展示品牌形象?还是促进产品销售?或是收集销售线索?抑或是建立行业权威内容平台?不同的目标决定了网站架构、设计风格、功能模块和技术选型的差异。

    避坑建议:

    • 在项目启动前召开跨部门会议,明确网站建设的核心KPI(如:月均询盘量、注册用户数、平均停留时长等)。
    • 制定《网站建设需求说明书》,涵盖目标受众、核心功能、预期效果、预算范围和时间节点。
    • 避免“别人有我也要有”的心态,聚焦自身业务痛点和用户真实需求。

    忽视目标用户画像,设计自嗨

    不少企业网站设计精美,但打开后让人不知所云——导航混乱、重点不突出、语言晦涩、缺乏行动引导,根本原因在于设计团队未深入研究目标用户的浏览习惯、信息获取路径和决策心理。

    避坑建议:

    • 创建3~5类典型用户画像(Persona),包括年龄、职业、痛点、搜索关键词、常用设备等。
    • 进行竞品分析,观察同行业TOP10网站如何布局、引导转化。
    • 设计前做“用户旅程地图”(User Journey Map),模拟用户从进入网站到完成目标动作的全过程,优化关键节点体验。

    过度追求视觉炫酷,牺牲性能与可用性

    有些企业为追求“高大上”,采用大量动效、高清视频、复杂交互动画,结果导致网页加载速度极慢,尤其在移动端体验极差,研究表明,网页加载超过3秒,53%的用户会直接关闭页面。

    避坑建议:

    • 优先保证首屏加载速度(建议<2秒),可使用Google PageSpeed Insights、GTmetrix等工具检测优化。
    • 图片压缩使用WebP格式,视频采用懒加载或嵌入第三方平台(如YouTube/Vimeo)。
    • 动效适度,以提升体验而非炫技为目的,避免影响核心内容呈现。

    忽略移动优先原则,响应式设计不到位

    截至2024年,全球超过60%的网站流量来自移动设备,若网站在手机端显示错乱、按钮太小、表单难填,将直接导致潜在客户流失。

    避坑建议:

    • 采用“移动优先”(Mobile First)设计理念,先设计手机版再扩展至桌面版。
    • 使用响应式框架(如Bootstrap、Tailwind CSS),确保在不同屏幕尺寸下自适应布局。
    • 真机测试至少覆盖iOS和Android主流机型,重点关注触控交互、字体大小、表单输入便捷性。

    — 空洞无物,缺乏专业深度

    很多企业官网充斥着“行业领先”“品质卓越”“客户至上”等空泛口号,却没有具体案例、数据支撑、解决方案或专家观点,难以建立专业信任感。

    避坑建议: 策划围绕“用户问题—解决方案—成功案例—专家背书”逻辑展开。

    • 每个产品/服务页面应包含:应用场景、技术参数、客户评价、对比优势、常见问答。
    • 定期更新行业洞察文章、白皮书、视频教程等内容,强化品牌思想领导力。

    SEO基础配置缺失,上线即“隐形”

    不少网站上线后在搜索引擎几乎搜不到,因为忽略了最基本的SEO设置:标题标签、描述标签、H1结构、URL语义化、sitemap提交、robots.txt配置等。

    避坑建议:

    • 建站初期即引入SEO顾问,制定关键词策略(主词+长尾词)。
    • 每个页面设置唯一且含关键词的和<meta description>。</li> <li>URL结构简洁清晰(如:yourdomain.com/service/web-design),避免动态参数。</li> <li>安装Google Search Console与百度站长平台,监控收录与排名情况。</li> </ul> <p>忽视本地化SEO,错失区域客户</p> <p>对于区域性服务型企业(如装修公司、律师事务所、培训机构),若未做好本地SEO,将失去大量精准流量,用户搜索“北京高端网站建设公司”,你的网站若未针对“北京”“高端”“网站建设”进行优化,很难被看到。</p> <p><strong>避坑建议:</strong></p> <ul> <li>注册并完善Google Business Profile(原Google My Business)及百度地图商户中心。</li> <li>在网站页脚、联系页、关于我们页明确标注公司地址、电话、营业时间。</li> <li>创建地域+服务关键词组合的内容页面(如“上海企业官网设计案例”)。</li> <li>鼓励客户在大众点评、知乎、行业平台留下真实好评。</li> </ul> <p>CTA按钮模糊或缺失,转化路径断裂</p> <p>Call to Action(行动号召)是网站转化的灵魂,很多网站通篇介绍却找不到“立即咨询”“免费试用”“下载资料”等明确按钮,或者按钮颜色不醒目、位置不合理、文案无吸引力。</p> <p><strong>避坑建议:</strong></p> <ul> <li>每个关键页面至少设置1个强引导CTA按钮,使用对比色(如橙色、绿色)。</li> <li>CTA文案避免“提交”“发送”等机械词汇,改用“获取专属方案”“限时免费诊断”“马上领取优惠”等利益驱动型语言。</li> <li>设置多触点转化入口:首页悬浮窗、文章侧边栏、退出弹窗、滚动锚点等。</li> </ul> <p>表单设计复杂冗长,吓跑潜在客户</p> <p>为获取更多用户信息,一些网站设置长达10项以上的表单字段,包括姓名、电话、邮箱、公司、职位、行业、预算、需求描述……结果用户因嫌麻烦直接放弃。</p> <p><strong>避坑建议:</strong></p> <ul> <li>表单字段控制在3~5项以内(必填:姓名+电话/微信;选填:公司+需求简述)。</li> <li>使用智能表单:根据用户行为动态显示后续问题(如选择“B2B服务”才出现“公司规模”选项)。</li> <li>提供社交账号一键登录/注册,降低用户操作门槛。</li> <li>表单提交后自动发送确认邮件/SMS,并附赠电子资料作为“感谢礼”。</li> </ul> <p>缺乏数据分析体系,运营盲人摸象</p> <p>网站上线后若不部署数据监测工具,等于在黑暗中奔跑——不知道谁来了、看了什么、在哪离开、转化多少,自然无法优化迭代。</p> <p><strong>避坑建议:</strong></p> <ul> <li>必装Google Analytics 4(GA4)或百度统计,设置关键事件追踪(如表单提交、按钮点击、PDF下载)。</li> <li>结合热力图工具(如Hotjar、Mouseflow)分析用户点击、滚动、注意力分布。</li> <li>每月输出《网站运营报告》,包含流量来源、跳出率、转化漏斗、热门内容、设备分布等维度。</li> <li>A/B测试不同版本的Banner、CTA、落地页,持续优化转化率。</li> </ul> <p><strong>十一、安全防护意识薄弱,易遭攻击或劫持</strong></p> <p>中小企业常认为“我没名气不会被黑”,实则不然,黑客常批量扫描漏洞网站植入暗链、挂马、窃取数据,轻则影响SEO,重则导致法律风险。</p> <p><strong>避坑建议:</strong></p> <ul> <li>选用正规云服务商(阿里云、腾讯云、AWS),开启DDoS防护、WAF防火墙。</li> <li>定期更新CMS系统、插件、主题,关闭不必要端口与后台访问路径。</li> <li>SSL证书必备(HTTPS),启用HSTS强制加密。</li> <li>每日自动备份网站文件与数据库,保留至少30天快照。</li> </ul> <p><strong>十二、版权素材随意使用,埋下法律隐患</strong></p> <p>为节省成本,部分企业直接从百度图片、花瓣网下载“免费”图片或图标用于官网,结果收到版权方律师函要求赔偿数千至数万元。</p> <p><strong>避坑建议:</strong></p> <ul> <li>图片素材使用正版图库(如Shutterstock、Getty Images、摄图网、包图网),或购买企业商用授权。</li> <li>字体使用开源免费商用字体(如思源黑体、阿里巴巴普惠体、站酷系列),避免微软雅黑、方正兰亭等需授权字体。</li> <li>视频音乐使用CC0协议或购买Royalty-Free授权。</li> <li>建立《数字资产使用规范》,法务审核所有对外发布内容。</li> </ul> <p><strong>十三、域名与主机选择不当,影响稳定与信任</strong></p> <p>贪便宜注册非主流后缀域名(如 .xyz/.top),或使用海外共享主机</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-48.html" title="网站制作">网站制作</a><a href="https://www.56dr.net/news/tags-5272.html" title="避坑指南">避坑指南</a><a href="https://www.56dr.net/news/tags-421.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><!--53.40 ms , 7 queries , 2988kb memory , 0 error-->