검색
1. 기본 메타데이터
- NextJS 는 페이지 url 별로 메타데이터를 등록 할 수 있음.
- 예시 : 쇼핑몰의 각 상품별 링크에 상품 사진을 메타데이터에 넣을 수 있음
- 링크를 보낼 경우 링크화 함께 상품의 사진이 전송 됨
- 따라서 검색엔진 최적화를 위해서는 각 페이지 별 메타데이터를 넣는게 중요함.
- 기본 메타데이터
- 기존 베리타에스에서 전달받은 코드를 토대로 작성한 기본 메타데이터
- 페이지 구현시 아래와 같은 메타데이터에 값들을 변경하거나 추가하면서 페이지별로 메타데이터를 따로 만듬.
{
title: '마이파머스',
description: '함께 만들어가는 농업포털플랫폼',
applicationName: '마이파머스',
metadataBase: new URL('https://www.myfarmus.com'),
openGraph: {
type: 'website',
url: 'https://www.myfarmus.com',
title: '마이파머스',
description: '함께 만들어가는 농업포털플랫폼',
siteName: '마이파머스',
images: [
{
url: '/assets/images/lagacy/main_og_image.png',
width: 1200,
height: 630,
alt: '마이파머스 대표 이미지',
},
],
locale: 'ko_KR',
},
twitter: {
card: 'summary',
title: '마이파머스',
description: '함께 만들어가는 농업포털플랫폼',
images: ['/assets/images/lagacy/main_og_image.png'],
},
icons: {
icon: '/favicon.ico',
// apple: 은 원래 apple-touch-icon.png 이 들어가 있었으나 파일이 존재하지 않음. 웹 사이트를 아이폰 앱 홈에 추가할때 사용하는 아이콘, 2025-06-19, jang
apple: '/assets/images/lagacy/ic_launcher.png',
},
other: {
'naver-site-verification': '71d83bacef7b7ea6fce9eb9bce9c27872c316af5',
},
alternates: {
canonical: 'https://www.myfarmus.com',
},
appLinks: {
android: {
package: 'com.myfarmus.app',
app_name: '마이파머스',
url: 'https://play.google.com/store/apps/details?id=com.myfarmus.app',
},
ios: {
app_store_id: '6740599324',
app_name: '마이파머스',
url: 'https://apps.apple.com/kr/app/id6740599324',
},
},
}