javascript 如何在Next.js项目中禁用SEO，防止搜索引擎索引？

34gzjxbg 于 2023-01-29 发布在 Java

关注(0)|答案(1)|浏览(203)

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

来源：https://stackoverflow.com/questions/75255110/how-to-disable-seo-in-a-next-js-project-prevent-search-engines-from-indexing

1条答案

按热度按时间

thtygnil1#

根据Google，你只需要添加<meta name="robots" content="noindex">到你的head文件夹中，使用Next.js，使用pages文件夹，你可以在每个页面上添加<meta name="robots" content="noindex">，如下所示：

// 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为每个路段添加 meta标记：

// 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">
    </>
  );
}

赞(0）回复(0）举报 2023-01-29

我来回答

javascript 如何在Next.js项目中禁用SEO，防止搜索引擎索引？

1条答案

相关问题

热门标签

最新问答