新闻正文
企业网站seo优化培训:定制内训方案,提升团队能力
在数字化浪潮席卷全球的今天,搜索引擎优化(SEO)依然是企业获取自然流量、提升品牌曝光和实现业务增长的核心手段。随着算法不断升级、用户行为持续变化,2025年的SEO早已不再是简单的关键词堆砌或外链轰炸,而是一场融合技术、内容与用户体验的系统性工程。
如果你还在为网站流量停滞不前而焦虑,不妨静下心来,了解2025年真正有效的SEO推广策略。本文将为你梳理一套实用、可操作的方法,帮助你的网站实现流量翻倍。
---
### 一、理解2025年SEO的新趋势
在制定策略之前,首先要明确:SEO已经进入“以用户为中心”的新时代。谷歌等主流搜索引擎越来越重视内容质量、页面体验、移动适配和语义理解能力。以下是2025年SEO的几大关键趋势:
1. **E-E-A-T原则成为核心标准**
Experience(经验)、Expertise(专业性)、Authoritativeness(权威性)、Trustworthiness(可信度)是谷歌评估内容价值的重要维度。这意味着普通搬运内容已难获排名,原创、有深度、由专业人士撰写的内容更具优势。
2. **AI与搜索意图深度融合**
随着生成式AI的普及,搜索引擎能更精准地理解用户的搜索意图。例如,“附近适合家庭聚餐的餐厅”不再只是匹配关键词,而是结合地理位置、评价、营业时间等多维信息进行推荐。
3. **Core Web Vitals(核心网页指标)权重上升**
加载速度、交互响应、视觉稳定性直接影响用户体验,也成为排名的重要参考因素。一个加载缓慢、卡顿严重的网站很难获得高排名。
4. **语音搜索与长尾关键词重要性增强**
智能音箱、手机助手的普及使得语音搜索占比逐年上升。这类查询通常更口语化、问题导向明显,要求我们优化更多自然语言形式的长尾关键词。
---
### 二、内容为王:打造高价值原创内容
尽管技术手段层出不穷,但优质内容始终是SEO的基石。2025年,内容策略必须从“追求数量”转向“追求质量”。
#### 1. 聚焦用户需求,解决实际问题
不要再写“什么是XXX”这类泛泛而谈的文章。试着站在用户角度思考:他们遇到什么困难?需要哪些解决方案?比如:
- 不要只写“如何减肥”,可以写“上班族久坐导致小腹突出,3个在家就能做的燃脂动作”。
- 不要只写“SEO是什么”,可以写“中小企业如何用SEO在6个月内把官网流量提升3倍”。
这样的内容更具针对性,也更容易被搜索引擎识别为“高相关性内容”。
#### 2. 建立内容矩阵,覆盖全漏斗阶段
用户的决策路径分为认知 → 兴趣 → 决策三个阶段。你的内容也应分层布局:
- **顶部流量池**:科普类、问题导向内容(如“为什么网站没流企业网站seo优化培训:定制内训方案,提升团队能力 量?”),吸引广泛人群;
- **中部转化区**:对比评测、使用指南(如“WordPress vs Shopify哪个更适合新手?”),引导用户深入;
- **底部成交点**:产品页优化、客户案例、FAQ,推动转化。
通过内容矩阵形成闭环,不仅能提升停留时间,还能增强搜索引擎对你网站主题权威性的判断。
#### 3. 利用AI辅助创作,但保持人工审核
AI工具可以帮助你快速生成初稿、拓展关键词、优化标题。但切记:最终发布的内容必须经过人工润色,确保逻辑清晰、语言自然,并体现真实经验和观点。否则容易被判定为“低质生成内容”。
---
### 三、技术SEO:打好基础,让爬虫高效抓取
再好的内容,如果搜索引擎无法顺利抓取和索引,也等于零。2025年,技术SEO的重要性愈发凸显。
#### 1. 确保网站结构清晰
采用扁平化结构,让用户和爬虫都能在3次点击内到达目标页面。建议使用:
- 清晰的导航栏
- 面包屑导航
- HTML站点地图(sitemap.xml)
- 合理的URL命名(如 `/blog/seo-strategy-2025`)
#### 2. 提升页面加载速度
根据Google数据,超过53%的移动用户会在页面加载超过3秒时离开。优化建议包括:
- 使用CDN加速静态资源
- 压缩图片(WebP格式优先)
- 启用Gzip压缩
- 减少第三方脚本调用
可通过Google PageSpeed Insights或Lighthouse进行检测并获取优化建议。
#### 3. 移动端优先,响应式设计不可少
谷歌早已全面采用“移动优先索引”。如果你的网站在手机上显示错乱、按钮太小、字体模糊,不仅影响用户体验,也会直接拉低排名。
务必确保:
- 所有页面在不同尺寸设备上正常显示
- 触控元素间距合理
- 避免使用Flash等过时技术
---
### 四、关键词策略升级:从关键词到搜索意图
传统的关键词研究仍然重要,但在2025年,我们必须超越关键词本身,深入理解背后的“搜索意图”。
#### 1. 区分四种搜索意图
- **信息型**(如“怎么注册微信公众号”)—— 提供教程、指南
- **导企业网站seo优化培训:定制内训方案,提升团队能力 航型**(如“知乎官网登录”)—— 强调品牌词优化
- **交易型**(如“便宜的云服务器推荐”)—— 突出价格、优惠、购买引导
- **商业调查型**(如“Shopify和WooCommerce哪个好”)—— 提供对比分析
针对不同意图设计内容结构和CTA(行动号召),才能提高转化率。
#### 2. 挖掘长尾关键词,抢占细分市场
虽然竞争激烈,但像“best seo tool for small business 2025”这样的长尾词转化率更高。可通过以下方式挖掘:
- 使用Ahrefs、SEMrush、Ubersuggest等工具
- 分析“People Also Ask”和“Related Searches”
- 查看竞争对手的内容关键词布局
建议每月更新一次关键词库,持续优化内容方向。
---
### 五、外部建设企业网站seo优化培训:定制内训方案,提升团队能力 :高质量外链仍是关键
尽管谷歌多次强调“内容为王”,但高质量外链依然是提升域名权威性(DA)最有效的方式之一。
#### 1. 放弃群发外链,转向内容合作
垃圾外链不仅无效,还可能触发惩罚。2025年更应注重:
- 在行业媒体投稿(如36氪、虎嗅、知乎专栏)
- 与KOL联合发布研究报告
- 参与权威平台的嘉宾文章计划
例如:撰写一篇《2025年中国中小企业数字营销白皮书》,邀请多家企业联合署名,发布后主动推送至相关社区和媒体,自然获得引用和反向链接。
#### 2. 利用社交媒体放大影响力
虽然社交分享不直接计入排名算法,但它能带来流量、提升内容曝光,间接促进外链增长。建议:
- 将每篇博客同步分享至LinkedIn、微博、微信公众号
- 制作图文摘要、短视频片段便于传播
- 鼓励读者转发并@品牌账号
---
### 六、本地SEO:线下业务的流量入口
如果你经营实体店或提供本地服务(如装修、教育、医疗),本地SEO将是2025年不可忽视的增长点。
#### 1. 完善Google Business Profile(GBP)
- 填写完整信息(地址、电话、营业时间)
- 上传高清实景照片
- 鼓励客户留下真实评价
- 定期发布动态(优惠活动、新品上线)
GBP表现良好的商家,在本地搜索结果中常出现在地图上方的“三件套”位置,极大提升点击率。
#### 2. 优化本地关键词
在标题、描述、正文中自然融入地域词,如:
- “北京朝阳区儿童英语培训机构推荐”
- “上海徐汇区靠谱的家电维修师傅”
同时创建城市+服务类型的专题页面,形成区域性内容集群。
---
### 七、数据驱动:持续监测与优化
SEO不是一劳永逸的工作,而是一个持续迭代的过程。2025年,必须建立科学的数据监控体系。
#### 1. 关键指标追踪
- 自然搜索流量(Google Search Console)
- 关键词排名变化(Ahrefs、SE Ranking)
- 页面跳出率、平均停留时间(Google Analytics)
- 转化率(表单提交、咨询量、销售额)
#### 2. 定期审计与优化
建议每季度进行一次全面SEO审计,检查:
- 是否有死链或重定向错误
- 页面是否重复或内容薄弱
- 图片是否缺少ALT标签
- 结构化数据是否正确部署
发现问题及时修复,避免长期积累影响整体表现。
---
### 结语:SEO的本质是价值传递
回到最初的问题:2025年SEO网站推广怎么做?答案其实很简单——**为用户提供真正有价值的信息,并让搜索引擎轻松发现它**。
无论是内容创作、
关注晨曦SEO,更多精彩分享,敬请期待!
- 上一篇
关键词排名查询工具有哪些软件
**免费SEO网站诊断常见误区:别被“假报告”误导**
在当今数字化竞争日益激烈的环境下,搜索引擎优化(SEO)已成为企业获取自然流量、提升品牌曝光的核心手段。许多网站运营者为了快速了解自身网站的SEO表现,往往会寻求“免费SEO网站诊断工具”或服务。这些工具通常承诺只需输入网址,几分钟内就能生成一份详尽的“SEO健康报告”,涵盖关键词排名、外链质量、页面速度、移动端适配等多个维度。
听起来很诱人,对吧?但现实是,这类“免费诊断”背后潜藏着大量误导性信息和认知误区。不少用户在依赖这些“假报告”后,不仅浪费了宝贵的时间与精力,甚至可能因此做出错误的优化决策,导致网站权重下降、排名下滑。本文将深入剖析免费SEO诊断中的常见误区,帮助你识别“假报告”的陷阱,避免被表面数据迷惑。
---
### 一、“一键诊断”≠专业分析
大多数所谓的“免费SEO诊断工具”本质上是一种自动化爬虫程序,它会在短时间内抓取你的网站首页或少数几个关键页面,然后根据预设的算法模板生成一份标准化报告。这种“一键式”操作虽然便捷,却远不能替代真正的SEO专家分析。
举个例子:某工具提示你“页面加载时间过长,影响用户体验”。但如果你的网站实际上已经通过CDN加速,并且在真实用户访问中平均加载时间低于1.5秒,那么这个警告就可能是基于模拟环境下的测试结果,缺乏实际参考价值。更糟糕的是,有些工具使用的测试服务器位于海外,网络延迟自然较高,得出的结论自然失真。
此外,真正的SEO优化需要结合行业特性、目标受众、内容策略、技术架构等多方面因素进行综合判断。而免费工具往往只能提供“通用型建议”,比如“增加H1标签”“优化图片ALT属性”等基础操作,无法针对具体业务场景提出定制化解决方案。
---
### 二、“关键词排名”数据不准确
很多免费诊断报告会列出“你的网站在百度/谷歌排名第几”这样的信息。乍一看很有说服力,但问题在于:这些排名数据从何而来?
首先,搜索引擎的排名具有高度个性化特征。不同地区、不同设备、不同搜索历史的用户,看到的结果可能完全不同。例如,北京用户搜索“SEO服务”和上海用户看到的排名顺序很可能不一样。而多数免费工具使用的是固定IP或代理服务器进行抓取,其结果仅反映某一特定条件下的快照,不具备普遍代表性。
其次,关键词排名本身是一个动态变化的过程。今天排在第一页,明天可能掉到第三页;某个长尾词偶然上榜,并不代表稳定流量来源。然而,一些工具为了吸引眼球,故意夸大某些关键词的排名表现,制造“你已接近首页”的错觉,诱导用户购买其付费服务。
更有甚者,部分平台会虚构排名数据。他们并不真正调用搜索引擎API(因为成本高昂),而是通过数据库匹配或估算方式生成“伪排名”,这类数据毫无可信度可言。
---
### 三、“外链数量越多越好”?这是最大的误解之一
几乎每份免费SEO诊断报告都会提到“外链建设不足”或“高质量外链太少”。这本意没错,但问题出在评判标准上。
许多工具以外链总数作为衡量指标,认为“链接数少=SEO差”。但实际上,外链的质量远比数量重要。一条来自权威媒体或行业垂直网站的推荐链接,可能胜过几十条垃圾站群的低质外链。而免费工具往往无法精准识别外链来源的可信度,容易将论坛签名、目录提交、PBN(私有博客网络)等低效甚至违规链接计入“正面指标”。
更危险的是,有些工具会推荐用户去批量购买外链或参与链接交换计划,这类行为一旦被搜索引擎识别为操纵排名,极有可能触发惩罚机制,导致网站被降权甚至移除索引。
真正的外链策略应建立在内容价值传播的基础上——创作优质内容,吸引自然引用。而不是盲目追求数字增长。
---
### 四、“技术评分高”不代表SEO效果好
不少免费工具会给网站打一个“SEO综合得分”,比如“你的网站SEO得分为68/100”。这个分数看似科学,实则极具误导性。
为什么?因为评分体系往往是封闭的、未经验证的。每个工具都有自己的权重分配逻辑:有的重视TDK(标题、描述、关键词)完整性,有的偏爱结构化数据标记,有的则过分强调SSL证书是否存在。但这些因素在实际搜索引擎算法中的影响力各不相同,且随着算法更新不断调整。
举例来说,Google早已明确表示不再使用Meta Keywords标签作为排名依据,但仍有工具将其列为“必须优化项”,并因此扣分。类似的情况还包括强制要求每个页面都设置H1标签(其实合理省略也无妨)、过度强调图片压缩比例等细节问题。
更重要的是,SEO最终目标是提升转化率和业务成果,而非追求一个虚高的技术分数。一个得分90分但内容空洞、用户体验差的网站,远不如一个得分70分但内容扎实、用户停留时间长的网站来得有效。
---
### 五、“移动端适配”检测常误判
随着移动优先索引成为主流,几乎所有免费诊断工具都会检查“是否适配移动端”。然而,它们的判断方式往往过于机械。
比如,有些工具仅通过User-Agent模拟判断页面是否响应式,而忽略了实际渲染效果。一个页面即使代码层面支持响应式布局,但如果字体太小、按钮密集、加载资源过多,在真实手机端体验依然很差。反之,某些非响应式但专为移动端设计的M站(m.example.com),也可能被误判为“未适配”。
此外,Google对“移动端友好”的定义包含多个维度:触控元素间距、视觉视口设置、内容可见性、JavaScript阻塞等。单一工具很难全面覆盖这些细节,导致检测结果片面甚至错误。
---
### 六、如何正确看待免费SEO诊断?
说了这么多问题,并不是要完全否定免费工具的价值。事实上,合理使用这些工具仍有一定帮助,关键在于**理性对待结果,避免盲从**。
以下几点建议可供参考:
1. **用于初步排查明显问题**
如果工具指出“robots.txt禁止抓取”“站点地图未提交”“存在大量404错误”等严重技术问题,这类警告通常是准确的,值得立即核查。
2. **交叉验证数据来源**
不要只看一家工具的结果。可以同时使用多个平台(如Ahrefs Webmaster Tools、Google Search Console、Bing Webmaster Tools、SEMrush等)对比分析,找出共性问题。
3. **关注真实用户行为数据**
比起工具生成的“健康评分”,更应关注Google Analytics或百度统计中的跳出率、平均停留时间、转化路径等真实行为指标。这些才是衡量SEO成效的关键。
4. **优先解决影响爬虫的核心障碍**
如服务器稳定性、死链处理、重复内容、URL规范化等问题,才是真正影响收录与排名的技术瓶颈。
5. **必要时寻求专业支持**
对于中大型网站或商业项目,建议聘请有经验的SEO顾问进行深度审计。他们不仅能发现问题,更能制定长期优化策略,避免走弯路。
---
### 结语:别让“免费”成为认知盲区
免费SEO诊断工具就像一面模糊的镜子——它能让你看到一些轮廓,但无法呈现真实的全貌。当你沉迷于那些花哨的图表、夸张的评分和看似专业的术语时,很容易忽略一个基本事实:**SEO没有捷径,也没有万能公式**。
真正的优化,来自于对用户需求的理解、对内容价值的坚持、对技术细节的打磨以及对数据变化的持续观察。与其依赖一份来路不明的“假报告”,不如静下心来研究搜索意图、优化用户体验、积累真实外链。
记住:搜索引擎最终服务的是人,而不是工具。只有以人为本的SEO,才能经得起算法的考验,带来可持续的增长。
所以,下次当你收到一份“免费SEO诊断报告”时,请多问一句:这份建议,真的适合我的网站吗?还是只是为了让我买单而设计的话术?保持清醒,方能走得更远。 - 下一篇
关键词排名优化是什么意思呀英文
**HTML网页制作需要什么工具?5款免费工具推荐**
在当今数字化时代,掌握网页制作技能已经成为许多人的必备能力。无论是个人博客、企业官网,还是小型项目展示页面,HTML(超文本标记语言)作为构建网页的基石,始终扮演着至关重要的角色。对于初学者而言,学习HTML并不难,但选择合适的工具却能极大提升开发效率和学习体验。那么,HTML网页制作到底需要哪些工具?有没有既实用又免费的选择?
本文将为你详细介绍HTML网页制作所需的基本工具类型,并推荐5款功能强大且完全免费的工具,帮助你从零开始轻松上手网页开发。
---
### 一、HTML网页制作需要哪些基本工具?
在进入具体工具推荐之前,我们先来了解网页制作过程中通常需要哪几类工具:
1. **代码编辑器(Text Editor)**
这是最基础也是最重要的工具。你需要一个能够编写和修改HTML、CSS、JavaScript等代码的编辑器。与普通文本编辑器不同,专业的代码编辑器通常具备语法高亮、自动补全、错误提示等功能,大大提升编码效率。
2. **浏览器(Browser)**
浏览器是查看网页效果的“运行环境”。你可以使用Chrome、Firefox、Edge等主流浏览器实时预览你的网页,调试样式和脚本问题。现代浏览器还内置了强大的开发者工具(Developer Tools),便于分析页面结构和性能。
3. **本地服务器(可选)**
虽然静态HTML文件可以直接用浏览器打开,但在涉及JavaScript异步请求或某些API调用时,可能需要通过本地服务器运行项目,以避免跨域问题。例如使用Live Server插件或Node.js搭建简易服务器。
4. **版本控制工具(如Git)**
对于稍复杂的项目,建议使用Git进行版本管理。它可以帮助你记录每一次代码变更,方便团队协作和代码回滚。
5. **图形处理软件(可选)**
如果你需要自己设计网页中的图片、图标或布局草图,可以借助Photoshop、Figma或Canva等工具进行视觉设计。
接下来,我们将重点介绍5款适合HTML网页制作的**免费工具**,它们不仅功能强大,而且对新手友好,助你快速入门并高效开发。
---
### 二、5款免费HTML网页制作工具推荐
#### 1. **Visual Studio Code(VS Code)——全能型代码编辑器之王**
**官网:https://code.visualstudio.com/**
Visual Studio Code 是由微软开发的一款开源、跨平台(Windows、macOS、Linux)代码编辑器,被全球数百万开发者广泛使用。虽然它本身是一个通用编辑器,但通过丰富的插件生态,它可以完美胜任HTML、CSS、JavaScript乃至后端语言的开发任务。
**为什么推荐它用于HTML制作?**
- **语法高亮与智能提示**:输入``时会自动补全闭合标签,支持HTML5标准。
- **实时预览插件**:安装“Live Server”插件后,保存代码即可在浏览器中自动刷新,实现即时预览。
- **集成终端**:无需切换窗口,直接在编辑器内运行命令行操作。
- **Git集成**:内置版本控制功能,轻松提交和管理代码。
- **主题与扩展丰富**:可根据喜好自定义界面风格,安装超过三万个扩展增强功能。
**适合人群**:从初学者到专业开发者都适用,是目前最推荐的HTML开发工具之一。
---
#### 2. **Brackets —— 专为前端设计打造的轻量级编辑器**
**官网:http://brackets.io/**(注:官方项目已归档,但仍可下载使用)
Brackets 是由Adobe推出的一款开源代码编辑器,特别针对前端开发进行了优化。它的设计理念是“所见即所得”,非常适合专注于HTML、CSS和JavaScript的用户。
**亮点功能:**
- **实时预览(Live Preview)**:连接Chrome浏览器后,修改CSS样式时可立即看到变化,无需手动刷新。
- **内联编辑器**:点击CSS规则可以直接在HTML代码旁编辑样式,提升效率。
- **简洁界面**:无多余功能干扰,适合只想专注写代码的人。
- **扩展支持**:可通过Extension Manager添加新功能,如 Emmet 插件加速HTML编写。
**小贴士**:尽管 Adobe 已停止主动维护 Brackets,但它依然稳定可用,尤其适合不想被复杂功能困扰的初学者。
---
#### 3. **Notepad++ —— Windows用户的经典选择**
**官网:https://notepad-plus-plus.org/**
如果你使用的是Windows系统,并希望有一个轻便高效的文本编辑器,Notepad++ 是一个不可忽视的选择。它体积小、启动快,支持多种编程语言的语法高亮。
**优势特点:**
- **轻量快速**:相比大型IDE,占用资源极少,适合老旧电脑。
- **多标签编辑**:可同时打开多个HTML文件,方便项目管理。
- **宏录制功能**:重复性操作可一键执行,提高效率。
- **插件支持**:可通过插件扩展功能,如NppExec运行脚本、XML Tools格式化文档。
**局限性**:不支持Mac和Linux系统,且缺乏内置浏览器预览功能,需手动打开文件查看效果。
**适用场景**:适合简单网页练习、快速修改HTML片段,或作为备用编辑器。
---
#### 4. **CodePen —— 在线HTML/CSS/JS沙盒平台**
**官网:https://codepen.io/**
CodePen 不是一个传统意义上的编辑器,而是一个在线的“前端游乐场”。你可以在这里直接编写HTML、CSS和JavaScript代码,并实时看到渲染结果,非常适合学习和分享代码片段。
**核心优势:**
- **无需安装任何软件**:打开浏览器就能开始编码。
- **三栏式界面**:左侧写HTML,中间写CSS,右侧写JS,右边则是实时预览区。
- **社区共享**:可以浏览他人作品,学习优秀代码,甚至 Fork 修改再创作。
- **响应式测试**:支持调整预览窗口大小,模拟手机、平板等设备显示效果。
**典型用途**:
- 快速验证某个CSS动画效果;
- 制作简历页、按钮组件等小项目原型;
- 教学演示或面试编码练习。
**注意**:CodePen 更适合做实验性项目或学习用途,不适合开发完整网站。
---
#### 5. **Thimble by Mozilla —— 面向教育的在线HTML编辑器**
**官网:https://thimble.mozilla.org/**(现已整合进Mozilla Foundation其他项目,但仍有镜像站点可用)
Thimble 是Mozilla推出的在线代码编辑器,专为教育目的设计,旨在帮助学生和初学者轻松学习网页制作。它提供了直观的界面和引导式教程,让HTML学习变得有趣而简单。
**主要特色:**
- **边学边做**:内置大量互动教程,教你如何创建标题、插入图片、设置链接等。
- **实时预览**:与CodePen类似,修改代码后右侧即时更新页面效果。
- **模板丰富**:提供节日贺卡、个人主页、小游戏等多种模板供选择。
- **发布便捷**:完成项目后可一键生成公开链接,分享给朋友。
**现状说明**:虽然Mozilla已于2019年正式关闭Thimble服务,但其开源代码仍可在GitHub上找到,部分教育机构也保留了本地部署版本。对于教学场景,它依然是一个极具启发性的工具范例。
---
### 三、如何选择适合自己的HTML工具?
面对这么多工具,初学者可能会感到困惑:我该用哪一个?
这里有几个建议供参考:
| 使用场景 | 推荐工具 |
|--------|---------|
| 想系统学习HTML并长期发展 | ✅ Visual Studio Code |
| 喜欢轻量、快速启动的编辑器 | ✅ Notepad++(仅Windows) |
| 做小项目、练手、分享代码 | ✅ CodePen |
| 教学或带孩子入门编程 | ✅ Thimble(或类似平台) |
| 注重CSS视觉调整 | ✅ Brackets |
总的来说,**Visual Studio Code + Live Server插件**是目前最主流、最全面的组合方案,强烈推荐作为首选。
---
### 四、结语:工欲善其事,必先利其器
HTML网页制作看似简单,但背后离不开高效工具的支持。一个好的编辑器不仅能减少错误,还能激发你的创造力,让你更专注于内容本身而非技术障碍。
本文推荐的五款免费工具各有特色:VS Code功能全面,Brackets专注前端,Notepad++轻巧实用,CodePen适合在线实验,Thimble则富有教育意义。无论你是刚刚接触网页开发的新手,还是想寻找替代工具的进阶用户,都能从中找到适合自己的那一款。
最后提醒一点:工具只是手段,真正的核心在于不断实践和积累经验。不妨现在就下载一款推荐工具,动手写下你的第一个`Hello World!
`,开启属于你的网页创作之旅吧!
> **小练习**:尝试用VS Code新建一个`index.html`文件,输入以下代码并用浏览器打开,看看会发生什么?
```html