Canonical Tagとは
Canonicalタグは、検索エンジン最適化(SEO)のために使用されるHTMLのメタタグの1つです。Canonicalタグは、複数の同一または類似したコンテンツがある場合に、そのコンテンツの正規な(主要な)バージョンを指定するために使用されます。これにより、検索エンジンは重複したコンテンツを適切に認識し、インデックスする際に問題が生じるのを防ぎます。
使用方法
Next.jsのCanonicalタグは、ページの<head>
セクション内に追加されます。以下は、Next.jsでCanonicalタグを設定する方法の例です。
// pages/some-page.js
import Head from 'next/head';
function SomePage() {
return (
<div>
<Head>
<title>Some Page</title>
<link rel="canonical" href="https://example.com/some-page" />
</Head>
<h1>This is Some Page</h1>
{/* コンテンツ */}
</div>
);
}
export default SomePage;
この例では、<Head>
コンポーネント内でCanonicalタグが設定されています。<link>
要素のrel属性にはcanonical
が指定され、href
属性には正規なURLが指定されています。このCanonicalタグにより、検索エンジンはこのページが他の類似したコンテンツの正規バージョンであることを理解し、適切にインデックスすることができます。