技术 SEO，如何使用 WordPress hooks 进行改进？

您的网站是否使用 WordPress 作为 CMS？尝试使用 WordPress 操作挂钩和过滤器来改进您的技术 SEO。

WordPress 是全球最受欢迎的内容管理系统 (CMS)，市场份额超过 60%。

庞大的支持社区和许多免费插件使使用 WordPress (WP) 构建网站变得经济实惠，并且它在其市场份额如此之大的原因中发挥了关键作用。

然而，如您所知，安装插件是有代价的。

他们通常会降低您的 Core Web Vitals 分数；例如，他们可以在每个不需要的页面上加载不必要的 CSS 或 JS 文件。

要解决这个问题，您需要聘请程序员来为您做这件事，购买高级插件，或者可能需要一些学习曲线并自己做。

您还可以走混合路线，通过自定义编码和使用其他部分的插件来解决一些问题。

本文旨在帮助您完成学习之旅，因为我们介绍了最需要的 WordPress 挂钩，以帮助您提高网站的技术 SEO。

什么是 WordPress Hook？

WordPress 挂钩是 WP 的一项关键功能，它允许开发人员在不更改 WP 核心文件的情况下扩展 CMS 的功能 - 它可以更轻松地更新主题或插件，而不会破坏自定义更改。

它们为开发人员提供了一种强大的方法来扩展 WordPress 的功能并对他们的网站进行自定义更改。

什么是过滤钩？

钩子的过滤函数用于在函数返回之前修改函数的输出。例如，您可以使用 wp_title 过滤器挂钩将您的博客名称作为页面标题的后缀。

什么是动作挂钩？

操作挂钩允许程序员在 WP 核心、插件或主题执行的特定点执行某些操作，例如发布帖子或加载 JS 和 CSS 文件时。

通过学习一些基本的操作挂钩或过滤器，您可以执行各种任务，而无需雇用开发人员。

我们传递以下钩子：

• wp_enqueue_scripts
• wp_head
• script_loader_tag
• template_redirect
• _wp_headers
• _wp_headers 这正是您使用的排除多余的 CSS 或 JS 文件 Action Hook加载到不需要它们的页面上。

  例如，流行的免费联系表单 7 插件安装量超过 500 万次，在所有页面上加载 CSS 和 JS 文件 - 而人们只需要它在存在联系表单的地方加载。

  要排除联系页面以外的页面上的 CF7 的 CSS 和 JS 文件，您可以使用下面的代码片段。 function my_dequeue_script(){ //检查页面slug是否不是我们的联系页面，或者您可以使用带有页面id的is_page(25)，或者如果它是帖子页面 is_single('my-post') if (!is_page) ( ' contact') ) {wp_dequeue_script('google-recaptcha');wp_dequeue_script('wpcf7-recaptcha');wp_dequeue_script('contact-form-7');wp_dequeue_style('contact-form-7');}}add_action ( ' wp_enqueue_scripts', 'my_dequeue_script', 99 );

  有几个关键点；操作挂钩的优先级设置为 99，以确保我们的更改在队列中最后运行。

  如果将其设置为 10，它将不起作用，因为 CF7 使用入队函数优先级 20。因此，为了确保您的更改最后运行并生效，请设置足够高的优先级。

  同样在代码中我们使用“contact form-7”作为函数参数标识符；你可能想知道我是怎么发现的。

  它非常简单直观。只需使用浏览器的检查元素工具并检查链接或脚本标记的 id 属性。

  Chrome 开发者工具 Inspect Element

  您可以使用 Inspect Element 检查您的网站源代码并开始将任何不需要的 JS 或 CSS 文件出列。

  wp_head

  此操作挂钩用于在网站的 部分添加任何资源 JS、CSS 文件或元标记。

  使用此钩子，您可以通过标题部分的翻盖加载预安装的资源，这可以提高您的LCP分数。

  例如，字体预加载（Google 的建议之一），或者始终在首屏加载的文章页面的徽标和特色图像 - 您需要预加载它们以提高 LCP。

  为此，请使用下面的代码片段。function my_preload() {?>