如何有效验证一个WordPress网站

验证无疑是优秀网页设计最重要的方面之一。在像 WordPress 这样的内容管理系统中，您需要小心主题和内容中的 HTML 和 CSS。在本教程中，我们将讨论验证 WordPress 网站。

为什么要验证网站？

或者，也许更好的问题是验证的含义是什么？

简单地说，网页验证意味着使页面的代码符合万维网联盟 (W3C) 标准。这通常是通过使用验证工具检查网页的 HTML 和 CSS 输出来完成的。就像不同语言有语法规则一样，计算机编程也有规则。验证会检查您的网页以查看该页面是否遵循这些规则。

除此之外，我们还需要使主题的代码符合 WordPress 编码标准。这可以手动完成（通过在编写 WordPress 主题时掌握常识）或使用著名的主题检查插件等工具。

您可能会问，为什么我们需要验证？答案不止一个。我们来看看：

验证允许您调试页面

当我在 2005 年第一次开始使用 HTML 时，我编写了那些糟糕的网页，其中充满了错误，例如元素嵌套不当或忘记关闭我打开的标签。 CSS 更糟糕：只是一个简单的分号错误或无法检测到的拼写错误就意味着我需要越来越多的时间来进行实验和项目。

但即使经过九年的努力，我还是会犯错误，尽管我几乎是 HTML 和 CSS 方面的专家。幸运的是，像 W3C 的 HTML 验证器这样的工具可以帮助我们调试 HTML 代码中的几乎所有错误。无论是直接粘贴代码、上传 HTML 文件还是提交网页的 URI，您都可以看到代码中做错了什么、问题出在哪里以及如何修复的建议。修复这些错误甚至可以防止出现更大的问题。

验证结果带来更好的 SEO

永远不要忘记这个事实：搜索引擎蜘蛛喜欢语义网页。它可以帮助这些爬虫更好地理解页面，并且在SERP列表中，您自然会获得针对那些具有语义的网页的优势。不验证。

此外，这表明您关心您的网站。验证您的网页意味着您努力拥有一个结构性、语义化的网页（或者您已经拥有创建该页面的工具或知识）。这对于搜索引擎来说是一个巨大的优势，而这个“巨大的优势”可能会提高您的排名。

验证使您的网站更易于访问和兼容

您有没有想过浏览器如何读取网页？他们有“引擎”来解析代码并将其转换为人类的视觉体验。不幸的是，不同的网络浏览器有不同的引擎，这可能会导致页面的处理方式不同。

在有效的网页中，大多数差异确实很小，几乎每个人都可以接受，但无效的网页可能会以不同的方式读取，以至于人们甚至可能无法在 iPhone、Kindle 或任何浏览器中正确查看您的页面他们可能正在使用。验证修复了几乎所有主要差异，并使您的网页几乎可以被所有网络浏览器读取。

适用于您的 WordPress 网站的验证工具

现在我们知道为什么我们应该验证我们的网页，让我们看看如何去做。为了避免双重谈话，我不会提到您需要验证您的帖子内容；但请记住，我要说的大部分内容也适用于您在 WordPress 帖子和页面中编写的内容。

验证 HTML 代码

W3C 的 HTML 标记验证服务可能是用于检查和验证网页的最简单且最流行的工具。使用此工具，您可以发现几乎所有验证错误，从 IMG 标记缺少 ALT 属性到将块级元素放置在内联元素中。

您可以通过提供网页地址、上传 HTML 文件或直接粘贴 HTML 代码来对 HTML 代码进行评分。

验证 CSS 样式

就像 HTML 验证工具一样，W3C 的 CSS 验证服务是网络上最流行的 CSS 验证工具。与 HTML 验证器一样，您可以通过粘贴 URI、上传 CSS 文件或直接粘贴代码来验证 CSS。

请注意，此工具会将“CSS hack”检测为错误，为了保持有效，您需要找到另一种方法来支持旧版浏览器。

验证 WordPress 源

尽管“提要验证”不是很受欢迎，但它是网站验证的另一个重要方面之一。您还可以使用 W3C 的 Atom 和 RSS 源验证服务来检查您的 WordPress 源是否存在错误。幸运的是（当然）WordPress 的默认提要可以完美验证，因此如果您不使用插件来篡改提要，您的提要可能已经有效。

此外，还有一个值得注意的工具，称为 W3C 的 Unicorn，它基本上是一个统一的验证器。尽管它看起来像是一个已停产的开源应用程序，但它仍然在 HTML、CSS、提要和 i18n 验证方面提供了令人满意的结果。结果页面有点令人困惑，但如果您需要获取多个验证测试的结果，您一定会喜欢这个工具。

使用主题检查验证您的 WordPress 主题

除了 W3C 标准之外，WordPress 也有自己的标准：

• PHP 编码标准包括正确使用单引号和双引号、始终使用完整的 PHP 标签、正确使用空格、利用 Yoda 条件等。
• HTML 编码标准是指编写有效的 HTML 代码；使用带有小写字符的属性值、用引号引起来的属性值、使用带逻辑缩进的空格等。
• CSS 编码标准包括正确构建样式表、在选择器中使用小写名称（用连字符分隔单词）、对属性进行良好排序、注释等。
• JavaScript 编码标准要求我们适当使用大括号，使用驼峰命名法命名函数和变量，如果要使用 jQuery，则定义匿名函数，等等。
• 主题审核标准包括（自然地）编写高质量代码、通过使用插件分离功能、正确利用模板标签和挂钩、支持 WordPress 生成的 CSS 类、保护主题、适当许可、正确组织主题文件、编写足够的文档。 .太多了！

主题检查插件会根据这些标准检查您的主题 - 特别是“主题审查”标准。结果可能既令人沮丧又令人振奋，因此不要放弃希望并尝试消除错误以构建出色的 WordPress 主题。

就在我开始写这篇文章时，一个名为 ThemeCheck.org 的新网站出现了，它的功能与 Theme Check 插件的功能完全相同。您不必安装 Theme Check 插件；相反，您可以将主题上传到网站并获取分数以及改进主题的建议（如果需要）。另外，您可以通过放置主题提供的徽章来分享主题的验证分数。很整洁，不是吗？

总结

毫无疑问，验证您的网站至关重要。只要您验证您的网页并保持其有效，您就会从中受益。

您认为验证的重要性如何？通过您的评论为本文做出贡献！如果您喜欢本教程，请不要忘记与您的朋友分享！