l-1

WordPress笔记

主页/WordPress笔记/博客文章/综合文章/如何隐藏 WordPress 页面不被 Google 找到（四种方法）

如何隐藏 WordPress 页面不被 Google 找到（四种方法）

Bug编译狮

Bug编译狮

要确保您的 WordPress 网站在搜索引擎结果页上不会显示特定页面或文章，可以通过多种方式实现这一目标。这里介绍几种常见的方法，包括但不限于：

方法一：使用 .htaccess 文件

通过修改 .htaccess 文件中的规则，可以阻止某些页面或文件的访问。以下是一个基本的示例，用于阻止某个目录下的所有静态文件和 PHP 脚本：

# 阻止所有以.php结尾的文件
<FilesMatch ".(php|phps)$">
    Order Allow,Deny
    Deny from all
</FilesMatch>

# 阻止所有以.js、.css 结尾的文件
<FilesMatch ".(js|css)$">
    Order Allow,Deny
    Deny from all
</FilesMatch>

方法二：使用插件

有许多插件可以帮助您更方便地管理搜索排名和网站优化。例如，“Noindex” 插件允许您指定哪些页面应该在搜索引擎中不被索引。

  1. 安装并激活“Noindex”插件。
  2. 导航到“设置” > “搜索” > “Google 不要在我的网站上索引这些页面”。
  3. 选择您想要排除的页面 URL 或者使用通配符匹配。

方法三：使用 robots.txt 文件

robots.txt 文件位于根目录下，告诉爬虫哪些页面可以访问，哪些不可以。下面是一个简单的示例，只允许对特定路径有权限访问：

User-agent: *
Disallow: /admin/
Disallow: /wp-admin/

这表示除了 admin/ 和 wp-admin/ 目录之外的所有其他页面都不应该被收录。

方法四：使用 SEO 工具和插件

一些 SEO 工具和插件能够帮助您更好地控制搜索引擎行为。例如，使用“Search Console”工具可以实时查看您的网站在搜索引擎中的表现。

  1. 登录到 Google Search Console。
  2. 进入“Basic Info”部分。
  3. 在“Crawl Errors”选项卡中检查是否有任何错误信息。
  4. 如果发现问题，请联系 Google 并提交问题。

示例代码及效果

假设我们要创建一个名为 “example-page” 的页面，我们首先会使用第一种方法来阻止它被搜索引擎索引。接下来，我们将安装并启用“Noindex”插件，然后配置该插件以排除我们的 “example-page”。

步骤：

  1. 安装 Noindex 插件:

    • 登录到 WordPress 后台。
    • 导航到“插件” > “添加新插件”。
    • 搜索并安装“Noindex”。

  2. 启用插件:

    • 打开“设置” > “搜索”。
    • 选择“Noindex”插件。
    • 勾选“在 Google 中不索引此页面”。

  3. 配置插件:

    • 返回到“设置” > “搜索”，找到“Google 不要在我的网站上索引这些页面”。
    • 输入“example-page”作为您想要排除的页面名称。

效果：

  • 当用户访问“example-page”时，他们将看到一个标准的 404 错误页面，而不是正常的 WordPress 内容。
  • 网络上的搜索引擎也不会发现这个页面，因为它没有被标记为“noindex”。

通过以上步骤，您可以有效地控制 WordPress 站点的内容在搜索引擎中的可见性，从而提高其 SEO 性能。

黑板前的Bug语法讲师

黑板前的Bug语法讲师

如何隐藏 WordPress 页面不被 Google 找到

主题与插件：

  1. Google Tag Manager (GTM): 这是一种将 JavaScript 转换为 HTML 的工具，可以帮助您创建自定义标签来控制网站的行为。通过设置一个特定的事件（如“Google Analytics”或“Google Tag Manager”），您可以控制页面是否显示和隐藏。
  2. Page Visibility Pro: 这个插件允许您根据用户的位置、设备类型等条件选择性地隐藏或显示网页。

JavaScript 代码：

  • 使用 document.hidden 属性来检查当前页面的状态。
  • 如果 document.hidden 返回 true，则表示该页面已被隐藏；反之则表示未被隐藏。

CSS 代码：

  • 在 CSS 中使用 display 属性来改变元素的外观，例如将其设为 none 或 block。
  • 使用伪类 :not() 来选择非隐藏的元素。

示例代码

1. 使用 GTM 控制隐藏页面状态

<!-- 设置 GTM 隐藏页面 -->
<script type="text/javascript">
    window.gtm.push(function() {
        document.getElementById('hidden-page').style.display = 'none';
    });
</script>

<!-- 假设存在一个名为 "hidden-page" 的元素 -->
<div id="hidden-page"></div>

2. 使用 Page Visibility Pro

<!-- 添加 Page Visibility Pro 插件 -->
<plugin name="pagevisibility.pro">
    <option name="enabled" value="true"/>
    <option name="hide_if" value="mobile"/>
    <option name="hide_if_mobile_browser" value="chrome"/>
    <option name="show_if" value="tablet"/>
    <option name="show_if_tablet_browser" value="chrome"/>
    <option name="show_if_desktop" value="chrome"/>
</plugin>

<!-- 假设存在一个名为 "visible-page" 的元素 -->
<div id="visible-page"></div>

3. 使用 JavaScript 检查并隐藏页面

// 判断页面是否被隐藏
if (document.hidden) {
    // 隐藏页面
    document.body.style.display = 'none';
} else {
    // 显示页面
    document.body.style.display = '';
}

4. 使用 CSS 隐藏/显示页面

/* 非隐藏页面 */
.visible-page {
    display: none;
}

/* 隐藏页面 */
.hidden-page {
    display: none !important; /* 可选，但通常用于确保样式只应用于需要隐藏的页面 */
}

这些示例展示了如何通过不同的方式在 WordPress 主题和插件中隐藏页面。根据您的需求选择合适的方法，并结合实际场景灵活应用即可。

最新更新