[nextjs]SEO 작업하기

코드왕·2023년 11월 28일
0

nextjs에서 meta태그를 넣어보자

원래는 이런 메타태그가 익숙할 것이다.

<meta name="google-site-verification" content="ENm8OGAtRozrrLPqjRK3Mp-V7U1lURd63sWwt8oKDCw" />
<meta name="naver-site-verification" content="676920be85c0db8a19670002a658d5a5244dd72b" />

<title>미래민중 | 재인융합경제연구소</title>
<meta name="description" content="정치경제 정보제공 서비스. 정치경제 논평, 지지도 분석, 정치경제 연구, 선거 및 통계, 주요 정당 브리핑, 대통령실 브리핑, 정책 동향">
<meta property="og:type" content="website"> 
<meta property="og:title" content="미래민중 | 재인융합경제연구소">
<meta property="og:description" content="정치경제 정보제공 서비스. 정치경제 논평, 지지도 분석, 정치경제 연구, 선거 및 통계, 주요 정당 브리핑, 대통령실 브리핑, 정책 동향">	
<meta name="keywords" content="국민정치경제,대한민국, 국내정치, 경제현안관련논평, 대통령지지도분석, 정치경제, 관련정책연구기사, 선거, 주요정당브리핑, 대통령실브리핑, 정부동향,국회정책동향" />
<meta property="og:url" content="https://www.peoplehub.co.kr/">
<link rel="canonical" href="https://www.peoplehub.co.kr/">
<meta name="robots" content="index,follow">
<meta name="viewport" content="width=device-width">

근데 nextjs 는 위와 같이 헤드를 넣을수가 없어서 다른 형태로 넣어줘야한다.

export const metadata = {
  title: "미래민중 | 재인융합경제연구소",
  openGraph: {
    type:'website',
    title: '미래민중 | 재인융합경제연구소',
    description: '정치경제 정보제공 서비스. 정치경제 논평, 지지도 분석, 정치경제 연구, 선거 및 통계, 주요 정당 브리핑, 대통령실 브리핑, 정책 동향',
  },
  description: "정치경제 정보제공 서비스. 정치경제 논평, 지지도 분석, 정치경제 연구, 선거 및 통계, 주요 정당 브리핑, 대통령실 브리핑, 정책 동향",
  keywords:'국민정치경제,대한민국, 국내정치, 경제현안관련논평, 대통령지지도분석, 정치경제, 관련정책연구기사, 선거, 주요정당브리핑, 대통령실브리핑, 정부동향,국회정책동향',
  icons: {
    icon: "/favicon.ico",
  },
  verification: {
    google: "ENm8OGAtRozrrLPqjRK3Mp-V7U1lURd63sWwt8oKDCw",
    other:{
      'naver-site-verification':'676920be85c0db8a19670002a658d5a5244dd72b'
    }
  },
  robots: {
    index: true,
    follow: true}
};

sitemap은 어떻게?

app폴더 내에다가 sitemap.xml파일을 넣고..
아래와 같은 식으로 작성해주면된다

<urlset
      xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
            http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
<!-- created with Free Online Sitemap Generator www.xml-sitemaps.com -->


<url>
  <loc>https://www.peoplehub.co.kr/</loc>
  <lastmod>2023-11-27T08:22:03+00:00</lastmod>
  <priority>1.00</priority>
</url>
<url>
  <loc>https://www.peoplehub.co.kr/signin?callbackUrl=/admin/list</loc>
  <lastmod>2023-11-27T08:22:03+00:00</lastmod>
  <priority>0.80</priority>
</url>

</urlset>
profile
CODE DIVE!

0개의 댓글