Wordpress站点Lighthouse报meta标签缺失，标签被移至body求助

以下是几个实际开发中验证有效的排查和解决方向：

• 排查wp_head()的输出错误
  wp_head()会加载主题、插件的各类资源和代码，如果其中某个插件/主题函数输出了未闭合的HTML标签（比如漏写</script>、<div>未闭合），浏览器会自动修复DOM结构，把<head>里后续的内容挤到<body>中。
  测试方法：临时注释掉<?php wp_head(); ?>，刷新页面查看meta标签是否还在<head>内。如果恢复正常，就逐个禁用插件排查，或者检查主题functions.php中挂在wp_head钩子的函数，找到输出错误HTML的代码。

• 测试主题和插件冲突
  有些插件的输出缓冲逻辑或HTML处理代码会打乱页面结构。先禁用所有第三方插件，刷新页面看问题是否消失；如果还存在，切换到WordPress默认主题（比如Twenty Twenty-Four）测试，确认是主题还是插件的问题，再针对性排查。

• 调整Meta标签的添加方式
  你当前把viewport标签放在wp_head()之后，虽然语法没问题，但如果wp_head()内部的代码导致<head>提前闭合，后续标签就会跑到<body>里。建议改用WordPress官方钩子规范添加：
  在functions.php中添加以下代码，设置优先级为1确保优先加载：

  function add_custom_meta_tags() {
      echo '<meta name="description" content="你的站点描述内容">';
      echo '<meta name="viewport" content="width=device-width, initial-scale=1">';
  }
  add_action('wp_head', 'add_custom_meta_tags', 1);
  

  同时记得删除header.php中手动添加的对应meta标签，避免重复。

• 清空缓存
  浏览器缓存或CDN缓存可能让你看到的是旧页面结构。尝试强制刷新页面（Ctrl+F5），清空浏览器缓存，或者暂时关闭CDN服务测试。

内容的提问来源于stack exchange，提问作者in2d