做网站包括什么软件,完整流程怎么走才不白忙活

做网站包括什么软件,完整流程怎么走才不白忙活

网站做好了没人访问,这是很多新手建站者踩过的坑。很多人以为,只要把网站代码写好了、页面设计得漂亮,就能有人来看。但现实是,完整流程没走好,再好看的网站也成了“没人看的画”。今天就带大家看清楚,做网站包括什么软件,以及如何从0到1完成一个能被搜索到、能被用户访问的网站。


SEO原理速懂:网站被搜索到的逻辑

很多新手在建站时只关注“前端”部分,比如页面设计、图片素材、页面布局等,却忽略了“后端”最核心的内容:搜索引擎是如何抓取和排序网站内容的。SEO(Search Engine Optimization)的本质是让搜索引擎更容易抓取、理解并优先展示你的网站。

搜索引擎爬虫(如Googlebot、百度蜘蛛)抓取网页的方式是通过URL、HTML结构、内容质量等来判断页面的价值。如果你的网站缺少这些基本元素,哪怕页面再美观,搜索引擎也不会推荐你的网站。

举个例子:如果你做的是一个卖鞋的电商网站,但页面内容没有包含“鞋类”“品牌”“价格”等关键词,没有清晰的页面结构,也没有合适的外链,那么搜索引擎可能根本不会把你的网站排进前10页。

SEO的底层逻辑

  • 抓取: 搜索引擎能否访问你的网站?
  • 理解: 搜索引擎是否能正确识别你的页面内容?
  • 排序: 搜索引擎是否认为你的页面内容对用户有价值?

所以,做网站不只是选对做网站包括什么软件,更关键的是理解并优化这些流程,确保你的网站能被“看到”。


关键词策略:你的网站内容必须“被搜索到”

很多新手在做网站时,最容易犯的错误是忽略关键词布局,或者使用错误的关键词。关键词策略是整个SEO流程中最重要的一步,决定了你的网站是否能被用户搜索到。

1. 确定关键词

关键词是用户在搜索引擎中输入的词语,也是你的网站内容需要匹配的内容。比如,你做的是一个外贸网站,关键词可能是“出口服装”“国际物流”“外贸平台”等。

你可以使用一些工具,如百度指数、5118、Google Keyword Planner等,来查看关键词的搜索量、竞争度和用户意图。但要注意,不要一味追求高搜索量的词,而忽略用户的实际需求。

2. 关键词分类

关键词可以分为三类:

  • 核心关键词(主词): 如“外贸网站开发”,搜索量高、竞争大;
  • 长尾关键词: 如“外贸网站开发公司哪家好”,搜索量低、竞争小、转化率高;
  • 相关关键词: 如“做网站包括什么软件”,用户在搜索时可能还会涉及的关键词。

3. 关键词布局技巧

  • 标题标签():</strong> 每个页面都要有独一无二的标题,关键词放在标题的<strong>前半部分</strong>;</li> <li><strong>H1标签:</strong> 每个页面仅一个H1标签,关键词放入其中;</li> <li><strong>正文内容:</strong> 关键词自然分布在内容中,不要太密集,避免被搜索引擎判断为“堆砌”;</li> <li><strong>URL路径:</strong> URL中包含关键词,比如:/外贸网站开发.html;</li> <li><strong>图片ALT标签:</strong> 图片也要有描述性的ALT标签,关键词放在其中。</li> </ul> <hr /> <h2 id="section-5">站内优化实操:让搜索引擎“看懂”你的网站</h2> <p>站内优化是SEO中最基础、也是最容易被忽略的部分。很多网站内容质量高,但因为没有进行优化,搜索引擎根本抓不取或抓不全信息。</p> <h3 id="section-6">1. 网站结构优化</h3> <ul> <li><strong>导航清晰:</strong> 导航栏层级不宜过深,建议控制在3层以内;</li> <li><strong>面包屑导航:</strong> 帮助用户了解当前页面的层级关系,也利于搜索引擎抓取;</li> <li><strong>内部链接:</strong> 页面之间要有合理的链接,避免出现“死链”;</li> <li><strong>404页面:</strong> 没有被访问到的页面要有一个友好的404页面,避免影响用户体验。</li> </ul> <h3 id="section-7">2. 内容质量优化</h3> <ul> <li><strong>原创内容:</strong> 搜索引擎对原创内容的权重更高;</li> <li><strong>内容深度:</strong> 每篇文章长度建议在500-1000字,内容要有实际价值;</li> <li><strong>内容更新频率:</strong> 建议每周更新1-2篇文章,保持内容活跃度;</li> <li><strong>关键词密度:</strong> 一般控制在2%-5%之间,避免过度堆砌。</li> </ul> <h3 id="section-8">3. 页面加载速度优化</h3> <p>搜索引擎越来越重视用户体验,如果页面加载速度太慢,用户跳出率会升高,直接影响排名。</p> <ul> <li><strong>压缩图片:</strong> 使用工具(如TinyPNG)压缩图片大小;</li> <li><strong>使用CDN:</strong> 加速全球用户访问速度;</li> <li><strong>减少HTTP请求:</strong> 合并CSS、JS文件,减少请求次数;</li> <li><strong>使用缓存:</strong> 设置浏览器缓存和服务器缓存,提高页面加载速度。</li> </ul> <h3 id="section-9">4. 移动端适配</h3> <p>移动优先已经成为SEO的重要指标。你的网站是否在移动端也能良好运行,直接影响到Google等搜索引擎的排名。</p> <ul> <li><strong>响应式设计:</strong> 确保网站在不同设备上都能正常显示;</li> <li><strong>移动友好性测试:</strong> 在Google Search Console中进行测试;</li> <li><strong>避免弹窗干扰:</strong> 移动端用户对弹窗反感,避免影响体验。</li> </ul> <hr /> <h2 id="section-10">外链与推广:让网站“被推荐”</h2> <p>网站做好后,除了自身优化,<strong>外链建设</strong>和推广也是提升排名的重要手段。很多新手误以为只要站内优化好,网站自然就会有流量,但事实是,<strong>外链是网站权重的来源</strong>。</p> <h3 id="section-11">1. 外链来源</h3> <p>外链可以来自:</p> <ul> <li><strong>社交媒体:</strong> 微信、微博、知乎、小红书等平台;</li> <li><strong>行业论坛:</strong> 如CSDN、掘金、知乎等;</li> <li><strong>新闻网站:</strong> 如腾讯云开发者社区、CSDN、知乎专栏等;</li> <li><strong>合作伙伴:</strong> 与行业内其他网站互换链接。</li> </ul> <h3 id="section-12">2. 外链质量</h3> <p>外链的质量比数量更重要,<strong>高质量外链</strong>具有以下特点:</p> <ul> <li><strong>权威网站:</strong> 如腾讯云开发者社区、百度文库等;</li> <li><strong>相关性高:</strong> 与你的网站内容相关;</li> <li><strong>内容自然:</strong> 避免使用链接农场、垃圾评论等手段;</li> <li><strong>长期有效:</strong> 避免使用短期链接或无法持续更新的平台。</li> </ul> <h3 id="section-13">3. 推广方式</h3> <ul> <li><strong>内容营销:</strong> 通过撰写高质量文章、教程、案例,吸引用户主动访问;</li> <li><strong>社交媒体推广:</strong> 在微信公众号、微博、知乎等平台发布内容;</li> <li><strong>付费广告:</strong> 如百度竞价、Google Ads等,适合预算充足的企业;</li> <li><strong>邮件营销:</strong> 通过收集用户邮箱,定期推送内容或优惠信息。</li> </ul> <hr /> <h2 id="section-14">效果监测与调优:网站上线后的持续优化</h2> <p>网站上线后,<strong>监测和调优</strong>是SEO过程中最重要的环节。很多网站初期排名不错,但随着竞争加剧、算法更新,排名会逐渐下滑,所以<strong>持续监测和优化</strong>必不可少。</p> <h3 id="section-15">1. 使用工具监测</h3> <p>推荐使用以下工具:</p> <ul> <li><strong>Google Analytics:</strong> 监测网站流量、用户行为、跳出率等;</li> <li><strong>Google Search Console:</strong> 查看搜索引擎抓取情况、索引状态、排名数据;</li> <li><strong>百度统计:</strong> 适合做中文网站的监测;</li> <li><strong>SEMrush / Ahrefs:</strong> 查看竞争对手的关键词、外链等数据。</li> </ul> <h3 id="section-16">2. 分析数据并优化</h3> <ul> <li><strong>流量来源分析:</strong> 了解你的用户是从哪里来的,是否主要来自搜索引擎、社交媒体、直接访问等;</li> <li><strong>关键词排名:</strong> 查看核心关键词是否排在前10,哪些词排名下降了;</li> <li><strong>页面停留时间:</strong> 用户是否喜欢你的内容,页面停留时间是否合理;</li> <li><strong>跳出率分析:</strong> 如果跳出率高,说明内容可能不吸引人,需要优化;</li> <li><strong>外链监测:</strong> 定期查看外链来源是否稳定,是否有异常链接。</li> </ul> <h3 id="section-17">3. 持续优化策略</h3> <ul> <li><strong>定期更新内容:</strong> 保持内容活跃度,吸引搜索引擎持续抓取;</li> <li><strong>优化页面结构:</strong> 根据用户行为数据,优化导航、页面布局等;</li> <li><strong>增加外链来源:</strong> 每月增加1-2个高质量外链,提升权重;</li> <li><strong>关注算法变化:</strong> 搜索引擎算法不断更新,要随时关注最新动向,避免被降权。</li> </ul> <hr /> <p>你更倾向模板建站还是定制开发?欢迎评论</p> </article> <!-- 标签 --> <div class="article-tags reveal"> <span>相关标签:</span> <a href="news.html">陶瓷代运营</a> <a href="news.html">网站运营</a> <a href="news.html">建材行业</a> <a href="news.html">获客技巧</a> </div> <!-- 上下篇 --> <div class="article-nav reveal"> <a href="show.html" class="an-prev"> <span>← 上一篇</span> <strong>陶瓷卫浴品牌官网该如何做好产品详情页?90%品牌都踩过的坑</strong> </a> <a href="show.html" class="an-next"> <span>下一篇 →</span> <strong>一文讲透:为什么陶瓷建材企业必须做整站SEO而不是零散优化?</strong> </a> </div> <!-- ========== 相关+最新+周+日+月 五种数据源合放 ========== --> <div class="related-news reveal"> <h3 class="rn-title">继续阅读 · 深度好文推荐</h3> <div class="rn-grid"> <!-- a. 相关新闻 3条 --> <a class="rn-card" href="/news/56683"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/网站建设的主要内容是软件交流哪家好" alt="网站建设的主要内容是软件交流哪家好" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 15:46:26</span> <span class="cat">相关推荐</span> </div> <h4>网站建设的主要内容是软件交流哪家好</h4> </div> </a> <a class="rn-card" href="/news/56674"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/WordPress怎么适应手机端的免费工具全攻略" alt="WordPress怎么适应手机端的免费工具全攻略" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 15:44:38</span> <span class="cat">相关推荐</span> </div> <h4>WordPress怎么适应手机端的免费工具全攻略</h4> </div> </a> <a class="rn-card" href="/news/56665"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/精东影视文化传媒有限公司官网哪家好?别再被高价坑了" alt="精东影视文化传媒有限公司官网哪家好?别再被高价坑了" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 15:43:31</span> <span class="cat">相关推荐</span> </div> <h4>精东影视文化传媒有限公司官网哪家好?别再被高价坑了</h4> </div> </a> <!-- b. 最新新闻 6条 --> <a class="rn-card" href="/news/57871"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/做网站的哪家好速查手册:模板网站太丑不够用?老手教你一步到位" alt="做网站的哪家好速查手册:模板网站太丑不够用?老手教你一步到位" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 18:50:43</span> <span class="cat">最新发布</span> </div> <h4>做网站的哪家好速查手册:模板网站太丑不够用?老手教你一步到位</h4> </div> </a> <a class="rn-card" href="/news/57862"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/零基础也能建站:营销型网站建设是什么图解步骤全解析" alt="零基础也能建站:营销型网站建设是什么图解步骤全解析" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 18:49:12</span> <span class="cat">最新发布</span> </div> <h4>零基础也能建站:营销型网站建设是什么图解步骤全解析</h4> </div> </a> <a class="rn-card" href="/news/57853"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/2026最新做网站的伪原创怎么弄,被黑挂马别慌,教你搞定" alt="2026最新做网站的伪原创怎么弄,被黑挂马别慌,教你搞定" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 18:47:14</span> <span class="cat">最新发布</span> </div> <h4>2026最新做网站的伪原创怎么弄,被黑挂马别慌,教你搞定</h4> </div> </a> <a class="rn-card" href="/news/57844"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/网站建设培训公司哪家好 怎么选不被坑的干货" alt="网站建设培训公司哪家好 怎么选不被坑的干货" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 18:46:17</span> <span class="cat">最新发布</span> </div> <h4>网站建设培训公司哪家好 怎么选不被坑的干货</h4> </div> </a> <a class="rn-card" href="/news/57835"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/非程序员也能搞定网站颜色标准和注意事项" alt="非程序员也能搞定网站颜色标准和注意事项" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 18:44:40</span> <span class="cat">最新发布</span> </div> <h4>非程序员也能搞定网站颜色标准和注意事项</h4> </div> </a> <a class="rn-card" href="/news/57826"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/乐从建网站怎么选才能不被拖工期" alt="乐从建网站怎么选才能不被拖工期" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 18:43:37</span> <span class="cat">最新发布</span> </div> <h4>乐从建网站怎么选才能不被拖工期</h4> </div> </a> <!-- c. 周新闻 3条 --> <a class="rn-card" href="/news/50599"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/品牌网站策划书哪家好 真实案例教你避开建站公司的坑" alt="品牌网站策划书哪家好 真实案例教你避开建站公司的坑" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 0:00:21</span> <span class="cat">本周热读</span> </div> <h4>品牌网站策划书哪家好 真实案例教你避开建站公司的坑</h4> </div> </a> <a class="rn-card" href="/news/50608"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/石家庄网络推广建站多少钱 企业网站没人访问就白搭了" alt="石家庄网络推广建站多少钱 企业网站没人访问就白搭了" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 0:02:02</span> <span class="cat">本周热读</span> </div> <h4>石家庄网络推广建站多少钱 企业网站没人访问就白搭了</h4> </div> </a> <a class="rn-card" href="/news/50617"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/免费的企业建站系统选哪家好" alt="免费的企业建站系统选哪家好" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 0:03:48</span> <span class="cat">本周热读</span> </div> <h4>免费的企业建站系统选哪家好</h4> </div> </a> <!-- d. 日新闻 3条 --> <a class="rn-card" href="/news/50599"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/品牌网站策划书哪家好 真实案例教你避开建站公司的坑" alt="品牌网站策划书哪家好 真实案例教你避开建站公司的坑" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 0:00:21</span> <span class="cat">今日速览</span> </div> <h4>品牌网站策划书哪家好 真实案例教你避开建站公司的坑</h4> </div> </a> <a class="rn-card" href="/news/50608"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/石家庄网络推广建站多少钱 企业网站没人访问就白搭了" alt="石家庄网络推广建站多少钱 企业网站没人访问就白搭了" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 0:02:02</span> <span class="cat">今日速览</span> </div> <h4>石家庄网络推广建站多少钱 企业网站没人访问就白搭了</h4> </div> </a> <a class="rn-card" href="/news/50617"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/免费的企业建站系统选哪家好" alt="免费的企业建站系统选哪家好" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 0:03:48</span> <span class="cat">今日速览</span> </div> <h4>免费的企业建站系统选哪家好</h4> </div> </a> <!-- e. 月新闻 3条 --> <a class="rn-card" href="/news/50599"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/品牌网站策划书哪家好 真实案例教你避开建站公司的坑" alt="品牌网站策划书哪家好 真实案例教你避开建站公司的坑" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 0:00:21</span> <span class="cat">月度精选</span> </div> <h4>品牌网站策划书哪家好 真实案例教你避开建站公司的坑</h4> </div> </a> <a class="rn-card" href="/news/50608"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/石家庄网络推广建站多少钱 企业网站没人访问就白搭了" alt="石家庄网络推广建站多少钱 企业网站没人访问就白搭了" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 0:02:02</span> <span class="cat">月度精选</span> </div> <h4>石家庄网络推广建站多少钱 企业网站没人访问就白搭了</h4> </div> </a> <a class="rn-card" href="/news/50617"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/免费的企业建站系统选哪家好" alt="免费的企业建站系统选哪家好" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/1 0:03:48</span> <span class="cat">月度精选</span> </div> <h4>免费的企业建站系统选哪家好</h4> </div> </a> </div> </div> </div> <!-- 侧栏 --> <aside class="pg-side"> <!-- 作者卡片 --> <div class="side-card reveal"> <div class="author-card"> <div class="author-ava"> <img src="./images/team1.jpg" alt="尧图运营顾问团" width="76" height="76" /> </div> <h4>尧图运营顾问团</h4> <p>12年陶瓷建材行业建站与代运营经验,累计服务386+品牌客户。</p> <a href="about.html" class="btn btn-honey">了解我们的团队</a> </div> </div> <!-- 分类 --> <div class="side-card reveal delay-1"> <h4 class="side-title">资讯分类</h4> <ul class="side-cats"> <li><a href="news.html"><span class="dot"></span> 陶瓷建材行业动态 <small>128 篇</small></a></li> <li><a href="news.html"><span class="dot honey"></span> 网站建设与技术 <small>86 篇</small></a></li> <li><a href="news.html"><span class="dot lotus"></span> SEO优化实操 <small>104 篇</small></a></li> <li><a href="news.html"><span class="dot"></span> 代运营经验分享 <small>72 篇</small></a></li> <li><a href="news.html"><span class="dot honey"></span> 客户成功案例 <small>46 篇</small></a></li> <li><a href="news.html"><span class="dot lotus"></span> 行业政策法规 <small>28 篇</small></a></li> </ul> </div> <!-- 热门文章 --> <div class="side-card reveal delay-2"> <h4 class="side-title">本月热门 TOP 5</h4> <ol class="side-hot"> <li><span class="rank">1</span><a href="show.html">2026年陶瓷建材行业线上获客趋势:经销商渠道加速线上化</a></li> <li><span class="rank">2</span><a href="show.html">百度SEO最新算法更新解读:为什么你的陶瓷官网突然没流量了?</a></li> <li><span class="rank">3</span><a href="show.html">VR展厅 vs 3D产品展示:陶瓷品牌该怎么选?一篇讲透</a></li> <li><span class="rank">4</span><a href="show.html">官网被挂马怎么办?陶瓷企业网站安全防护完整攻略</a></li> <li><span class="rank">5</span><a href="show.html">代运营合同签多少年最划算?386家陶瓷客户真实数据对比</a></li> </ol> </div> <!-- CTA --> <div class="side-card side-cta reveal delay-3"> <h4>想要官网询盘翻倍?<br/>免费领取代运营诊断</h4> <p>24小时内出具专属方案,含现状分析、竞品对标、关键词策略建议。</p> <a href="contact.html" class="btn btn-primary">立即免费获取</a> </div> </aside> </div></section></main><!-- ========== 统一页脚 ========== --><footer class="footer" role="contentinfo"> <div class="wrap"> <div class="footer-grid"> <div class="footer-brand"> <div class="f-logo"> <div class="logo-mark"> <img src="./images/logo.jpg" alt="尧图网络Logo" width="44" height="44" /> </div> <div> <strong>北京尧图网络科技有限公司</strong> <span>YAOTU · CERAMIC OPS</span> </div> </div> <p class="f-desc"> 专注陶瓷建材企业官网全案托管代运营12年,「建站 + 托管 + 营销 + 数据」四位一体,让您的官网真正成为线上获客机器。 </p> <div class="f-contact"> <p><span class="dot-icon"></span>全国服务热线:400-888-0088</p> <p><span class="dot-icon"></span>商务合作邮箱:business@rwkt.cn</p> <p><span class="dot-icon"></span>公司地址:北京市朝阳区建国路88号SOHO现代城A座1208</p> </div> </div> <div class="footer-col"> <h4>核心服务</h4> <ul> <li><a href="service-operation.html">陶瓷企业官网代运营</a></li> <li><a href="service-custom.html">定制化网站建设</a></li> <li><a href="service-hosting.html">站点日常运维托管</a></li> <li><a href="service-3d.html">3D产品动态展示</a></li> <li><a href="service-vr.html">VR全景展厅搭建</a></li> <li><a href="service-marketing.html">建材线上营销推广</a></li> </ul> </div> <div class="footer-col"> <h4>增值运维</h4> <ul> <li><a href="service-security.html">网站安全防护维护</a></li> <li><a href="service-data.html">运营数据统计分析</a></li> <li><a href="service-content.html">陶瓷产品内容更新</a></li> <li><a href="service-leads.html">建材企业线上获客</a></li> <li><a href="service-bugfix.html">官网BUG故障修复</a></li> <li><a href="service-seo.html">建材网站SEO运维</a></li> </ul> </div> <div class="footer-col"> <h4>快速导航</h4> <ul> <li><a href="index.html">返回首页</a></li> <li><a href="case.html">精选案例</a></li> <li><a href="pricing.html">服务套餐</a></li> <li><a href="about.html">关于我们</a></li> <li><a href="news.html">新闻资讯</a></li> <li><a href="contact.html">联系我们</a></li> <li><a href="sitemap.html">站点地图</a></li> </ul> </div> </div> <div class="footer-bottom"> <span>© 2014 - 2026 北京尧图网络科技有限公司 版权所有 · YAOTU All Rights Reserved.</span> <span><a href="index.html" style="color:inherit; text-decoration:none;">返回首页</a></span> </div> </div></footer><button class="back-top" aria-label="返回顶部" style="position:fixed; right:28px; bottom:36px; width:50px; height:50px; border-radius:16px; background:var(--white); box-shadow:var(--shadow-md); display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transform:translateY(20px); transition:all .35s ease; z-index:800;"> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--lotus-ink)" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"/></svg></button><script src="./js/main.js"></script></body></html>