# Nuxt에서의 SEO (Vue.js / Nuxt.js)

> 메타 태그, useHead, useSeoMeta, structured data, sitemap, robots.txt, Open Graph, 소셜 공유

- 20 면접 질문
- Senior
- [면접 질문: Vue.js / Nuxt.js](https://sharpskill.dev/ko/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는 crawling을 차단하지만 페이지를 인덱스에서 제거하지는 않으므로, 이미 인덱싱된 페이지에는 이 방법이 robots.txt보다 바람직합니다. 대안으로, 중앙 집중식 구성을 위해 defineRouteRules에서 robots: 'noindex'를 사용할 수 있습니다. crawling을 완전히 차단하려면 Disallow가 포함된 robots.txt가 필요하지만 페이지별 유연성은 떨어집니다.

## 17개 추가 질문 이용 가능

- 좋은 소셜 공유를 위해 필수적인 Open Graph 속성은 무엇입니까?
- 외부 API에서 Nuxt로 동적 sitemap을 생성하려면 어떻게 해야 합니까?

무료로 가입하기: https://sharpskill.dev/ko/login

## 기타 Vue.js / Nuxt.js 면접 주제

- [JavaScript 기초](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/javascript-fundamentals.md): 20개 질문, Junior
- [모던 JavaScript (ES6+)](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/es6-modern-javascript.md): 20개 질문, Junior
- [Vue 기초](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-basics.md): 22개 질문, Junior
- [Vue 컴포넌트](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-components.md): 20개 질문, Junior
- [Vue Router](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-router.md): 18개 질문, Junior
- [Pinia State Management](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/pinia-state-management.md): 20개 질문, Junior
- [Vuex (Legacy)](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vuex-legacy.md): 15개 질문, Mid-Level
- [Composition API](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/composition-api.md): 24개 질문, Mid-Level
- [Vue 반응성](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-reactivity.md): 20개 질문, Mid-Level
- [Nuxt 기초](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-fundamentals.md): 22개 질문, Mid-Level
- [Nuxt 데이터 페칭](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-data-fetching.md): 20개 질문, Mid-Level
- [Nuxt SSR 및 SSG](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-ssr-ssg.md): 22개 질문, Mid-Level
- [Nuxt 서버 라우트](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-server-routes.md): 20개 질문, Mid-Level
- [Nuxt 모듈](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-modules.md): 18개 질문, Mid-Level
- [Vue 컴포저블](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-composables.md): 20개 질문, Mid-Level
- [Vue 폼과 유효성 검사](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-forms-validation.md): 20개 질문, Mid-Level
- [Nuxt 상태 관리](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-state-management.md): 18개 질문, Mid-Level
- [Vue 테스팅](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-testing.md): 20개 질문, Mid-Level
- [Nuxt 배포 및 CI/CD](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-deployment-cicd.md): 22개 질문, Mid-Level
- [Vue 성능](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-performance.md): 22개 질문, Senior
- [Vue 고급 패턴](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-advanced-patterns.md): 24개 질문, Senior
- [Vue와 함께 사용하는 TypeScript](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/typescript-vue.md): 22개 질문, Senior
- [Nuxt 인증](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-auth.md): 20개 질문, Senior
- [Nuxt 국제화](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-i18n.md): 18개 질문, Senior
- [Vue 아키텍처](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-architecture.md): 22개 질문, Senior
- [Nuxt 보안](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-security.md): 20개 질문, Senior
- [Vue 생태계](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-ecosystem.md): 18개 질문, Senior
- [Vue 2→3 및 Nuxt 2→3 마이그레이션](https://sharpskill.dev/ko/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/ko/technologies/vue-nuxt/interview-questions/nuxt-seo