블로그 게시물에 기사 스키마 마크업을 추가하는 방법

스키마는 검색 엔진이 사이트 콘텐츠를 이해하는 데 사용되는 언어입니다. 어떤 유형의 스키마가 있고 웹사이트가 가장 잘 보일 수 있도록 스키마를 추가하는 방법에 대해 알아보세요.

검색 엔진이 사이트의 페이지를 크롤링할 때 각 페이지의 내용을 이해하려고 합니다. 이는 방문자가 관련 항목을 검색할 때 색인을 생성하고 방문자에게 제공하기 위한 것입니다. 이렇게 하려면 사이트의 모든 HTML 코드를 이해해야 합니다. 사이트 구축 방식에 따라 쉽지 않을 수도 있고 그렇지 않을 수도 있습니다.

스키마(구조화된 데이터, 리치 스니펫 또는 마이크로데이터라고도 함)는 검색 엔진에서 매우 쉽게 보편적으로 이해할 수 있는 언어입니다. 기본적으로 스키마는 매우 간단한 용어로 귀하의 사이트 또는 특정 페이지가 무엇인지 검색 엔진에 알려줍니다.

블로그 게시물에 기사 스키마를 추가하는 이유는 무엇입니까?

멋진 콘텐츠를 작성하고 있다면 검색 엔진에서 쉽게 이해할 수 있기를 바라는 것이 당연합니다. 스키마를 입력하세요. 말 그대로 콘텐츠를 더 쉽게 이해할 수 있도록 만들어진 언어입니다.

또한 2016년 3월경에 구조화된 데이터가 Google의 순위 요소 알고리즘에 추가되었습니다. 따라서 페이지에 이를 사용하면 롱테일 블로그 게시물의 순위를 높이는 데 도움이 될 수 있으므로 콘텐츠 마케팅 전략과 전반적인 디지털 마케팅 목표에 도움이 됩니다.

또한, 블로그나 기타 디지털 마케팅 뉴스를 읽으면 AMP(Accelerated Mobile Pages)가 블로그 및 게시 사이트에서 큰 주제였다는 것을 알 수 있습니다. 이들은 고급 기능을 위해 구조화된 데이터에 크게 의존합니다. BlogPosting 스키마와 같은 더 간단한 유형을 파악하는 것은 이에 대비하는 데 도움이 되는 확실한 방법입니다.

마지막으로, 더 설득력이 필요한 경우 웹사이트의 뉴스, 블로그 게시물 또는 기사에 구조화된 데이터를 사용하면 검색 엔진에서 웹사이트의 모양을 향상시킬 수 있습니다. 이를 통해 주요 뉴스 캐러셀에 표시될 수 있습니다(그러나 현재 Google에서는 AMP 페이지를 다른 무엇보다 우선시하는 것으로 보이므로 Google에서 이를 보장하지 않는다는 점에 유의하십시오).

어떤 유형의 기사 스키마를 추가할 수 있습니까?

추가할 수 있는 기사 스키마에는 여러 유형이 있습니다. NewsArticle 또는 BlogPosting이 가장 일반적입니다. 뉴스를 보고하지 않는 한 대부분의 비즈니스의 경우 BlogPosting 스키마를 사용하는 것이 좋습니다. BlogPosting 스키마는 기사에 더 구체적이기 때문입니다. 스키마가 더 구체적일수록 검색 엔진이 사이트를 완전히 이해하기가 더 쉽습니다. 따라서 명확성을 위해 BlogPosting 스키마를 예로 사용하겠습니다.

BlogPosting 스키마를 추가하는 방법

요즘 많은 CMS가 자동으로 추가하거나 최소한 그렇게 하는 플러그인과 호환됩니다. 예를 들어 WordPress용 Yoast, Magento용 Amasty 등 – 귀하의 사이트와 호환되는 것을 찾고 다른 플러그인이나 사이트 속도를 방해하지 않는지 확인하기만 하면 됩니다. 이것은 작성하는 모든 블로그 게시물에 BlogPosting 스키마가 동적으로 삽입된다는 의미이므로 매우 편리합니다. 모든 게시물에 추가할 필요가 없습니다.

맞춤형 CMS로 구축된 웹사이트의 경우 개발자에게 어떻게 추가할 수 있는지 문의하십시오. 페이지에 하드코딩하여 그렇게 해야 할 수도 있지만 스키마를 지원하는 페이지 템플릿을 구축할 수 있다면 그게 최선일 것입니다. 이 블로그에서 페이지에 삽입해야 하는 내용에 대해 자세히 알아보세요.

동적으로 삽입하는 플러그인을 얻을 수 없고 개발자가 이를 사이트에 하드 코딩할 수 없는 경우 최후의 수단은 Google 태그 관리자를 통해 추가하는 것입니다. Google만이 코드를 볼 수 있기 때문에 최후의 수단입니다. 또한 GTM은 때때로 변덕스러울 수 있으므로 이상적이지 않습니다.

이 방법을 사용하면 사이트에서 실제로 코드를 변경할 필요가 없습니다. 기사 스키마를 추가하려면 비즈니스로서 사이트에 조직 스키마가 이미 있어야 합니다. 이를 설정하려면 단계별 가이드가 포함된 지난 달에 작성한 블로그 게시물을 확인하십시오. 플러그인과 하드코딩이 선호되는 옵션임을 다시 한 번 기억하십시오.

사이트에 조직 스키마를 추가하는 것과 유사하게 기사 스키마를 추가하려면 트리거와 사용자 정의 HTML 태그를 생성해야 합니다. 이번에는 트리거가 "모든 페이지"를 대상으로 하는 것을 원하지 않고 특정 블로그 게시물 URL을 대상으로 하기를 원합니다. 예를 들어 내 고객의 블로그 게시물 중 하나에 BlogPosting 스키마를 추가하려면 http://applefostering.co.uk/skills-foster/ 태그 관리자에서 다음과 같이 트리거를 설정합니다.

트리거가 설정되면 실제 태그를 생성해야 합니다. 조직 스키마와 마찬가지로 다음을 추가해야 하는 사용자 정의 HTML 태그입니다(분명히 필드를 자신의 회사 및 기사 세부 정보로 대체).

<스크립트 유형=”application/ld+json”>
{
"@context": "http://schema.org",
"@type": "블로그포스팅",
"mainEntityOfPage":{
"@유형":"웹페이지",
“@id”:”http://applefostering.co.uk/skills-foster/”
},
"headline": "육성할 기술",
"이미지": {
"@유형": "이미지 개체",
"url": "http://applefostering.co.uk/wp-content/uploads/family.jpg",
"높이": 463,
"너비": 700
},
"출시일": "2016-02-12",
"날짜 수정": "2016-02-12",
"저자": {
"@type": "사람",
"이름": "사람의 이름"
},
"게시자": {
"@type": "조직",
"이름": "사과 육성",
"로고": {
"@유형": "이미지 개체",
"url": "http://applefostering.co.uk/apple-logo-schema/",
"너비": 550,
"높이": 60
}
},
"설명": "기사에 대한 간략한 설명",
"articleBody": "여기에 전체 기사를 넣을 수 있습니다. 원하는 만큼 길게 할 수 있습니다."
}
</스크립트>

기억해야 할 사항:

• 블로그 게시물의 이미지는 너비가 최소 700픽셀이어야 합니다.
• 게시자 섹션 내에서 비즈니스 로고는 너비 550픽셀 x 높이 60픽셀이어야 합니다(일반 조직 스키마의 경우가 아니라 기사 스키마 내에 추가한 경우에만 해당).

이러한 규칙을 준수하지 않으면 스키마가 작동하지 않습니다. 온라인에서 이러한 지침을 실제로 찾는 데 오랜 시간이 걸리기 때문에 답답합니다.

해당 코드가 사용자 정의 HTML 태그에 추가되면 이전에 생성한 페이지별 트리거에 적용합니다. 이전 게시물에서와 같이 미리보기 및 디버그 모드를 사용하여 페이지에서 실행되고 있는지 확인합니다. 그렇지 않은 경우 다시 시작하십시오. 그렇다면 변경 사항을 게시하고 구조화된 데이터 테스트 도구에서 스키마를 테스트하세요.

매일 업데이트하는 블로그가 있는 경우 Google 태그 관리자에게 이를 동적으로 생성하거나 플러그인을 가져오도록 지시할 수 있습니다. 나는 주로 많은 수의 블로그 게시물(예: 매일 업데이트)이 있는 사이트에 이 기능을 권장합니다.

웹사이트 가시성을 높이는 더 많은 방법 찾기

SEO와 관련하여 도움이 필요하시면 주저하지 마시고 저희에게 연락해 주십시오.