百度优化
珠海SEO公司

云无限用AISEO技术帮珠海企业做网站优化提升关键字排名,在珠海找SEO公司就选云无限。

21年百度优化经验 优化关键词2.5w+
百度SEO核心优势

快速收录机制

通过百度站长平台主动推送,配合XML地图,快速收录网页

关键词精准排名

用百度分词算法优化+超链分析+投票算法实现SEO排名靠前

本地流量抢占

SEO区域词优化+商家号双平台优化,本地搜索曝光提升300%

算法安全防护

规避百度算法惩罚,确保网站关键词长期稳定排名靠前

云无限SEO优化服务

珠海的公司有福了,云无限AISEO系统在珠海地区寻找SEO合作伙伴,AISEO系统不仅支持百度和谷歌的搜索引擎排名,还支持DeepSeek/文小言/豆包/Kimi/通义千问/纳米搜索等AI平台的优化。动获客

SEO核心价值

什么是AISEO?

AISEO也称为GEO,通过语义理解和SEO技术帮助大模型快速抓取特征,提升语义关联度,让企业的品牌信息在生成式AI回答中占据推荐。结合AI搜索逻辑与用户意图,通过关键词语义匹配、高质量品牌内容生成、权威多渠道媒体分发、AI引擎结果及用户行为优化,再辅以数据监测与方案调整,最终提升品牌在AI搜索中的曝光、排名与匹配度的优化策略。

为什么要做AI SEO?

  • 获取精准流量:适配AI搜索逻辑,精准匹配用户核心需求,吸引意向客群
  • 降低营销成本:相比付费推广,AISEO效果持续沉淀,长期性价比更突出
  • 强化品牌权威与信任:AI搜索曝光+权威内容输出,加深用户品牌认知与信任

什么类型企业更适合AISEO?

长期践行品牌建设的企业,追求长期流量性价比、有内容输出能力或需强化线上品牌权威的企业,更适合布局AISEO优化。

云无限AISEO系统

云无限AISEO系统融合了AI能力、站群管理和SEO技术,实现了关键词排名提升的高效与智能化。通过智能页面生成、站群管理、落地页创建和自动化SEO提升关键词排名全流程服务。珠海SEO公司哪家好?选云无限错不了。

珠海SEO优化服务

云无限为珠海公司优化网站内容,结构,HTML代码,标签和适配各大搜索引擎SEO规则,提升珠海网站在百度搜索中的排名。

关键词排名

云无限承诺:关键词优化不上百度首页,分文不取,用结果说话!

  • 核心关键词/品牌关键词/竞品关键词
  • 竞品关键词/搜索下拉词/相关搜搜词
  • 云无限懂技术/懂运营/更懂用户
了解详情

整站SEO优化

海量关键词冲刺百度首页,总搜索量强势拉满,帮品牌抢占全域精准曝光与流量!

  • 海量关键词覆盖百度移动端和电脑端
  • 关键词扎堆首页/客户转化率更高效
  • 用AI优化关键词/自动化撰写与发布
了解详情

SEO托管服务

云无限提供的SEO托管服务,从运营推广到流量转化全链路服务!

  • SEO诊断/关键词研究/SEO规则适配
  • 站内优化/站外优化/SEO资源建设
  • 快速收录/落地页优化/SEO数据分析
了解详情

AI+站群+SEO

用AI接入站群系统做搜索引擎优化,快速提升关键词排名,实现营销推广自动化持续获客!

  • 域名站群+目录站群
  • 智能创作+自动发布
  • 提升权重+SEO排名
  • 适配主流搜索引擎
了解更多

AI搜索优化+收录

让AI大模型收录你的产品或服务,在生成式AI回答中占据推荐位,企业获客推广新范式。

  • 获客新范式新机遇
  • 支持众多AI大模型
  • 知识库+模型收录
  • 全面提升品牌竞争力
了解更多

AI运营+托管

AI运营是从单一工具应用发展为系统性能力,通过AI技术提升企业的运营效能,降低人员配置。

  • 帮企业接入AI大模型
  • 提升企业运行效率
  • 自动化运营+获客
  • 精准数据分析与洞察
了解更多
管道疏通网站优化网站改版会不会影响网站排名
管道疏通网站优化网站改版会不会影响网站排名
0 阅读管道疏通网站优化网站改版会不会影响网站排名

管道疏通网站优化

京城四季清洗科技有限公司是一家致力于京津冀管道疏通,马桶清洗服务的专业化家政服务公司,有无限为其提供seo优化技术支持,目前主词北京管道疏通、北京疏通管道、北京疏通下水道、疏通管道、管道疏通等十多个行业主要关键词都在百度第一页当中。

百度优化谷歌排名抖音SEO
阅读全文
seo优化网站怎么做
seo优化网站怎么做
13 阅读seo优化网站怎么做

百度seo优化网站怎么做

要有效进行百度SEO优化,以提升网站排名与流量,关键在于深入理解搜索引擎的工作原理,并据此制定并执行一系列优化策略。首先,进行关键词研究,选择符合网站主题且具有一定搜索量的关键词,并在网站内容中合理布局。其次,优化网站结构,确保页面加载速度快、导航清晰,提升用户体验。同时,创作高质量、原创的内容,吸引并留住用户,同时提升网站的权威性。此外,建立高质量的外部链接,增加网站的曝光度和信任度。在实施过程中,需持续监测SEO数据,根据结果调整优化策略。通过这些努力,可以有效提升网站在百度搜索引擎中的排名,从而吸引更多流量。

百度优化谷歌排名抖音SEO
阅读全文
论坛软文推广
论坛软文推广
0 阅读论坛软文推广

大论坛发软文带链接必被删?实用避删技巧大公开

在大论坛发布带链接的软文有较高删帖风险,因这类论坛版规严、审核严,纯广告软文、新账号发带链接内容易被删,医疗等敏感行业内容审核更严。想要避免删帖,需遵守版规、提升账号等级,发布贴合主题的优质内容,合理放置链接并积极互动。

百度优化谷歌排名抖音SEO
阅读全文
网站关键词
网站关键词
0 阅读网站关键词

网站关键词在TDK中要布局方法

网站关键词在TDK中要如何布局?网站优化今天就来跟您简单的介绍一下关键词在标签、 description属性、 keywords属性中是如何布局的。</p><div class="flex flex-wrap gap-2 mb-4"><span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">百度优化</span><span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">谷歌排名</span><span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">抖音SEO</span></div><a href="/bd2163.html" class="text-primary text-sm font-medium hover:underline">阅读全文 <i class="fa fa-angle-right ml-1"></i></a></div></article><article class="bg-white rounded-xl shadow-md overflow-hidden card-hover"><div class="relative"><img src="/font-awesome@4.7.0/ima/seo5.png" alt="优化关键词" class="w-full h-56 object-cover"><div class="absolute top-4 left-4 bg-primary text-white text-sm px-3 py-1 rounded-full">优化关键词</div></div><div class="p-6"><div class="flex items-center text-sm text-gray-500 mb-3"><span><i class="fa fa-eye mr-1"></i>9 阅读</span><span class="mx-2">•</span><span><i class="fa fa-folder-o mr-1"></i>优化关键词</span></div><h4 class="text-lg font-bold mb-2 hover:text-primary transition-colors"><a href="/bd3614.html">如何更好的优化关键词</a></h4><p class="text-gray-600 text-sm mb-4 line-clamp-3">深入关键词研究:使用工具如Google AdWords或百度指数来分析关键词的搜索量、竞争程度、相关性等,选择最适合的关键词。 精准定位关键词:选择与网站内容高度相关、搜索量适中、竞争度较低的关键词,以提高转化率。 合理布局关键词:在网页的标题、描述、正文等位置自然融入关键词,避免过度堆砌,保持关键词密度在2%-8%之间。 定期监测与调整:通过工具监测关键词的排名和流量变化,根据数据调整关键词策略,确保优化效果。</p><div class="flex flex-wrap gap-2 mb-4"><span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">百度优化</span><span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">谷歌排名</span><span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">抖音SEO</span></div><a href="/bd3614.html" class="text-primary text-sm font-medium hover:underline">阅读全文 <i class="fa fa-angle-right ml-1"></i></a></div></article><article class="bg-white rounded-xl shadow-md overflow-hidden card-hover"><div class="relative"><img src="/font-awesome@4.7.0/ima/seo6.png" alt="seo和sem的区别是什么" class="w-full h-56 object-cover"><div class="absolute top-4 left-4 bg-primary text-white text-sm px-3 py-1 rounded-full">seo和sem的区别是什么</div></div><div class="p-6"><div class="flex items-center text-sm text-gray-500 mb-3"><span><i class="fa fa-eye mr-1"></i>8 阅读</span><span class="mx-2">•</span><span><i class="fa fa-folder-o mr-1"></i>seo和sem的区别是什么</span></div><h4 class="text-lg font-bold mb-2 hover:text-primary transition-colors"><a href="/bd3849.html">seo和sem的区别是什么</a></h4><p class="text-gray-600 text-sm mb-4 line-clamp-3">搜索引擎优化(seo):是指针对搜索引擎的搜索规律,让网站在行业内占据领先地位,获得更多流量。sem:sem是英文searchenginemarketing的缩写,中文译为"搜索引擎营销"。就是根据用户使用搜索引擎的方式利用用户检索信息的机会尽可能将营销信息传递给目标受众的过程。简单来说就是在了解各类网站的定位后选择适合自身发展的关键词进行推广。SEO和SEM的主要区别如下:1,定义与目的:SEO(搜索引擎优化)旨在通过优化网站内容、结构和关键词,提高网站在搜索引擎自然排名中的位置,以获取更多免费流量。而SEM(搜索引擎营销)则包括SEO及付费搜索广告,通过购买关键词排名,在搜索结果页展示广告,快速获取流量和潜在客户。2,实现方式:SEO是通过长期持续优化网站内外部因素来实现排名的提升,是一个自然的过程。SEM则主要通过付费广告,如Google AdWords、Bing Ads等,快速提高网站曝光度和流量。3,成本与时间:SEO成本低,但周期长,需要持续努力才能看到明显效果。SEM成本高,但见效快,能够迅速提升网站流量。4,用户行为:用户更倾向于点击自然排名结果,而非广告,因此SEO带来的流量质量更高。SEM则能通过精准的广告投放,吸引目标用户。</p><div class="flex flex-wrap gap-2 mb-4"><span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">百度优化</span><span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">谷歌排名</span><span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">抖音SEO</span></div><a href="/bd3849.html" class="text-primary text-sm font-medium hover:underline">阅读全文 <i class="fa fa-angle-right ml-1"></i></a></div></article> </div> </div> </div> </div> <style type="text/css"> /* 未激活的标签内容默认隐藏 */ .tab-content { display: none; } /* 激活的标签内容显示 */ .tab-content.active { display: block; /* 可选:添加过渡动画提升体验 */ animation: fadeIn 0.3s ease; } /* 可选:淡入动画 */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } </style> </section> <section id="baidu-seo" class="scroll-animate py-10 bg-white"> <div class="container mx-auto px-4"> <div class="flex flex-col lg:flex-row gap-12 items-center"> <div class="lg:w-1/2 scroll-animate"> <h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-primary mb-6">珠海百度优化</h2> <p class="text-gray-600 mb-8 text-lg">云无限通过优化网站内容、结构和html代码等提升关键词排名,为珠海的老板们提供营销推广服务。</p> <h3 class="text-xl font-bold mb-4 text-gray-800">企业面临的百度SEO痛点</h3> <div class="mb-8"> <div class="pain-point"> <p class="font-bold text-gray-800 mb-1"><i class="fa fa-exclamation-circle text-red-500 mr-2"></i> 网站在百度排名靠后,曝光率低</p> <p class="text-gray-600 text-sm">关键词排名长期无排名或处于第二页及以后,无法被潜在客户发现;</p> </div> <div class="pain-point"> <p class="font-bold text-gray-800 mb-1"><i class="fa fa-exclamation-circle text-red-500 mr-2"></i> 百度算法频繁更新导致排名波动大</p> <p class="text-gray-600 text-sm">企业网站难以适应百度算法变化,关键词排名不稳定,流量忽高忽低;</p> </div> <div class="pain-point"> <p class="font-bold text-gray-800 mb-1"><i class="fa fa-exclamation-circle text-red-500 mr-2"></i> 流量质量低,转化率不佳</p> <p class="text-gray-600 text-sm">有的网站虽然有一定流量,但访客不是目标客户,转化效果差,缺少SEO策略;</p> </div> </div> <h3 class="text-xl font-bold mb-4 text-gray-800">云无限SEO优化方案</h3> <div class="mb-8"> <div class="solution-item"> <p class="font-bold text-gray-800 mb-1"><i class="fa fa-check-circle text-green-500 mr-2"></i> 精准关键词研究与策略制定</p> <p class="text-gray-600 text-sm">基于行业特点和用户搜索行为,筛选高价值高转化的关键词,制定科学的优化策略</p> </div> <div class="solution-item"> <p class="font-bold text-gray-800 mb-1"><i class="fa fa-check-circle text-green-500 mr-2"></i> 百度友好型网站结构优化</p> <p class="text-gray-600 text-sm">适配SEO规则、优化网站架构、内容布局、URL结构、内链系统,提升百度爬虫抓取效率;</p> </div> <div class="solution-item"> <p class="font-bold text-gray-800 mb-1"><i class="fa fa-check-circle text-green-500 mr-2"></i> 高质量内容创作与优化</p> <p class="text-gray-600 text-sm">结合百度算法特点,创作符合用户需求和搜索引擎偏好的优质内容,提升搜索转化率;</p> </div> <div class="solution-item"> <p class="font-bold text-gray-800 mb-1"><i class="fa fa-check-circle text-green-500 mr-2"></i> 百度生态资源整合</p> <p class="text-gray-600 text-sm">整合百度小程序、百家号、百度百科、百度知道、百度经验等资源,提升品牌权威性;</p> </div> </div> <a href="#about" class="inline-block bg-primary hover:bg-primary/90 text-white px-8 py-3 rounded-full font-medium transition-all shadow-md hover:shadow-lg"> 咨询百度SEO方案 </a> </div> <div class="lg:w-1/2 scroll-animate"> <div class="bg-white rounded-xl shadow-xl overflow-hidden"> <div class="p-6 border-b border-gray-100"> <h3 class="text-xl font-bold text-primary">百度SEO优化效果</h3> <p class="text-gray-600">SEO是企业最容易花大钱办错事的行业,云无限3个月平均效果</p> </div> <div class="p-6"> <div class="h-[300px] mb-8"> <canvas id="trafficChart"></canvas> </div> <div class="grid grid-cols-2 gap-4 mb-6"> <div class="bg-gray-50 p-4 rounded-lg"> <p class="text-gray-500 text-sm mb-1">关键词排名提升</p> <p class="text-accent font-bold text-xl">+189%</p> </div> <div class="bg-gray-50 p-4 rounded-lg"> <p class="text-gray-500 text-sm mb-1">百度自然流量</p> <p class="text-accent font-bold text-xl">+235%</p> </div> <div class="bg-gray-50 p-4 rounded-lg"> <p class="text-gray-500 text-sm mb-1">网站转化率</p> <p class="text-accent font-bold text-xl">+47%</p> </div> <div class="bg-gray-50 p-4 rounded-lg"> <p class="text-gray-500 text-sm mb-1">客户咨询量</p> <p class="text-accent font-bold text-xl">+156%</p> </div> </div> <div class="bg-primary/5 p-5 rounded-lg border border-primary/10"> <h4 class="font-bold text-primary mb-3 flex items-center"> <i class="fa fa-lightbulb-o mr-2"></i> 百度SEO优势 </h4> <ul class="space-y-2"> <li class="flex items-start"> <i class="fa fa-check text-secondary mt-1 mr-3"></i> <span class="text-gray-700">长期稳定的流量来源,效果持久</span> </li> <li class="flex items-start"> <i class="fa fa-check text-secondary mt-1 mr-3"></i> <span class="text-gray-700">相比付费广告,长期ROI更高</span> </li> <li class="flex items-start"> <i class="fa fa-check text-secondary mt-1 mr-3"></i> <span class="text-gray-700">提升品牌权威性和用户信任感</span> </li> <li class="flex items-start"> <i class="fa fa-check text-secondary mt-1 mr-3"></i> <span class="text-gray-700">精准触达有需求的潜在客户</span> </li> <p>以用户真实需求为本,通过持续产出有价值、有针对性的内容来触达用户,结合搜索引擎的抓取与排名规则,优化网站结构、关键词布局及内外链等基础要素,让优质内容能被搜索引擎精准识别并优先展示,实现长期、稳定的免费精准流量获取,而非短期投机性的技术堆砌。</p> </ul> </div> </div> </div> </div> </div> </div> </section> <div id="Right_menu"><!-- 右侧交互按钮1019 --> <div class="fixed right-5 top-1/2 transform -translate-y-1/2 z-40 flex flex-col space-y-3"> <button id="contact-phone-btn" class="w-8 h-8 rounded-full bg-white shadow-lg flex items-center justify-center text-primary hover:bg-primary hover:text-white transition-all duration-300"> <i class="fa fa-phone text-xl"></i> </button> <button id="contact-wechat" class="w-8 h-8 rounded-full bg-white shadow-lg flex items-center justify-center text-primary hover:bg-primary hover:text-white transition-all duration-300"> <i class="fa fa-weixin text-xl"></i> </button> <button id="contact-book" class="w-8 h-8 rounded-full bg-white shadow-lg flex items-center justify-center text-primary hover:bg-primary hover:text-white transition-all duration-300"> <i class="fa fa-user-circle-o text-xl"></i> </button> <button id="back-to-top" class="w-8 h-8 rounded-full bg-white shadow-lg flex items-center justify-center text-primary hover:bg-primary hover:text-white transition-all duration-300"> <i class="fa fa-arrow-up text-xl"></i> </button> </div> <!-- 弹窗结构保持不变 --> <div id="phone-popup" class="fixed right-20 top-1/2 transform -translate-y-1/2 bg-white p-4 rounded-lg shadow-xl border border-gray-100 hidden z-50"> <div class="text-center"> <p class="text-sm text-gray-500 mb-1">咨询电话</p> <p class="text-xl font-bold text-primary">400-888-9999</p> </div> <div class="absolute -right-3 top-1/2 transform translate-y-[-50%] w-6 h-6 bg-white rotate-45 border-r border-t border-gray-100"></div> </div> <div id="wechat-popup" class="fixed right-20 top-1/2 transform -translate-y-1/2 bg-white p-4 rounded-lg shadow-xl border border-gray-100 hidden z-50"> <div class="text-center"> <p class="text-sm text-gray-500 mb-2">微信咨询</p> <div class="w-40 h-40 bg-gray-100 mx-auto mb-2 flex items-center justify-center"> <img src="/font-awesome@4.7.0/ima/weixin.jpg" alt="扫码咨询" class="w-full h-66 object-cover"> </div> <p class="text-xs text-gray-500">扫码添加微信</p> </div> <div class="absolute -right-3 top-1/2 transform translate-y-[-50%] w-6 h-6 bg-white rotate-45 border-r border-t border-gray-100"></div> </div> <div id="book-popup" class="fixed right-20 top-1/2 transform -translate-y-1/2 bg-white p-4 rounded-lg shadow-xl border border-gray-100 z-50 w-72 hidden"> <div class="text-center mb-3"> <h3 class="font-bold text-primary">预约咨询</h3> </div> <form id="right-popup-form" class="right-popup-form" action="/Article/Save_Message.asp" method="post" accept-charset="UTF-8"> <div class="mb-3"> <label for="right-name" class="block text-gray-700 mb-1 text-sm"> 姓名:<span class="text-red-500">*</span> </label> <input type="text" id="right-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="right-phone" class="block text-gray-700 mb-1 text-sm"> 电话:<span class="text-red-500">*</span> </label> <input type="tel" id="right-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="right-KindID" class="block text-gray-700 mb-2 text-sm"> 营销目标:<span class="text-red-500">*</span> </label> <select id="right-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 id="rightSubmitResult" 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> <div class="absolute -right-3 top-1/2 transform translate-y-[-50%] w-6 h-6 bg-white rotate-45 border-r border-t border-gray-100"></div> </div> </div> <section id="algorithms" class="py-16 md:py-20"> <div class="container mx-auto px-4 md:px-6"> <div class="text-center max-w-3xl mx-auto mb-16"> <h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold mb-4">百度SEO算法解析</h2> <p class="text-gray-600 text-lg">百度特有的算法体系决定了其优化逻辑,熟悉这些规则是获取良好排名的关键</p> </div> <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> <!-- 算法1:飓风算法 --> <div class="bg-white p-6 rounded-xl shadow-baidu border border-gray-100 transition-transform hover:-translate-y-1"> <div class="flex items-center mb-5"> <div class="w-12 h-12 rounded-lg gradient-bg flex items-center justify-center mr-4"> <i class="fa fa-search text-white text-xl"></i> </div> <h3 class="text-xl font-bold">飓风算法</h3> </div> <p class="text-gray-600 mb-3">针对低质采集内容的打击机制,重点识别网站内容原创度与价值度。</p> <div class="bg-light p-3 rounded-lg text-sm"> <p class="text-gray-700"><i class="fa fa-lightbulb-o text-baidu mr-2"></i>优化要点:提升内容原创比例,增加独立观点</p> </div> </div> <!-- 算法2:闪电算法 --> <div class="bg-white p-6 rounded-xl shadow-baidu border border-gray-100 transition-transform hover:-translate-y-1"> <div class="flex items-center mb-5"> <div class="w-12 h-12 rounded-lg gradient-bg flex items-center justify-center mr-4"> <i class="fa fa-bolt text-white text-xl"></i> </div> <h3 class="text-xl font-bold">闪电算法</h3> </div> <p class="text-gray-600 mb-3">强调页面加载速度,对首屏加载时间超过3秒的网站进行降权或减少露出几率。</p> <div class="bg-light p-3 rounded-lg text-sm"> <p class="text-gray-700"><i class="fa fa-lightbulb-o text-baidu mr-2"></i>优化要点:启用百度MIP,压缩图片与JS资源</p> </div> </div> <!-- 算法3:惊雷算法 --> <div class="bg-white p-6 rounded-xl shadow-baidu border border-gray-100 transition-transform hover:-translate-y-1"> <div class="flex items-center mb-5"> <div class="w-12 h-12 rounded-lg gradient-bg flex items-center justify-center mr-4"> <i class="fa fa-bomb text-white text-xl"></i> </div> <h3 class="text-xl font-bold">惊雷算法</h3> </div> <p class="text-gray-600 mb-3">打击SEO黑帽作弊,如通过点击器刷排名的作弊行为,重点监控异常点击流量与来源。</p> <div class="bg-light p-3 rounded-lg text-sm"> <p class="text-gray-700"><i class="fa fa-lightbulb-o text-baidu mr-2"></i>优化要点:避免点击作弊,确保流量自然增长</p> </div> </div> <!-- 算法4:蓝天算法 --> <div class="bg-white p-6 rounded-xl shadow-baidu border border-gray-100 transition-transform hover:-translate-y-1"> <div class="flex items-center mb-5"> <div class="w-12 h-12 rounded-lg gradient-bg flex items-center justify-center mr-4"> <i class="fa fa-cloud text-white text-xl"></i> </div> <h3 class="text-xl font-bold">蓝天算法</h3> </div> <p class="text-gray-600 mb-3">针对新闻源站点的低质内容与标题党进行整治,提升资讯内容质量。</p> <div class="bg-light p-3 rounded-lg text-sm"> <p class="text-gray-700"><i class="fa fa-lightbulb-o text-baidu mr-2"></i>优化要点:规范标题格式,确保新闻内容真实性与完整性</p> </div> </div> <!-- 算法5:石榴算法 --> <div class="bg-white p-6 rounded-xl shadow-baidu border border-gray-100 transition-transform hover:-translate-y-1"> <div class="flex items-center mb-5"> <div class="w-12 h-12 rounded-lg gradient-bg flex items-center justify-center mr-4"> <i class="fa fa-ban text-white text-xl"></i> </div> <h3 class="text-xl font-bold">石榴算法</h3> </div> <p class="text-gray-600 mb-3">重点打击含有大量弹窗广告、恶意代码的页面,保护用户体验。</p> <div class="bg-light p-3 rounded-lg text-sm"> <p class="text-gray-700"><i class="fa fa-lightbulb-o text-baidu mr-2"></i>优化要点:减少弹窗广告,确保广告面积不超过页面30%</p> </div> </div> <!-- 算法6:百度智能小程序 --> <div class="bg-white p-6 rounded-xl shadow-baidu border border-gray-100 transition-transform hover:-translate-y-1"> <div class="flex items-center mb-5"> <div class="w-12 h-12 rounded-lg gradient-bg flex items-center justify-center mr-4"> <i class="fa fa-mobile text-white text-2xl"></i> </div> <h3 class="text-xl font-bold">智能小程序权重</h3> </div> <p class="text-gray-600 mb-3">百度对自家小程序给予流量倾斜,移动端搜索展示优先级更高。</p> <div class="bg-light p-3 rounded-lg text-sm"> <p class="text-gray-700"><i class="fa fa-lightbulb-o text-baidu mr-2"></i>优化要点:开发百度智能小程序,实现内容与服务无缝对接</p> </div> </div> </div> </div> </section> <!-- 百度SEO核心策略 --> <section id="strategies" class="py-16 md:py-20 bg-white"> <div class="container mx-auto px-4 md:px-6"> <div class="text-center max-w-3xl mx-auto mb-16"> <h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold mb-4">百度SEO优化策略</h2> <p class="text-gray-600 text-lg">针对百度算法特点定制的实战方案,快速提升关键词排名与流量</p> </div> <div class="grid md:grid-cols-2 gap-x-12 gap-y-8"> <div class="space-y-8"> <!-- 策略1:关键词布局 --> <div class="bg-light p-6 rounded-xl shadow-baidu"> <!-- 图标+标题 上排 --> <div class="flex items-center gap-5 mb-4"> <div class="w-12 h-12 rounded-full gradient-bg flex items-center justify-center flex-shrink-0"> <i class="fa fa-tags text-white"></i> </div> <h3 class="text-xl font-bold">精准关键词布局</h3> </div> <!-- 段落文字 下排 --> <p class="text-gray-600">针对百度分词算法,在标题(H1)、首段(前100字)、图片ALT、URL中合理布局核心关键词,保持3%-5%的关键词密度,同时优化相关长尾词矩阵。</p> </div> <!-- 策略2:收录优化 --> <div class="bg-light p-6 rounded-xl shadow-baidu"> <!-- 图标+标题 上排 --> <div class="flex items-center gap-5 mb-4"> <div class="w-12 h-12 rounded-full gradient-bg flex items-center justify-center flex-shrink-0"> <i class="fa fa-check-square-o text-white"></i> </div> <h3 class="text-xl font-bold">快速收录机制</h3> </div> <!-- 段落文字 下排 --> <p class="text-gray-600">通过百度搜索资源平台提交URL,配置自动推送JS代码,建立规范的XML地图,每周更新原创内容2-3篇,提升百度蜘蛛抓取频率与收录效率。</p> </div> <!-- 策略3:权威背书 --> <div class="bg-light p-6 rounded-xl shadow-baidu"> <!-- 图标+标题 上排 --> <div class="flex items-center gap-5 mb-4"> <div class="w-12 h-12 rounded-full gradient-bg flex items-center justify-center flex-shrink-0"> <i class="fa fa-certificate text-white"></i> </div> <h3 class="text-xl font-bold">权威站点背书</h3> </div> <!-- 段落文字 下排 --> <p class="text-gray-600">获取百度新闻源、政府/教育机构(.gov/.edu)的外链,在百度百科、百度知道、百度经验建立品牌词条与内容矩阵,提升网站在百度体系内的权威度。</p> </div> </div> <div class="space-y-8"> <!-- 策略4:移动优化 --> <div class="bg-light p-6 rounded-xl shadow-baidu"> <!-- 图标+标题 上排 --> <div class="flex items-center gap-5 mb-4"> <div class="w-12 h-12 rounded-full gradient-bg flex items-center justify-center flex-shrink-0"> <i class="fa fa-mobile-phone text-2xl text-white"></i> </div> <h3 class="text-xl font-bold">移动体验优化</h3> </div> <!-- 段落文字 下排 --> <p class="text-gray-600">部署百度MIP(移动加速页面),优化触摸元素大小与间距,确保首屏加载时间<2秒,适配百度移动搜索特有的展现形式(如极速版、小程序)。</p> </div> <!-- 策略5:本地优化 --> <div class="bg-light p-6 rounded-xl shadow-baidu"> <!-- 图标+标题 上排 --> <div class="flex items-center gap-5 mb-4"> <div class="w-12 h-12 rounded-full gradient-bg flex items-center justify-center flex-shrink-0"> <i class="fa fa-map-marker text-white"></i> </div> <h3 class="text-xl font-bold">百度本地优化</h3> </div> <!-- 段落文字 下排 --> <p class="text-gray-600">完善百度地图商户信息,通过百度商家号发布动态,收集用户评价,优化"关键词+地区"组合词,抢占百度本地包(POI)展示位置。</p> </div> <!-- 策略6:算法适应 --> <div class="bg-light p-6 rounded-xl shadow-baidu"> <!-- 图标+标题 上排 --> <div class="flex items-center gap-5 mb-4"> <div class="w-12 h-12 rounded-full gradient-bg flex items-center justify-center flex-shrink-0"> <i class="fa fa-refresh text-white"></i> </div> <h3 class="text-xl font-bold">算法动态适应</h3> </div> <!-- 段落文字 下排 --> <p class="text-gray-600">建立百度算法监控机制,定期进行网站体检,规避低质内容、过度优化、弹窗广告等风险点,确保网站符合百度最新算法规则。</p> </div> </div> </div> </div> </section> <section class="py-16 bg-primary/5"> <div class="container mx-auto px-4 md:px-8 mb-12 text-center"> <h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-teal-900 mb-6 relative inline-block"> 我们的SEO服务流程 <span class="absolute -bottom-3 left-1/2 transform -translate-x-1/2 w-24 h-1 bg-purple-600 rounded-full"></span> </h2> <p class="text-lg text-slate-600 max-w-3xl mx-auto">为珠海企业提供科学规范的SEO专业服务,确保每一个环节都专业,高效,能为您带来良好的SEO效果</p> </div> <div class="container mx-auto px-4 md:px-8"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-6"> <!-- 步骤1 --> <div class="bg-white rounded-xl shadow-lg p-6 text-center card-hover relative overflow-hidden"> <div class="flex items-center justify-center mb-4"> <div class="w-9 h-9 bg-teal-100 rounded-full flex items-center justify-center text-teal-600 mr-3 text-xl font-bold">1</div> <h3 class="text-lg font-bold text-teal-900">需求分析</h3> </div> <p class="text-sm text-slate-600">深入了解您的业务目标、目标客户和竞争环境,明确SEO需求</p> </div> <!-- 步骤2 --> <div class="bg-white rounded-xl shadow-lg p-6 text-center card-hover relative overflow-hidden"> <div class="flex items-center justify-center mb-4"> <div class="w-9 h-9 bg-teal-100 rounded-full flex items-center justify-center text-teal-600 mr-3 text-xl font-bold">2</div> <h3 class="text-lg font-bold text-teal-900">网站诊断</h3> </div> <p class="text-sm text-slate-600">全面诊断SEO现状,分析技术问题、内容质量和现有排名情况</p> </div> <!-- 步骤3 --> <div class="bg-white rounded-xl shadow-lg p-6 text-center card-hover relative overflow-hidden"> <div class="flex items-center justify-center mb-4"> <div class="w-9 h-9 bg-teal-100 rounded-full flex items-center justify-center text-teal-600 mr-3 text-xl font-bold">3</div> <h3 class="text-lg font-bold text-teal-900">策略制定</h3> </div> <p class="text-sm text-slate-600">基于诊断结果,制定SEO策略:关键词、内容和技术方案</p> </div> <!-- 步骤4 --> <div class="bg-white rounded-xl shadow-lg p-6 text-center card-hover relative overflow-hidden"> <div class="flex items-center justify-center mb-4"> <div class="w-9 h-9 bg-teal-100 rounded-full flex items-center justify-center text-teal-600 mr-3 text-xl font-bold">4</div> <h3 class="text-lg font-bold text-teal-900">优化实施</h3> </div> <p class="text-sm text-slate-600">执行技术优化、内容创作和优化、链接建设等SEO措施</p> </div> <!-- 步骤5 --> <div class="bg-white rounded-xl shadow-lg p-6 text-center card-hover relative overflow-hidden"> <div class="flex items-center justify-center mb-4"> <div class="w-9 h-9 bg-teal-100 rounded-full flex items-center justify-center text-teal-600 mr-3 text-xl font-bold">5</div> <h3 class="text-lg font-bold text-teal-900">监测分析</h3> </div> <p class="text-sm text-slate-600">实时监测SEO排名、流量和转化数据,分析优化效果并改进</p> </div> <!-- 步骤6 --> <div class="bg-white rounded-xl shadow-lg p-6 text-center card-hover relative overflow-hidden"> <div class="flex items-center justify-center mb-4"> <div class="w-9 h-9 bg-teal-100 rounded-full flex items-center justify-center text-teal-600 mr-3 text-xl font-bold">6</div> <h3 class="text-lg font-bold text-teal-900">持续优化</h3> </div> <p class="text-sm text-slate-600"> 根据数据分析结果,持续调整优化策略,不断提升效果 </p> </div> </div> </div> </section> <section class="py-16 scroll-animate"> <div class="container mx-auto px-4"> <div class="max-w-4xl mx-auto text-center mb-16"> <h2 class="text-3xl font-bold mb-4 text-dark">专业SEO技术</h2> <p class="text-gray-600 max-w-2xl mx-auto">云无限为您提供定制化SEO解决方案,覆盖搜索引擎优化全领域 </p> </div> <div class="max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> <div class="bg-white p-8 rounded-xl shadow-md card-hover"> <div class="flex items-center gap-4 mb-6"> <div class="w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0"> <i class="fa fa-search text-2xl text-primary"></i> </div> <h3 class="text-xl font-bold text-primary">关键词策略规划</h3> </div> <p class="text-gray-600 mb-4">深入分析行业关键词竞争格局,挖掘高转化价值关键词,制定科学的关键词布局策略</p> <ul class="space-y-2 text-gray-600 mb-6"> <li class="flex items-start gap-2"> <i class="fa fa-check text-green-500 mt-1"></i> <span>竞争对手关键词分析</span> </li> <li class="flex items-start gap-2"> <i class="fa fa-check text-green-500 mt-1"></i> <span>长尾关键词挖掘</span> </li> <li class="flex items-start gap-2"> <i class="fa fa-check text-green-500 mt-1"></i> <span>关键词映射与布局</span> </li> </ul> </div> <div class="bg-white p-8 rounded-xl shadow-md card-hover"> <div class="flex items-center gap-4 mb-6"> <div class="w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0"> <i class="fa fa-users text-2xl text-primary"></i> </div> <h3 class="text-xl font-bold text-primary">技术SEO优化</h3> </div> <p class="text-gray-600 mb-4">全面检测网站技术问题,优化网站架构与性能,确保搜索引擎高效抓取与索引</p> <ul class="space-y-2 text-gray-600 mb-6"> <li class="flex items-start gap-2"> <i class="fa fa-check text-green-500 mt-1"></i> <span>网站爬虫可访问性优化</span> </li> <li class="flex items-start gap-2"> <i class="fa fa-check text-green-500 mt-1"></i> <span>页面加载速度优化</span> </li> <li class="flex items-start gap-2"> <i class="fa fa-check text-green-500 mt-1"></i> <span>结构化数据标记实施</span> </li> </ul> </div> <div class="bg-white p-8 rounded-xl shadow-md card-hover"> <div class="flex items-center gap-4 mb-6"> <div class="w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0"> <i class="fa fa-bullseye text-2xl text-primary"></i> </div> <h3 class="text-xl font-bold text-primary">内容策略优化</h3> </div> <p class="text-gray-600 mb-4">制定符合用户需求与搜索引擎偏好的内容策略,提升网站权威性与相关性</p> <ul class="space-y-2 text-gray-600 mb-6"> <li class="flex items-start gap-2"> <i class="fa fa-check text-green-500 mt-1"></i> <span>内容质量评估与优化</span> </li> <li class="flex items-start gap-2"> <i class="fa fa-check text-green-500 mt-1"></i> <span>内容创作与更新计划</span> </li> <li class="flex items-start gap-2"> <i class="fa fa-check text-green-500 mt-1"></i> <span>内链结构优化</span> </li> </ul> </div> <div class="bg-white p-8 rounded-xl shadow-md card-hover"> <div class="flex items-center gap-4 mb-6"> <div class="w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0"> <i class="fa fa-lightbulb-o text-2xl text-primary"></i> </div> <h3 class="text-xl font-bold text-primary">外链建设策略</h3> </div> <p class="text-gray-600 mb-4">获取高质量、高相关性的外部链接,提升网站域名权威度与搜索引擎信任度</p> <ul class="space-y-2 text-gray-600 mb-6"> <li class="flex items-start gap-2"> <i class="fa fa-check text-green-500 mt-1"></i> <span>竞争对手外链分析</span> </li> <li class="flex items-start gap-2"> <i class="fa fa-check text-green-500 mt-1"></i> <span>行业权威网站合作</span> </li> <li class="flex items-start gap-2"> <i class="fa fa-check text-green-500 mt-1"></i> <span>自然外链获取策略</span> </li> </ul> </div> <div class="bg-white p-8 rounded-xl shadow-md card-hover"> <div class="flex items-center gap-4 mb-6"> <div class="w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0"> <i class="fa fa-handshake-o text-2xl text-primary"></i> </div> <h3 class="text-xl font-bold text-primary">移动端SEO优化</h3> </div> <p class="text-gray-600 mb-4">针对移动搜索引擎特点,优化移动端用户体验与页面性能,提升移动搜索排名</p> <ul class="space-y-2 text-gray-600 mb-6"> <li class="flex items-start gap-2"> <i class="fa fa-check text-green-500 mt-1"></i> <span>移动友好性优化</span> </li> <li class="flex items-start gap-2"> <i class="fa fa-check text-green-500 mt-1"></i> <span>移动页面速度优化</span> </li> <li class="flex items-start gap-2"> <i class="fa fa-check text-green-500 mt-1"></i> <span>移动用户体验优化</span> </li> </ul> </div> <div class="bg-white p-8 rounded-xl shadow-md card-hover"> <div class="flex items-center gap-4 mb-6"> <div class="w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0"> <i class="fa fa-cogs text-2xl text-primary"></i> </div> <h3 class="text-xl font-bold text-primary">SEO数据分析</h3> </div> <p class="text-gray-600 mb-4">建立完善的SEO数据监控体系,提供专业数据分析报告,持续优化SEO策略</p> <ul class="space-y-2 text-gray-600 mb-6"> <li class="flex items-start gap-2"> <i class="fa fa-check text-green-500 mt-1"></i> <span>关键指标监控与分析</span> </li> <li class="flex items-start gap-2"> <i class="fa fa-check text-green-500 mt-1"></i> <span>定期SEO效果报告</span> </li> <li class="flex items-start gap-2"> <i class="fa fa-check text-green-500 mt-1"></i> <span>数据驱动的优化调整</span> </li> </ul> </div> </div> </div> </section> <section class="py-20 bg-white"> <div class="container mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center max-w-3xl mx-auto mb-16"> <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-dark mb-4">SEO实操:站内与站外双管齐下</h2> <p class="text-muted">云无限为您提供从代码到内容、从站内到站外、从排名到转化、构建全方位SEO优化体系</p> </div> <div class="grid grid-cols-1 lg:grid-cols-2 gap-12"> <!-- 站内SEO --> <div class="bg-gray-50 rounded-xl p-8"> <div class="flex items-center mb-8"> <div class="w-14 h-14 bg-primary/10 rounded-lg flex items-center justify-center mr-4"> <i class="fa fa-cogs text-primary text-2xl"></i> </div> <h3 class="text-2xl font-bold">站内SEO:优化网站"内功"</h3> </div> <div class="space-y-6"> <!-- TDK优化 --> <div class="bg-white p-6 rounded-lg shadow-sm"> <h4 class="font-bold text-dark mb-2 flex items-center"> <i class="fa fa-file-text-o text-primary mr-2"></i> TDK优化 </h4> <p class="text-muted text-sm">一次性完成页面标题(Title)、描述(Description)和关键词(Keywords)的合理部署,确保与页面内容高度匹配,符合搜索引擎抓取逻辑。</p> </div> <!-- 链接优化 --> <div class="bg-white p-6 rounded-lg shadow-sm"> <h4 class="font-bold text-dark mb-2 flex items-center"> <i class="fa fa-link text-primary mr-2"></i> 链接优化 </h4> <p class="text-muted text-sm"> 包含LOGO链接、导航链接、文章内链及外部链接的SEO设置,确保链接结构清晰、无死链,提升页面权重传递效率。 </p> </div> <!-- HTML优化 --> <div class="bg-white p-6 rounded-lg shadow-sm"> <h4 class="font-bold text-dark mb-2 flex items-center"> <i class="fa fa-code text-primary mr-2"></i> HTML优化 </h4> <p class="text-muted text-sm"> 优化H标签(层级清晰)、alt标签(图片说明)、strong标签(重点强调)等,让代码更符合搜索引擎解析规则。 </p> </div> <!-- 内容优化 --> <div class="bg-white p-6 rounded-lg shadow-sm"> <h4 class="font-bold text-dark mb-2 flex items-center"> <i class="fa fa-pencil text-primary mr-2"></i> 内容优化 </h4> <p class="text-muted text-sm mb-4"> 固定内容与关键词匹配,动态内容提升蜘蛛抓取率;降低内容重合度,确保标题、摘要、正文的关键词相关性。 </p> <div class="bg-gray-50 p-4 rounded-md text-sm"> <p class="text-red-500 mb-2 font-bold">向搜索引擎要流量要订单的核心原则:</p> <p class="text-muted">不仅要提炼文章思想、总结摘要,还要阐述作者的观点。围绕关键词相关性总结内容,让内容具备可读性和SEO匹配规则。</p> </div> </div> <!-- 标题优化 --> <div class="bg-white p-6 rounded-lg shadow-sm"> <h4 class="font-bold text-dark mb-2 flex items-center"> <i class="fa fa-header text-primary mr-2"></i> 标题优化 </h4> <p class="text-muted text-sm"> 标题要包含与主题相关的关键词,要有高度的总结性、概括性,能表达出文章主旨思想。标题字数控制在24字内效果最佳,既保证信息完整又不会被搜索引擎截断。 </p> </div> </div> </div> <!-- 站外SEO --> <div class="bg-gray-50 rounded-xl p-8"> <div class="flex items-center mb-8"> <div class="w-14 h-14 bg-secondary/10 rounded-lg flex items-center justify-center mr-4"> <i class="fa fa-google text-accent text-2xl"></i> </div> <h3 class="text-2xl font-bold">站外SEO:提升网站"SEO权重"</h3> </div> <div class="space-y-6"> <!-- 外链分析 --> <div class="bg-white p-6 rounded-lg shadow-sm"> <h4 class="font-bold text-dark mb-2 flex items-center"> <i class="fa fa-search-plus text-accent mr-2"></i> 外链分析 </h4> <p class="text-muted text-sm"> 全面检测现有外链质量,识别单链、空链、#号链及来自降权网站的外链。过滤无效链接或降权外链,避免被搜索引擎判定为垃圾链接策略。 </p> </div> <!-- 外链建设 --> <div class="bg-white p-6 rounded-lg shadow-sm"> <h4 class="font-bold text-dark mb-2 flex items-center"> <i class="fa fa-link text-accent mr-2"></i> 外链建设 </h4> <p class="text-muted text-sm"> 选择高权重、高相关性网站进行友情链接交换,提升网站权重。优先选择同行业、权威媒体及PR值较高的网站建立外链,形成自然的外链增长模式。 </p> </div> <!-- 外链维护 --> <div class="bg-white p-6 rounded-lg shadow-sm"> <h4 class="font-bold text-dark mb-2 flex items-center"> <i class="fa fa-refresh text-accent mr-2"></i> 外链维护 </h4> <p class="text-muted text-sm"> 定期诊断与查验外链网站的状况,监控外链存活情况与质量变化。及时剔除搜索蜘蛛无法识别和对本网站有害的链接,保持外链 profile 的健康度。 </p> </div> <!-- 蜘蛛收录引导 --> <div class="bg-white p-6 rounded-lg shadow-sm"> <h4 class="font-bold text-dark mb-2 flex items-center"> <i class="fa fa-spider text-accent mr-2"></i> 蜘蛛收录引导 </h4> <p class="text-muted text-sm"> 通过提交搜索引擎、高权重外链引导等方式,快速吸引蜘蛛抓取页面,形成快照,为排名奠定基础。 </p> </div> <!-- 品牌曝光 --> <div class="bg-white p-6 rounded-lg shadow-sm"> <h4 class="font-bold text-dark mb-2 flex items-center"> <i class="fa fa-bullhorn text-accent mr-2"></i> 品牌曝光 </h4> <p class="text-muted text-sm"> 通过行业平台、软文发布等方式提升品牌曝光度,引导用户搜索品牌词,间接提升网站整体权重。 </p> </div> <div class="bg-white p-6 rounded-lg shadow-sm"> <h4 class="font-bold text-dark mb-2 flex items-center"> <i class="fa fa-bullhorn text-accent mr-2"></i> SEO策略 </h4> <p class="text-muted text-sm">通过优化网站让搜索引擎精准匹配给有需求的用户 —— 本质是 "用户需求→网站价值→搜索引擎识别" 的三方匹配。 </p> </div> </div> </div> </div> <!-- 内容优化核心技巧 --> <div class="mt-16 bg-primary/5 rounded-xl p-8"> <h3 class="text-2xl font-bold text-dark mb-6 flex items-center"> <i class="fa fa-file-text text-primary mr-3"></i> 网站内容优化9大核心技巧 </h3> <div class="grid grid-cols-1 md:grid-cols-3 gap-4"> <div class="bg-white p-4 rounded-lg shadow-sm"> <p class="text-sm text-muted">1. 降低文章内容在搜索结果的重合度。尤其是文章标题、段落主题、内容摘要等;</p> </div> <div class="bg-white p-4 rounded-lg shadow-sm"> <p class="text-sm text-muted">2. 标题包含关键词(可包含部分或完整匹配)字数控制在24字内,,标题与内容相呼应;</p> </div> <div class="bg-white p-4 rounded-lg shadow-sm"> <p class="text-sm text-muted">3. 提炼的文章概要控制在100字内,包含关键词且与关键词有相关性才更容易被搜索匹配;</p> </div> <div class="bg-white p-4 rounded-lg shadow-sm"> <p class="text-sm text-muted">4. 新文章不要增加锚文本超链接,等文章快照有排名后再扩充锚文本链接,循序渐进增加;</p> </div> <div class="bg-white p-4 rounded-lg shadow-sm"> <p class="text-sm text-muted">5. 文章内容与标题关键词相呼应,建立关联,也可根据关键词扩充有关的内容;</p> </div> <div class="bg-white p-4 rounded-lg shadow-sm"> <p class="text-sm text-muted">6. 文章中的图片最好增加alt属性,图片不要失真和变形,宽度大于500px更优机会抢占搜索快照缩略图;</p> </div> <div class="bg-white p-4 rounded-lg shadow-sm"> <p class="text-sm text-muted">7. 文章排版合理、段落分明、段落主题用H标签加强,段落内容用span或p标签区分;</p> </div> <div class="bg-white p-4 rounded-lg shadow-sm"> <p class="text-sm text-muted">8. 发布文章后先引导收录。如提交搜索引擎登录、合理使用有排名的内部链接引导,更便于搜索蜘蛛抓取;</p> </div> <div class="bg-white p-4 rounded-lg shadow-sm"> <p class="text-sm text-muted">9. 如果文章7天还没有收录,就要提升文章内容质量再发布,分析搜索蜘蛛抓取日志,增强更新频率;</p> </div> </div> </div> </div> </section> <!-- 关键词快照优化与托管服务 --> <section class="py-20 bg-gray-50"> <div class="container mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center"> <div> <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-dark mb-6">快照优化:精准提升展现效果</h2> <p class="text-muted mb-8"> 云无限的优化流程基于《百度搜索引擎优化指南2.0》与《网页内容质量白皮书》对网站进行规范化调整,提升百度蜘蛛的抓取效率,收录效率,排名展现效率和有效点击的效率。SEO效果持续有保障... </p> <div class="space-y-6"> <div class="flex items-start"> <div class="w-10 h-10 gradient-bg rounded-full flex items-center justify-center mr-4 flex-shrink-0 mt-1"> <i class="fa fa-image text-white"></i> </div> <div> <h4 class="font-bold text-primary mb-1">增加快照缩略图</h4> <p class="text-muted text-sm"> 优化图片属性与尺寸,抢占搜索左侧缩略图展示位,增强标题醒目性与内容吸引力,提升点击率。 </p> </div> </div> <div class="flex items-start"> <div class="w-10 h-10 gradient-bg rounded-full flex items-center justify-center mr-4 flex-shrink-0 mt-1"> <i class="fa fa-exchange text-white"></i> </div> <div> <h4 class="font-bold text-primary mb-1">快照相关性分析</h4> <p class="text-muted text-sm"> 通过site指令找到排名不理想的快照,提升内容相关性、增强关键词索引快照。 <a href="#about" class="text-primary ml-2">联系客服</a> </p> </div> </div> <div class="flex items-start"> <div class="w-10 h-10 gradient-bg rounded-full flex items-center justify-center mr-4 flex-shrink-0 mt-1"> <i class="fa fa-bar-chart text-white"></i> </div> <div> <h4 class="font-bold text-primary mb-1">展现与点击分析</h4> <p class="text-muted text-sm"> 识别"有展现无点击"的关键词,优化标题与描述;分析点击数据,增强有效点击率。 <a href="#about" class="text-primary ml-2">联系客服</a> </p> </div> </div> <div class="flex items-start"> <div class="w-10 h-10 gradient-bg rounded-full flex items-center justify-center mr-4 flex-shrink-0 mt-1"> <i class="fa fa-user text-white"></i> </div> <div> <h4 class="font-bold text-primary mb-1">访客来路分析</h4> <p class="text-muted text-sm"> 定位高访问量地区、核心访问页面与转化情况,建立精准的用户画像,指导优化方向。 <a href="#about" class="text-primary ml-2">联系客服</a> </p> </div> </div> </div> <!-- 搜索诊断与快照优化 --> <div class="mt-10 bg-white p-6 rounded-xl shadow-sm border border-gray-100"> <h3 class="text-xl font-bold mb-4 flex items-center"> <i class="fa fa-stethoscope text-primary mr-3"></i> 搜索诊断与快照优化 </h3> <p class="text-muted mb-4"> 云无限为企业提供SEO诊断服务:全面检测网站在搜索引擎中的表现,包括索引状态、排名波动、点击数据等关键指标。通过系统化诊断找出影响快照质量的因素,实施针对性优化方案。 </p> <a href="#about" class="inline-flex items-center text-primary font-medium hover:underline"> 了解详细诊断流程 <i class="fa fa-long-arrow-right ml-2"></i> </a> </div> </div> <!-- 托管代运营 --> <div class="bg-white rounded-xl overflow-hidden shadow-lg"> <div class="h-20 bg-gradient-to-r from-primary to-secondary relative"> <div class="absolute inset-0 flex items-center justify-center"> <h3 class="text-3xl font-bold text-white text-shadow">云无限代运营</h3> </div> </div> <div class="p-8"> <p class="text-dark font-medium mb-6 text-lg">流量易得,留量难求?云无限保姆级托管</p> <!-- 企业痛点 --> <h4 class="font-bold text-dark mb-4 flex items-center"> <i class="fa fa-exclamation-triangle text-accent mr-2"></i> 企业常见SEO痛点 </h4> <ul class="space-y-3 mb-8"> <li class="flex items-start text-muted"> <i class="fa fa-times-circle text-red-400 mt-1 mr-3"></i> <span>获客成本高,账户流量波动大</span> </li> <li class="flex items-start text-muted"> <i class="fa fa-times-circle text-red-400 mt-1 mr-3"></i> <span>关键词无排名,有排名没转化</span> </li> <li class="flex items-start text-muted"> <i class="fa fa-times-circle text-red-400 mt-1 mr-3"></i> <span>运营全凭感觉,无系统执行方案</span> </li> <li class="flex items-start text-muted"> <i class="fa fa-times-circle text-red-400 mt-1 mr-3"></i> <span>无专业团队,自建留不住、养不起</span> </li> <li class="flex items-start text-muted"> <i class="fa fa-times-circle text-red-400 mt-1 mr-3"></i> <span>网站形象差,内容陈旧无转化</span> </li> <li class="flex items-start text-muted"> <i class="fa fa-times-circle text-red-400 mt-1 mr-3"></i> <span>投广告没差异化卖点,等于白白烧钱</span> </li> </ul> <!-- 解决方案 --> <h4 class="font-bold text-dark mb-4 flex items-center"> <i class="fa fa-check-circle text-green-500 mr-2"></i> 云无限的托管服务 </h4> <ul class="space-y-3 mb-8"> <li class="flex items-start text-muted"> <i class="fa fa-check text-green-500 mt-1 mr-3"></i> <span>提炼产品卖点,提升品牌形象</span> </li> <li class="flex items-start text-muted"> <i class="fa fa-check text-green-500 mt-1 mr-3"></i> <span>优化用户体验,直达转化落地页</span> </li> <li class="flex items-start text-muted"> <i class="fa fa-check text-green-500 mt-1 mr-3"></i> <span>资深优化师+运维专家全程服务</span> </li> <li class="flex items-start text-muted"> <i class="fa fa-check text-green-500 mt-1 mr-3"></i> <span>数据驱动优化,效果可追踪可量化</span> </li> <li class="flex items-start text-muted"> <i class="fa fa-check text-green-500 mt-1 mr-3"></i> <span>定期内容更新,保持网站活跃度</span> </li> </ul> <a href="#about" class="block w-full bg-primary hover:bg-primary/90 text-white text-center px-6 py-3 rounded-lg font-medium transition-colors"> 咨询托管方案 </a> </div> </div> </div> </div> </section> <!-- 团队介绍 --> <section id="team" 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-3xl font-bold mb-4 text-dark">云无限团队</h2> <p class="text-gray-600 max-w-2xl mx-auto">云无限用自研的AISEO系统帮你做搜索引擎优化,提升关键词排名和客户转化</p> </div> <div class="max-w-6xl mx-auto grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8"> <!-- 团队成员1 --> <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover"> <div class="relative"> <img src="/font-awesome@4.7.0/logo/team01.jpg" alt="云无限创始人:开耳" class="w-full h-72 object-cover"> <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-4"> <h3 class="text-white font-bold text-lg">开耳</h3> <p class="text-white/80 text-sm">创始人兼CEO</p> </div> </div> <div class="p-6"> <p class="text-gray-600 text-sm mb-4"> 20年数字营销经验,曾任职于TCL公司,云优化软件创始人,专注于战略规划和业务发展。 </p> <div class="flex space-x-3"> <a href="#about" class="text-gray-400 hover:text-primary transition-colors"> <i class="fa fa-linkedin"></i> </a> <a href="#about" class="text-gray-400 hover:text-primary transition-colors"> <i class="fa fa-weixin"></i> </a> <a href="#about" class="text-gray-400 hover:text-primary transition-colors"> <i class="fa fa-envelope"></i> </a> </div> </div> </div> <!-- 团队成员2 --> <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover"> <div class="relative"> <img src="/font-awesome@4.7.0/logo/team02.jpg" alt="小高- SEO总监" class="w-full h-72 object-cover"> <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-4"> <h3 class="text-white font-bold text-lg">小高</h3> <p class="text-white/80 text-sm">技术总监</p> </div> </div> <div class="p-6"> <p class="text-gray-600 text-sm mb-4"> 15年SEO经验,搜索引擎优化专家,熟悉各大搜索引擎算法,曾帮多家企业实现流量增长10倍以上。 </p> <div class="flex space-x-3"> <a href="#about" class="text-gray-400 hover:text-primary transition-colors"> <i class="fa fa-linkedin"></i> </a> <a href="#about" class="text-gray-400 hover:text-primary transition-colors"> <i class="fa fa-weixin"></i> </a> <a href="#about" class="text-gray-400 hover:text-primary transition-colors"> <i class="fa fa-envelope"></i> </a> </div> </div> </div> <!-- 团队成员3 --> <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover"> <div class="relative"> <img src="/font-awesome@4.7.0/logo/team03.jpg" alt="索超 - 新媒体事业部经理" class="w-full h-72 object-cover"> <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-4"> <h3 class="text-white font-bold text-lg">索超</h3> <p class="text-white/80 text-sm">新媒体事业部经理</p> </div> </div> <div class="p-6"> <p class="text-gray-600 text-sm mb-4"> 19年新媒体运营经验,擅长内容策划和用户增长,曾运营多个百万粉丝账号,熟悉各类社交平台规则。 </p> <div class="flex space-x-3"> <a href="#about" class="text-gray-400 hover:text-primary transition-colors"> <i class="fa fa-linkedin"></i> </a> <a href="#about" class="text-gray-400 hover:text-primary transition-colors"> <i class="fa fa-weixin"></i> </a> <a href="#about" class="text-gray-400 hover:text-primary transition-colors"> <i class="fa fa-envelope"></i> </a> </div> </div> </div> <!-- 团队成员4 --> <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover"> <div class="relative"> <img src="/font-awesome@4.7.0/logo/team04.jpg" alt="海龙 - 客户总监" class="w-full h-72 object-cover"> <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-4"> <h3 class="text-white font-bold text-lg">海龙</h3> <p class="text-white/80 text-sm">客户总监</p> </div> </div> <div class="p-6"> <p class="text-gray-600 text-sm mb-4"> 18年客户服务经验,擅长客户需求分析和项目管理,注重客户体验,为客户提供专业的营销咨询服务。 </p> <div class="flex space-x-3"> <a href="#about" class="text-gray-400 hover:text-primary transition-colors"> <i class="fa fa-linkedin"></i> </a> <a href="#about" class="text-gray-400 hover:text-primary transition-colors"> <i class="fa fa-weixin"></i> </a> <a href="#about" class="text-gray-400 hover:text-primary transition-colors"> <i class="fa fa-envelope"></i> </a> </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-6xl mx-auto bg-white rounded-2xl shadow-xl overflow-hidden"> <div class="grid grid-cols-1 lg:grid-cols-2"> <div class="p-8 lg:p-12 gradient-bg text-white"> <h2 class="text-3xl font-bold mb-8">云无限的使命与愿景</h2> <div class="space-y-8"> <div> <h3 class="text-xl font-bold mb-4 flex items-center"> <i class="fa fa-bullseye mr-3"></i> 我们的使命 </h3> <p class="opacity-90 leading-relaxed"> 赋能企业数字化转型,通过专业的数字营销服务,帮助企业在互联网时代提升品牌影响力,获取更多客户,实现业务增长。 </p> </div> <div> <h3 class="text-xl font-bold mb-4 flex items-center"> <i class="fa fa-eye mr-3"></i> 我们的愿景 </h3> <p class="opacity-90 leading-relaxed"> 成为中国领先的数字营销服务提供商,以专业、创新、诚信的服务赢得客户信赖,与客户共同成长,创造更大价值。 </p> </div> <div class="grid grid-cols-2 gap-6 mb-8"> <div class="bg-primary/5 p-5 rounded-xl"> <div class="text-2xl font-bold text-secondary mb-2">搜到你</div> <p class="text-dark/70 text-white">让用户搜到你</p> </div> <div class="bg-primary/5 p-5 rounded-xl"> <div class="text-2xl font-bold text-secondary mb-2">了解你</div> <p class="text-dark/70 text-white">让用户了解你</p> </div> <div class="bg-primary/5 p-5 rounded-xl"> <div class="text-2xl font-bold text-secondary mb-2">信任你</div> <p class="text-dark/70 text-white">让用户信任你</p> </div> <div class="bg-primary/5 p-5 rounded-xl"> <div class="text-2xl font-bold text-secondary mb-2">选择你</div> <p class="text-dark/70 text-white">让用户选择你</p> </div> </div> <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6 gap-8 items-center justify-items-center"> <div class="text-center opacity-70 hover:opacity-100 transition-opacity"> <i class="fa fa-google text-4xl mb-2"></i> <p>门户</p> </div> <div class="text-center opacity-70 hover:opacity-100 transition-opacity"> <i class="fa fa-newspaper-o text-4xl mb-2"></i> <p>媒体</p> </div> <div class="text-center opacity-70 hover:opacity-100 transition-opacity"> <i class="fa fa-weibo text-4xl mb-2"></i> <p>社交</p> </div> <div class="text-center opacity-70 hover:opacity-100 transition-opacity"> <i class="fa fa-video-camera text-4xl mb-2"></i> <p>短视频</p> </div> <div class="text-center opacity-70 hover:opacity-100 transition-opacity"> <i class="fa fa-book text-4xl mb-2"></i> <p>问答</p> </div> <div class="text-center opacity-70 hover:opacity-100 transition-opacity"> <i class="fa fa-caret-square-o-right text-4xl mb-2"></i> <p>自媒体</p> </div> </div> </div> </div> <div class="p-8 lg:p-12"> <h2 class="text-3xl font-bold text-primary mb-8">云无限的价值观</h2> <div class="space-y-6"> <div class="flex"> <div class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mr-4 flex-shrink-0"> <span class="text-primary font-bold">01</span> </div> <div> <h3 class="text-lg font-bold text-gray-800 mb-2">客户至上</h3> <p class="text-gray-600">始终以客户需求为中心,提供超出期望的服务和价值</p> </div> </div> <div class="flex"> <div class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mr-4 flex-shrink-0"> <span class="text-primary font-bold">02</span> </div> <div> <h3 class="text-lg font-bold text-gray-800 mb-2">专业严谨</h3> <p class="text-gray-600">保持专业态度,严谨对待每一个项目,追求卓越品质</p> </div> </div> <div class="flex"> <div class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mr-4 flex-shrink-0"> <span class="text-primary font-bold">03</span> </div> <div> <h3 class="text-lg font-bold text-gray-800 mb-2">创新进取</h3> <p class="text-gray-600">不断学习和创新,探索更有效的营销方法和技术</p> </div> </div> <div class="flex"> <div class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mr-4 flex-shrink-0"> <span class="text-primary font-bold">04</span> </div> <div> <h3 class="text-lg font-bold text-gray-800 mb-2">诚信负责</h3> <p class="text-gray-600">坚持诚信原则,对客户负责,对结果负责,对团队负责</p> </div> </div> <div class="flex"> <div class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mr-4 flex-shrink-0"> <span class="text-primary font-bold">05</span> </div> <div> <h3 class="text-lg font-bold text-gray-800 mb-2">协作共赢</h3> <p class="text-gray-600">重视团队协作,与客户建立长期合作关系,实现共同发展</p> </div> </div> <div class="h-36"> <canvas id="rankingChart"></canvas> </div> </div> </div> </div> </div> </div> </section> <!-- 合作伙伴 --> <section class="py-20 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-3xl font-bold mb-4 text-dark">我们的合作伙伴</h2> <p class="text-gray-600 max-w-2xl mx-auto">多年来,我们与众多优秀企业建立了长期稳定的合作关系,共同成长</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/logo/partner23.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/partner32.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/partner33.png" alt="一诺生物"> </div> </div> </div> </section> <!-- 订阅区域 --> <section id="demo" class="gradient-bg text-white pt-32 pb-20 md:pt-40 md:pb-32 relative overflow-hidden"> <div class="container mx-auto px-4 sm:px-6 lg:px-8"> <div class="max-w-3xl mx-auto text-center fade-in-section"> <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-6">立即获取免费AI营销方案</h2> <p class="text-white/90 mb-8 text-lg"> 填写下方表单,为您提供专属的AI营销解决方案,帮助您的企业实现营销自动化,提升竞争力。 </p> <div class="flex flex-col sm:flex-row justify-center gap-4"> <a href="#about" class="bg-white text-primary hover:bg-white/90 px-8 py-4 rounded-lg font-semibold text-center transition-all transform hover:scale-105 shadow-lg"> 立即咨询 </a> <a href="List_46_21.html" class="bg-white/10 backdrop-blur-sm hover:bg-white/20 text-white border border-white/30 px-8 py-4 rounded-lg font-semibold text-center transition-all"> 了解更多服务 </a> </div> </div> </div> </section> <!-- 关于我们与联系我们 --> <section id="about" class="py-20 bg-white"> <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="/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"> 云无限依托自研AISEO系统,为企业提供营销、运营及数据分析全场景支持,构建"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> <!-- links --> <section class="py-16 bg-light"> <div class="container mx-auto px-4"> <h2 class="text-2xl font-bold text-primary mb-8">Tags</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="/sitemap.html" 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#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="/seo.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号-9</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="/ywx/seohelp6.html" class="text-gray-500 hover:text-gray-300 text-sm">SEO诊断</a> </div> </div> </div> </div> </footer> <!-- JavaScript --> <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'); } // 绑定弹窗按钮事件(原逻辑不变) 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'); // 返回顶部按钮显示逻辑由滚动事件控制,这里不强制显示 } } // 初始化适配 fixMobileAdaptation(); // 窗口大小变化时重新适配 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'); } }; } // 初始化图表(兼容DW的Canvas处理) function initCharts() { // 检查Chart对象是否加载(解决DW预览时可能的加载顺序问题) if (typeof Chart === 'undefined') { // 延迟重试,确保Chart.js加载完成 setTimeout(initCharts, 200); return; } // 关键词排名趋势图 var rankingCanvas = document.getElementById('rankingChart'); if (rankingCanvas && rankingCanvas.getContext) { var rankingCtx = rankingCanvas.getContext('2d'); new Chart(rankingCtx, { type: 'line', data: { labels: ['1月', '2月', '3月', '4月', '5月', '6月'], datasets: [{ label: 'TOP 10 关键词', data: [8, 15, 23, 35, 42, 58], borderColor: '#165DFF', backgroundColor: 'rgba(22, 93, 255, 0.1)', tension: 0.4, fill: true }, { label: 'TOP 100 关键词', data: [35, 62, 98, 156, 210, 285], borderColor: '#7B61FF', backgroundColor: 'rgba(123, 97, 255, 0.1)', tension: 0.4, fill: true }] }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'top', } }, scales: { y: { beginAtZero: true } } } }); } // 网站流量增长图 var trafficCanvas = document.getElementById('trafficChart'); if (trafficCanvas && trafficCanvas.getContext) { var trafficCtx = trafficCanvas.getContext('2d'); new Chart(trafficCtx, { type: 'bar', data: { labels: ['1月', '2月', '3月', '4月', '5月', '6月'], datasets: [{ label: '自然搜索流量', data: [1200, 1900, 2800, 4200, 5600, 7800], backgroundColor: '#165DFF' }, { label: '直接访问', data: [500, 700, 950, 1200, 1600, 2100], backgroundColor: '#FF7D00' }, { label: '外部链接', data: [300, 450, 650, 900, 1200, 1800], backgroundColor: '#7B61FF' }] }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'top', } }, scales: { y: { beginAtZero: true } } } }); } } // 兼容旧浏览器的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(); } } </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>