구글 블로그 구조화된 데이터 작성 방법 - JSON LD

Schema.org의 JSON LD 스크립트는 웹 페이지의 구조화된 데이터를 위한 것으로 검색 엔진 최적화(SEO)에 있어서 매우 중요합니다. 구조화된 데이터는 엄청 많은 유형들이 있기 때문에 Blogger, 티스토리와 같은 블로그 포스팅 유형에 적합한 구조화된 데이터를 작성하는 것은 혼란스럽고 어려운 일입니다.

기본적으로 블로거 테마에는 JSON-LD가 포함되어 있으므로 따로 JSON 데이터를 추가할 필요가 없습니다. 블로거에 포함되어 있는 JSON 데이터 코드는 다음과 같습니다.

<b:includable id='postMeta' var='post'>
  <b:include data='post' name='postMetadataJSON'/>
</b:includable>

위의 코드로 인해 자동으로 블로거의 <body> 태그 내에 application/ld+json 스크립트 태그가 추가됩니다. 세부 정보는 다음과 같습니다.

<b:includable id='postMetadataJSON'>
  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "BlogPosting",
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "<data:post.url.canonical.jsonEscaped/>"
      },
      "headline": "<data:post.title.jsonEscaped/>",
      "description": "<b:eval expr='snippet(data:post.snippets.long, {length: 250, links: false, linebreaks: false, ellipsis: true }).jsonEscaped'/>",
                      <b:if cond='data:view.isSingleItem'>"articleBody": "<b:eval expr='snippet(data:post.body, {links: false, linebreaks: false, ellipsis: true}).jsonEscaped'/>",</b:if>
  "datePublished": "<data:post.date.iso8601.jsonEscaped/>",
  "dateModified": "<data:post.lastUpdated.iso8601.jsonEscaped/>",
                   <b:include data='post' name='postMetadataJSONImage'/>
                   <b:include data='post' name='postMetadataJSONPublisher'/>
      "author": {
        "@type": "Person",
        "name": "<data:post.author.name.jsonEscaped/>",
        "url": "<b:if cond='data:post.author.profileUrl'><data:post.author.profileUrl.jsonEscaped/><b:else/><data:blog.homepageUrl.jsonEscaped/></b:if>",
        "image": "<data:post.author.authorPhoto.image.jsonEscaped/>"
      }
    }
  </script>
</b:includable>

참고: 블로그 홈페이지에 대한 JSON-LD 데이터가 부실해보인다면 Image, Publisher와 같은 추가 정보를 포함할 수 있습니다.

<b:includable id='postMetadataJSONImage'>
  "image": {
    "@type": "ImageObject",
    "url": "<b:eval expr='(data:post.featuredImage ? resizeImage(data:post.featuredImage, 1200, "1200:630") : "https://blogger.googleusercontent.com/img/a/AVvXsEjyTFzHsKUkRFEQMtIcRrChjrpFlN2zeTIytP6zpgwYmKD6ItW13CkEf8NlPIS3l-Plpc9dmIFbrTxsV1-Rr7AlZki4OUMy4XWUUXVSH_s9fsBml0mbhzzk2CV4OkouFmgEieSXjE_x5XUo0BtdmST0_Twi0SLYx9qBcUt7ainm7EVxwG3z536gcUHe=s1200").jsonEscaped'/>",
    "height": <b:eval expr='data:post.featuredImage ? 630 : 348'/>,
    "width": 1200
  },
</b:includable>

<b:includable id='postMetadataJSONPublisher'>
  "publisher": {
    "@type": "Organization",
    "name": "<data:blog.title.escaped/>",
    "logo": {
      "@type": "ImageObject",
      "url": "https://blogger.googleusercontent.com/img/a/AVvXsEjAMRVs-aZjwoxHCgwO-QLazGg-XElwEfj9lQFOOjy7P7C_naO9BH4tCoNrAyXwTatEpy9gDbk4uiIzMCzEudhR3VDg17YJX4pJJ88y_GgmYqvhrLz1q7afqcFGSd7W-4mgz595htl5DQ1RyzyNUO1EshNahTsI5bO9kQWovtyNZsx-bv9WaHZlgktM=h60",
      "width": 297,
      "height": 60
    }
  },
</b:includable>

구조화된 데이터 유형 정의에 대한 자세한 내용은 여기를 참조하세요.

구글 블로그 AMP

이 블로그 검색

구글 블로그 구조화된 데이터 작성 방법 - JSON LD

관심 있을 만한 글

댓글 쓰기

Live Blogger