Nuxt에서의 SEO
메타 태그, useHead, useSeoMeta, structured data, sitemap, robots.txt, Open Graph, 소셜 공유
1Nuxt에서 useHead와 useSeoMeta의 주요 차이점은 무엇인가요?
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를 사용하는 것이 좋습니다.
2canonical 태그란 무엇이며 왜 SEO에 중요한가요?
canonical 태그란 무엇이며 왜 SEO에 중요한가요?
답변
canonical 태그(rel=canonical)는 여러 URL이 유사하거나 동일한 콘텐츠를 가질 때 어느 것이 페이지의 기본 버전인지 검색 엔진에 알려줍니다. 이를 통해 중복 콘텐츠 패널티를 방지하고 PageRank를 canonical URL로 통합합니다. Nuxt에서는 canonical 태그가 기본적으로 각 페이지마다 현재 URL을 가리키도록 자동 생성됩니다. useSeoMeta에서 canonical: false 또는 특정 URL을 지정해 비활성화하거나 사용자 정의할 수 있습니다. 페이지네이션, 필터 또는 다국어 버전이 있는 사이트에 필수적입니다.
3Nuxt에서 crawling은 허용하면서 특정 페이지의 인덱싱을 비활성화하려면 어떻게 하나요?
Nuxt에서 crawling은 허용하면서 특정 페이지의 인덱싱을 비활성화하려면 어떻게 하나요?
답변
useSeoMeta에서 robots: 'noindex, follow'를 사용하면 크롤러가 페이지를 방문하고 링크를 따라갈 수 있지만, 검색 결과에 인덱싱되는 것은 방지됩니다. robots.txt는 crawling을 차단하지만 페이지를 인덱스에서 제거하지는 않으므로, 이미 인덱싱된 페이지에는 이 방법이 robots.txt보다 바람직합니다. 대안으로, 중앙 집중식 구성을 위해 defineRouteRules에서 robots: 'noindex'를 사용할 수 있습니다. crawling을 완전히 차단하려면 Disallow가 포함된 robots.txt가 필요하지만 페이지별 유연성은 떨어집니다.
좋은 소셜 공유를 위해 필수적인 Open Graph 속성은 무엇입니까?
외부 API에서 Nuxt로 동적 sitemap을 생성하려면 어떻게 해야 합니까?
+17 면접 질문