검색과 공유에 필요한 SEO meta를 타입 안전한 API로 정의합니다.
useSeoMeta는 description, ogTitle, ogImage 같은 SEO 속성을 flat object로 제공합니다. 실제 페이지 내용과 일치하는 절대 URL과 이미지를 사용합니다.
서버에서 고정 가능한 메타는 불필요한 client 반응성을 만들지 않습니다.
canonical, robots와 구조화 데이터는 중복 URL 및 공개 정책과 함께 검토합니다.
존재하지 않는 이미지 URL이나 내용과 다른 키워드를 넣으면 신뢰가 떨어집니다.
로컬 프로젝트에서 확인해보세요ogDescription과 twitterCard를 추가하세요.
<script setup>
const title = "Nuxt 실무 강좌";
useSeoMeta({
title,
description: "SSR과 데이터 흐름을 배우는 강좌",
ogTitle: title,
ogDescription: "실행 가능한 Nuxt 강좌",
twitterCard: "summary",
});
</script>
<template>
<main>
<h1>{{ title }}</h1>
<p>페이지 내용과 메타 설명이 일치합니다.</p>
</main>
</template>