芜湖服务器商SEO优化方案：提升网站排名、流量与转化率-云主机测评网

摘要

目录导航一、本地化关键词策略与内容优化二、网站技术架构优化三、用户体验与转化率提升四、外部资源与数据监测一、本地化关键词策略与内容优化针对芜湖服务器商行业特性，需优先挖掘包含地域属性的核心关键词，例如“芜湖服务器托管”“安徽IDC服务商”等，结合长尾词如“芜湖高防服务器价格”“企业级云服务器配置方案”精准覆…...

一、本地化关键词策略与内容优化

针对芜湖服务器商行业特性，需优先挖掘包含地域属性的核心关键词，例如“芜湖服务器托管”“安徽IDC服务商”等，结合长尾词如“芜湖高防服务器价格”“企业级云服务器配置方案”精准覆盖用户搜索需求。通过百度关键词规划工具筛选搜索量500+、竞争度适中的关键词，在标题标签（）、H1标签及正文首段自然布局，密度控制在1.5%-2.5%。</p> <p style="text-align: center"><img src="/upload/article/20250521/081240682d1a784ab37Ufi8TT.jpg" alt="芜湖服务器商SEO优化方案：提升网站排名、流量与转化率" title="芜湖服务器商SEO优化方案：提升网站排名、流量与转化率" width="600" height="400" /></p> <p>内容创作需遵循以下原则：</p> <ul> <li>每月发布3篇以上技术解析类原创文章，如《芜湖数据中心建设标准解读》</li> <li>嵌入本地案例，例如“芜湖某制造企业服务器迁移方案”</li> <li>采用问答形式解决常见问题，提升页面停留时长</li> </ul> </section> <section id="section-2"> <h2>二、网站<span class="wpcom_tag_link"><a href="https://www.yunzhuji.net/tag/%e6%8a%80%e6%9c%af%e6%9e%b6%e6%9e%84" title="技术架构" target="_blank">技术架构</a></span>优化</h2> <p>服务器性能直接影响SEO效果，需实现以下技术指标：</p> <ol> <li>TTFB（首字节时间）控制在400ms以内，通过CDN加速静态资源</li> <li>启用HTTP/2协议提升并发加载效率</li> <li>结构化数据标记（Schema）标注企业地址、服务范围等本地信息</li> </ol> <figure><figcaption>移动端性能优化标准</figcaption><table> <tr> <th>指标</th> <th>达标值</th> </tr> <tr> <td>LCP</td> <td><2.5s</td> </tr> <tr> <td>FID</td> <td><100ms</td> </tr> <tr> <td>CLS</td> <td><0.1</td> </tr> </table> </figure> </section> <section id="section-3"> <h2>三、用户体验与转化率提升</h2> <p>优化询价表单设计时需注意：</p> <ul> <li>字段数量控制在5项以内，必填项不超过3个</li> <li>增加实时在线客服入口，响应时间<30秒</li> <li>案例展示模块采用对比图形式，如“优化前后服务器延迟对比”</li> </ul> <p>页面布局遵循F型视觉模型，核心服务板块置于首屏，使用进度条可视化服务器配置流程，降低用户认知成本。</p> </section> <section id="section-4"> <h2>四、外部资源与数据监测</h2> <p>建立高质量外链网络：</p> <ol> <li>与“芜湖市互联网协会”等本地权威平台交换友链</li> <li>在知乎专栏发布《华东地区服务器选型指南》技术白皮书</li> <li>参与行业论坛如IDC圈的技术答疑</li> </ol> <p>配置百度统计+Google Analytics双数据平台，重点关注：</p> <ul> <li>关键词排名波动（每周环比分析）</li> <li>跳出率高于70%的页面重构</li> <li>移动端转化漏斗优化</li> </ul> </section> <section> <p>芜湖服务器商的<span class="wpcom_tag_link"><a href="https://www.yunzhuji.net/tag/seo%e4%bc%98%e5%8c%96" title="SEO优化" target="_blank">SEO优化</a></span>需构建“技术+内容+体验”三角体系，通过本地化关键词渗透降低获客成本，结合TTFB优化提升搜索引擎信任度，最终以数据驱动实现ROI最大化。持续监测搜索算法更新，重点布局语音搜索适配与AI客服系统，巩固行业竞争壁垒。</p> </section> </article></div></div> <div class="tag-list"> <a class="li" href="https://www.yunzhuji.net/tag/seo%E4%BC%98%E5%8C%96/" target="_blank" title="seo优化">seo优化</a> <a class="li" href="https://www.yunzhuji.net/tag/%E6%8A%80%E6%9C%AF%E6%9E%B6%E6%9E%84/" target="_blank" title="技术架构">技术架构</a> <a class="li" href="https://www.yunzhuji.net/tag/%E6%B5%81%E9%87%8F%E8%BD%AC%E5%8C%96/" target="_blank" title="流量转化">流量转化</a> <a class="li" href="https://www.yunzhuji.net/tag/%E7%BD%91%E7%AB%99%E6%8E%92%E5%90%8D/" target="_blank" title="网站排名">网站排名</a> <a class="li" href="https://www.yunzhuji.net/tag/%E8%8A%9C%E6%B9%96%E6%9C%8D%E5%8A%A1%E5%99%A8%E5%95%86/" target="_blank" title="芜湖服务器商">芜湖服务器商</a> </div> <div class="declare"> 声明：文章不代表云主机测评网观点及立场，不构成本平台任何投资建议。投资决策需建立在独立思考之上，本文内容仅供参考，风险自担！转载请注明出处！侵权必究！ </div>  <div class="related-read"> <div class="head"> <div class="title">相关阅读</div> </div> <div class="article-box bgfff"> <div class="list-box"> <div class="list on"> <div class="li"> <a href="https://www.yunzhuji.net/kahao/630834.html" title="破解占星卡流量瓶颈：SEO优化+精准引流避坑指南" target="_blank"> <img class="img" src="/upload/article/20250524/2245076831db7396885Dvcu3c.jpg" alt="破解占星卡流量瓶颈：SEO优化+精准引流避坑指南"> </a> <div class="info"> <a class="title ellipsis" href="https://www.yunzhuji.net/kahao/630834.html" target="_blank" title="破解占星卡流量瓶颈：SEO优化+精准引流避坑指南">破解占星卡流量瓶颈：SEO优化+精准引流避坑指南</a> <div class="intro ellipsis-2">本文系统解析占星卡类目流量瓶颈突破方案，提出包含金字塔关键词模型、技术架构优化矩阵、智能风险预警系统的完整解决方案，通过诊断工具锁定42%未收录...</div> <div class="msg flex flex-pack-justify"> <div class="txt"> <a href="https://www.yunzhuji.net/kahao/" target="_blank" title="卡号问题"> <span class="tag">卡号问题</span> </a> <span>05-24</span> </div> <div class="num txt"> <img class="icon" src="/view/blog_block/images/icon_eye.png" alt="浏览量"> <span>926</span> </div> </div> </div> </div> <div class="li"> <a href="https://www.yunzhuji.net/kahao/630271.html" title="知乎流量卡推广教程：高效引流方法与精准用户获取策略" target="_blank"> <img class="img" src="/pic/17_630271.jpg" alt="知乎流量卡推广教程：高效引流方法与精准用户获取策略"> </a> <div class="info"> <a class="title ellipsis" href="https://www.yunzhuji.net/kahao/630271.html" target="_blank" title="知乎流量卡推广教程：高效引流方法与精准用户获取策略">知乎流量卡推广教程：高效引流方法与精准用户获取策略</a> <div class="intro ellipsis-2">本教程系统解析知乎流量卡推广的全流程方法论，涵盖账号权重提升、关键词布局策略、精准用户触达路径及数据优化体系，通过威尔逊算法与盐值分运营机制...</div> <div class="msg flex flex-pack-justify"> <div class="txt"> <a href="https://www.yunzhuji.net/kahao/" target="_blank" title="卡号问题"> <span class="tag">卡号问题</span> </a> <span>05-24</span> </div> <div class="num txt"> <img class="icon" src="/view/blog_block/images/icon_eye.png" alt="浏览量"> <span>906</span> </div> </div> </div> </div> <div class="li"> <a href="https://www.yunzhuji.net/kahao/628629.html" title="监控流量卡生成技巧：选词策略与高效避坑指南" target="_blank"> <img class="img" src="/pic/17_628629.jpg" alt="监控流量卡生成技巧：选词策略与高效避坑指南"> </a> <div class="info"> <a class="title ellipsis" href="https://www.yunzhuji.net/kahao/628629.html" target="_blank" title="监控流量卡生成技巧：选词策略与高效避坑指南">监控流量卡生成技巧：选词策略与高效避坑指南</a> <div class="intro ellipsis-2">本文系统解析监控流量卡推广的选词策略与风险防控，提出三级筛选模型与动态监测机制。通过核心场景词定位、长尾需求覆盖及数据驱动优化，帮助从业者有...</div> <div class="msg flex flex-pack-justify"> <div class="txt"> <a href="https://www.yunzhuji.net/kahao/" target="_blank" title="卡号问题"> <span class="tag">卡号问题</span> </a> <span>05-24</span> </div> <div class="num txt"> <img class="icon" src="/view/blog_block/images/icon_eye.png" alt="浏览量"> <span>979</span> </div> </div> </div> </div> <div class="li"> <a href="https://www.yunzhuji.net/kahao/628300.html" title="盐城流量卡高效推广策略：SEO优化与关键词提升指南" target="_blank"> <img class="img" src="/upload/article/20250524/2223536831d679456e5SopkNK.jpg" alt="盐城流量卡高效推广策略：SEO优化与关键词提升指南"> </a> <div class="info"> <a class="title ellipsis" href="https://www.yunzhuji.net/kahao/628300.html" target="_blank" title="盐城流量卡高效推广策略：SEO优化与关键词提升指南">盐城流量卡高效推广策略：SEO优化与关键词提升指南</a> <div class="intro ellipsis-2">本文系统阐述盐城流量卡推广的SEO优化策略，涵盖关键词定位、本地化内容运营、移动端适配等技术要点，通过多维度数据监测实现精准流量获取与转化率提升...</div> <div class="msg flex flex-pack-justify"> <div class="txt"> <a href="https://www.yunzhuji.net/kahao/" target="_blank" title="卡号问题"> <span class="tag">卡号问题</span> </a> <span>05-24</span> </div> <div class="num txt"> <img class="icon" src="/view/blog_block/images/icon_eye.png" alt="浏览量"> <span>341</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cont-right"> <div class="news-flash"> <div class="head flex flex-pack-justify"> <div class="title">实时快讯</div> </div> <div class="list"> <div class="li"> <div class="date">2025-05-21</div><a href="https://www.yunzhuji.net/dxsjk/182040.html" title="苹果只能用电信卡的手机" class="title" target="_blank">苹果只能用电信卡的手机</a> </div> <div class="li"> <div class="date">2025-05-24</div><a href="https://www.yunzhuji.net/kahao/516888.html" title="月租卡2025年套餐续订指南：流量有效期与自动续费解析" class="title" target="_blank">月租卡2025年套餐续订指南：流...</a> </div> <div class="li"> <div class="date">2025-05-20</div><a href="https://www.yunzhuji.net/aliyun/119014.html" title="云服务器：云端计算资源的灵活提供者" class="title" target="_blank">云服务器：云端计算资源的灵活...</a> </div> <div class="li"> <div class="date">2025-05-23</div><a href="https://www.yunzhuji.net/gdkd/323944.html" title="广电宽带实际由铁通提供吗？" class="title" target="_blank">广电宽带实际由铁通提供吗？</a> </div> <div class="li"> <div class="date">2025-05-24</div><a href="https://www.yunzhuji.net/kahao/622908.html" title="电销卡购买渠道推荐：官方授权、代理商及电商平台对比" class="title" target="_blank">电销卡购买渠道推荐：官方授权...</a> </div> <div class="li"> <div class="date">2025-05-21</div><a href="https://www.yunzhuji.net/fuwuqi/223403.html" title="长沙高防BGP机房服务器购买指南_云主机配置推荐_企业租用" class="title" target="_blank">长沙高防BGP机房服务器购买指南...</a> </div> <div class="li"> <div class="date">2025-05-24</div><a href="https://www.yunzhuji.net/kahao/527828.html" title="横县电信星卡19元享185G流量：首充50得顶流大王卡优惠" class="title" target="_blank">横县电信星卡19元享185G流量：...</a> </div> <div class="li"> <div class="date">2025-05-19</div><a href="https://www.yunzhuji.net/yfwq/49626.html" title="阿里云海外服务器与国内服务器的区别及适用场景分析" class="title" target="_blank">阿里云海外服务器与国内服务器...</a> </div> </div> </div> <div class="news-notice"> <div class="tabs"> <div class="li on">最新资讯</div> <div class="li">热门推荐</div> </div> <div class="cont"> <div class="list on"> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210490.html" target="_blank" title="龙云服务器是哪里？服务商、数据中心位置及购买渠道解析"> <div class="info"> <div class="title ellipsis-2">龙云服务器是哪里？服务商、数据中心位置及购买渠道解析</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/upload/article/20250521/063653682d04059ef06hEjCQ2.jpg" alt="龙云服务器是哪里？服务商、数据中心位置及购买渠道解析"> </a> </div> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210486.html" target="_blank" title="鼎云服务器机房性能优势解析与配置指南"> <div class="info"> <div class="title ellipsis-2">鼎云服务器机房性能优势解析与配置指南</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/upload/article/20250521/063649682d040189a4d6aKFEl.jpg" alt="鼎云服务器机房性能优势解析与配置指南"> </a> </div> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210484.html" target="_blank" title="黑崎云服务器功能解析与SEO优化应用指南"> <div class="info"> <div class="title ellipsis-2">黑崎云服务器功能解析与SEO优化应用指南</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/pic/1_210484.jpg" alt="黑崎云服务器功能解析与SEO优化应用指南"> </a> </div> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210483.html" target="_blank" title="黑龙江云服务器高效安全优选与地域优势解析"> <div class="info"> <div class="title ellipsis-2">黑龙江云服务器高效安全优选与地域优势解析</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/pic/1_210483.jpg" alt="黑龙江云服务器高效安全优选与地域优势解析"> </a> </div> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210477.html" target="_blank" title="黑客租用云服务器的真实动机与高危操作手段解析"> <div class="info"> <div class="title ellipsis-2">黑客租用云服务器的真实动机与高危操作手段解析</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/upload/article/20250521/063648682d0400231eallzYle.jpg" alt="黑客租用云服务器的真实动机与高危操作手段解析"> </a> </div> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210474.html" target="_blank" title="鹰云服务器使用教程：配置步骤与应用场景全解析"> <div class="info"> <div class="title ellipsis-2">鹰云服务器使用教程：配置步骤与应用场景全解析</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/upload/article/20250521/063643682d03fb7b7de6VnrTU.jpg" alt="鹰云服务器使用教程：配置步骤与应用场景全解析"> </a> </div> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210471.html" target="_blank" title="鹏训云服务器配置价格解析与优势推荐指南"> <div class="info"> <div class="title ellipsis-2">鹏训云服务器配置价格解析与优势推荐指南</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/pic/1_210471.jpg" alt="鹏训云服务器配置价格解析与优势推荐指南"> </a> </div> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210470.html" target="_blank" title="鹏博士云服务器性能优势与数智服务解析"> <div class="info"> <div class="title ellipsis-2">鹏博士云服务器性能优势与数智服务解析</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/pic/1_210470.jpg" alt="鹏博士云服务器性能优势与数智服务解析"> </a> </div> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210461.html" target="_blank" title="鹏博士云服务器价格配置对比及优惠方案解析"> <div class="info"> <div class="title ellipsis-2">鹏博士云服务器价格配置对比及优惠方案解析</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/pic/1_210461.jpg" alt="鹏博士云服务器价格配置对比及优惠方案解析"> </a> </div> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210460.html" target="_blank" title="魔方云服务器高效配置与创建使用全解析"> <div class="info"> <div class="title ellipsis-2">魔方云服务器高效配置与创建使用全解析</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/upload/article/20250521/063638682d03f670da6EQV3vx.jpg" alt="魔方云服务器高效配置与创建使用全解析"> </a> </div> <a href="https://www.yunzhuji.net/yfwq/" class="btn-more" target="_blank" title="查看更多">查看更多</a> </div> <div class="list"> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210490.html" target="_blank" title="龙云服务器是哪里？服务商、数据中心位置及购买渠道解析"> <div class="info"> <div class="title ellipsis-2">龙云服务器是哪里？服务商、数据中心位置及购买渠道解析</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/upload/article/20250521/063653682d04059ef06hEjCQ2.jpg" alt="龙云服务器是哪里？服务商、数据中心位置及购买渠道解析"> </a> </div> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210486.html" target="_blank" title="鼎云服务器机房性能优势解析与配置指南"> <div class="info"> <div class="title ellipsis-2">鼎云服务器机房性能优势解析与配置指南</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/upload/article/20250521/063649682d040189a4d6aKFEl.jpg" alt="鼎云服务器机房性能优势解析与配置指南"> </a> </div> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210484.html" target="_blank" title="黑崎云服务器功能解析与SEO优化应用指南"> <div class="info"> <div class="title ellipsis-2">黑崎云服务器功能解析与SEO优化应用指南</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/pic/1_210484.jpg" alt="黑崎云服务器功能解析与SEO优化应用指南"> </a> </div> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210483.html" target="_blank" title="黑龙江云服务器高效安全优选与地域优势解析"> <div class="info"> <div class="title ellipsis-2">黑龙江云服务器高效安全优选与地域优势解析</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/pic/1_210483.jpg" alt="黑龙江云服务器高效安全优选与地域优势解析"> </a> </div> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210477.html" target="_blank" title="黑客租用云服务器的真实动机与高危操作手段解析"> <div class="info"> <div class="title ellipsis-2">黑客租用云服务器的真实动机与高危操作手段解析</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/upload/article/20250521/063648682d0400231eallzYle.jpg" alt="黑客租用云服务器的真实动机与高危操作手段解析"> </a> </div> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210474.html" target="_blank" title="鹰云服务器使用教程：配置步骤与应用场景全解析"> <div class="info"> <div class="title ellipsis-2">鹰云服务器使用教程：配置步骤与应用场景全解析</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/upload/article/20250521/063643682d03fb7b7de6VnrTU.jpg" alt="鹰云服务器使用教程：配置步骤与应用场景全解析"> </a> </div> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210471.html" target="_blank" title="鹏训云服务器配置价格解析与优势推荐指南"> <div class="info"> <div class="title ellipsis-2">鹏训云服务器配置价格解析与优势推荐指南</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/pic/1_210471.jpg" alt="鹏训云服务器配置价格解析与优势推荐指南"> </a> </div> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210470.html" target="_blank" title="鹏博士云服务器性能优势与数智服务解析"> <div class="info"> <div class="title ellipsis-2">鹏博士云服务器性能优势与数智服务解析</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/pic/1_210470.jpg" alt="鹏博士云服务器性能优势与数智服务解析"> </a> </div> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210461.html" target="_blank" title="鹏博士云服务器价格配置对比及优惠方案解析"> <div class="info"> <div class="title ellipsis-2">鹏博士云服务器价格配置对比及优惠方案解析</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/pic/1_210461.jpg" alt="鹏博士云服务器价格配置对比及优惠方案解析"> </a> </div> <div class="li"> <a href="https://www.yunzhuji.net/yfwq/210460.html" target="_blank" title="魔方云服务器高效配置与创建使用全解析"> <div class="info"> <div class="title ellipsis-2">魔方云服务器高效配置与创建使用全解析</div> <div class="date">2025-05-21</div> </div> <img class="img" src="/upload/article/20250521/063638682d03f670da6EQV3vx.jpg" alt="魔方云服务器高效配置与创建使用全解析"> </a> </div> <a href="https://www.yunzhuji.net/yfwq/" class="btn-more" target="_blank" title="查看更多">查看更多</a> </div> </div> </div> </div> </div> <div class="footer flex flex-pack-justify flex-align-center"> <div class="container "> <div class="txt"> <p>云主机测评网所有区块链相关数据与资料仅供用户学习及研究之用，不构成任何投资、法律等其他领域的建议和依据。</p> <p>强烈建议您独自对内容进行研究、审查、分析和验证，谨慎使用相关数据及内容，并自行承担所带来的一切风险。</p> <p>Copyright (c) 2015-2025 云主机测评网 All Rights Reserved. <a href="https://beian.miit.gov.cn" target="_blank">粤ICP备2025388860号</a></p> </div> </div> </div> <div class="box-scoll" id="box-scoll"> <a href="javascript:;" id="backTop"> <i class="iconfont3 icon-backtop"> </i> <span> 回顶部 </span> </a> </div> <script type="text/javascript" src="/view/blog_block/js/respond.min.js"></script> <script type="text/javascript" src="/view/blog_block/js/common.js"></script> <script type="text/javascript" src="/view/blog_block/js/swiper.pc.js"></script> <script type="text/javascript" src="/view/blog_block/js/jquery.scrollbar.min.js"></script> <script> var swiper = new Swiper(".myswiper", { autoHeight:true, allowTouchMove: false, on:{ slideChange: function(){ changeTab(this.activeIndex); }, }, }); $(".product-detail .tab-box .li").click(function(){ let index = $(this).index(); swiper.slideTo(index) }) function changeTab(idx){ $(".product-detail .tab-box .li").eq(idx).addClass("on").siblings().removeClass("on"); } $('.scrollbar-outer').scrollbar(); var $intro = $('#intro'); $('.fold-btn').click(function () { if ($(this).hasClass('open')) { $(this).removeClass('open').text('展开全文'); $intro.removeClass('open'); } else { $(this).addClass('open').text('收起全文'); $intro.addClass('open'); } $('.tab-box .li.on').click(); }); </script> <script> var swiper = new Swiper('.myswiper', { loop: true, speed: 500, autoplay: { delay: 30000, disableOnInteraction: false, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, pagination: { el: ".swiper-pagination", clickable: true, }, on: { slideChangeTransitionStart: function () { //console.log(this.activeIndex); var index = this.activeIndex - 1; if ($("#banner-tmplate div.info").length < this.activeIndex) { index = 0; } var html = $("#banner-tmplate div.info").eq(index).html(); $(".banner-article div.info").html(html); } }, }); $(".article-box .tabs .li").click(function () { let idx = $(this).index(); $(this).addClass("on").siblings().removeClass("on"); $(".article-box .list-box .list").eq(idx).addClass("on").siblings().removeClass("on"); }) </script> </body> </html>