⛳️ 요구사항

<aside>

1. 기본적인 metadata 내용 반영
2. metadata 다국어 대처 (next-intl)
3. 검색 엔진 별 도메인 인증 및 등록 (Google, Naver) </aside>

👩‍💻 작업내용

1. 화면 별 title, description 작성

• 타이틀 포멧 사용 (default, template)

• 하위 경로는 상위 경로의 metadata를 상속

• title에 작성되는 웹사이트 이름과 같이 반복되는 내용은 Root 경로의 layout.tsx에서 템플릿을 작성하여 한번에 모든 페이지에 적용

  export const metadata: Metadata = {
  	title: {
  		default: '메나비-Menabi: 맞춤 공부방법 ,학습 성향, 진로 제시 ...'
  		template: '%s | 메나비-Menabi'
  	}
  }
  

  

  메인 페이지 “/” → default 적용됨

  

  template이 적용된 title

🌐  title 및 description 작성 규칙, 피드백 웹 사이트

• 네이버 SEO 사이트 체크 사이트 → 작업 피드백시 필요

• [SEO 규칙] title (40자 이내), description (80자 이내)

  • 👉 description 작성시, 중요한 정보는 가능한 한 앞부분에 배치

    

2. 기타 다른 metadata 작성하기

• authors : 콘텐츠 작성자 정보를 정의, 작성자의 이름과 프로필 URL을 포함 → 회사 정보 작성

• generator: 이 페이지를 생성하는 데 사용된 소프트웨어나 플랫폼을 지정 → 사용 프레임워크 (Next.js)

• keywords: 페이지와 관련된 키워드 목록을 정의하여 검색 엔진이 페이지의 주제를 파악하는 데 도움을 줌

• viewport : 페이지의 뷰포트 설정을 정의하여 모바일 장치에서의 렌더링을 최적화

  export const metadata: Metadata = {
  	...
  	
  	authors: [{ name: 'genestorykr', url: '<https://www.genestorykr.com/>' }]
  	generator: 'Next.js',
  	keywords: ['심리검사', '진로', '진로검사', ... ],
  	viewport: {
  		width: 'device-width',
  		initialScale: 1, 
  		maximumScale: 1
  	}
  	
  	...
  }
  

3. 아이콘과 파비콘 적용 (+ manifest.json )