宝安最好的网站建设怎么选?别被高价坑了,最佳实践在这里

宝安最好的网站建设怎么选?别被高价坑了,最佳实践在这里

找建站公司怕被坑高价?别急,选对了方法,建站成本能省一半。本文结合【宝安最好的网站建设】的最佳实践,手把手教你避开高价陷阱,用最靠谱的方案拿下性价比最高的建站服务。


SEO原理速懂:为什么建站要讲究SEO?

SEO(Search Engine Optimization),也就是搜索引擎优化,简单说就是让搜索引擎(如百度、Google)更容易找到你的网站,并把你的网站排在靠前的位置。对网站建设来说,SEO不是“加分项”,而是“必选项”。

SEO的核心目标

目标 说明
提高自然流量 通过优化,让网站出现在搜索结果的第一位,获得更多免费流量
提升品牌曝光 搜索结果页前几名的网站更容易被用户信任
增加转化率 优化后的网站内容更符合用户需求,更容易带来转化

搜索引擎如何抓取网站?

搜索引擎会爬虫(Spider)定期抓取网页内容,抓取内容后进行索引,然后根据用户搜索的关键词,从索引中匹配最相关的内容。SEO的关键就是让网站内容更容易被爬虫抓取和理解。


关键词策略:从【宝安最好的网站建设】到长尾词布局

关键词是SEO的基础,选对关键词,等于打开流量大门。但很多人只盯着“热门词”,比如【宝安最好的网站建设】,而忽略了更精准的“长尾词”。

什么是长尾词?

长尾词是用户搜索量低但转化率高的关键词。例如:

  • 宝安企业建站哪家好
  • 宝安外贸网站开发公司
  • 宝安响应式建站哪家好
  • 宝安建站公司推荐

这些词虽然搜索量不如【宝安最好的网站建设】高,但用户搜索的意图更明确,转化率更高。

如何布局关键词?

  1. 关键词工具使用
    使用百度指数、5118、爱站网等工具,分析关键词的搜索量、竞争度、相关性。

    • 搜索量:决定流量大小
    • 竞争度:决定优化难度
    • 相关性:决定是否符合用户需求
  2. 关键词布局策略

    • 标题与描述:首页标题、描述要自然包含关键词
    • 内容页:每篇文章或页面围绕一个核心关键词展开
    • 内容密度:关键词出现频率控制在2%-5%,避免堆砌
  3. 关键词分类

    • 核心词:如【宝安最好的网站建设】
    • 长尾词:如【宝安外贸建站哪家好】
    • 品牌词:如【XX建站公司】

实战案例:关键词布局优化前后对比

优化前 优化后
页面标题:宝安最好的网站建设 页面标题:宝安最好的网站建设
页面描述:我们提供网站建设服务 页面描述:宝安最好的网站建设公司,专业建站,价格透明,支持ICP备案
内容关键词密度:0.3% 内容关键词密度:3.2%
关键词排名:第50名 关键词排名:第10名

站内优化实操:从代码到内容,让网站更“被看见”

站内优化是SEO的核心部分,包括代码优化、内容优化、结构优化等。下面从几个方面展开:

1. 代码优化:让搜索引擎更容易抓取

(1)HTML标签优化

  • 标题标签()</strong>:必须包含核心关键词,长度控制在60字符以内</li> <li><strong>描述标签(<meta name="description">)</strong>:描述网站内容,包含关键词,长度控制在160字符以内</li> <li><strong>H1标签</strong>:每个页面一个H1,包含关键词,用于突出主题</li> <li><strong>H2/H3标签</strong>:用于内容分层,提升可读性和SEO效果</li> </ul> <h4 id="url">(2)URL结构优化</h4> <ul> <li>URL应简洁、有意义,包含关键词,例如:<br /> <code>https://www.example.com/baowan-zui-hao-de-jian-zhan</code></li> <li>避免使用复杂参数或乱码</li> </ul> <h4 id="section-8">(3)图片优化</h4> <ul> <li>图片命名应包含关键词,如 <code>baowan-jianzhan-01.jpg</code></li> <li>添加ALT标签,描述图片内容,提升搜索引擎对图片的理解</li> </ul> <h4 id="section-9">(4)移动端适配与响应式设计</h4> <ul> <li>采用<strong>响应式设计</strong>,确保网站在手机、平板、电脑上都能良好显示</li> <li>使用Google的<strong>Mobile-Friendly Test</strong>工具检测网站是否适配移动端</li> </ul> <hr /> <h3 id="section-10">2. 内容优化:打造高质量、有转化力的内容</h3> <p>内容是SEO的“灵魂”,高质量内容才能带来稳定的自然流量。</p> <h4 id="section-11">(1)内容质量要求</h4> <ul> <li><strong>原创内容</strong>:避免抄袭,使用原创内容更容易被搜索引擎收录</li> <li><strong>信息价值</strong>:内容要实用,能解决用户问题</li> <li><strong>更新频率</strong>:定期更新内容,保持网站活跃度</li> </ul> <h4 id="section-12">(2)内容布局建议</h4> <ul> <li>每篇文章围绕一个关键词展开</li> <li>内容结构清晰,使用小标题、列表、图表等方式提高可读性</li> <li>添加相关链接,提高网站内跳转率</li> </ul> <hr /> <h2 id="section-13">外链与推广:提升网站权重,增加曝光量</h2> <p>站内优化只是开始,站外的外链和推广同样重要。下面介绍外链建设与推广的实操方法。</p> <h3 id="section-14">1. 外链建设的几个关键点</h3> <ul> <li><strong>外链来源</strong>:外链来源越权威,对网站权重提升帮助越大</li> <li><strong>外链内容</strong>:外链内容必须与你的网站相关,避免垃圾链接</li> <li><strong>外链频率</strong>:外链不宜过多,建议每周1-2条,避免被判定为作弊</li> </ul> <h3 id="section-15">2. 常见外链渠道</h3> <table> <thead> <tr> <th>渠道类型</th> <th>说明</th> <th>适合对象</th> </tr> </thead> <tbody> <tr> <td>行业论坛</td> <td>在相关行业论坛发布原创文章或评论,增加外链</td> <td>企业官网、建站类内容</td> </tr> <tr> <td>社交媒体</td> <td>在微信公众号、微博、知乎等平台发布内容,引流至网站</td> <td>品牌宣传、内容营销</td> </tr> <tr> <td>目录网站</td> <td>在高质量目录网站注册,如百度地图、天眼查等</td> <td>增加网站曝光</td> </tr> <tr> <td>合作交换</td> <td>与相关网站交换友情链接</td> <td>提升双方权重</td> </tr> </tbody> </table> <h3 id="section-16">3. 推广方法</h3> <ul> <li><strong>百度推广</strong>:使用百度竞价广告,快速获得流量</li> <li><strong>信息流广告</strong>:在今日头条、抖音等平台投放信息流广告</li> <li><strong>邮件营销</strong>:通过邮件发送有价值的内容,引导用户访问网站</li> </ul> <hr /> <h2 id="seo-1">效果监测与调优:SEO不是一蹴而就,需要持续优化</h2> <p>SEO是一项长期工作,初期效果可能不明显,但坚持下去,流量和排名会稳步提升。</p> <h3 id="seo-2">1. SEO效果监测工具</h3> <ul> <li><strong>百度站长平台</strong>:查看网站收录情况、抓取频率、搜索关键词排名等</li> <li><strong>Google Analytics</strong>:分析流量来源、用户行为、页面停留时间等</li> <li><strong>5118站长工具</strong>:分析关键词排名、外链质量、页面结构等</li> </ul> <h3 id="section-17">2. 数据分析与优化方向</h3> <ul> <li><strong>流量来源</strong>:分析流量来源,优化内容或推广渠道</li> <li><strong>关键词排名</strong>:优化排名较低的关键词</li> <li><strong>用户跳出率</strong>:优化内容质量,提升用户体验</li> <li><strong>页面加载速度</strong>:优化代码和图片,提升页面加载速度</li> </ul> <h3 id="section-18">3. 持续优化建议</h3> <ul> <li>每周查看网站数据,发现异常及时调整</li> <li>每月更新内容,保持网站活跃度</li> <li>每季度做一次全面SEO分析,优化关键词布局、外链建设等</li> </ul> <hr /> <h2 id="section-19">建站花了多少钱?留言说说真实价格</h2> <p>看完这篇文章,你对【宝安最好的网站建设】有了更清晰的认知。但现实是,很多企业主还是担心建站成本太高。</p> <p>你建站花了多少钱?是1万?5万?还是更少?留言说说你的真实价格,说不定能帮到别人少走弯路。</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/87569"> <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/5 1:28:11</span> <span class="cat">相关推荐</span> </div> <h4>佛山网络公司哪家最好?不会代码也能搞定建站报价的避坑指南</h4> </div> </a> <a class="rn-card" href="/news/87559"> <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/5 1:26:42</span> <span class="cat">相关推荐</span> </div> <h4>龙口有没有做网站的完整流程及备案避坑指南</h4> </div> </a> <a class="rn-card" href="/news/87549"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/WordPress伪静态化后百度地图显示404错误页面图解步骤" alt="WordPress伪静态化后百度地图显示404错误页面图解步骤" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/5 1:25:10</span> <span class="cat">相关推荐</span> </div> <h4>WordPress伪静态化后百度地图显示404错误页面图解步骤</h4> </div> </a> <!-- b. 最新新闻 6条 --> <a class="rn-card" href="/news/87869"> <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/5 2:15:19</span> <span class="cat">最新发布</span> </div> <h4>网站建设预算知乎性能优化</h4> </div> </a> <a class="rn-card" href="/news/87859"> <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/5 2:13:58</span> <span class="cat">最新发布</span> </div> <h4>新手入门建立一个网站多少钱怎么算?域名服务器搞不懂就别瞎选了</h4> </div> </a> <a class="rn-card" href="/news/87849"> <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/5 2:12:26</span> <span class="cat">最新发布</span> </div> <h4>你怎么开发自己的商城速查手册:域名服务器搞不懂的终极解决方案</h4> </div> </a> <a class="rn-card" href="/news/87839"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/新手入门做视频网站犯法么 3个步骤解决网站被黑挂马问题" alt="新手入门做视频网站犯法么 3个步骤解决网站被黑挂马问题" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/5 2:10:47</span> <span class="cat">最新发布</span> </div> <h4>新手入门做视频网站犯法么 3个步骤解决网站被黑挂马问题</h4> </div> </a> <a class="rn-card" href="/news/87829"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/0基础想做网站?从零搭建WordPress入门学习全攻略" alt="0基础想做网站?从零搭建WordPress入门学习全攻略" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/5 2:09:09</span> <span class="cat">最新发布</span> </div> <h4>0基础想做网站?从零搭建WordPress入门学习全攻略</h4> </div> </a> <a class="rn-card" href="/news/87819"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/thefieldwordpress选哪家好,性能优化决定网站生死" alt="thefieldwordpress选哪家好,性能优化决定网站生死" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/5 2:07:17</span> <span class="cat">最新发布</span> </div> <h4>thefieldwordpress选哪家好,性能优化决定网站生死</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/87009"> <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/5 0:01:28</span> <span class="cat">今日速览</span> </div> <h4>农产品的网站建设与维护论文注意事项:网站做好了没人访问怎么破?</h4> </div> </a> <a class="rn-card" href="/news/87019"> <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/5 0:02:39</span> <span class="cat">今日速览</span> </div> <h4>广东建设业协会网站怎么选,免费工具帮你避开建站陷阱</h4> </div> </a> <a class="rn-card" href="/news/87029"> <div class="rn-media"> <img src="http://pic.xiahunao.cn/yaotu/2026最新找建站公司怕被坑高价?网络网站推广选择乐云seo全攻略" alt="2026最新找建站公司怕被坑高价?网络网站推广选择乐云seo全攻略" width="360" height="180" /> </div> <div class="rn-body"> <div class="rn-meta"> <span class="date">2026/11/5 0:04:19</span> <span class="cat">今日速览</span> </div> <h4>2026最新找建站公司怕被坑高价?网络网站推广选择乐云seo全攻略</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>