SEO) 구조화된 데이터 (NextJS)

목적

내부 사이트의 데이터를 더 잘 긁어가도록 주요 데이터를 봇에게 직접 제공

데이터 전달 방식이 여러개 있으나 현재는 구조화된 데이터로 전달

 

 

 

 

예시

방식1

참고

GitHub - garmeeh/next-seo: Next SEO is a plug in that makes managing your SEO easier in Next.js projects.

 

import {   ProductJsonLd } from "next-seo";

<ProductJsonLd
       productName="Executive Anvil"
       images={[
         'https://example.com/photos/1x1/photo.jpg',
         'https://example.com/photos/4x3/photo.jpg',
         'https://example.com/photos/16x9/photo.jpg',
       ]}
       description="Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height."
       brand="ACME"
       color="blue"
       manufacturerName="Gary Meehan"
       manufacturerLogo="https://www.example.com/photos/logo.jpg"
       material="steel"
       slogan="For the business traveller looking for something to drop from a height."
       disambiguatingDescription="Executive Anvil, perfect for the business traveller."
       releaseDate="2014-02-05T08:00:00+08:00"
       productionDate="2015-02-05T08:00:00+08:00"
       purchaseDate="2015-02-06T08:00:00+08:00"
       award="Best Executive Anvil Award."
     />

 

방식2

 

참고 

 

how can i use application/ld+json in nextjs

 

import Script from 'next/script'

    <Script
        type="application/ld+json"
        dangerouslySetInnerHTML={{ __html: JSON.stringify({
                "@context": "http://schema.org",
                "@type": "Product",
                "description":'',
                "name":'',
                "manufacturer":'',
                "sku":'',
                "mpn":'',
                "brand":'',
                "offers":{
                  "@type":"",
                  "availability":"",
                  "price":"",
                  "priceCurrency":"",
                  "url":`${window.location.href}`,
                  "inventoryLevel":"",
                  "seller":{
                    "@type":"",
                    "name":""
                  },
                },
              })
           }}
      />