处理 SEO 任务时，我们都希望更高效地工作，而又不想花太多钱。幸运的是，有各种免费的 SEO 工具可用，从流行的 Google 工具到免费增值软件。

无论您是预算紧张的自由职业者，还是正在寻找经济高效的方法来提高转化率的企业，每个人都能找到适合自己的东西。为了帮助您找到所需的内容，我根据特定任务将这个 SEO 工具列表分为几类。

关键词研究

关键词研究是 SEO 每天都要处理的事情。因此，拥有能够显示正确数据并提供相关关键词的 SEO 工具非常重要。如果您正在深入研究，这些免费的 SEO 关键字工具是您的首选工具：

谷歌趋势

适合：寻找热门话题的最新信息

Google 趋势就像您个人的趋势发现者，始终让您了解在线热门内容。它可以让您实时了解人们正在搜索的主题。

在“探索”选项卡中，您可以输入任何关键字并按位置、时间、类别和搜索类型缩小搜索范围。该工具将为您感兴趣的主题提供详细的见解。另外，通过向下滚动，您将看到相关主题和查询的列表，以了解完整情况。

如果切换到“立即趋势”选项卡，您还可以分析最新的热门话题。

Google Ads 关键字规划师

适合：进行 PPC 关键词研究

Google Ads Keyword Planner是一个完善 PPC 关键字策略的好工具。它可以让您发现新的关键词并获得搜索量和预测。通过输入关键字或短语，您将了解每月搜索量、竞争级别和建议术语的详情。

但是，它不是通用的 Google 关键字研究工具。您需要投放广告活动才能获得准确的关键字搜索量。

排名追踪器

适合：发现关键词和排名跟踪

SEO PowerSuite 的排名跟踪器工具为多个关键字任务提供了丰富的工具包。使用这个免费工具，您可以：

• 探索您网站排名的有机关键字
• 通过 20 多种关键词研究方法找到更多关键词创意
• 使用搜索量、关键字难度、CPC、PPC 等 SEO 指标估算关键字潜力
• 发现任何搜索引擎的基于位置的排名（支持超过 550 个 SE）
• 比较桌面和移动排名

Rank Tracker 可让您检查任意数量的网站和关键字，而且完全免费。

关键词差距分析工具

适合：发现您和竞争对手之间的关键字和内容差距

借助关键字差距分析工具，您可以深入了解竞争对手的策略并找到漏洞来提高自己网站的性能。

对竞争对手排名的关键字感到好奇（但您尚未将它们添加到您的内容中）？这个免费的关键字工具可帮助您同时发现您的网站与最多 5 个竞争对手之间的关键字差距。

人们还搜索

适合：发现关键词创意

People Also Search For可帮助用户发现数百个按重要性、每月搜索量、每次点击费用和其他指标排名的相关关键词。这些数据使您能够更好地了解用户意图并创建定制内容，最终保持用户的参与度和满意度。

登录后，您可以通过关键字搜索来获取有关特定主题的更多想法，或通过 URL 搜索来发现特定页面上的空白。

SEO搜索关键词工具

适合：快速搜索长尾关键词

SEO 搜索关键字工具是一款方便的 Chrome 扩展，旨在简化关键字研究。该工具可以轻松地从各种搜索引擎生成低竞争关键词并显示其排名。

其简约的界面以及与 Google Chrome 的无缝集成使其成为任何寻求新鲜创意和增强内容策略的人的好帮手。

苏夫勒

适合：寻找新的关键词创意

Soovle是一款基于网络的免费工具，可显示来自各种在线平台（如 Google、Bing、YouTube、Amazon 和 Wikipedia）的搜索建议。

该工具搜索最近提到的与您正在研究的关键字相关的单词。它允许用户潜在地发现他们以前可能没有考虑过的相关关键字。

内容创作

很少有人会拒绝加快内容创建过程，对吧？拥有一堆工具来增强创造力并确保内容质量总是很酷的。这里有几个：

聊天GPT

适合：生成任何类型的内容

它可能是最受欢迎的人工智能工具，几乎不需要任何介绍。ChatGPT会在几秒钟内根据您的具体需求制作内容，无论是大纲、元描述、文章，还是您只需要重写内容以匹配所需的语气。

请记住，ChatGPT 是一种机器学习模型，因此其响应并不总是正确的。确保检查您从 ChatGPT 收到的信息的准确性和相关性。

从 SEO 的角度来看，您可以定制提示，以便该工具立即创建使用关键字优化的文本。

除了生成内容之外，ChatGPT 还可以协助集思广益新主题、根据搜索意图对关键字进行聚类以及许多其他SEO 用例。

双子座

适合：创建任何类型的内容

就像 ChatGPT 一样，Google 的新 AI 模型Gemini可以成为创建 SEO 友好内容的好伙伴。通过了解搜索趋势和最佳实践，该工具可以推荐相关关键词，并建议如何将它们自然地融入您的写作中。

尽管 Gemini 在人工智能领域相对较年轻，但它有望改变制作在搜索结果中排名靠前的信息丰富且引人入胜的内容的方法。

网站审核员的内容编辑器

适合：内容优化

内容编辑器是网站审核器的一项很酷的功能。这款 SEO 写作助手可帮助文案作者使用 SERP 分析创建 SEO 友好的内容。

该工具会分析您的关键字的前 10 个竞争页面。它提取最常见的单词，并就如何改进博客文章、登陆页面或任何其他网页提供建议。

该工具提供以下提示：

• 使用 TF-IDF 算法最常用的关键字
• “人们也问”框中的热门问题
• SERP 上与您的关键字相关的最常见主题
• 您的文本的 SEO 优化得分
• 显示最突出的关键字的词云

内容编辑器是最好的页面优化工具之一，因为它提供了方便的 SEO 建议来增强您的文本。您可以直接在应用程序内编辑文本并观察优化得分的变化。另外，您还可以预览元片段在 SERP 上的显示方式。

海明威应用程序

适合：检查文本的语法和可读性

Hemingway是一个免费的基于网络的内容编辑器（顺便说一下，提供付费桌面应用程序），用于检查内容的正确性和可读性。该工具可以找出典型错误，并为您的文本提供可读性等级。

海明威提供了增强文本可读性的文案写作建议：分割长句子、避免被动语态和困难的句法结构、使用更简单的替代方案等。

语法

好处：改善写作中的语法和风格

Grammarly是另一种流行的写作助手，可以提高您的书面内容的质量。这个人工智能驱动的工具可以捕获并纠正拼写、标点符号和语法中的错误。此外，Grammarly 还提供风格建议，帮助用户改进语气和声音。

借助 Grammarly 浏览器扩展，您可以在 Gmail、Google 文档、Facebook 和其他在线平台上输入内容时获得实时建议。因此，您可以即时进行改进并自信地创建无错误的内容。

复制景观

适合：在网络上查找重复内容

Copyscape是一款可靠的抄袭检查工具，可检查页面是否重复并防止内容欺诈和盗版。该工具可立即发现网络上包含相同内容的页面。

免费版本允许通过 URL 进行搜索。这是一个有用的工具，因为网络上的重复可能会破坏网站的搜索引擎优化。

SERP 片段优化

SERP 片段是用户和您的网站之间的第一个接触点。因此，您需要完善标题标签、元描述和丰富片段等元素，以便用户想要单击它们。以下工具可以帮助您提高网站在 SERP 中的吸引力：

Google SERP 片段优化器

适合：SERP 片段优化

Google SERP Snippet Optimizer是一个小型免费工具，可供网站管理员测试其网页在 Google 搜索结果页面中的外观。优化良好的代码片段可以通过提供吸引用户访问网页的相关信息来吸引更多点击。

因此，在相应字段中输入标题、URL 和元描述，您将看到搜索片段的预览。超过最佳标题或描述长度的额外符号将以红色突出显示。

字数统计器

适合：根据推荐的字数指南调整内容

在 SEO 方面，字数计数器是一个很好的帮手，可以确保您的内容符合字数限制，从而获得最佳 SEO 性能。

它对于优化元标题和元描述等 HTML 标签至关重要。这些 SEO 元素有严格的字符限制，因此简洁的措辞至关重要。通过避免超过字符，您可以防止搜索结果中的代码片段被截断，最终最大限度地提高可见性。

大小写转换器

适合：调整文本大小写类型

尽管Case Converter不是主要的 SEO 工具，但它可以帮助内容作者和 SEO 专家改进文本格式和一致性。例如，大小写转换器可用于正确的大写，从而增强可读性和用户体验。搜索引擎确实喜欢结构良好且格式良好的内容。

丰富的结果测试

适合：检查丰富的摘要

您可以使用 Google 的免费 SEO 检查器Rich Results Test来测试您的页面上是否存在任何架构项目。它允许用户输入 URL 或代码片段，然后提供有关该页面是否符合丰富结果的反馈，例如丰富片段、丰富卡片或其他增强的搜索结果功能。

该工具对于确保正确有效地实现结构化数据标记非常有价值。这最终提高了 Google 搜索结果中网页的可见性和外观。

网站审核

定期的网站审核非常重要。它们可以帮助您评估性能并检测可能阻碍您的网站被搜索引擎正确索引的问题。为此，您可以使用以下 SEO 工具进行网站分析：

谷歌搜索控制台

优点：持续监控网站并检查错误报告

Google Search Console可能是最明显、最知名的 SEO 审核工具。它提供了有关 Google 如何抓取您的网站并将其编入索引的详细见解，突出显示可能影响其性能的任何问题。

此外，Google Search Console 还提供性能报告，显示哪些查询带来了更多流量以及您的网页在搜索结果中的排名情况。此信息有助于确定优化工作的优先顺序，并确保您的网站针对搜索引擎进行全面优化。

使用 Google Search Console 进行网站审核了解更多

谷歌分析

适合：收集全面的网站统计数据和搜索分析

当想到 SEO 分析工具时，Google Analytics通常是您首先想到的工具之一。它为您提供有关用户如何与您的网站交互、他们来自哪里以及哪些内容有效（或无效）的所有有趣的详细信息。

Google Analytics（分析）显示的指标展示了每个页面的动态性能：自然流量、跳出率、页面停留时间和转化率。这些数据可以作为优化网站和做出明智决策以提高性能的宝贵基础。

网站审核员

适合：360°网站审核、页面审核

借助WebSite Auditor，用户可以自由地进行站点范围内的审核并监控网站的 SEO 健康状况。这个免费的网站 SEO 检查工具可以帮助您发现一些最常见的“疾病”：

• 重复的标题和页面
• HTTP/HTTPS 问题
• 使用 Robots.txt 指令阻止资源
• 页面速度和核心网络生命力问题
• 内部链接问题

此外，该工具还提供内置网站管理员工具来生成 XML 站点地图和robots.txt 说明。因此，这个 SEO 分析工具完全足以用于网站 SEO 优化状态的常规检查。

沃帕利泽

适合：检测网站上使用的技术

Wappalyzer就像您浏览器的秘密特工。作为最好的 SEO 网站分析器之一，此 Chrome 扩展程序可以快速检测您访问的任何网站背后的网络技术。借助 Wappalyzer，您将立即发现正在发挥作用的工具：从 CMS 和编程语言到分析跟踪代码、电子商务平台、JavaScript 库等等。

将插件添加到您的浏览器，进入感兴趣的网站，然后单击扩展图标。它将提供网站的技术简介，一目了然。

灯塔

适合：快速检查页面性能

Lighthouse是 Google 的一个强大扩展，可帮助开发人员提高网页质量。它审核网页的性能、可访问性、SEO 等。

该工具提供可操作的见解和建议来优化网页，以获得更好的用户体验和更高的性能。

网页测试

适合：网页速度优化

网页测试允许您使用真实的浏览器并以真实的用户连接速度从全球多个位置运行免费的网站速度测试。该工具根据一系列因素检查网页的平均分数：安全性、压缩、速度、图像优化、核心网络生命力等等。

通过向下滚动报告，您还可以找到测试摘要以及每个资源的单独选项卡和详细说明。

PageSpeed 见解

适合：评估核心网络生命力

PageSpeed Insights提供有关移动和桌面设备上网页性能的关键数据。通过根据 Core Web Vitals 分析您的页面，该工具可以确定需要改进页面速度和整体用户体验的领域。

此外，PageSpeed Insights 还提供可行的建议来解决审核期间发现的任何问题。这些建议可能包括优化图像、利用浏览器缓存以及最小化 JavaScript 和 CSS 文件。通过实施这些建议，网站管理员可以确保页面满足搜索引擎算法的要求。

简单网络分析

适合：扫描 URL 以检查并修复其技术 SEO 错误

SimpleWebAnalytics是一个免费的网络爬虫。该桌面软件分析网页并通过 Google 和其他搜索引擎的分析工具 API 获取统计数据。该工具可让您检查每个 URL 或一组 URL 的索引状态、流量、展示次数和点击次数以及 robots.txt 规则。

SimpleWebAnalytics 可让您检查 Google 中 URL 索引的状态并确定访问网站页面的流量。数据可以导出到 Excel 工作表。

使用该软件，您可以收集流量较少、跳出率较高或转化率较低的页面列表。您可以检测未索引的页面并通过 Google Indexing API 提交它们以进行索引。

META SEO检查员

适合：分析元数据

META SEO 检查器是一款免费的 Google Chrome 扩展程序，旨在帮助网站管理员直接在浏览器中检查 HTML 元素。该工具检查关键元标签（如标题标签、元描述和机器人元标签）的存在和质量。它突出显示任何缺失或优化不佳的元素，并提供改进解决方案。

该工具还分析结构化数据标记和标题等元素，并提供网页上存在的内部和外部链接的概述。

技术文件生成

有时，网站管理员需要快速创建技术文件，以确保对网站内容进行有效的抓取和索引。这里有一些工具可以做到这一点：

XML 站点地图在线生成器

适合：为小型网站创建 XML 站点地图

XML Sitemaps Online Generator可在几分钟内生成站点地图。您只需输入您的网站 URL 并单击“开始”即可。全部设置完毕后，您可以下载 XML 站点地图文件或将其直接发送到您的电子邮件。

然而，免费的在线版本仅适用于为相对较小的网站（最多 500 个页面）创建 XML 站点地图。

Robots.txt 生成器

适合：为网站创建 robots.txt 文件

使用Robots.txt 生成器创建 robots.txt 文件非常简单。只需根据您的喜好调整搜索引擎的选项，该工具就会根据所选参数创建 robots.txt 文件。是的，就是这么简单。

模式标记生成器

适合：创建模式标记

架构标记生成器是用于制作各种架构的首选工具，包括文章、面包屑、事件、常见问题解答页面和操作方法部分。只需填写所有必填字段，该工具就会生成您的架构标记。完成后，您可以轻松地将其复制并粘贴到页面的 HTML 代码中。

Shema 标记验证器

适合：检查结构化数据

架构标记验证器旨在帮助网站管理员和 SEO 专业人员验证其网页上结构化数据标记的实施。只需输入实时 URL 或将包含架构标记的 HTML 代码粘贴到工具中即可。

验证器将执行全面分析并识别架构标记实现中的任何错误、警告或潜在问题。

优雅的模式

适合：借助结构化数据优化丰富的摘要

如果您想分析现有代码是否存在结构化数据标记，Classy Schema可以帮助您。转到结构化数据查看器并通过以下两种方式之一提供代码：

• 只需粘贴网页中的 HTML 代码即可
• 选择从 URL 获取，查看器将检索代码

一旦您提供代码，查看器就会对其进行解析，并以直观易懂的格式呈现嵌入的结构化数据。该表示包括关键详细信息，例如架构类型（本地业务、产品等）和特定属性（名称、地址、价格等）。

链接管理

链接分析可以帮助网站管理员了解指向其网站的反向链接的质量和数量，这直接影响搜索引擎排名。让我们探索最好的免费 SEO 工具来识别有价值的反向链接机会，发现有毒反向链接等潜在问题，并改善网站的链接配置文件。

链接助手

适合：链接建设外展

对于那些进行链接推广的网站管理员来说，LinkAssistant在寻找合适的合作伙伴方面做了非常宝贵的工作。使用该工具，您可以发现链接建设的各种机会，包括：

• 企业名录
• 专题论坛和博客
• 竞争对手链接
• 嘉宾发帖平台等

此外，LinkAssistant 还可以帮助您估计链接潜在客户的权威和自然流量潜力，了解他们的头衔并获取联系人（如果有）。

由于 LinkAssistant 是一个链接构建工具，因此它包含一个用于从网页中提取电子邮件的电子邮件抓取工具，以及一个带有用于发送请求的现成模板的内置电子邮件客户端。此外，还有一个链接验证工具，可以将您的所有外展工作控制在一个工作区中。您会立即注意到链接是否消失或被标记为 nofollow 标签。

搜索引擎优化间谍玻璃

适合：评估链接配置文件

SEO SpyGlass是一款方便的反向链接检查工具，可以彻底分析网站反向链接配置文件。该软件使您能够轻松评估网站权限、监控推荐流量，甚至监视竞争对手的反向链接。借助 SEO SpyGlass，您可以发现一些竞争对手已经利用但您没有利用的未开发的反向链接机会。

此外，您还可以通过跟踪历史反向链接数据来监控网站反向链接配置文件随时间的变化。这使您可以评估 SEO 策略的有效性。

免费反向链接检查器

适合：进行快速反向链接审核

反向链接检查器提供了大量增强 SEO 工作的好处。通过访问最新的反向链接数据库，您始终了解网站的反向链接配置文件。此外，该工具还为您提供实时统计数据，并深入了解您的反向链接历史记录随时间的变化。

拒绝工具

好处：摆脱有毒的反向链接

大多数情况下，谷歌算法被教导自动忽略垃圾邮件反向链接。不过，有时您可能需要一个拒绝工具来排除一些您自己无法删除的垃圾反向链接。例如，当您联系链接网站的网站管理员但他们没有回复时。

请记住，必须小心处理该工具。错误诊断反向链接或拒绝错误的反向链接可能会严重损害您网站的搜索引擎可见性。

谷歌的拒绝工具：你需要知道的一切了解更多

结论

您真的不需要花很多钱来获得 SEO 任务的最佳工具。事实上，您有大量的选项可以帮助您将网站提升到新的高度。

您还有其他最喜欢的物品要添加吗？不要犹豫，在我们的 Facebook 群组中分享更多顶级 SEO 软件！

TML是构成大多数网页基础的标记语言。

它可以说是SEO技术的最基本部分之一。

使用HTML元素，SEO专业人员可以将有关页面的信息传达给用户和搜索机器人。

这可以帮助阐明页面上内容的重要性，性质和顺序，以及与其他网页的关系。

标签和属性之间的区别

要了解标签和属性之间的区别，我们需要确保我们使用正确的术语。

许多人会交替使用“标签”和“属性”这两个词，但请保持准确。

以下HTML元素的格式分为三部分：

• 开头标签。
• 该标签特有的内容。
• 结束标记。

例如：

<h1>欢迎来到我关于SEO的页面</ h1>

• “ <h1>”打开标签。
• 标签的内容为“欢迎来到我的SEO页面”。
• “ </ h1>”关闭标签。

此元素是标题，将用作网页上的可见标题，以介绍有关小猫的内容。

标签

标签必须具有开始<X>和结束</ X>元素，标签才能起作用。

还有诸如<br>的空元素，它们没有任何内容或结束标记。

属性

将属性添加到元素以对其进行修改。它们位于元素内，例如：

<link rel=“ canonical” href=“ https://www.example.com” />

3个基本HTML标记

为了制作有用的网页，需要一些关键标签。

<！DOCTYPE html>

<！DOCTYPE html>标记是网页上的第一个标记。

它实质上将页面介绍为网页。

<head>

<head>标记介绍页面的第一部分。

这是关于页面的信息，这些信息不会在页面上显示。

了解<head>很重要，因为这是一些SEO的关键标签所在的地方。

<body>

body标签包含访问者将在页面上看到的信息。

这是副本，图像和视频的存放位置。

该主体还将容纳我们稍后将讨论的其他一些HTML标签。

SEO的常用标签及其中使用的属性

<meta>

<meta>标记位于页面的<head>中。

它可以包含描述网页信息的属性，这些信息实际上不会在页面内容中显示。

由于与元标记一起使用的属性可控制“元描述”和不再使用的“元关键字”之类的属性，因此通常将其称为“元数据”。

名称属性

name属性与<meta>标记一起使用。

本质上，这是一种向可能访问该页面的蜘蛛进行指定的方式，无论是否适用以下信息。

例如，包含<meta name=“ robots” content=“ noindex” />意味着所有机器人都应注意“ noindex”指令。

您会经常听到这种情况，称为“元机器人标记”。

如果使用以下命令<meta name=“ googlebot” content=“ noindex” />，则只有Google的蜘蛛注意“ noindex”指令。

这是向所有不需要的搜索机器人发出命令的好方法。

Noindex属性

“ noindex”属性是SEO中常用的属性。

您经常会听到它被称为“ noindex标签”，但更准确地说，它是<meta>标签的属性。

它的公式是：

<meta name=“ robots” content=“ noindex” />

这段代码使发布者可以确定哪些内容可以包含在搜索引擎的索引中。

通过添加“ noindex”属性，您实际上是在告诉搜索引擎它可能不在其索引内使用此页面。

例如，如果您想通过自然搜索无法获得敏感内容，这将很有用。

例如，如果您的网站上只有付费会员可以访问的区域，则允许将此内容输入搜索索引可以使它无需登录即可访问。

必须先阅读“ noindex”指令。也就是说，搜索引擎必须能够访问该页面以读取包含该指令的HTML代码。

因此，请注意不要蜘蛛访问robots.txt中的页面。

描述属性

description属性（又称为“元描述”）与<meta>标记一起使用。

该标签的内容用于SERP中的<title>标签的内容下方。

它使发布者可以以一种有助于搜索者确定页面是否满足其需求的方式来总结页面上的内容。

这不会影响页面的排名，但可以帮助鼓励从SERP点击进入页面。

必须意识到，在许多情况下，搜索引擎会忽略description属性的内容，而倾向于在SERP中使用其自己的描述。

<标题>

如果您有做过一段时间SEO，那么title标签就是您熟悉的标签。

俗称“元标题”，它是用来定义页面标题的标签。它位于站点的<head>中。

因此，当用户在网页上时看不到它。但是，它显示在SERP的浏览器栏中，并允许您指示页面与搜索者的查询（与搜索bot和用户）的相关性。

<h1>至<h6>

在标题标签被用于指示HTML内容的部分应作为样式的标题。

标签位于页面的<body>内，因此查看页面内容的用户可以看到文本。

标题标签应用于帮助构建页面。

在创建网站时，开发人员将确保样式与每种标题标签相关联。

这意味着包装在<h1>标记中的单词应该看起来与包装在<h2>标记中的单词不同。

这可以帮助用户确定某段文字何时是该段文字的一部分，例如标题和副标题。

标题标签还可以帮助搜索引擎确定页面上内容的结构。

链接标签和Href属性

作为SEO专业人士，我们花费大量时间来寻找链接。

但是您是否知道链接的结构以及为什么某些链接比其他链接更有价值？

标准超链接本质上是一个<a>标记。格式如下：

<a href=”www.example.com”>链接的锚文本位于此处</a>。

<a>标记表明它是一个链接。

href=属性指示链接的目的地（即，链接到的页面）。

位于<a>标记和</a>标记之间的文本是锚文本。

这是用户将在看起来可点击的页面上看到的文本。

这用于将出现在页面<body>中的可单击链接。

<link>标记用于将资源链接到另一个资源，并显示在页面的<head>中。

这些链接不是超链接，不可单击。它们显示了Web文档之间的关系。

Rel=“ nofollow”属性

rel=” nofollow”属性告诉蜘蛛，href属性中的URL并非其可跟随的URL。

使用rel=“ nofollow”属性将不会影响用户单击链接并进入另一个页面的能力。它仅影响机器人。

在SEO中使用它来阻止搜索引擎访问页面，或阻止将一个页面链接到另一页面的任何好处。

从传统的SEO链接构建角度来看，这可以说使链接无用，因为链接权重不会通过链接。

有观点认为，如果它使访问者查看链接到的页面，它仍然是一个有益的链接！

发布者可以使用“ nofollow”属性来帮助搜索引擎了解链接页面何时是付款的结果，例如广告。

这可以帮助阻止链接惩罚问题，因为发布者承认链接是合法交易的结果，而不是试图操纵排名的结果。

rel=“ nofollow”属性可以在单个链接的基础上使用，如下所示：

<a href=www.example.com rel="nofollow">链接的锚定文字在此处</a>

或者可以通过在<head>中使用它来将页面上的所有链接呈现为“ nofollow”，就像使用了“ noindex”属性一样：

<meta name=“ robots” content=“ nofollow” />

Google如何使用rel=“ nofollow”属性

Google在2019年宣布，其使用“ nofollow”属性的方式将有所改变。

这包括通知我们一些其他属性，这些属性可以代替“ nofollow”来更好地表达链接到其目标页面的关系。

这些新属性是rel=“ ugc”和rel=“ sponsored”。

它们将用于帮助Google了解发布商何时希望对目标页面进行打折以用于排名信号。

rel=“ sponsored”属性用于标识链接何时是诸如广告或赞助之类的付费交易的结果。rel=“ ugc”属性用于标识何时已通过用户生成的内容（例如论坛）添加了链接。

谷歌还宣布这些以及“ nofollow”属性仅被视为提示。

以前，“ nofollow”属性会导致Googlebot忽略指定的链接，而现在它会在建议下接受该提示，但仍可以将其视为“ nofollow”不存在。

Hreflang属性

hreflang属性的目的是帮助发布者的网站以多种语言显示相同的内容。

它指导搜索引擎应向用户显示该页面的哪个版本，以便他们可以使用首选语言阅读该页面。

hreflang属性与<link>标记一起使用。此属性指定链接到的URL上的内容的语言。

它在页面的<head>中使用，其格式如下：

<link rel=“ alternate” href=“ https://example.com” hreflang=“ zh-CN” />

它分为几个部分：

• rel=“ alternate”表示该页面具有与其相关的替代页面。
• href=属性表示要链接到的URL。
• 语言代码是两个字母的名称，用于告诉搜索引擎其链接页面所用的语言。这两个字母取自标准化列表，即ISO 639-1代码

hreflang属性也可以在HTTP标头中用于非HTML（例如PDF）或网站XML网站地图中的文档。

正确使用hreflang属性可能很棘手。有关其使用的更多信息，请参见Dan Taylor关于其正确实现的文章。

规范属性

借助链接标签的rel=“ canonical”属性，SEO专业人员可以指定网站或其他域中的哪个其他页面应被视为规范页面。

页面实际上是规范页面，意味着它是主页，其他页面也可以是副本。

出于搜索引擎的目的，这表明发行商希望将其视为要排名的主要页面的页面，而不应该对副本进行排名。

规范属性如下所示：

<link rel=“ canonical” href=“ https://www.example.com/” />

该代码应位于页面的<head>中。在“ href=”之后声明的网页应该是您希望搜索引擎将其视为规范页面的页面。

在两个或多个页面上可能具有相同或几乎相同的内容的情况下，此标记很有用。

规范属性的使用

网站的建立方式可能对用户有用，例如电子商务网站上的产品列表页面。

例如，一组产品（例如“鞋子”）的主类别页面可能具有一些有关于“鞋子”的副本，标题和页面标题。

如果用户单击过滤器以仅显示8号棕色的鞋子，则URL可能会更改，但副本，标题和页面标题可能与“鞋子”页面相同。

除了显示的产品列表之外，这将导致两个页面完全相同。

在这种情况下，网站所有者可能希望在指向“鞋子”页面的“ 8号棕色棕色鞋子”页面上放置一个规范标签。

这将有助于搜索引擎了解“排名第8的棕色鞋子”页面不需要排名，而“鞋子”页面在这两个页面中更重要，应该对其进行排名。

规范属性出现问题

重要的是要意识到搜索引擎仅将规范属性用作指导，而不是必须遵循的规范。

在许多情况下，规范属性被忽略，而另一个页面被选择为该集的规范。

图片

<img>标记用于将图像嵌入HTML页面。

image标签不会将图像原样插入页面，而是以允许图像在页面上可见的方式链接到它。

它实质上是为其他位置托管的图像创建一个容器。

<img>标记的格式如下：

<img src=“ imagename.jpg” alt=“这是图像的说明”>

此标签包含两个属性，一个属性对于该标签起作用至关重要，另一个属性可以保留为空白。

Src属性

src=属性用于引用页面上显示的图像的位置。

如果图像与其将出现的容器位于同一域中，则可以使用相对URL（只是URL的末尾部分，而不是域）。

如果要从另一个网站提取图像，则需要使用绝对（整个）URL。

尽管此属性本身没有任何SEO用途，但它需要image标签起作用。

替代属性

上面的图片标签示例还包含第二个属性alt=属性。

此属性用于指定在无法渲染图像时应显示哪些替代文本。

alt=属性必须存在于<img>标记中，但是如果不需要替代文本，可以将其保留为空白。

考虑在图像alt=属性中使用关键字有一些好处。搜索引擎无法精确确定图像的含义。

主要搜索引擎识别图片中的内容的能力已取得了长足的进步。但是，该技术远非完美。

这样，搜索引擎将使用alt=属性中的文本来更好地理解图像的含义。

使用有助于增强图像与页面主题相关性的语言。

这可以帮助搜索引擎识别该页面与搜索查询的相关性。

重要的是要记住，这不是alt=属性的主要原因。

屏幕阅读器和辅助技术使用此文本来使使用此技术的人员能够理解图像的内容。

应该首先考虑alt=属性，以使使用该技术的用户可以访问网站。这不应出于SEO目的而牺牲。

结论

本文介绍了您在SEO中可能会遇到的核心HTML标签和属性。

然而，还有更多的东西可以用来制作一个功能齐全、可爬行和可索引的网页。

SEO和开发技能集之间的交叉很大。

作为SEO专业人士，您越了解网页的构造越好。

如果您想了解有关HTML及其可用标签的更多信息，可以使用W3Schools之类的资源。

用纯 JavaScript，可以创建一个完整的网页，包括页面结构、样式和交互。JavaScript可以通过Document Object Model（DOM）来操作网页的结构和内容，以及利用CSS属性来设置样式。下面写一个示例。

首先，我们将创建一个 HTML 页面的基本结构，但是全部使用 JavaScript 来生成：

<!DOCTYPE html>

<html>

<head>

<title>Dynamic Webpage</title>

</head>

<body>

<script>

// 创建网页基本结构

const webpage=document.implementation.createHTMLDocument('JavaScript Webpage');

const head=document.createElement('head');

const body=document.createElement('body');

// 创建标题

const title=document.createElement('title');

title.textContent='JavaScript Webpage';

// 创建标题和样式

const heading=document.createElement('h1');

heading.textContent='Hello, JavaScript Webpage!';

heading.style.color='blue';

// 创建段落

const paragraph=document.createElement('p');

paragraph.textContent='This is a webpage created using only JavaScript.';

// 将所有元素添加到页面中

head.appendChild(title);

body.appendChild(heading);

body.appendChild(paragraph);

webpage.documentElement.appendChild(head);

webpage.documentElement.appendChild(body);

// 将网页添加到文档中

document.documentElement.appendChild(webpage.documentElement);

</script>

</body>

</html>

这段代码使用 JavaScript 创建了一个包含标题、一个大标题和一个段落的简单网页。它通过创建 HTML 元素并使用 DOM 方法将它们连接起来，然后将整个网页添加到文档中。

虽然这种方法可以创建一个简单的网页，但在实际项目中，不建议完全依赖 JavaScript 来构建整个网站。因为这种方式会增加代码的复杂性，降低可维护性，并且不利于 SEO。通常情况下，使用 HTML 作为网页的骨架，再结合 CSS 和 JavaScript 来增强网页的样式和交互更为常见和推荐。

这种纯 JavaScript 创建网页的方法更适合在特殊情况下使用，比如在动态加载内容时或者需要通过 JavaScript 来生成静态页面时。但是，为了更好地组织和维护代码，以及确保页面结构的可读性和可访问性，通常还是建议使用 HTML 作为网页的基础结构。