如何在Next.js項目中禁用SEO，阻止搜索引擎索引？

Question

我的客戶問我是否可以在 Next.js 項目中禁用 SEO。 如果是，那么如何在我的 Next.js 項目中禁用 SEO？

Answer 1

根據谷歌的說法，你只需要在你的head中添加<meta name="robots" content="noindex"> 。 使用 Next.js 和pages文件夾，您可以按頁面執行此操作，如下所示：

// pages/index.js

import Head from 'next/head'

function IndexPage() {
  return (
    <div>
      <Head>
        <title>My page title</title>
        <meta name="robots" content="noindex">
      </Head>
      <p>Hello world!</p>
    </div>
  )
}

export default IndexPage

或者通過在pages/_document.js中添加meta標記來為所有頁面添加：

// pages/_document.js

import { Html, Head, Main, NextScript } from 'next/document'

export default function Document() {
  return (
    <Html>
      <Head>
        <meta name="robots" content="noindex">
      </Head>
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  )
}

如果您使用的是新的app文件夾，則可以使用head.js添加每個路由段的元標記：

// app/head.js

export default function Head() {
  return (
    <>
      <title>My Page</title>
      <meta name="robots" content="noindex">
    </>
  );
}

或者對於所有帶有DefaultTags的頁面：

// app/DefaultTags.js

export default function DefaultTags() {
  return (
    <>
      <meta name="viewport" content="width=device-width, initial-scale=1" />
      <link href="/favicon.ico" rel="shortcut icon" />
      <meta name="robots" content="noindex">
    </>
  );
}

如何在Next.js項目中禁用SEO，阻止搜索引擎索引？

問題描述

1 個解決方案

解決方案1
1 已采納 2023-01-27 08:42:56

如何在Next.js項目中禁用SEO，阻止搜索引擎索引？

問題描述

1 個解決方案

解決方案1 1 已采納 2023-01-27 08:42:56

解決方案1
1 已采納 2023-01-27 08:42:56