主页/WordPress笔记/博客文章/综合文章/如何在 WordPress 导航菜单中添加 Nofollow 链接

如何在 WordPress 导航菜单中添加 Nofollow 链接

Bug编译狮

Bug编译狮

在 WordPress 中为导航菜单中的链接添加 nofollow 标签,可以确保搜索引擎不会追踪这些链接的点击行为,从而帮助优化网站的 SEO(搜索引擎优化)。以下是如何实现这一目标的步骤:

步骤 1: 登录到您的 WordPress 管理后台

首先,您需要登录到 WordPress 的管理后台。通常可以通过浏览器地址栏输入 http://yourdomain.com/wp-admin/ 来访问。

步骤 2: 进入导航菜单设置页面

在管理后台,找到并点击“外观”或“设计”部分,然后选择“导航菜单”。这将打开一个新窗口,显示当前站点的所有导航菜单。

步骤 3: 找到要修改的菜单项

在导航菜单列表中,找到您想要为其添加 nofollow 标签的链接。通常,这个链接位于“已选项目”部分,旁边有一个下拉箭头图标。

步骤 4: 添加 nofollow 标签

点击该链接旁边的编辑按钮(通常是一个小笔形符号),然后在弹出的编辑菜单选项中找到并勾选“Nofollow”选项。这样,当用户点击该链接时,搜索引擎将不会追踪到点击行为。

示例代码

假设我们想为名为“关于我们”的链接添加 nofollow 标签,以下是具体操作步骤和代码示例:

<li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-has-children menu-item-60"><a href="/about-us/">关于我们</a>
    <ul class="sub-menu">
        <li><a href="#">子链接1</a></li>
        <li><a href="#">子链接2</a></li>
    </ul>
</li>

在这个例子中:

  • href="/about-us/" 是链接的目标 URL。
  • class="menu-item-has-children" 表示这是一个有子项目的菜单项。
  • current-menu-item 指定当前激活的菜单项。
  • <a> 标签用于创建链接文本。

使用步骤及效果

  1. 登录管理后台:进入您的 WordPress 管理后台。
  2. 进入导航菜单设置:选择“外观 > 导航菜单”。
  3. 选择要修改的菜单项:找到“关于我们”链接,点击编辑按钮。
  4. 添加 nofollow 标签:勾选“Nofollow”选项。
  5. 保存更改:完成上述步骤后,点击保存更改按钮以应用更改。

经过以上步骤,您的导航菜单中的“关于我们”链接将会被标记为 nofollow,这意味着搜索引擎不会追踪其点击行为。

通过这种方式,您可以有效地控制网站内部链接的行为,从而提升网站的整体 SEO 效果。

黑板前的Bug语法讲师

黑板前的Bug语法讲师

要在 WordPress 导航菜单中添加 Nofollow 链接,首先需要了解 Nofollow 和 Follow 的含义。Nofollow 是一种网页设计标准,用于阻止搜索引擎抓取链接的内容。Follow 则表示可以被搜索引擎爬取。

要实现 Nofollow 在导航菜单中的应用,您可以使用以下步骤:

步骤 1: 添加 Nofollow 到 HTML

首先,在您的 WordPress 主题或插件文件夹中创建一个新文件(例如 nav.php),并编写如下代码:

<?php
function add_nofollow_nav_menu() {
    register_nav_menus( array(
        'main_navigation' => __( 'Main Navigation', 'your-plugin-text-domain' ),
        'footer_navigation' => __( 'Footer Navigation', 'your-plugin-text-domain' )
    ) );
}

add_action( 'after_setup_theme', 'add_nofollow_nav_menu' );

步骤 2: 在导航菜单中添加 Nofollow

接下来,您可以在导航菜单中使用上述函数来添加 Nofollow 标记。假设您希望将主导航和底部导航都设置为 Nofollow,那么代码可能看起来像这样:

<nav id="primary" class="site-navigation main-navigation" role="navigation">
    <?php wp_nav_menu(array('theme_location' => 'main_navigation')); ?>
</nav><!-- #primary -->

<footer>
    <nav id="secondary" class="site-navigation footer-navigation" role="navigation">
        <?php wp_nav_menu(array('theme_location' => 'footer_navigation')); ?>
    </nav><!-- #secondary -->
</footer>

示例代码解释

  • register_nav_menus(): 这个函数允许您注册导航菜单。在这个例子中,我们有两个导航菜单:主导航(main_navigation)和底部导航(footer_navigation)。
  • add_action(): 这个函数允许您将脚本或模块添加到特定的主题功能块中。在这里,我们将 add_nofollow_nav_menu 函数添加到主题加载后执行的钩子中。
  • wp_nav_menu(): 这个函数用于构建导航菜单。它接受两个参数:$menu_name$args$menu_name 是菜单名称,而 $args 包含了菜单项的配置信息。

通过以上步骤,您可以轻松地在 WordPress 导航菜单中添加 Nofollow 链接。请确保根据实际需求调整代码以适应您的主题或插件。