网站关键词在TDK中要布局方法
网站关键词在TDK中要如何布局?网站优化今天就来跟您简单的介绍一下关键词在
标签、 description属性、 keywords属性中是如何布局的。
<span class="inline-block px-2 bg-primary/10 text-primary rounded-full">网站关键词</span>
</div>
</div><div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span class="line-clamp-1">网站被k的原因有哪些</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">网站被k常见的表现有网站不收录、收录归零或是网站不能登录等，那么有哪些原因会导致网站被k?
<span class="inline-block px-2 bg-primary/10 text-primary rounded-full">网站被k</span>
</div>
</div><div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span class="line-clamp-1">百度搜索引擎优化策略应该包括</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">构建高效的百度SEO策略，关键在于将外链建设、用户体验与技术优化三大方面有机融合。外链建设是提升网站权威性和可信度的重要途径，通过获取来自高质量和相关性强的网站的外部链接，可以显著增加网站的曝光度和流量。用户体验则是SEO策略的核心，通过优化网站的结构、布局、内容等方面，提升用户在网站上的浏览体验和满意度，从而增加用户粘性和转化率。技术优化则是确保网站能够被搜索引擎顺畅抓取和索引的基础，包括网站代码的优化、页面加载速度的提升、移动端适配等方面的改进。 具体来说，外链建设需要注重链接的质量和相关性，避免过度依赖低质量的链接；用户体验优化则需要关注用户的需求和行为习惯，提供有价值、易读、易用的内容和服务；技术优化则需要紧跟搜索引擎的技术发展趋势，确保网站的技术架构和性能能够满足搜索引擎的要求。
<span class="inline-block px-2 bg-primary/10 text-primary rounded-full">搜索引擎优化策略应该包括</span>
</div>
</div><div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span class="line-clamp-1">网站优化存在的误区</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden"><p>
为了让自己的网站朝着一个好的方向去发展，在<strong>网站优化</strong>的过程中有5个致命的错误，这些错误是必须大家绕开的，关于这些错误小编带大家了解一下。
</p>
<p style="text-align:center;">
<img src="/photo/image/266328155336599097/201908/20190827114011_213.jpg" alt="" />
</p>
<h3>
1、URL里面出现了日前；
</h3>
<p>
网站在设定URL的时候里面尽量不要出现日期，如果您网站里面有日前性的东西蜘蛛会认为您的内容是当天的东西。
</p>
<h3>
2、网站内容太杂；
</h3>
<p>
网站里面没有侧重点，什么都有，客户无法确认你网站到底是在做什么？客户体验度不高。
</p>
<h3>
3、只是在写文章；
</h3>
<p>
网站的内容频率挺好但是网站的内容都是一些过时的内容，没有一些新鲜的血液，这样的网站蜘蛛也的不喜欢的。
</p>
<h3>
4、用户体验度差；
</h3>
<p>
你的网站就的展示给客户看的，客户喜欢才会在你的网站停留，才会关于你的网站，这样的搜索引擎所关注的一项的内容，因此你在操作网站的过程中一定要站在客户的角度去考虑这个问题。
</p>
<h3>
5、网站的备案问题；
</h3>
<p>
对于很多用户来说，网站上线了才去备案，这样对于网站来说非常的不好。网站备案期非常长，对于一个新站来说刚上线就去备案会导致网站进入沙盒期，让网站刚刚开始就给蜘蛛留下了不好的印象。
</p>
<span class="inline-block px-2 bg-primary/10 text-primary rounded-full">网站优化</span>
</div>
</div><div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span class="line-clamp-1">百度seo 搜索排名</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">在百度的搜索生态中，SEO排名是决定网站曝光度和流量的关键因素。其核心要素首先包括高质量的内容，内容需原创、有价值、且与用户需求紧密相关，这是吸引用户和搜索引擎的基础。其次，合理的关键词布局和密度控制也至关重要，它们直接影响搜索引擎对网页主题的理解与排名。此外，网站的技术结构如URL优化、网站速度、移动友好性等也是不可忽视的要素，它们影响着搜索引擎的抓取效率和用户体验。同时，外部链接的质量和数量也是提升网站权威性和排名的重要因素。
<span class="inline-block px-2 bg-primary/10 text-primary rounded-full">seo 搜索排名</span>
</div>
</div><div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span class="line-clamp-1">seo推广是什么意思?</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">什么是SEO?作为一个互联网的从业者，或者想要从事互联网行业的小伙伴们来说，这个是我们应该了解到的内容，下面我们就来说说seo推广是什么意思?SEO有什么方法?SEO推广是指通过优化网站的结构和内容，提高网站在搜索引擎中的排名，从而增加网站的曝光度和流量的一系列行动。SEO是Search Engine Optimization（搜索引擎优化）的缩写，它涵盖了关键词研究、内容优化、网站结构优化、内外链建设等多个方面。SEO推广的目的是让网站在搜索引擎结果页中获得更高的排名，使得用户在搜索相关关键词时能够更容易地找到并点击进入网站。通过SEO推广，网站可以获得更多的有机流量，提高品牌知名度和用户转化率。SEO推广的方法包括内部优化和外部优化两个方面。内部优化主要关注网站自身的结构和内容，如优化网站代码、提高网站速度、发布高质量内容等；外部优化则主要关注网站与其他网站之间的关系，如建立友谊链接、发布外链等。
<span class="inline-block px-2 bg-primary/10 text-primary rounded-full">seo推广是什么意思</span>
</div>
</div><div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span class="line-clamp-1">更换网站服务器应该注意什么？</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">长期优化网站的站长们都知道，网站能够平稳运行离不开一个好的服务器，如果选择了一个不稳定的服务器想要转换到其他服务器应该要注意些什么?网站优化就来为您简单的介绍一下。
<span class="inline-block px-2 bg-primary/10 text-primary rounded-full">服务器</span>
</div>
</div><div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span class="line-clamp-1">整站优化：打造高效搜索引擎可见性的全面策略</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">用AI做关键词SEO排名,利用经过SEO训练的AI智能创作高质量内容,实现完全自动化的创作,实现网站和各大自媒体平台的自动发布,全网营销曝光,快速提升排名,介绍如何通过整站优化策略，结合云无限公司的SEO经验和AI技术，提升网站的搜索引擎可见性，包括关键词研究、站内站外优化、内容优化等关键环节。
<span class="inline-block px-2 bg-primary/10 text-primary rounded-full">整站优化SEO策略AISEO</span>
</div>
</div><div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span class="line-clamp-1">做好搜索引擎seo关键字优化有哪些方法？</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">搜索引擎优化(SEO)是一种非常重要的网络营销手段，可以提高网站在搜索引擎中的排名，增加网站的曝光率和流量。以下是一些常用的搜索引擎seo关键字优化方法。1,关键词研究与选择：利用专业工具如Google Keyword Planner等进行深入研究，选择与网站内容相关度高、搜索量适中、竞争度适中的关键词。2,关键词布局：在网站各页面合理布局关键词，如核心关键词布局在首页，目标关键词布局在频道页或专题页，长尾关键词布局在详情页。3,网站结构优化：创建清晰的网站结构，使用描述性URL和语义HTML标签，确保搜索引擎能够轻松索引网站内容。4,内容优化：为每个页面创建独特、有价值的内容，自然地使用目标关键词，并确保内容易读、清晰、有条理。5,外部链接策略：构建高质量的反向链接，避免低质量链接，确保链接的文本描述与目标页面的内容相关。6,技术优化：确保网站在移动设备上的用户体验良好，优化网站代码以提高加载速度，并加强网站安全性。7,持续监测与优化：定期监测关键词排名和效果，根据数据结果进行调整和优化。
<span class="inline-block px-2 bg-primary/10 text-primary rounded-full">搜索引擎seo关键字优化</span>
</div>
</div><div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span class="line-clamp-1">如何使SEO优化的网站获得精准流量？</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">网站在优化的时候，需要对网站进行定向导流，依此来获客。但是网站很多时候获得不到很有价值的流量。今天小编为大家介绍网站如何快速获得精准流量。
<span class="inline-block px-2 bg-primary/10 text-primary rounded-full">SEO优化网站优化</span>
</div>
</div>
<div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span>关键词卡在第2-3页，怎么才能升到首页？</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">排名卡在第二页核心是页面竞争力不足，需从三方面优化：先分析首页竞品内容，补充其未覆盖的细节（如实操案例、数据支撑、步骤拆解），提升内容深度；再优化标题和描述，加入"指南""教程"等吸引点击的词汇，提升页面点击率；最后为页面积累行业相关的高质量外链，增强网站权威信号，助力排名突破至首页。
<span class="inline-block px-2 bg-primary/10 text-primary rounded-full">排名提升</span>
</div>
</div>
<div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span>网站被搜索引擎降权了，该怎么恢复？</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">首先通过百度、谷歌等搜索引擎的站长平台，查看是否有明确的处罚通知，定位降权原因；接着停止违规操作，常见降权行为包括内容采集、关键词堆砌、购买低质量外链等，需删除违规内容或链接；最后在站长平台提交"网站恢复申请"，说明整改措施，之后保持网站内容原创更新和合规运营，耐心等待1-3个月观察排名恢复情况。
<span class="inline-block px-2 bg-primary/10 text-primary rounded-full">降权恢复</span>
</div>
</div>
<div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span>SEO和SEM有什么区别？该一起做还是选一个？</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">两者核心区别在"付费模式"和"效果速度"：SEO是免费优化，通过技术和内容获取自然排名，见效慢（3-6个月）但稳定，长期流量成本低；SEM是付费营销（如百度推广），关键词出价即可快速排名，效果立竿见影但停付流量消失，长期成本高。建议初期结合做，用SEM抢占短期流量、测试关键词，同步推进SEO降低长期获客成本，覆盖更多搜索场景。
<span class="inline-block px-2 bg-primary/10 text-primary rounded-full">SEO与SEM</span>
</div>
</div>
<div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span>SEO优化一般多久能看到效果？1个月没变化正常吗？</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">SEO是长期优化过程，正常见效周期为3-6个月，1个月没变化属于常态。效果快慢受三个因素影响：新站比老站见效慢，因搜索引擎需时间建立信任；关键词竞争度高（如"手机"）比长尾词（如"2024新手学SEO"）见效慢；优化力度不足（如每月仅更1篇内容）也会延长周期。建议制定3个月计划，每周固定更新优质内容，定期监测排名，避免短期中断。
<span class="inline-block px-2 bg-primary/10 text-primary rounded-full">优化周期</span>
</div>
</div>
<div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span>为什么我做的SEO没效果？</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">SEO的核心是四大支柱协同发力：代码筑牢根基，保障搜索引擎高效抓取识别；用户体验作为根本，维系访客留存与互动意愿；内容堪称王道，以价值输出精准匹配用户需求、提升关键词权重；优质资源则是加速器，助力网站快速突破排名瓶颈。当这四大核心形成合力，不仅能让你通过精准关键词找到我们，更能让搜索引擎深度认可网站价值，最终助力你的企业被更多潜在客户主动找到。
<span class="inline-block px-2 bg-primary/10 text-primary rounded-full">SEO效果</span>
</div>
</div>
<!-- 问题3 -->
<div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span>哪类公司更适合SEO获客？</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">
<p>适合SEO优化的7大行业类型，帮助企业判断自身适配性，并了解如何制定有效SEO策略。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">1. 高竞争行业（教育、医疗、法律服务）</h4>
<p>类型包括K12辅导、私立医院、离婚/刑事律所等。该类行业付费广告成本高，用户决策时会主动搜索"资质""避坑"类信息；SEO可通过权威内容建立信任，用长尾词避开高价竞争，降低获客成本，减少对高价付费广告的依赖。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">2. B2B企业（工业制造、SaaS、科技服务）</h4>
<p>类型包括精密设备厂、企业ERP软件、物联网解决方案商等。用户决策周期长，会反复搜索"技术参数""案例""选型对比"；SEO通过技术文档、项目案例触达决策链，长期排名带来稳定询盘，ROI远高于SEM，策略需侧重技术内容和案例展示。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">3. 本地服务行业（餐饮、家政、装修）</h4>
<p>类型包括社区餐馆、月嫂服务、家装公司等。用户有强地域搜索习惯，SEO通过本地词布局、大众点评好评联动，精准匹配"就近需求"，到店/上门转化率高，获客成本仅为外卖平台/本地广告的1/3，需重点关注本地搜索优化。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">4. 低频高客单价行业（移民、留学、高端定制）</h4>
<p>类型包括移民中介、留学机构、奢侈品定制等。用户决策谨慎，会深度搜索"政策风险""品牌口碑""成功案例"；SEO通过深度内容建立权威，降低决策门槛，减少"被同行抢客"，线索成本降低40%以上，策略需注重深度内容和品牌建设。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">5. 技术门槛高行业（IT服务、智能家居、新能源）</h4>
<p>类型包括服务器运维、智能安防、光伏设备商等。用户需通过专业内容理解产品价值；SEO通过技术白皮书、工具化内容吸引精准用户，多模态内容能提升搜索权重，跳出率降低30%以上，需提供专业内容和工具帮助用户理解产品。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">6. 中小微/初创企业</h4>
<p>类型包括社区电商、初创SaaS、本地干洗店等。企业预算有限，无法承担长期付费广告；SEO无需高额投放，通过长尾词、AI工具低成本获客，长期优化积累品牌认知，避免依赖平台流量，可利用低成本优势获取精准流量。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">7. 出海企业（跨境电商、外贸制造）</h4>
<p>类型包括跨境家居电商、外贸装载机厂、光伏出海企业等。需覆盖多语言/地域市场，海外用户依赖Google搜索；SEO通过多语言优化、本地化内容打破平台依赖，欧美市场流量占比可从20%提升至50%，策略需注重多语言优化和本地化内容。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">核心总结</h4>
<p>所有适合做SEO的企业，本质都是"用户有主动搜索需求，且SEO能解决其'成本高/精准度低/信任弱'的获客痛点"。SEO的"低成本、高长效、强匹配"特性，能在降低成本、触达精准用户、建立长期品牌信任上提供核心助力。企业决定投入SEO前，需先评估自身行业特性和目标用户搜索行为，制定适配策略以最大化投资回报率。</p>
</div>
</div>
<!-- 问题4 -->
<div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span>怎么判断哪家SEO公司更专业？</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">
<p>判断有实力的SEO公司，需聚焦"真实案例、清晰方法论、数据透明、理性承诺"四大核心维度，避开噱头陷阱，从实际价值出发验证其能力。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">1. 看"可验证的真实案例"</h4>
<p>拒绝仅展示"合作品牌名称"的模糊案例，要求提供具体行业案例（如"某本地装修公司""某B2B设备厂商"），且能验证效果：可查目标关键词当前排名、合作前后的流量/询盘数据（如"合作6个月，核心词前3名占比从10%升至50%，自然询盘月增40%"），避免"伪造案例""只做短期排名"的公司。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">2. 看"可落地的优化方法论"</h4>
<p>有实力的公司不会只说"做内容、做外链"，会清晰拆解优化逻辑：比如关键词策略（如何筛选高转化长尾词）、技术优化（网站速度、移动端适配的具体方案）、内容规划（是否结合行业痛点做权威内容）、外链建设（是否拒绝"垃圾外链"，侧重优质行业外链），且能解释方法论与效果的关联，而非依赖"黑帽手段"（如关键词堆砌、买卖链接）。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">3. 看"数据透明与定期反馈"</h4>
<p>确认是否提供"可自主核查"的数据渠道：如同步百度统计/Google Search Console账号，定期（如每月）输出报告，明确标注"排名变化、自然流量波动、询盘来源占比"等核心指标，而非仅用"感觉有效果""排名在涨"等模糊表述；遇到算法调整时，能及时说明影响并给出调整方案，而非回避问题。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">4. 看"是否规避短期承诺陷阱"</h4>
<p>直接排除"30天保证首页排名""包前3名""无效退款"等夸大承诺——SEO受搜索引擎算法、行业竞争影响，无绝对确定性。有实力的公司会客观说明周期（如"高竞争行业2-4个月起显效，低竞争行业1-3个月"），并基于行业情况给出合理预期（如"首年核心词前10名占比目标达60%"），而非用短期噱头吸引合作。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">核心总结</h4>
<p>有实力的SEO公司，本质是"用真实案例证明能力、用清晰方法论保障落地、用透明数据体现价值、用理性承诺建立信任"。判断时需避开"只讲概念、不重数据""夸大短期效果、回避长期逻辑"的公司，优先选择能"拆解细节、验证结果、共担风险"的合作方。</p>
</div>
</div>
<!-- 问题5 -->
<div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span>企业为什么要找网络代运营公司？</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">
<h4>企业选择代运营公司的核心原因</h4>
<p>企业找代运营公司，本质是为解决自身在获客转化、品牌形象、专业团队等方面的短板，避免资源浪费，通过专业服务提升运营效率与商业效果。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">1. 解决获客难、成本高且转化低的核心痛点</h4>
<p>企业自身运营常面临多重获客问题：获客成本居高不下，账户流量波动大且无规律；关键词要么没排名，要么有排名却带不来有效咨询；投广告时因缺乏差异化卖点，导致"白白烧钱"。代运营公司能针对性优化——比如通过精准关键词策略稳定流量、降低成本，结合用户需求提炼卖点，提升排名与转化的联动效果，解决"有流量没咨询、有排名没转化"的困境。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">2. 改善品牌形象与网站运营的漏洞</h4>
<p>企业常因品牌形象问题流失客户：设计风格低端，无法凸显品牌价值；网站图片老旧想更新却无专业美工；网站被黑或打不开时，没人及时发现与解决；内容长期不更新、用户体验差，导致客户搜到也不愿停留。代运营公司可提供设计、美工、运维支持，比如更新网站视觉、维护网站安全、优化落地页体验，让品牌形象更专业，同时通过持续内容更新提升网站价值，减少客户流失。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">3. 弥补团队短板与专业运营能力缺失</h4>
<p>多数中小企业存在"没专业运营团队"的问题：要么养不起、留不住资深人员，要么运营全凭感觉、没有系统执行方案；忽略网站管理、落地页形象差等细节，进一步影响转化。代运营公司（如"云无限托管代运营"）拥有资深优化师和运维专家，能提供标准化执行方案，既避免自建团队的高成本，又能通过专业服务直达运营核心——比如改进用户体验、保障网站稳定，帮企业把"产品卖出去"，比自建团队更高效经济。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">核心总结</h4>
<p>企业选择代运营公司，是用"专业服务"替代"自身短板"：既能解决获客转化、品牌形象、团队专业度等具体问题，又能避免自建团队的资源浪费。代运营通过针对性方案（提炼卖点、优化体验、专业运维），帮企业把精力聚焦于产品本身，实现"花更少成本，获更好运营效果"的目标。</p>
</div>
</div>
<div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span>广告投放都有哪些方式？</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">
<p>广告投放形式可按"线上""线下"两大场景划分，不同形式适配不同目标（如获客、品牌曝光、本地引流），企业可根据自身行业、用户群体选择适配类型。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">一、线上广告投放形式</h4>
<p>线上广告依托互联网平台，覆盖范围广、可精准定位，是当前企业主流选择，核心形式包括以下5类：</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">1. 搜索广告（精准获客型）</h4>
<p>用户在搜索引擎（如百度、Google）主动搜索关键词时，广告随搜索结果展示，具有"用户有明确需求"的特点。典型形式如百度竞价排名、Google Ads，按点击（CPC）或曝光（CPM）收费，适合需要精准获取意向客户的行业（如教育、医疗、B2B企业）。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">2. 社交广告（人群渗透型）</h4>
<p>依托社交平台（如微信、抖音、Facebook）的用户画像推送广告，可按年龄、地域、兴趣等标签精准定位。形式包括微信朋友圈广告、抖音信息流广告、Facebook动态广告，支持图文、短视频、直播等形态，适合提升品牌曝光、触达潜在用户（如快消、美妆、本地服务）。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">3. 视频广告（内容吸引型）</h4>
<p>以视频为载体，在视频平台或内容场景中投放，具有表现力强、记忆点深的优势。典型场景如YouTube前贴片广告、腾讯视频/爱奇艺的"跳过广告"前片段、抖音/快手的"原生视频广告"，适合需要传递品牌故事、展示产品功能的企业（如3C产品、汽车、高端服务）。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">4. 信息流广告（原生融入型）</h4>
<p>广告内容融入平台信息流（如今日头条、小红书、LinkedIn），形式与普通内容一致（如文章、笔记、动态），用户接受度高。按点击或曝光收费，适合持续触达目标人群、提升产品认知（如电商、知识付费、生活服务），例如小红书的"种草笔记广告"。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">5. 电商广告（转化导向型）</h4>
<p>聚焦电商平台内的流量转化，用户浏览时直接触达商品，缩短购买路径。形式包括淘宝直通车、京东快车、亚马逊 Sponsored Products，按点击或成交（CPS）收费，适合电商企业、有直接销售目标的品牌，核心是"流量即销量"。</p>
---
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">二、线下广告投放形式</h4>
<p>线下广告覆盖物理场景，适合触达本地人群、强化品牌认知，核心形式包括以下3类：</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">1. 户外广告（场景覆盖型）</h4>
<p>在公共空间展示，覆盖高频人流场景。形式包括地铁/公交站灯箱、商圈LED大屏、高速公路广告牌、社区电梯广告（如分众传媒），特点是曝光范围固定、视觉冲击力强，适合本地服务（如餐饮、装修）、大众消费品牌提升区域知名度。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">2. 线下活动广告（互动体验型）</h4>
<p>通过线下活动直接触达用户，传递品牌价值。形式包括展会展位广告、商场快闪店、地推活动（如扫码领礼品）、行业论坛赞助，核心是"面对面互动"，适合需要深度沟通、展示产品体验的企业（如B2B设备、高端消费品、教育机构）。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">3. 传统媒体广告（广泛覆盖型）</h4>
<p>依托传统媒介，覆盖更广泛的年龄层（尤其是中老年群体）。形式包括电视广告、报纸/杂志广告、广播广告，特点是受众基数大但精准度低，适合大众消费品（如食品、日用品）、需要建立全国性品牌认知的企业，目前逐渐被线上广告替代，但部分下沉市场仍有效。</p>
<h4 class="text-xl font-bold mb-3 bg-light p-3 rounded-lg">核心总结</h4>
<p>选择广告投放形式，本质是"匹配目标与场景"：想精准获客优先选搜索广告，想提升品牌曝光选社交/视频广告，想做本地引流选户外/线下活动广告，想直接卖货选电商广告。企业需结合自身预算、用户群体、核心目标，灵活组合线上线下形式，避免单一依赖某类渠道。</p>
</div>
</div>
<div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span>推广费用花了不少，但效果看不到，怎么量化投入产出？</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">企业常面临多渠道推广（如信息流广告、直播带货、社群营销）后，数据分散在各平台，难以追踪完整转化路径（如点击-咨询-成交），导致不清楚"钱花在了哪里、哪些渠道真正有效"。解决核心是搭建统一数据监测体系：通过UBA工具打通各平台数据，明确每个渠道的获客成本、转化周期、成交金额，用归因模型区分各环节贡献值，优先加大高ROI渠道投入，砍掉低效支出。
<span class="inline-block px-2 bg-primary/10 text-primary rounded-full">效果量化</span>
</div>
</div>
<div class="bg-white rounded-lg shadow-sm overflow-hidden cursor-pointer">
<div class="faq-toggle w-full flex justify-between items-center p-5 text-left font-medium hover:bg-gray-50 transition-colors">
<span>私域流量做了很久，客户不活跃，怎么提高转化和复购？</span>
<i class="fa fa-arrow-right text-gray-400"></i>
</div>
<div class="faq-content hidden">私域流量沉淀后，常见问题是"客户躺在列表里不互动"，根源在于内容同质化、缺乏精准触达。关键在于"分层运营+价值激活"：通过用户标签（如新客户/老客户、消费能力、兴趣偏好）分类，针对新客户推送入门产品和信任背书，老客户推送专属优惠和新品，高价值客户提供定制服务；同时用定期互动（如问卷调研、会员日活动）保持活跃度，让私域从"流量池"变成"转化池"。
<span class="inline-block px-2 bg-primary/10 text-primary rounded-full">私域运营</span>
</div>
</div>
</div>
<div class="mt-8 text-center">
<a href="/seo/Index.html" class="inline-block text-primary font-medium hover:underline">
查看更多常见问题 <i class="fa fa-arrow-right ml-1"></i>
</a>
</div>
</div>
<!-- 常见问题模态框 -->
<div id="faq-modal" class="hidden fixed inset-0 z-50 flex items-center justify-center p-4">
<div class="faq-modal-overlay absolute inset-0 bg-black/50"></div>
<div class="relative bg-white rounded-lg shadow-lg max-w-2xl w-full max-h-[80vh] overflow-y-auto">
<button class="faq-close-modal absolute top-4 right-4 text-gray-400 hover:text-gray-600">
<i class="fa fa-times text-xl"></i>
</button>
<div class="p-6">
<h3 id="faq-modal-title" class="text-xl font-bold mb-4 text-gray-800"></h3>
<div id="faq-modal-content" class="text-gray-600"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="cases" class="py-16 bg-white">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-4">营销推广经验技巧</h2>
<p class="text-dark/70 max-w-2xl mx-auto text-lg">云无限为各行业客户提供网络营销服务，助力企业成长与发展</p>
</div>
<!-- 文章分类标签 -->
<div class="flex flex-wrap justify-center gap-4 mb-10">
<button class="case-filter filter-active px-6 py-2 rounded-full bg-primary text-white font-medium transition-colors" data-category="seo">SEO经验</button>
<button class="case-filter px-6 py-2 rounded-full bg-gray-100 hover:bg-secondary font-medium transition-colors" data-category="operation">运营技巧</button>
<button class="case-filter px-6 py-2 rounded-full bg-gray-100 hover:bg-accent font-medium transition-colors" data-category="promotion">运营经验</button>
<button class="case-filter px-6 py-2 rounded-full bg-gray-100 hover:bg-dark font-medium transition-colors" data-category="website">运营策略</button>
</div>
<!-- 文章展示 -->
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- SEO经验 -->
<div class="case-item bg-white rounded-2xl shadow-xl overflow-hidden card-hover group" data-category="seo">
<div class="relative h-2 overflow-hidden bg-primary"></div>
<div class="p-6">
<h4 class="text-lg font-bold mb-2 hover:text-primary transition-colors">
<a href="/seo/List_495_155.html">流量易得，留量难求</a>
</h4>
<p class="bg-light p-3 text-dark/70 mb-6">短期获取用户流量的门槛低，但让用户长期留存、持续互动留量的门槛高，本质是 "单次触达" 与 "长期关系" 的难度差异。
</p>
<div class="flex items-center text-sm text-gray-500 mb-3">
<span><i class="fa fa-eye mr-1"></i> 1.2k 阅读</span>
<span class="mx-2"></span>
<span><i class="fa fa-folder-o mr-1"></i>SEO</span>
<span class="ml-auto mx-2">
<a href="/seo/List_495_155.html" class="text-primary text-sm font-medium hover:underline">
阅读全文 <i class="fa fa-angle-right ml-1"></i>
</a>
</span>
</div>
</div>
</div>
<div class="case-item bg-white rounded-2xl shadow-xl overflow-hidden card-hover group" data-category="seo">
<div class="relative h-2 overflow-hidden bg-primary"></div>
<div class="p-6">
<h4 class="text-lg font-bold mb-2 hover:text-primary transition-colors">
<a href="/seo/List_495_154.html">SEO是企业最容易花大钱办错事的领域</a>
</h4>
<p class="bg-light p-3 text-dark/70 mb-6">通过优化网站让搜索引擎精准匹配给有对应需求的用户 —— 本质是 "用户需求→网站价值→搜索引擎识别" 的三方匹配。
</p>
<div class="flex items-center text-sm text-gray-500 mb-3">
<span><i class="fa fa-eye mr-1"></i> 2.2k 阅读</span>
<span class="mx-2"></span>
<span><i class="fa fa-folder-o mr-1"></i>SEO</span>
<span class="ml-auto mx-2">
<a href="/seo/List_495_154.html" class="text-primary text-sm font-medium hover:underline">
阅读全文 <i class="fa fa-angle-right ml-1"></i>
</a>
</span>
</div>
</div>
</div>
<div class="case-item bg-white rounded-2xl shadow-xl overflow-hidden card-hover group" data-category="seo">
<div class="relative h-2 overflow-hidden bg-primary"></div>
<div class="p-6">
<h4 class="text-lg font-bold mb-2 hover:text-primary transition-colors">
<a href="/seo/List_495_153.html">SEO的核心是："长期价值沉淀"</a>
</h4>
<p class="bg-light p-3 text-dark/70 mb-6">SEO是一种综合性的优化策略。我们要做的不是欺骗搜索引擎，而是助力其精准捕捉企业的长期价值并有效传递给目标用户。
</p>
<div class="flex items-center text-sm text-gray-500 mb-3">
<span><i class="fa fa-eye mr-1"></i> 3.6k 阅读</span>
<span class="mx-2"></span>
<span><i class="fa fa-folder-o mr-1"></i>SEO</span>
<span class="ml-auto mx-2">
<a href="/seo/List_495_153.html" class="text-primary text-sm font-medium hover:underline">
阅读全文 <i class="fa fa-angle-right ml-1"></i>
</a>
</span>
</div>
</div>
</div>
<!-- 运营技巧 -->
<div class="case-item bg-white rounded-2xl shadow-xl overflow-hidden card-hover group" data-category="operation">
<div class="relative h-2 overflow-hidden bg-secondary"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-2">先画用户画像，再选获客渠道</h3>
<p class="bg-light p-3 text-dark/70 mb-6">拒绝"哪里流量高就投哪里"的盲目跟风，先通过用户调研、竞品分析明确核心客群画像（如年龄、需求痛点、决策场景、常用平台）。例如：母婴品牌核心客群是25-35岁宝妈，优先选择小红书（内容种草）、妈妈网（垂直社群），而非泛流量的游戏直播平台。精准匹配渠道与用户，可降低30%以上的无效获客成本。</p>
<div class="flex items-center text-sm text-gray-500 mb-3">
<span><i class="fa fa-eye mr-1"></i> 5.1k 阅读</span>
<span class="mx-2"></span>
<span><i class="fa fa-folder-o mr-1"></i>美妆护肤</span>
<span class="ml-auto mx-2">
<a href="/seo/List_495_152.html" class="text-primary text-sm font-medium hover:underline">
阅读全文 <i class="fa fa-angle-right ml-1"></i>
</a>
</span>
</div>
</div>
</div>
<div class="case-item bg-white rounded-2xl shadow-xl overflow-hidden card-hover group" data-category="operation">
<div class="relative h-2 overflow-hidden bg-secondary"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-2">用"内容价值"替代"短期刺激"获客</h3>
<p class="bg-light p-3 text-dark/70 mb-6">避免依赖"低价优惠券、标题党"吸引泛流量(对产品或服务没有真实、深入需求的人群)，转而打造"解决用户痛点的内容"引流。比如：机械企业输出《设备选型避坑指南》，教育机构制作《考点高频错题解析》，通过内容建立专业认知，吸引有真实需求的精准流量，这类流量的转化率通常是泛流量的5-8倍。</p>
<div class="flex items-center text-sm text-gray-500 mb-3">
<span><i class="fa fa-eye mr-1"></i> 4.6k 阅读</span>
<span class="mx-2"></span>
<span><i class="fa fa-folder-o mr-1"></i>美妆护肤</span>
<span class="ml-auto mx-2">
<a href="/seo/List_495_151.html" class="text-primary text-sm font-medium hover:underline">
阅读全文 <i class="fa fa-angle-right ml-1"></i>
</a>
</span>
</div>
</div>
</div>
<div class="case-item bg-white rounded-2xl shadow-xl overflow-hidden card-hover group" data-category="operation">
<div class="relative h-2 overflow-hidden bg-secondary"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-2">集中资源做"核心渠道"才是王道</h3>
<p class="bg-light p-3 text-dark/70 mb-6">中小企业资源有限时，无需覆盖所有渠道，先测试3-5个潜在渠道（如官网SEO+1个垂直平台+1个社交媒体），通过数据监测（如获客成本CAC、转化率）筛选出1-2个高效核心渠道，集中人力财力深耕。例如：B2B企业聚焦"行业垂直平台+官网SEO"，B2C美妆品牌聚焦"小红书+抖音"，比全渠道铺量更易实现成本可控。</p>
<div class="flex items-center text-sm text-gray-500 mb-3">
<span><i class="fa fa-eye mr-1"></i> 6.8k 阅读</span>
<span class="mx-2"></span>
<span><i class="fa fa-folder-o mr-1"></i>美妆护肤</span>
<span class="ml-auto mx-2">
<a href="/seo/List_495_150.html" class="text-primary text-sm font-medium hover:underline">
阅读全文 <i class="fa fa-angle-right ml-1"></i>
</a>
</span>
</div>
</div>
</div>
<!-- 运营经验 -->
<div class="case-item bg-white rounded-2xl shadow-xl overflow-hidden card-hover group" data-category="promotion">
<div class="relative h-2 overflow-hidden bg-accent"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-2">用数据驱动运营决策，拒绝"凭感觉"</h3>
<p class="bg-light p-3 text-dark/70 mb-6">核心监测两类数据：①获客数据（渠道转化率、CAC、流量来源占比）；②留存转化数据（日/周留存率、复购率、用户生命周期价值LTV）。通过数据定位问题：如某渠道CAC高但转化率低，需优化落地页；某产品复购率低，需调研用户体验痛点。工具推荐：百度统计（流量监测）、CRM系统（用户分层）、Excel（数据复盘）。</p>
<div class="flex items-center text-sm text-gray-500 mb-3">
<span><i class="fa fa-eye mr-1"></i> 5.7k 阅读</span>
<span class="mx-2"></span>
<span><i class="fa fa-folder-o mr-1"></i>美妆</span>
<span class="ml-auto mx-2">
<a href="/seo/List_495_149.html" class="text-primary text-sm font-medium hover:underline">
阅读全文 <i class="fa fa-angle-right ml-1"></i>
</a>
</span>
</div>
</div>
</div>
<div class="case-item bg-white rounded-2xl shadow-xl overflow-hidden card-hover group" data-category="promotion">
<div class="relative h-2 overflow-hidden bg-accent"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-2">借助"工具自动化"解放人力</h3>
<p class="bg-light p-3 text-dark/70 mb-6">将重复劳动交给工具：用AI工具（如ChatGPT、稿定设计）批量生成基础内容、设计配图；用自动化工具（如公众号自动回复、短信群发平台）完成新用户触达；用SEO工具（如5118、爱站）批量分析关键词、监控排名。工具替代人工可使运营效率提升50%，人力聚焦高价值工作（如内容创意、用户沟通）。</p>
<div class="flex items-center text-sm text-gray-500 mb-3">
<span><i class="fa fa-eye mr-1"></i> 7.5k 阅读</span>
<span class="mx-2"></span>
<span><i class="fa fa-folder-o mr-1"></i>美妆</span>
<span class="ml-auto mx-2">
<a href="/seo/List_495_148.html" class="text-primary text-sm font-medium hover:underline">
阅读全文 <i class="fa fa-angle-right ml-1"></i>
</a>
</span>
</div>
</div>
</div>
<div class="case-item bg-white rounded-2xl shadow-xl overflow-hidden card-hover group" data-category="promotion">
<div class="relative h-2 overflow-hidden bg-accent"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-2">建立"快速测试-迭代"机制</h3>
<p class="bg-light p-3 text-dark/70 mb-6">运营策略不搞"大而全"，先做小范围测试：如广告投放先测试3组不同标题+落地页，选转化率最高的放大投放；内容运营先发布2-3类主题（如干货、案例、科普），根据阅读量、互动率确定核心内容方向。每周做小复盘，每月做全维度复盘，避免"一次性投入大量资源后发现方向错误"。若某渠道效果未达预期，立即止损并调整方向。</p>
<div class="flex items-center text-sm text-gray-500 mb-3">
<span><i class="fa fa-eye mr-1"></i> 5.5k 阅读</span>
<span class="mx-2"></span>
<span><i class="fa fa-folder-o mr-1"></i>美妆</span>
<span class="ml-auto mx-2">
<a href="/seo/List_495_47.html" class="text-primary text-sm font-medium hover:underline">
阅读全文 <i class="fa fa-angle-right ml-1"></i>
</a>
</span>
</div>
</div>
</div>
<!-- 运营策略 -->
<div class="case-item bg-white rounded-2xl shadow-xl overflow-hidden card-hover group" data-category="website">
<div class="relative h-2 overflow-hidden bg-dark"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-2"> 搭建"获客-承接-留存"全链路闭环</h3>
<p class="bg-light p-3 text-dark/70 mb-6">获客后1小时内完成"首次价值触达"：如表单留资后立即推送《专属解决方案》，公众号关注后自动回复"新手福利包+使用指南"；3天内通过短信/社群触发二次互动（如专属咨询、试用邀请），避免流量"获客即流失"。全链路闭环可使留存率提升40%以上。通过电话沟通、在线问卷等方式，进一步了解客户的详细需求和期望。建立服务跟踪机制，及时了解客户对服务的满意度和反馈，根据客户反馈不断优化服务质量。</p>
<div class="flex items-center text-sm text-gray-500 mb-3">
<span><i class="fa fa-eye mr-1"></i> 6.2k 阅读</span>
<span class="mx-2"></span>
<span><i class="fa fa-folder-o mr-1"></i>化妆品</span>
<span class="ml-auto mx-2">
<a href="/seo/List_495_146.html" class="text-primary text-sm font-medium hover:underline">
阅读全文 <i class="fa fa-angle-right ml-1"></i>
</a>
</span>
</div>
</div>
</div>
<div class="case-item bg-white rounded-2xl shadow-xl overflow-hidden card-hover group" data-category="website">
<div class="relative h-2 overflow-hidden bg-dark"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-2"> 按"用户生命周期"做分层运营</h3>
<p class="bg-light p-3 text-dark/70 mb-6">根据用户活跃度、转化阶段分层：①新用户（侧重福利引导+基础认知，如新人专享券+产品入门课）；②活跃用户（侧重价值深化+复购激励，如专属活动+会员积分）；③沉睡用户（侧重唤醒+回归福利，如"老用户专属折扣"+"新品体验邀请"）。例如：电商平台对沉睡30天用户推送"满200减50专属券+近期浏览商品补货提醒"，唤醒率比通用折扣高25%。还可以结合沉睡用户的过往消费记录，分析后进行精准推送。</p>
<div class="flex items-center text-sm text-gray-500 mb-3">
<span><i class="fa fa-eye mr-1"></i> 9.1k 阅读</span>
<span class="mx-2"></span>
<span><i class="fa fa-folder-o mr-1"></i>化妆品</span>
<span class="ml-auto mx-2">
<a href="/seo/List_495_145.html" class="text-primary text-sm font-medium hover:underline">
阅读全文 <i class="fa fa-angle-right ml-1"></i>
</a>
</span>
</div>
</div>
</div>
<div class="case-item bg-white rounded-2xl shadow-xl overflow-hidden card-hover group" data-category="website">
<div class="relative h-2 overflow-hidden bg-dark"></div>
<div class="p-6">
<h3 class="text-xl font-bold mb-2">用"信任资产"降低转化阻力</h3>
<p class="bg-light p-3 text-dark/70 mb-6">在运营全流程植入"信任背书"：官网展示客户案例、行业资质、售后保障；社交媒体发布用户证言、产品实测视频；社群内分享老用户成功故事。美妆品牌在抖音发布"素人实测前后对比+成分检测报告"，降低用户决策顾虑。所有运营技巧的核心都是"持续为用户提供价值"：获客时靠价值吸引精准用户，留存时靠价值建立信任，转化时靠价值实现双赢。脱离用户价值的"技巧"只是短期投机，无法实现长期稳定增长。</p>
<div class="flex items-center text-sm text-gray-500 mb-3">
<span><i class="fa fa-eye mr-1"></i> 3.2k 阅读</span>
<span class="mx-2"></span>
<span><i class="fa fa-folder-o mr-1"></i>化妆品</span>
<span class="ml-auto mx-2">
<a href="/seo/List_495_144.html" class="text-primary text-sm font-medium hover:underline">
阅读全文 <i class="fa fa-angle-right ml-1"></i>
</a>
</span>
</div>
</div>
</div>
</div>
<!-- 查看更多按钮 -->
<div class="text-center mt-12">
<a href="/seo/List_495_143.html" class="inline-block bg-white border border-primary text-primary hover:bg-primary/5 font-semibold px-8 py-3 rounded-full transition-all shadow-md hover:shadow-primary/20">
查看更多文章 <i class="fa fa-arrow-right ml-2"></i>
</a>
</div>
</div>
</section>
<!-- 关于我们与联系我们 -->
<section id="about" class="py-20">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-start">
<!-- 联系表单 -->
<div class="bg-gray-50 rounded-xl p-8 shadow-lg">
<h3 class="text-4xl font-bold mb-6 text-primary">联系云无限</h3>
<p class="text-gray-600 mb-6">有任何问题或需求，请填写以下表单，我们会尽快与您联系</p>
<div class="p-6">
<!-- 表单（保持原有结构） -->
<form id="bottom-form" class="bottom-form" action="http://www.soupv.com/Article/Save_Message.asp" method="post" accept-charset="UTF-8">
<div class="mb-3">
<label for="bottom-name" class="block text-gray-700 mb-1 text-sm">
姓名：<span class="text-red-500">*</span>
</label>
<input type="text" id="bottom-name" name="GuestName" placeholder="请输入您的姓名" class="w-full px-3 py-2 text-sm border border-gray-200 rounded focus:outline-none focus:border-primary">
</div>
<div class="mb-3">
<label for="bottom-phone" class="block text-gray-700 mb-1 text-sm">
电话：<span class="text-red-500">*</span>
</label>
<input type="tel" id="bottom-phone" name="GuestTitle" placeholder="请输入您的联系电话" class="w-full px-3 py-2 text-sm border border-gray-200 rounded focus:outline-none focus:border-primary">
</div>
<!-- 营销目标（下拉选项） -->
<div class="mb-4">
<label for="bottom-KindID" class="block text-gray-700 mb-2 text-sm">
营销目标：<span class="text-red-500">*</span>
</label>
<select id="bottom-KindID" name="KindID" class="w-full px-3 py-2 text-sm border border-gray-200 rounded focus:outline-none focus:border-primary">
<option value="">请选择营销目标</option>
<option value="1">品牌曝光</option>
<option value="2">获客引流</option>
<option value="3">运营托管</option>
<option value="4">广告开户</option>
<option value="5">AISEO系统</option>
<option value="6">软件开发</option>
<option value="7">危机公关</option>
<option value="8">舆情监控</option>
<option value="9">海外营销</option>
</select>
</div>
<!-- 底部表单专属：其它需求说明（非必填） -->
<div class="mb-4">
<label for="other需求" class="block text-gray-700 mb-2 text-sm">
其它需求说明：
</label>
<textarea id="modal-other-needs" name="GuestContent" rows="3" placeholder="请输入您的需求说明" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"></textarea>
</div>
<!-- 提示信息区域 -->
<div id="bottomSubmitResult" class="mb-3 p-3 rounded-lg hidden text-sm"></div>
<button type="submit" class="w-full bg-primary text-white text-sm py-2 rounded hover:bg-primary/90 transition-colors">
提交预约
</button>
</form>
<script src="/font-awesome@4.7.0/js/jquery-3.6.0.min.js"></script>
<script>
// 通用提示信息显示函数
function showResult(element, text, type) {
element.textContent = text;
element.classList.remove('hidden');
element.className = 'mb-3 p-3 rounded-lg text-sm'; // 重置样式
if (type === "success") {
element.classList.add('bg-green-100', 'text-green-800', 'border', 'border-green-200');
} else {
element.classList.add('bg-red-100', 'text-red-800', 'border', 'border-red-200');
}
}
// 通用表单提交函数
function submitForm(form, resultEl) {
var xhr = new XMLHttpRequest();
var formData = new FormData(form);
var data = [];
formData.forEach(function(value, key) {
data.push(encodeURIComponent(key) + '=' + encodeURIComponent(value));
});
data = data.join('&');
xhr.open(form.method, form.action, true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
if (xhr.responseText.indexOf("提交成功") !== -1) {
showResult(resultEl, xhr.responseText, "success");
form.reset();
// 右侧弹窗表单提交成功后关闭弹窗
if (form.id === 'right-popup-form') {
setTimeout(function() {
document.getElementById('book-popup').classList.add('hidden');
}, 3000);
}
} else {
showResult(resultEl, xhr.responseText, "error");
}
} else {
showResult(resultEl, "提交失败，请重试！", "error");
}
}
};
xhr.send(data);
}
// 右侧弹窗表单验证
document.getElementById('right-popup-form').addEventListener('submit', function(e) {
e.preventDefault();
var form = this;
var name = form.querySelector('input[name="GuestName"]').value.trim();
var phone = form.querySelector('input[name="GuestTitle"]').value.trim();
var kindID = form.querySelector('select[name="KindID"]').value;
var resultEl = document.getElementById('rightSubmitResult');
// 重置提示
resultEl.classList.add('hidden');
// 验证逻辑
if (name === "") {
showResult(resultEl, "请输入姓名！", "error");
return;
}
if (phone === "") {
showResult(resultEl, "请输入电话！", "error");
return;
}
var phoneReg = /^1[3-9]\d{9}$/;
if (!phoneReg.test(phone)) {
showResult(resultEl, "请输入正确的手机号！", "error");
return;
}
if (kindID === "") {
showResult(resultEl, "请选择营销目标！", "error");
return;
}
// 验证通过，提交表单
submitForm(form, resultEl);
});
// 底部表单验证
document.getElementById('bottom-form').addEventListener('submit', function(e) {
e.preventDefault();
var form = this;
var name = form.querySelector('input[name="GuestName"]').value.trim();
var phone = form.querySelector('input[name="GuestTitle"]').value.trim();
var kindID = form.querySelector('select[name="KindID"]').value;
var resultEl = document.getElementById('bottomSubmitResult');
// 重置提示
resultEl.classList.add('hidden');
// 验证逻辑（与右侧表单一致，忽略非必填的"其它需求说明"）
if (name === "") {
showResult(resultEl, "请输入姓名！", "error");
return;
}
if (phone === "") {
showResult(resultEl, "请输入电话！", "error");
return;
}
var phoneReg = /^1[3-9]\d{9}$/;
if (!phoneReg.test(phone)) {
showResult(resultEl, "请输入正确的手机号！", "error");
return;
}
if (kindID === "") {
showResult(resultEl, "请选择营销目标！", "error");
return;
}
// 验证通过，提交表单
submitForm(form, resultEl);
});
</script>
</div>
</div>
<!-- 关于我们 -->
<div class="space-y-8">
<div>
<h2 class="text-[clamp(1.8rem,3vw,2.5rem)] font-bold mb-4">关于云无限</h2>
<p class="text-gray-600 mb-4">
云无限依托AI技术，为企业提供营销、运营及数据分析全场景支持，构建"AI+营销"与"AI+运营"双引擎服务模式。该模式不仅配备芯大脑舆情分析系统，更具备用户行为数据的深度挖掘与精准洞察能力，为企业决策提供数据支撑。
</p>
<p class="text-gray-600">
通过AI大模型与新媒体高效协同，可助力企业搭建"内容生产-流量捕获-商业转化"的全链路增长闭环，驱动业务持续提升。从算法策略优化到品牌声量管理，云无限始终以实战成效为导向，帮助企业在数字浪潮中把握发展机遇，强化竞争优势。
</p>
</div>
<!-- 公司数据 -->
<div class="grid grid-cols-2 sm:grid-cols-4 gap-6">
<div class="bg-gray-50 rounded-xl p-6 text-center shadow-sm">
<p class="text-3xl font-bold text-primary mb-2">20+</p>
<p class="text-gray-600">行业经验</p>
</div>
<div class="bg-gray-50 rounded-xl p-6 text-center shadow-sm">
<p class="text-3xl font-bold text-primary mb-2">3000+</p>
<p class="text-gray-600">服务客户</p>
</div>
<div class="bg-gray-50 rounded-xl p-6 text-center shadow-sm">
<p class="text-3xl font-bold text-primary mb-2">5000+</p>
<p class="text-gray-600">成功案例</p>
</div>
<div class="bg-gray-50 rounded-xl p-6 text-center shadow-sm">
<p class="text-3xl font-bold text-primary mb-2">70+</p>
<p class="text-gray-600">专业团队</p>
</div>
</div>
<!-- 联系信息 -->
<div class="bg-gray-50 rounded-xl p-6 shadow-sm">
<h3 class="text-xl font-semibold mb-4">联系方式</h3>
<div class="space-y-4">
<div class="flex items-start space-x-4">
<div class="w-10 h-10 bg-primary/10 rounded-full flex items-center justify-center mt-1 flex-shrink-0">
<i class="fa fa-phone text-primary"></i>
</div>
<div>
<h4 class="mb-1 font-bold">电话微信同号</h4>
<p class="text-gray-600">18810118859 / 邢经理</p>
</div>
</div>
<div class="flex items-start space-x-4">
<div class="w-10 h-10 bg-primary/10 rounded-full flex items-center justify-center mt-1 flex-shrink-0">
<i class="fa fa-map-marker text-primary"></i>
</div>
<div>
<h4 class="mb-1 font-bold">博兴公司地址</h4>
<p class="text-gray-600">博兴市朝阳区东四环中路39号，华业国际中心B座212室</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-16 bg-white scroll-animate">
<div class="container mx-auto px-4">
<div class="max-w-4xl mx-auto text-center mb-16">
<h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-4">云无限的合作伙伴</h2>
<p class="text-dark/70 max-w-2xl mx-auto text-lg">多年来，云无限与众多优秀企业建立了长期稳定的合作关系，共同成长</p>
</div>
<div class="max-w-6xl mx-auto">
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-8 items-center justify-items-center">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner6.png" alt="迈拓维精密仪器">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner2.png" alt="科大讯飞">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner3.png" alt="中航电测仪器">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner4.png" alt="博兴工业设计促进中心">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner5.png" alt="中国在职研究生招生信息网">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner15.png" alt="讯飞星火大模型">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner17.png" alt="青岛东和科技股份有限公司">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner21.png" alt="和睦家医疗">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner9.png" alt="椿萱茂高端养老">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner10.png" alt="华德智慧科技集团">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner11.png" alt="中国科学科技大学">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner12.png" alt="大湾生物">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner13.png" alt="自然梦">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner14.png" alt="领星软件">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner25.png" alt="Q房网">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner16.png" alt="英国理工帝国">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner7.png" alt="中国标准出版社">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner18.png" alt="太爱肽生物科技">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner19.png" alt="中科类脑">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner20.png" alt="罗曼缔克瓷砖">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner8.png" alt="深圳灵猫设计公司">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner22.png" alt="丹泉">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/ima/liepin.png" alt="猎聘网">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner24.png" alt="智齿科技">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner26.png" alt="金得测控">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner28.png" alt="金波嘉源">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner29.jpg" alt="华系投资">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner30.png" alt="优特普">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner32.png" alt="一拓通信集团股份有限公司">
<img class="h-12 object-contain" src="/font-awesome@4.7.0/logo/partner33.png" alt="一诺生物">
</div>
</div>
</div>
</section>
<!-- links -->
<section class="py-16 bg-light">
<div class="container mx-auto px-4">
<h2 class="text-2xl font-bold text-primary mb-8">热门标签</h2>
<div class="flex flex-wrap gap-3">
<a href="/ywx/seotool.html#dead-links-help" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">死链诊断</a>
<a href="/ywx/seotool.html#server-performance-help" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">微信运营</a>
<a href="/ywx/seotool.html#server-performance-help" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">加载诊断</a>
<a href="/ywx/seotool.html#basic-settings-help" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">网站基础诊断</a>
<a href="/ywx/seotool.html#keyword-ranking-help" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">关键词排名分析</a>
<a href="/ywx/seotool.html#keyword-library-help" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">词库分析</a>
<a href="/ywx/seotool.html#keyword-layout-help" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">关键词布局</a>
<a href="/ywx/seotool.html#navigation-help" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">导航分析</a>
<a href="/ywx/seotool.html#url-structure-help" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">URL诊断</a>
<a href="/ywx/seotool.html#seo-tags-help" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">SEO标签设置</a>
<a href="/ywx/seotool.html#indexation-help" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">SEO收录</a>
<a href="/ywx/seotool.html#homepage-analysis-help" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">SEO首页</a>
<a href="/ywx/seotool.html#inner-pages-help" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">SEO内容页</a>
<a href="/ywx/seotool.html#landing-pages-help" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">SEO落地页</a>
<a href="/ywx/seotool.html#external-links-help" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">外链诊断</a>
<a href="/ywx/seohelp1.html" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">SEO收录</a>
<a href="/ywx/seohelp2.html" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">优化策略</a>
<a href="/ywx/seohelp3.html" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">外链发布</a>
<a href="/ywx/seohelp4.html" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">链接资源</a>
<a href="/ywx/seohelp5.html" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">快照优化</a>
<a href="/ywx/seotool.html#domain-analysis-help" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">域名诊断</a>
<a href="/ywx/seotool.html#mobile-experience-help" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">移动端体验</a>
<a href="/ywx/seotool.html#mobile-adaptation-help" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">移动端适配</a>
<a href="/ywx/seohelp6.html" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">SEO优化</a>
<a href="/ywx/seohelp7.html" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">SEO技术</a>
<a href="/ywx/seohelp8.html" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">关键词优化</a>
<a href="/ywx/seohelp9.html" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">网站优化</a>
<a href="/ywx/seohelp10.html" class="px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-full transition-colors">SEO工具</a>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="bg-dark text-white pt-16 pb-8">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-2 md:grid-cols-2 lg:grid-cols-5 gap-8 mb-12">
<div class="lg:col-span-2">
<div class="flex items-center space-x-2 mb-6">
<div class="w-10 h-10 rounded-lg bg-primary flex items-center justify-center">
<i class="fa fa-line-chart text-white text-xl"></i>
</div>
<span class="text-xl text-white">AISEO系统</span>
</div>
<p class="text-gray-400 mb-6">
云无限是专业的数字营销解决方案提供商，致力于通过AI技术和专业服务，帮助企业实现数字化转型和业务增长。
</p>
<div class="flex space-x-4">
<a href="#weixin" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-primary transition-colors">
<i class="fa fa-weixin"></i>
</a>
<a href="#weibo" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-primary transition-colors">
<i class="fa fa-weibo"></i>
</a>
<a href="#qq" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-primary transition-colors">
<i class="fa fa-qq"></i>
</a>
<a href="#in" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-primary transition-colors">
<i class="fa fa-linkedin"></i>
</a>
</div>
</div>
<div>
<h4 class="text-lg font-bold mb-6">服务项目</h4>
<ul class="space-y-3">
<li><a href="/webseo.html" class="text-gray-400 hover:text-white transition-colors">SEO优化</a></li>
<li><a href="/operation.html" class="text-gray-400 hover:text-white transition-colors">运营推广</a></li>
<li><a href="/reputation.html" class="text-gray-400 hover:text-white transition-colors">口碑营销</a></li>
<li><a href="/development.html" class="text-gray-400 hover:text-white transition-colors">软件开发</a></li>
<li><a href="#about" class="text-gray-400 hover:text-white transition-colors">AI+SEO</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-bold mb-6">关于我们</h4>
<ul class="space-y-3">
<li><a href="/about.html" class="text-gray-400 hover:text-white transition-colors">公司简介</a></li>
<li><a href="/index.html#cases" class="text-gray-400 hover:text-white transition-colors">部分案例</a></li>
<li><a href="/index.html#pricing" class="text-gray-400 hover:text-white transition-colors">方案报价</a></li>
<li><a href="/Article/Index.html" class="text-gray-400 hover:text-white transition-colors">营销资讯</a></li>
<li><a href="/about.html#about" class="text-gray-400 hover:text-white transition-colors">联系我们</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-bold mb-6">联系方式</h4>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fa fa-map-marker text-gray-400 mt-1 mr-3"></i>
<span class="text-gray-400">北京朝阳区东四环中路39号华业国际中心B座212室</span>
</li>
<li class="flex items-center">
<i class="fa fa-phone text-gray-400 mr-3"></i>
<span class="text-gray-400">188-1011-8859</span>
</li>
<li class="flex items-center">
<i class="fa fa-weixin text-gray-400 mr-3"></i>
<span class="text-gray-400">BaiduMima</span>
</li>
<li class="flex items-center">
<i class="fa fa-clock-o text-gray-400 mr-3"></i>
<span class="text-gray-400">周一至周五 9:00-18:00</span>
</li>
</ul>
</div>
</div>
<div class="border-t border-white/10 pt-8">
<div class="flex flex-col md:flex-row justify-between items-center">
<p class="text-gray-500 text-sm mb-4 md:mb-0">
© 2025 云无限 | <a href="https://beian.miit.gov.cn/" class="text-gray-500 hover:text-gray-300 text-sm">京ICP备15022936号-12</a>
</p>
<div class="flex space-x-6">
<a href="/ywx/seotool.html" class="text-gray-500 hover:text-gray-300 text-sm">SEO工具</a>
<a href="/ywx/seohelp1.html" class="text-gray-500 hover:text-gray-300 text-sm">SEO诊断</a>
<a href="/dir.html" class="text-gray-500 hover:text-gray-300 text-sm">SEO导航</a>
</div>
</div>
</div>
</div>
</footer>
<script>
// 工具函数：获取元素（带容错处理）
function getElement(id) {
var el = document.getElementById(id);
if (!el) console.error('未找到ID为' + id + '的元素');
return el;
}
// 工具函数：切换元素类
function toggleClass(el, addClass, removeClass) {
if (el) {
el.classList.add(addClass);
el.classList.remove(removeClass);
}
}
const navbar = document.getElementById('navbar');
if (navbar) {
// 使用传统函数表达式替代箭头函数
window.addEventListener('scroll', function() {
if (window.scrollY > 50) {
navbar.classList.add('py-1', 'shadow-md');
navbar.classList.remove('py-2', 'shadow-sm');
} else {
navbar.classList.add('py-2', 'shadow-sm');
navbar.classList.remove('py-1', 'shadow-md');
}
});
}
// 移动端菜单切换
var menuToggle = getElement('menu-toggle');
var mobileMenu = getElement('mobile-menu');
if (menuToggle && mobileMenu) {
menuToggle.addEventListener('click', function() {
mobileMenu.classList.toggle('hidden');
var icon = menuToggle.querySelector('i');
if (mobileMenu.classList.contains('hidden')) {
toggleClass(icon, 'fa-bars', 'fa-times');
} else {
toggleClass(icon, 'fa-times', 'fa-bars');
}
});
// 移动端下拉菜单
[].slice.call(document.querySelectorAll('.mobile-dropdown-toggle')).forEach(function(toggle) {
toggle.addEventListener('click', function() {
var menu = this.nextElementSibling;
var icon = this.querySelector('i');
menu.classList.toggle('hidden');
if (menu.classList.contains('hidden')) {
toggleClass(icon, 'fa-chevron-down', 'fa-chevron-up');
} else {
toggleClass(icon, 'fa-chevron-up', 'fa-chevron-down');
}
});
});
// 点击菜单项后关闭菜单
[].slice.call(mobileMenu.querySelectorAll('a')).forEach(function(link) {
link.addEventListener('click', function() {
mobileMenu.classList.add('hidden');
var icon = menuToggle.querySelector('i');
toggleClass(icon, 'fa-bars', 'fa-times');
if (typeof adjustContentPadding === 'function') {
adjustContentPadding();
}
});
});
}
// 右侧交互按钮和弹窗
// 工具函数：通过ID获取元素
function getElement(id) {
return document.getElementById(id);
}
// 元素获取
var phoneBtn = getElement('contact-phone-btn');
var wechatBtn = getElement('contact-wechat');
var bookBtn = getElement('contact-book'); // 预约咨询按钮
var backToTopButton = getElement('back-to-top'); // 返回顶部按钮
var phonePopup = getElement('phone-popup');
var wechatPopup = getElement('wechat-popup');
var bookPopup = getElement('book-popup');
// 关闭所有弹窗（原逻辑不变）
function closeAllPopups() {
if (phonePopup) phonePopup.classList.add('hidden');
if (wechatPopup) wechatPopup.classList.add('hidden');
if (bookPopup) bookPopup.classList.add('hidden');
}
// 核心修复1：为PC端电话按钮添加点击事件
function bindPcPhoneClick() {
// 确保是按钮元素且是PC端
if (phoneBtn && phoneBtn.tagName === 'BUTTON' && window.innerWidth >= 768) {
phoneBtn.addEventListener('click', function() {
closeAllPopups();
phonePopup.classList.toggle('hidden');
});
}
}
// 绑定弹窗按钮事件（原逻辑不变）
if (wechatBtn && wechatPopup) {
wechatBtn.addEventListener('click', function() {
closeAllPopups();
wechatPopup.classList.toggle('hidden');
});
}
if (bookBtn && bookPopup) {
bookBtn.addEventListener('click', function() {
closeAllPopups();
bookPopup.classList.toggle('hidden');
});
}
// 点击其他区域关闭弹窗（原逻辑不变）
document.addEventListener('click', function(event) {
var isPopupRelated = (phoneBtn && phoneBtn.contains(event.target)) ||
(phonePopup && phonePopup.contains(event.target)) ||
(wechatBtn && wechatBtn.contains(event.target)) ||
(wechatPopup && wechatPopup.contains(event.target)) ||
(bookBtn && bookBtn.contains(event.target)) ||
(bookPopup && bookPopup.contains(event.target));
if (!isPopupRelated) {
closeAllPopups();
}
});
// 返回顶部功能（原逻辑不变）
function scrollToTop() {
if (window.scrollTo) {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
} else {
var scrollInterval = window.setInterval(function() {
var position = window.scrollY;
if (position > 0) {
window.scrollTo(0, position - Math.max(20, position / 10));
} else {
window.clearInterval(scrollInterval);
}
}, 16);
}
}
// 绑定返回顶部按钮（原逻辑不变）
if (backToTopButton) {
backToTopButton.addEventListener('click', scrollToTop);
}
var sideBackToTop = getElement('side-back-to-top');
if (sideBackToTop) {
sideBackToTop.addEventListener('click', scrollToTop);
}
// 需求1：滚动时显示返回顶部按钮（默认隐藏）
function handleScrollDisplay() {
// 仅在PC端生效（移动端已隐藏该按钮）
var isMobile = window.innerWidth < 768;
if (isMobile || !backToTopButton) return;
// 滚动距离超过100px时显示，否则隐藏
if (window.scrollY > 100) {
backToTopButton.classList.remove('hidden');
} else {
backToTopButton.classList.add('hidden');
}
}
// 监听滚动事件
window.addEventListener('scroll', handleScrollDisplay);
// 初始检查一次
handleScrollDisplay();
// 需求2：移动端适配（只保留电话和微信按钮）
function fixMobileAdaptation() {
var isMobile = window.innerWidth < 768;
// 移动端逻辑
if (isMobile) {
// 隐藏预约咨询按钮和返回顶部按钮
if (bookBtn) bookBtn.classList.add('hidden');
if (backToTopButton) backToTopButton.classList.add('hidden');
// 处理电话按钮（新窗口打开）
if (phoneBtn && phoneBtn.tagName === 'BUTTON') {
var parent = phoneBtn.parentNode;
var btnClone = document.createElement('button');
btnClone.id = phoneBtn.id;
btnClone.className = phoneBtn.className;
btnClone.innerHTML = phoneBtn.innerHTML;
parent.replaceChild(btnClone, phoneBtn);
var phoneLink = document.createElement('a');
phoneLink.id = 'contact-phone-btn';
phoneLink.className = btnClone.className;
phoneLink.href = 'tel:18810118859';
phoneLink.target = '_blank';
phoneLink.innerHTML = btnClone.innerHTML;
parent.replaceChild(phoneLink, btnClone);
phoneBtn = phoneLink;
if (phonePopup) phonePopup.classList.add('hidden');
}
// 处理微信按钮（新窗口打开）
if (wechatBtn && wechatBtn.tagName === 'BUTTON') {
var parent = wechatBtn.parentNode;
var wechatClone = document.createElement('button');
wechatClone.id = wechatBtn.id;
wechatClone.className = wechatBtn.className;
wechatClone.innerHTML = wechatBtn.innerHTML;
parent.replaceChild(wechatClone, wechatBtn);
var wechatLink = document.createElement('a');
wechatLink.id = 'contact-wechat';
wechatLink.className = wechatClone.className;
// 添加新的属性
wechatLink.setAttribute('data-clipboard-text', 'baidumima');
wechatLink.id = 'copy_btn';
wechatLink.innerHTML = wechatClone.innerHTML;
parent.replaceChild(wechatLink, wechatClone);
wechatBtn = wechatLink;
if (wechatPopup) wechatPopup.classList.add('hidden');
}
}
// 非移动端（PC）逻辑：恢复显示隐藏的按钮
else {
if (bookBtn) bookBtn.classList.remove('hidden');
bindPcPhoneClick(); // 关键修复：PC端重新绑定点击事件
}
}
// 初始化适配
fixMobileAdaptation();
bindPcPhoneClick(); // 初始绑定PC端电话点击事件
handleScrollDisplay();
// 窗口大小变化时重新适配
window.addEventListener('resize', function() {
clearTimeout(window.fixAdaptTimer);
window.fixAdaptTimer = setTimeout(function() {
fixMobileAdaptation();
handleScrollDisplay(); // 同步更新返回顶部按钮状态
}, 150);
});
// 初始滚动检查
window.dispatchEvent(new Event('scroll'));
// 合并DOMContentLoaded事件，避免DW中可能的事件监听冲突
document.addEventListener('DOMContentLoaded', function() {
// 标签切换功能 - 使用var代替const以兼容旧版JS解析
var tabBtns = document.querySelectorAll('.tab-btn');
var tabContents = document.querySelectorAll('.tab-content');
// 兼容旧浏览器的forEach实现（DW预览可能使用旧引擎）
if (tabBtns.forEach) {
bindTabEvents(tabBtns, tabContents);
} else {
// 针对不支持forEach的环境使用for循环
for (var i = 0; i < tabBtns.length; i++) {
bindTabEventsLegacy(tabBtns, tabContents, i);
}
}
// 图表初始化 - 确保在DW中能正确识别Canvas元素
initCharts();
});
// 标签切换事件绑定（现代浏览器）
function bindTabEvents(tabBtns, tabContents) {
tabBtns.forEach(function(btn) {
btn.addEventListener('click', function() {
// 移除所有按钮激活状态
tabBtns.forEach(function(b) {
removeClass(b, 'active bg-primary text-white');
addClass(b, 'bg-gray-100 hover:bg-gray-200');
});
// 添加当前按钮激活状态
addClass(this, 'active bg-primary text-white');
removeClass(this, 'bg-gray-100 hover:bg-gray-200');
// 隐藏所有内容
tabContents.forEach(function(content) {
removeClass(content, 'active');
});
// 显示对应内容
var tabId = this.getAttribute('data-tab');
var activeContent = document.getElementById(tabId);
if (activeContent) {
addClass(activeContent, 'active');
}
});
});
}
// 标签切换事件绑定（旧浏览器兼容）
function bindTabEventsLegacy(tabBtns, tabContents, i) {
var btn = tabBtns[i];
btn.onclick = function() {
// 移除所有按钮激活状态
for (var j = 0; j < tabBtns.length; j++) {
removeClass(tabBtns[j], 'active bg-primary text-white');
addClass(tabBtns[j], 'bg-gray-100 hover:bg-gray-200');
}
// 添加当前按钮激活状态
addClass(this, 'active bg-primary text-white');
removeClass(this, 'bg-gray-100 hover:bg-gray-200');
// 隐藏所有内容
for (var k = 0; k < tabContents.length; k++) {
removeClass(tabContents[k], 'active');
}
// 显示对应内容
var tabId = this.getAttribute('data-tab');
var activeContent = document.getElementById(tabId);
if (activeContent) {
addClass(activeContent, 'active');
}
};
}
// SEO效果图表
window.addEventListener('load', function() {
const ctx = document.getElementById('seoChart').getContext('2d');
const chart = new Chart(ctx, {
type: 'line',
data: {
labels: ['第1月', '第2月', '第3月'],
datasets: [
{
label: '自然流量',
data: [500, 1000, 3270],
borderColor: '#33ffff',
backgroundColor: 'rgba(37, 99, 235, 0.1)',
tension: 0.4,
fill: true
},
{
label: '关键词排名',
data: [145, 687, 2516],
borderColor: '#ff66ff',
backgroundColor: 'rgba(15, 118, 110, 0.1)',
tension: 0.4,
fill: true
},
{
label: '转化量',
data: [128, 345, 1163],
borderColor: '#ffff33',
backgroundColor: 'rgba(124, 58, 237, 0.1)',
tension: 0.4,
fill: true
}
]
},
options: {
responsive: true,
plugins: {
legend: {
position: 'top',
}
},
scales: {
y: {
beginAtZero: true
}
}
}
});
});
// 初始化图表（兼容DW的Canvas处理）
function initCharts() {
// 检查Chart对象是否加载（解决DW预览时可能的加载顺序问题）
if (typeof Chart === 'undefined') {
// 延迟重试，确保Chart.js加载完成
setTimeout(initCharts, 200);
return;
}
}
// 初始化图表
function initCharts() {
// 营销图表
const marketingCtx = document.getElementById('marketingChart');
if (marketingCtx) {
new Chart(marketingCtx, {
type: 'line',
data: {
labels: ['1月', '2月', '3月', '4月', '5月', '6月'],
datasets: [
{
label: '实施前',
data: [1200, 1350, 1420, 1380, 1450, 1500],
borderColor: '#9CA3AF',
backgroundColor: 'rgba(156, 163, 175, 0.1)',
tension: 0.4,
fill: true
},
{
label: '实施后',
data: [1500, 1780, 2150, 2420, 2680, 2850],
borderColor: '#165DFF',
backgroundColor: 'rgba(22, 93, 255, 0.1)',
tension: 0.4,
fill: true
}
]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
position: 'top',
}
},
scales: {
y: {
beginAtZero: true
}
}
}
});
}
// 销售图表
const salesCtx = document.getElementById('salesChart');
if (salesCtx) {
new Chart(salesCtx, {
type: 'bar',
data: {
labels: ['1月', '2月', '3月', '4月', '5月', '6月'],
datasets: [
{
label: '实施前',
data: [85, 92, 89, 95, 98, 102],
backgroundColor: '#9CA3AF',
},
{
label: '实施后',
data: [102, 125, 138, 142, 156, 168],
backgroundColor: '#165DFF',
}
]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
position: 'top',
}
},
scales: {
y: {
beginAtZero: true
}
}
}
});
}
}
// 网站流量增长分析图表
const trafficCtx = document.getElementById('trafficChart').getContext('2d');
const trafficChart = new Chart(trafficCtx, {
type: 'bar',
data: {
labels: ['1月', '2月', '3月', '4月', '5月', '6月'],
datasets: [{
label: '自然搜索流量',
data: [1200, 1900, 2400, 3100, 4200, 5600],
backgroundColor: '#165DFF',
}, {
label: '转化量',
data: [80, 150, 220, 310, 450, 620],
backgroundColor: '#FF7D00',
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
position: 'top',
}
},
scales: {
y: {
beginAtZero: true,
title: {
display: true,
text: '数量'
}
}
}
}
});
// 技术对比图表
const ctx = document.getElementById('techComparisonChart').getContext('2d');
const techChart = new Chart(ctx, {
type: 'radar',
data: {
labels: ['效率', '精准度', '成本效益', '覆盖范围', '实时性', '可扩展性'],
datasets: [
{
label: '其他公司',
data: [40, 50, 30, 50, 20, 40],
backgroundColor: 'rgba(150, 150, 150, 0.2)',
borderColor: 'rgba(150, 150, 150, 0.8)',
pointBackgroundColor: 'rgba(150, 150, 150, 1)',
},
{
label: '云无限公司',
data: [90, 85, 80, 95, 90, 85],
backgroundColor: 'rgba(37, 99, 235, 0.2)',
borderColor: 'rgba(37, 99, 235, 0.8)',
pointBackgroundColor: 'rgba(37, 99, 235, 1)',
}
]
},
options: {
scales: {
r: {
beginAtZero: true,
max: 100,
ticks: {
display: false
}
}
}
}
});
// 兼容旧浏览器的class操作方法（解决DW可能的classList支持问题）
function addClass(element, classNames) {
if (element.classList) {
var classes = classNames.split(' ');
classes.forEach(function(cls) {
element.classList.add(cls);
});
} else {
var currentClass = element.className || '';
element.className = currentClass + ' ' + classNames;
}
}
function removeClass(element, classNames) {
if (element.classList) {
var classes = classNames.split(' ');
classes.forEach(function(cls) {
element.classList.remove(cls);
});
} else {
var classes = classNames.split(' ');
var currentClass = ' ' + element.className + ' ';
for (var i = 0; i < classes.length; i++) {
currentClass = currentClass.replace(' ' + classes[i] + ' ', ' ');
}
element.className = currentClass.trim();
}
}
// 常见问题弹窗逻辑
document.addEventListener('DOMContentLoaded', function() {
var faqModal = document.getElementById('faq-modal');
var faqModalContent = document.getElementById('faq-modal-content');
var faqModalTitle = document.getElementById('faq-modal-title');
var faqCloseBtn = document.querySelector('.faq-close-modal');
var faqOverlay = faqModal.querySelector('.faq-modal-overlay');
var faqToggles = document.querySelectorAll('.faq-toggle');
if (!faqModal || !faqModalContent || !faqModalTitle || !faqCloseBtn || !faqOverlay) {
console.error('常见问题弹窗元素未找到，请检查ID和类名');
return;
}
function openFaqModal(title, content) {
// 关闭案例弹窗
document.getElementById('case-modal').classList.add('hidden');
document.getElementById('case-modal-content').classList.remove('scale-100', 'opacity-100');
document.getElementById('case-modal-content').classList.add('scale-95', 'opacity-0');
faqModalTitle.textContent = title;
faqModalContent.innerHTML = content;
faqModal.classList.remove('hidden');
document.body.style.overflow = 'hidden';
}
function closeFaqModal() {
faqModal.classList.add('hidden');
document.body.style.overflow = '';
}
faqToggles.forEach(function(toggle) {
toggle.addEventListener('click', function() {
var title = this.querySelector('span').textContent;
var content = this.nextElementSibling.innerHTML;
openFaqModal(title, content);
});
});
faqCloseBtn.addEventListener('click', closeFaqModal);
faqOverlay.addEventListener('click', closeFaqModal);
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape' && !faqModal.classList.contains('hidden')) {
closeFaqModal();
}
});
});
// 案例弹窗逻辑 - 从HTML中获取内容
document.addEventListener('DOMContentLoaded', function() {
// 案例弹窗元素
var caseModal = document.getElementById('case-modal');
var caseModalTitle = document.getElementById('case-modal-title');
var caseModalBody = document.getElementById('case-modal-body');
var caseModalContent = document.getElementById('case-modal-content');
var caseCloseBtn = document.querySelector('.case-close-modal');
var caseOverlay = caseModal.querySelector('.case-modal-overlay');
var caseDetailBtns = document.querySelectorAll('.caseDetailBtn');
if (!caseModal || !caseModalTitle || !caseModalBody || !caseModalContent || !caseCloseBtn || !caseOverlay) {
console.error('案例弹窗元素未找到，请检查ID和类名');
return;
}
// 打开弹窗 - 从HTML中获取对应案例的内容
function openCaseModal(caseId) {
// 关闭FAQ弹窗
document.getElementById('faq-modal').classList.add('hidden');
// 获取案例内容元素
var caseElement = document.getElementById('case-' + caseId);
if (caseElement) {
// 提取标题和内容
var title = caseElement.querySelector('.case-title').textContent;
var bodyContent = caseElement.querySelector('.case-body').innerHTML;
// 填充弹窗
caseModalTitle.textContent = title;
caseModalBody.innerHTML = bodyContent;
// 显示弹窗并添加动画
caseModal.classList.remove('hidden');
setTimeout(function() {
caseModalContent.classList.remove('scale-95', 'opacity-0');
caseModalContent.classList.add('scale-100', 'opacity-100');
}, 10);
document.body.style.overflow = 'hidden';
} else {
console.error('未找到ID为 case-' + caseId + ' 的案例内容');
}
}
// 关闭弹窗
function closeCaseModal() {
caseModalContent.classList.remove('scale-100', 'opacity-100');
caseModalContent.classList.add('scale-95', 'opacity-0');
setTimeout(function() {
caseModal.classList.add('hidden');
document.body.style.overflow = '';
}, 300);
}
// 绑定案例点击事件
caseDetailBtns.forEach(function(btn) {
btn.addEventListener('click', function() {
var caseId = this.getAttribute('data-case');
openCaseModal(caseId);
});
});
// 关闭按钮事件
caseCloseBtn.addEventListener('click', closeCaseModal);
// 遮罩层事件
caseOverlay.addEventListener('click', closeCaseModal);
// ESC键事件
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape' && !caseModal.classList.contains('hidden')) {
closeCaseModal();
}
});
});
// 文章筛选功能 - 兼容DW的ES5语法版本
var caseFilters = document.querySelectorAll('.case-filter');
var caseItems = document.querySelectorAll('.case-item');
caseFilters.forEach(function(filter) {
filter.addEventListener('click', function() {
// 更新活跃状态
caseFilters.forEach(function(f) {
f.classList.remove('filter-active', 'bg-primary', 'text-white');
f.classList.add('bg-gray-100', 'hover:bg-gray-200');
});
this.classList.add('filter-active', 'bg-primary', 'text-white');
this.classList.remove('bg-gray-100', 'hover:bg-gray-200');
var category = this.getAttribute('data-category');
// 筛选文章（只显示对应分类）
caseItems.forEach(function(item) {
if (item.getAttribute('data-category') === category) {
item.style.display = 'block';
} else {
item.style.display = 'none';
}
});
});
});
// 页面加载时默认显示SEO经验
document.addEventListener('DOMContentLoaded', function() {
caseFilters[0].click();
});
</script>
<script>
$(document).ready(function(){
var clipboard = new Clipboard('#copy_btn');
clipboard.on('success', function(e) {
alert("微信号复制成功，直接添加", 1500);
// 尝试打开微信通常不会工作，这里只是注释掉
window.location.href = 'weixin://';
e.clearSelection(); // 清除选择
console.log('clearSelection function exists:', typeof e.clearSelection === 'function'); // 检查 clearSelection 是否存在
});
clipboard.on('error', function(e) {
console.error('复制失败:', e);
alert("复制微信号时出错，请尝试手动复制。");
});
});
</script>
<script src="/font-awesome@4.7.0/js/clipboard.min.js"></script>
</body>
</html> 
