谷歌自己优化网站的核心步骤有哪些
自己优化谷歌网站，第一步得搞明白用户到底在搜什么，就像给网站找方向的指南针，关键词调研就是这个指南针，我之前帮朋友做外贸鞋子网站，一开始他随便选了“cheap shoes”当主要关键词，觉得“便宜”肯定多人搜，结果后台数据一看，每天才几十个搜索量，转化更是少得可怜，后来我用谷歌的Keyword Planner一查，发现“affordable running shoes”（平价跑鞋）的月搜索量是“cheap shoes”的3倍，而且竞争度还低，赶紧把网站标题、产品描述里的关键词全换成这个，不到两个月，自然流量直接涨了30%,订单也多了起来。
关键词确定后，内容优化就得跟上，谷歌最喜欢原创、有用的内容，不是那种东拼西凑的垃圾文，我写产品页的时候，会先想用户买跑鞋会关心什么——尺码准不准、耐不耐穿、缓震效果怎么样，然后把这些问题揉进内容里，每段加个小标题，如何选到合适尺码的跑鞋”“这款跑鞋适合什么场景穿”，之前有个产品页，我这么改完之后，用户平均停留时间从1分钟提到了2分半，跳出率降了20%，谷歌好像也挺认可,排名慢慢就上去了。
技术优化也不能少，网站加载速度就是个硬指标，去年帮一个客户看网站，用Google PageSpeed Insights一测，加载要5秒，红色警告一大堆，我让他把首页那些超大的banner图压缩一下，又让程序员清理了没用的代码，把加载时间降到2秒以内，没过多久，不仅用户抱怨“卡”的少了，谷歌搜索结果里的“速度评分”也从“一般”变成了“良好”,排名直接往前跳了5个位置。
外链建设，这就像朋友互相推荐，让谷歌觉得你靠谱，别去买那些几百块一堆的垃圾外链，谷歌现在火眼金睛，查出来直接降权，我都是找行业相关的网站换链接，比如帮户外用品店找徒步博客，写一篇“新手徒步装备清单”的guest post（客座博文），里面自然提到他们家的鞋子，对方也会在博客里放个链接回来，上个月刚做了一次，就带来了200多点击，谷歌后台显示“来自外部网站的链接”数量也涨了。
谷歌优化常用的免费工具推荐
自己优化谷歌网站，不花钱也能搞得定，关键是用好免费工具。**Google Search Console**绝对是必备神器，它就像网站的“体检报告”，能告诉你网站在谷歌眼里是什么样的，我每天都会打开它看“性能”报告，里面能看到哪些关键词给网站带来了点击和展示，排名多少，前阵子发现一个产品页的“best hiking boots for beginners”排名从第8掉到了第15，点开一看，内容还是半年前写的，赶紧更新了新款产品信息和用户评价,一周后排名又回到了第7。
**Google Analytics**则是用户行为的“跟踪器”，能让你知道用户从哪里来、在网站上做了什么，我帮一个卖宠物用品的客户看数据，发现60%的流量来自美国，但网站一直显示人民币标价，用户一看价格还得换算，很多人直接走了，后来改成美元标价，又加了“美国境内满50刀免邮”，转化率一下子从2%提到了3.5%，它还能看用户在哪个页面跳出率高，比如有个博客页面跳出率80%，我一看内容太短，就补充了2000字的详细测评，跳出率立马降到50%。
找关键词就得靠**Google Keyword Planner**，输入产品词就能看到搜索量、竞争度和建议出价，之前帮人做瑜伽服，输入“yoga clothes”，发现“sustainable yoga leggings”（环保瑜伽裤）虽然搜索量不算最高，但竞争度是“低”，而且趋势一直在涨，就让客户重点做这个词，写了“为什么环保瑜伽裤更值得买”的博客，两个月就排到了谷歌首页,带来不少精准客户。
还有两个小工具也很好用：**PageSpeed Insights**测网站速度，输入网址就给打分，还告诉你哪里能优化，比如图片太大、代码冗余；**Mobile-Friendly Test**查移动端适配，现在谷歌优先看移动端，手机上显示不清楚、按钮点不了，排名肯定好不了，这几个工具全是免费的，每天花半小时看看数据,优化方向就很清晰了。
自己优化谷歌网站时常见的坑
自己优化谷歌网站，踩坑是常事，我见过不少人因为小问题把网站搞废了，最常见的就是乱堆关键词，以为标题、内容里塞越多关键词越好，结果谷歌觉得你在“作弊”，之前有个客户的网站标题写“买鞋买便宜鞋买男鞋女鞋运动鞋跑鞋篮球鞋”，关键词堆得像绕口令，谷歌直接给了“关键词堆砌”的惩罚，排名一落千丈，后来改成“高性价比男女运动鞋｜专业跑鞋篮球鞋选购指南”，简洁又包含核心词,一个月后才慢慢恢复。
抄袭也是个大坑，别以为从别人网站复制粘贴几篇文章就能糊弄谷歌，我朋友之前图省事，抄了一篇“2023跑鞋排行榜”，结果谷歌不仅没收录，还在Search Console里提示“重复内容”，后来他自己买了几双热门跑鞋，写了真实的上脚体验，这双鞋前掌有点窄，脚宽的慎买”，反而被谷歌收录了，还得了个“有用内容”的标签，谷歌现在越来越聪明，原创的、有个人体验的内容才吃香。
忽视移动端适配的人也很多，总觉得“我网站电脑上看着挺好就行”，但现在谷歌用的是“移动优先索引”，也就是说先看你网站的移动端版本，有个做家具的客户，电脑版网站图片精美、排版整齐，手机上字小得像蚂蚁，产品图还得左右滑动才能看全，用Mobile-Friendly Test一测，直接显示“不适合移动设备”，难怪移动端流量只有10%，后来找设计师改成响应式布局，手机上字体变大、图片自动适配屏幕，三个月后移动端流量涨到了40%。
还有人觉得“外链越多越好”，就去淘宝买几百块钱1000条的外链，那些外链大多来自垃圾网站，谷歌一看就知道是“买来的”，直接给网站降权，我之前帮一个客户处理过这种情况，他买了外链后排名反而掉了50名，花了三个月时间联系那些网站删链接，又重新做优质外链，才慢慢恢复，真要做外链，不如去行业论坛、博客留言，或者和同类网站交换友情链接，虽然慢,但安全有效。
谷歌优化和百度优化的区别在哪
谷歌优化和百度优化，虽然都是搜索引擎优化，但玩法差得不少，谷歌更看重内容质量和用户体验，就像老师更喜欢独立思考、有自己观点的学生，比如写一篇“咖啡壶选购指南”，谷歌希望你详细分析不同材质的优缺点、适合的使用场景，甚至放上自己的使用视频，用户看完觉得“哇，学到了”，停留时间长，排名自然就好，而百度可能更关注关键词密度和网站权威性，标题里关键词放前面、内容里多出现几次，再找几个高权重网站挂链接,效果可能更明显。
对新网站的友好度也不一样，谷歌对新网站挺宽容的，只要内容做得好，哪怕域名刚注册几个月，也能有不错的排名，我去年帮一个刚毕业的学生做手工饰品网站，他每周写两篇原创博客，分享制作过程和设计灵感，不到半年，“handmade resin jewelry”（手工树脂饰品）这个词就排到了谷歌首页，但百度对新站比较“严格”，可能需要养一段时间，多做一些“信任背书”，比如在百度百科、百家号发点内容,排名才会慢慢上来。
算法透明度也有差别，谷歌更新算法前会提前发公告，告诉你这次调整重点是什么，我们将更关注页面加载速度”“对移动适配差的网站降权”，站长可以提前准备，百度的算法调整就比较“神秘”，有时候突然发现排名掉了，都不知道为啥，我一个客户做百度优化，有次排名突然掉了20名，研究了半天，才发现是百度对“医疗类网站”加强了审核，他网站里有篇健康科普文没标“仅供参考”,改了之后才恢复。
关键词选择也有讲究，谷歌用户更习惯用长尾关键词，how to fix a leaky faucet with tape”（怎么用胶带修漏水龙头），而百度用户可能更爱搜短词，修水龙头”，我帮国内客户做百度优化时，标题会写成“修水龙头的简单方法｜3步搞定漏水问题”，关键词放前面；给国外客户做谷歌优化，标题会写成“How to Fix a Leaky Faucet in 3 Steps (Using Tape)”,更符合用户搜索习惯。
谷歌网站优化的内容策略怎么制定
制定谷歌优化的内容策略，首先得搞清楚你的目标用户是谁，就像开奶茶店要知道顾客喜欢甜的还是苦的，做网站内容也得知道用户关心什么，之前帮一个户外用品店做优化，一开始他们内容全是产品参数，什么“帐篷材质210D牛津布”“防水指数5000mm”，结果流量很低，后来发现目标用户是刚入门的露营新手，他们更关心“第一次露营需要带什么”“帐篷怎么搭才不会漏雨”，于是把内容方向换成了新手攻略，露营装备清单：从0到1的入门指南”“3分钟学会搭帐篷”,半年后自然流量翻了两倍。
类型要多样化，别只盯着产品页，除了介绍产品，还可以写博客、拍视频、做 infographic（信息图），博客可以写教程类，如何选择适合自己的徒步鞋”；视频可以拍产品开箱，实测5款帐篷：哪款最适合一家三口”；信息图可以总结“露营常见10个错误及解决办法”，我之前帮一个卖咖啡机的客户做了组“咖啡冲泡温度指南”的信息图，因为内容实用，被好几个行业网站转发,带来了不少外链和流量。
长度也有讲究，谷歌喜欢“有深度”的内容，一篇文章至少800字，把一个主题讲透，别写个三五百字就结束，比如写“跑步鞋选购”，不能只说“买大一码”，还要讲不同脚型怎么选（宽脚选什么鞋头）、不同跑步场景怎么选（公路跑vs越野跑）、怎么判断鞋子该换了（磨损程度、缓震效果），我之前写过一篇2000字的“新手跑步鞋完全指南”，里面配了10张图，用户平均停留时间4分钟，谷歌直接给了“Top Stories”（热门故事）的标签,排名一下子冲到了首页。
还要定期更新内容，谷歌喜欢活跃的网站，比如季节变化时，把“冬季露营装备”更新成“春季露营装备”；产品升级后，更新产品页的参数和用户评价；博客内容过时了，2023年最佳跑鞋”，到2024年就补充新款进去，我帮一个客户维护网站，每个月更新2篇博客，半年后网站的“抓取频率”从“每周一次”提到了“每天一次”，谷歌爬虫来得勤了,新内容收录也更快。
自己优化谷歌网站的效果评估方法
优化谷歌网站后，怎么知道效果好不好？不能凭感觉，得看数据。**谷歌Search Console的“平均排名”和“点击量”**是最直接的指标，排名越靠前，点击量通常越多，我每周都会记录核心关键词的排名，organic dog food”（有机狗粮），一开始排名25，优化一个月后到15，三个月后到第8，点击量从每天5个涨到了20个，这就是有效果，如果排名一直不动甚至下降，就得看看内容是不是不够好,或者竞争对手太强了。
**Google Analytics里的“跳出率”**也很重要，跳出率低说明用户喜欢你的内容，跳出率就是用户打开网站后，没点其他页面就关掉的比例，之前有个博客页面跳出率60%，我分析了一下，发现内容虽然长，但段落太密，看起来累，于是加了小标题、 bullet points（项目符号），还插了几张图片，跳出率降到了40%，谷歌好像也觉得这个页面体验变好了,排名慢慢就上去了。
最终还是要看“转化率”，流量再多，不能转化成订单或咨询也没用，转化率就是“达成目标的用户数/总访问用户数”，目标可以是购买、提交表单、打电话，我帮一个客户优化后，网站流量从每月1000涨到2000，但转化率一直1%，后来发现 checkout（结账）流程太复杂，要填5个页面的信息，简化成3步，还加了“ guest checkout”（游客结账），转化率一下子提到了2.5%,订单量直接翻倍。
还可以看“页面索引情况”，在Search Console的“索引”里能看到谷歌收录了多少页面，如果有很多页面没被收录，可能是内容质量低，或者网站结构有问题，比如之前有个客户网站，产品页有100个，但只收录了30个，一看发现很多产品页内容一模一样，只是颜色不同，后来给每个产品页写了独特的描述，红色款适合日常穿，蓝色款适合运动”,两个月后收录量涨到了80个。
谷歌移动友好性优化的具体操作
现在大家都用手机上网，谷歌对移动端友好的网站更青睐，优化移动端其实不难，照着做就行，第一步，先检查网站在手机上的显示效果，用谷歌的**Mobile-Friendly Test**工具，输入网址，它会告诉你哪里有问题，之前有个客户的网站，用这个工具一测，提示“文本太小无法阅读”“点击元素太近”,难怪移动端流量少得可怜。
字体一定要大，至少16px，手机屏幕小，字太小用户根本看不清，只能放大了看，体验很差，我帮那个客户把网站字体从12px改成16px，标题用20px，用户反馈“看文字不费眼了”，移动端停留时间从1分半提到了2分钟，还有行间距，别挤在一起，1.5倍行距看起来更舒服，段落之间留空,阅读起来不累。
按钮要够大，方便点击，至少44x44像素，太小花指根本点不准，之前有个网站的“加入购物车”按钮只有30x30像素，用户老是点错旁边的“收藏”，后来改成50x50像素，按钮颜色换成醒目的橙色，移动端加购率一下子涨了15%，按钮之间也要留空隙，别挨着太近，不然用户想点A结果点到B,直接就走了。
图片要做响应式处理，在手机上能自动缩小，别让用户左右滑动才能看全，用CSS代码设置“max-width: 100%”，图片就会根据屏幕宽度自动调整，高度也跟着等比例缩放，之前有个客户的产品图都是1200px宽，手机上显示不全，改了响应式后，图片在手机上刚好占满屏幕，加载速度也快了,用户体验好了不少。
别用弹窗，移动端弹窗特别影响体验，谷歌会直接给网站降权，之前有个网站在移动端一打开就弹“关注公众号领优惠”，关掉之后往下滑又弹“加入会员享折扣”，用户烦得不行，跳出率高达80%，后来把弹窗全去掉，改成在页面底部放个“优惠活动”的小横幅，跳出率降到50%,移动端排名也慢慢上来了。
常见问题解答
自己优化谷歌网站需要懂代码吗？
不用哦！现在谷歌的工具都超级友好，像Search Console直接看数据，不用写代码，就算改点小地方，比如标题标签，网上教程一搜一大把，复制粘贴就行，不过懂一点HTML基础更好，比如知道
标签在哪，改起来更快，但完全不懂也能做，我表哥没学过代码，跟着视频教程改标题、写博客，三个月就把他家小网店优化到谷歌前10了，所以别怕,动手试试就会了。</p>
</div>
</div>
<div property="itemListElement" typeof="Question">
<h3 property="name">谷歌优化多久能看到效果啊？</h3>
<div property="acceptedAnswer" typeof="Answer">
<p property="text">这个不一定哦，快的话一两个月，慢的可能要半年，主要看你网站内容好不好，关键词竞争大不大，我同学帮他爸做农产品网站，选了个竞争</p>
</div>
<div class="article-navigation">
<div class="nav-prev">
<div class="nav-icon">
<i class="fas fa-chevron-left"></i>
</div>
<div>
<div class="nav-text">上一篇</div>
<a href="https://www.vipcxc.com/post/12558.html" class="nav-title">搜索引擎seo关键字优化怎么做？有哪些实用技巧</a>
</div>
</div>
<div class="nav-next">
<div class="nav-icon">
<i class="fas fa-chevron-right"></i>
</div>
<div>
<div class="nav-text">下一篇</div>
<a href="https://www.vipcxc.com/post/12560.html" class="nav-title">百度托管 sem怎么选？新手入门要注意什么</a>
</div>
</div>
</div>
<section class="related-articles">
<div class="section-title">
<h2>猜你喜欢</h2>
<p>更多SEM竞价相关的优质文章推荐</p>
</div>
<div class="related-grid">
<div class="related-card">
<div class="related-content">
<h3><a href="https://www.vipcxc.com/post/12739.html">百度外包seo推广服务内容有哪些？怎么选择靠谱团队</a></h3>
<p class="related-excerpt">百度外包seo推广能提供什么服务说到百度外包seo推广，很多人可能觉得就是“帮网站搞排名”，其实没那么简单，我接触过不少做这个的团队，他们的服务内容能细致到让你惊讶，首先肯定少不了关键词优化，就是分析用户会搜什么词，然后让网站在这些词的搜索结果里排得更靠前，比如你是卖手工蛋糕的，团队会研究“北京手工蛋糕定制……</p>
<div class="related-meta">
<span><i class="far fa-calendar-alt"></i>2026-01-23 10:47:31</span>
<span><i class="far fa-eye"></i>0</span>
</div>
</div>
</div>
<div class="related-card">
<div class="related-content">
<h3><a href="https://www.vipcxc.com/post/12738.html">qp广告是什么？怎么做才能有效果？</a></h3>
<p class="related-excerpt">qp广告是什么qp广告其实是一种以精准定位为核心的推广形式，简单说就是通过技术手段把广告内容推送给真正可能感兴趣的人，它不像传统广告那样“广撒网”，而是像给特定人群发“定制邀请函”，让有需求的人一眼就能看到，比如你最近总搜“健身器材”，手机里就可能刷到健身器材的qp广告，这就是它的“精准”所在，现在很多商家都用……</p>
<div class="related-meta">
<span><i class="far fa-calendar-alt"></i>2026-01-23 10:47:01</span>
<span><i class="far fa-eye"></i>0</span>
</div>
</div>
</div>
<div class="related-card">
<div class="related-content">
<h3><a href="https://www.vipcxc.com/post/12737.html">bc广告是什么，怎么制作和投放才有效果</a></h3>
<p class="related-excerpt">bc广告的定义和特点提到bc广告，可能有人会觉得这是个挺陌生的词，其实它就藏在我们每天刷手机、逛网页的过程里，简单说，bc广告是一种基于特定目标用户群体，通过数字化渠道进行精准传播的商业推广形式，和传统的电视广告、报纸广告比，它就像长了“眼睛”，能准确找到想看它的人，比如你最近刚在购物APP上搜过运动鞋，转头刷……</p>
<div class="related-meta">
<span><i class="far fa-calendar-alt"></i>2026-01-23 10:42:29</span>
<span><i class="far fa-eye"></i>0</span>
</div>
</div>
</div>
<div class="related-card">
<div class="related-content">
<h3><a href="https://www.vipcxc.com/post/12736.html">百度seo外包推广怎么选？有哪些靠谱选择技巧</a></h3>
<p class="related-excerpt">百度seo外包推广能做什么服务百度seo外包推广可不是简单帮你发发文章就完事，**关键词排名优化**是核心，团队会像侦探一样分析行业热门词和用户常搜的长尾词，把“北京小吃加盟哪家好”“儿童书包批发价格”这类词布局到网站，让百度收录后慢慢往前排，网站结构调整也少不了，比如有些企业官网打开像迷宫，用户找不到联系方式……</p>
<div class="related-meta">
<span><i class="far fa-calendar-alt"></i>2026-01-23 10:42:16</span>
<span><i class="far fa-eye"></i>0</span>
</div>
</div>
</div>
<div class="related-card">
<div class="related-content">
<h3><a href="https://www.vipcxc.com/post/12735.html">百度seo推广外包怎么选？收费标准有哪些</a></h3>
<p class="related-excerpt">百度seo推广外包能做什么百度seo推广外包简单说就是把公司网站在百度上的排名优化工作交给专业团队来做,这些团队可不是随便弄弄，他们会从好几个方面帮你打理，比如先分析你行业的，看看用户平时都搜什么词找这类产品，然后根据这些词调整网站内容，我之前帮一个开奶茶店的朋友参谋过，他自己的网站上线半年，在百度搜“XX区好……</p>
<div class="related-meta">
<span><i class="far fa-calendar-alt"></i>2026-01-23 10:37:41</span>
<span><i class="far fa-eye"></i>0</span>
</div>
</div>
</div>
<div class="related-card">
<div class="related-content">
<h3><a href="https://www.vipcxc.com/post/12734.html">广告spy工具怎么选？使用时有哪些要点</a></h3>
<p class="related-excerpt">广告spy工具能做什么广告spy工具是做营销推广时的“情报员”，主要帮咱们扒竞品的广告底细，它能追踪不同平台上正在投放的广告，不管是抖音的短视频、淘宝的直通车，还是朋友圈的信息流，只要竞品在投，就能把广告素材、投放时间、受众人群这些信息都捞出来，还能分析广告的效果数据，比如点击率多少、转化路径怎么走，甚至能看出……</p>
<div class="related-meta">
<span><i class="far fa-calendar-alt"></i>2026-01-23 10:37:06</span>
<span><i class="far fa-eye"></i>0</span>
</div>
</div>
</div>
</section>
</div>
<!-- 页脚部分 -->
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-column">
<h3>关于我们</h3>
<p style="color: rgba(255,255,255,0.7); line-height: 1.7; margin-bottom: 20px;">我们是一支专业的SEM竞价托管团队，拥有8年以上行业经验，致力于帮助客户提升广告效果，降低投放成本。</p>
</div>
<div class="footer-column">
<h3>服务项目</h3>
<ul class="footer-links">
<li> <a href="https://www.vipcxc.com/9/" target="_blank" title="百度竞价SEM托管">百度竞价SEM托管</a></li>
<li><a href="https://www.vipcxc.com/10/" target="_blank" title="360竞价SEM托管">360竞价SEM托管</a></li>
<li><a href="https://www.vipcxc.com/11/" target="_blank" title="必应ADS托管">必应ADS托管</a></li>
<li><a href="https://www.vipcxc.com/12/" target="_blank" title="谷歌ADS托管">谷歌ADS托管</a></li>
<li><a href="https://www.vipcxc.com/13/" target="_blank" title="小红书竞价SEM托管">小红书竞价SEM托管</a></li>
<li><a href="https://www.vipcxc.com/14/" target="_blank" title="抖加巨量托管">抖加巨量托管</a></li>
</ul>
</div>
<div class="footer-column">
<h3>友情链接</h3>
<ul class="footer-links">
<li><a href="https://www.baidu.com/" rel="nofollow">百度搜索</a></li>
<li><a href="https://www.so.com/" rel="nofollow">360搜索</a></li>
<li><a href="https://www.sogou.com/" rel="nofollow">搜狗搜索</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2023 专业竞价托管服务 版权所有 | <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" rel="nofollow" >粤ICP备2023040307号</a></p>
</div>
</div>
</footer>
</main>
<script>
function setVH() {
let vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty('--vh', `${vh}px`);
}
setVH();
window.addEventListener('resize', setVH);
window.addEventListener('orientationchange', setVH);
const mobileNavToggle = document.getElementById('mobileNavToggle');
const sidebar = document.getElementById('sidebar');
const mainContent = document.getElementById('mainContent');
const mobileNavBar = document.getElementById('mobileNavBar');
mobileNavToggle.addEventListener('click', function(e) {
e.stopPropagation(); // 阻止事件冒泡
sidebar.classList.toggle('active');
mainContent.classList.toggle('sidebar-active');
// 防止背景滚动
if (sidebar.classList.contains('active')) {
document.body.style.overflow = 'hidden';
} else {
document.body.style.overflow = '';
}
});
// 点击除左侧导航外的任何地方关闭导航
document.addEventListener('click', function(e) {
// 如果侧边栏是展开的，并且点击的目标不是侧边栏或导航切换按钮
if (sidebar.classList.contains('active') &&
!sidebar.contains(e.target) &&
e.target !== mobileNavToggle &&
!mobileNavToggle.contains(e.target)) {
sidebar.classList.remove('active');
mainContent.classList.remove('sidebar-active');
mobileNavToggle.innerHTML = '<i class="fas fa-bars"></i>';
mobileNavBar.classList.remove('hide-logo');
document.body.style.overflow = '';
}
});
// 阻止侧边栏内的点击事件冒泡
sidebar.addEventListener('click', function(e) {
e.stopPropagation();
});
// 二级导航展开/收起功能
document.querySelectorAll('.nav-link').forEach(link => {
if(link.nextElementSibling && link.nextElementSibling.classList.contains('submenu')) {
link.addEventListener('click', function(e) {
e.preventDefault();
const submenu = this.nextElementSibling;
submenu.classList.toggle('active');
// 旋转箭头图标
const icon = this.querySelector('.fa-chevron-down');
if(icon) {
icon.style.transform = submenu.classList.contains('active') ? 'rotate(180deg)' : 'rotate(0)';
}
});
}
});
// FAQ展开/收起功能
document.querySelectorAll('.faq-question').forEach(question => {
question.addEventListener('click', function() {
const answer = this.nextElementSibling;
answer.classList.toggle('active');
// 旋转箭头图标
const icon = this.querySelector('.fa-chevron-down');
icon.style.transform = answer.classList.contains('active') ? 'rotate(180deg)' : 'rotate(0)';
});
});
</script>
</body>
</html> <!--266.87 ms , 9 queries , 3347kb memory , 0 error-->