# Nuxt での SEO (Vue.js / Nuxt.js)

> メタタグ、useHead、useSeoMeta、structured data、sitemap、robots.txt、Open Graph、ソーシャル共有

- 20 面接問題
- Senior
- [面接問題: Vue.js / Nuxt.js](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions.md)

## 1. Nuxt における useHead と useSeoMeta の主な違いは何ですか？

**回答**

useHead は HTML head のすべてのタグ（title、script、link、style、meta）を管理する汎用的なコンポーザブルであるのに対し、useSeoMeta は厳格な TypeScript 型付けを備えた SEO 用 meta タグ専用のものです。useSeoMeta は og:image や twitter:card といった SEO プロパティに対してより優れた型安全性と自動検証を提供しますが、useHead では meta タグを手動で設定する必要があります。SEO メタデータには useSeoMeta を、その他の head 要素には useHead を使うのが望ましいです。

## 2. canonical タグとは何で、なぜ SEO にとって重要なのですか？

**回答**

canonical タグ（rel=canonical）は、似た内容や同一の内容を持つ複数の URL が存在する場合に、どれがページの主要バージョンであるかを検索エンジンに伝えます。これにより重複コンテンツのペナルティを回避し、PageRank を canonical URL に集約します。Nuxt では、canonical タグはデフォルトで各ページに対して現在の URL を指すように自動生成されます。useSeoMeta で canonical: false または特定の URL を指定して無効化やカスタマイズが可能です。ページネーション、フィルター、多言語バージョンを持つサイトに不可欠です。

## 3. Nuxt で crawling を許可しつつ、特定のページのインデックスを無効にするにはどうすればよいですか？

**回答**

useSeoMeta で robots: 'noindex, follow' を使用すると、クローラーはページを訪問してリンクをたどることができますが、検索結果へのインデックス登録は防がれます。この方法は、すでにインデックスされているページに対しては robots.txt よりも望ましいです。robots.txt は crawling をブロックしますが、ページをインデックスから削除しないためです。代替手段として、集中管理のために defineRouteRules で robots: 'noindex' を使用できます。crawling を完全にブロックするには Disallow を含む robots.txt が必要ですが、ページごとの柔軟性は低くなります。

## さらに17問利用可能

- 良いソーシャル共有のために不可欠な Open Graph プロパティは何ですか？
- 外部 API から Nuxt で動的な sitemap を生成するにはどうすればよいですか？

無料で登録: https://sharpskill.dev/ja/login

## その他のVue.js / Nuxt.js面接トピック

- [JavaScript の基礎](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/javascript-fundamentals.md): 20問, Junior
- [モダンな JavaScript (ES6+)](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/es6-modern-javascript.md): 20問, Junior
- [Vue の基礎](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-basics.md): 22問, Junior
- [Vue コンポーネント](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-components.md): 20問, Junior
- [Vue Router](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-router.md): 18問, Junior
- [Pinia State Management](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/pinia-state-management.md): 20問, Junior
- [Vuex (Legacy)](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vuex-legacy.md): 15問, Mid-Level
- [Composition API](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/composition-api.md): 24問, Mid-Level
- [Vue のリアクティビティ](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-reactivity.md): 20問, Mid-Level
- [Nuxt の基礎](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-fundamentals.md): 22問, Mid-Level
- [Nuxt のデータフェッチング](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-data-fetching.md): 20問, Mid-Level
- [Nuxt の SSR と SSG](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-ssr-ssg.md): 22問, Mid-Level
- [Nuxt サーバールート](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-server-routes.md): 20問, Mid-Level
- [Nuxt モジュール](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-modules.md): 18問, Mid-Level
- [Vue のコンポーザブル](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-composables.md): 20問, Mid-Level
- [Vue フォームとバリデーション](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-forms-validation.md): 20問, Mid-Level
- [Nuxt の状態管理](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-state-management.md): 18問, Mid-Level
- [Vue のテスト](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-testing.md): 20問, Mid-Level
- [Nuxt のデプロイと CI/CD](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-deployment-cicd.md): 22問, Mid-Level
- [Vue のパフォーマンス](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-performance.md): 22問, Senior
- [Vue の高度なパターン](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-advanced-patterns.md): 24問, Senior
- [VueでのTypeScript](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/typescript-vue.md): 22問, Senior
- [Nuxt認証](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-auth.md): 20問, Senior
- [Nuxt の国際化](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-i18n.md): 18問, Senior
- [Vue アーキテクチャ](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-architecture.md): 22問, Senior
- [Nuxt セキュリティ](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-security.md): 20問, Senior
- [Vue エコシステム](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-ecosystem.md): 18問, Senior
- [Vue 2→3 & Nuxt 2→3 の移行](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/migration-vue2-vue3-nuxt2-nuxt3.md): 22問, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-seo