Google 태그 관리자를 사용하여 사이트에 스키마 마크업을 추가하는 방법

게시 됨: 2021-07-19

CMS를 통해 사이트에 스키마 마크업을 추가하는 데 어려움이 있는 경우 대신 Google 태그 관리자를 사용하세요. 번거롭지 않으며 사전 코딩 지식이 필요하지 않습니다.

최근에 클라이언트 웹사이트에 스키마 마크업을 추가하고 싶었지만 문제가 발생했습니다. 해당 사이트는 이전 버전의 WordPress에 구축되었으며 스키마를 지원하지 않는 이전 SEO 플러그인을 사용합니다.

사이트의 모든 SEO 작업을 취소하고 싶지 않았기 때문에 중요한 데이터가 손실되고 순위가 영향을 받는 경우를 대비하여 플러그인을 제거하고 새 플러그인을 추가하고 싶지 않았습니다. 또한 그들의 사이트에서 작동하는 스키마 플러그인을 찾을 수 없었습니다.

내 모든 문제와 내가 가장 좋아하는 도구인 Google 태그 관리자에 대한 답을 알려주세요. 약간의 조사와 IT 부서에 연락할 필요 없이 약 10분 만에 작업이 완료되었습니다!

"스키마 마크업이 무엇입니까?" "태그 관리자란 무엇입니까?" 이것들이 무엇인지 간략하게 설명하고 Google 태그 관리자를 사용하여 사이트에 스키마를 추가하는 방법을 보여드리겠습니다. 어렵게 들리지만 놀라울 정도로 매우 간단합니다.

스키마 마크업이란 무엇입니까?

원래 세계 최고의 검색 엔진이 협력하여 다양한 웹사이트에서 정보를 분류하고 표시하는 간단하고 포괄적인 방법을 만들 때 개발된 스키마 마크업은 구조화된 데이터를 사이트에 추가합니다.

구조화된 데이터는 검색 엔진에서 보편적으로 이해할 수 있는 방식으로 작성되고 형식화된 정보입니다.

귀하의 웹사이트에 스키마를 갖는 것은 검색 엔진 결과 페이지에 귀하에 대한 정보를 표시하기 위해 귀하의 웹사이트를 쉽게 이해하기 위해 검색 엔진에서 사용하기 때문에 오늘날 점점 더 중요해지고 있습니다. 여기에는 조직 세부 정보, 다른 출처의 리뷰 및 기사와 같은 정보가 포함됩니다.

검색 엔진은 페이지를 이해하기 위해 점점 더 그것에 의존하고 있습니다. 지저분한 코드의 시대는 지났습니다. 그것은 구현하기 매우 간단하고 검색 엔진에서 경쟁하기 위해 필요한 기술 SEO의 한 측면입니다.

스키마 마크업에는 다양한 유형이 있습니다. 이 게시물에서는 "조직"에 초점을 맞출 것입니다. - 검색 엔진에 귀하의 비즈니스를 설명하고(이름, 주소, 연락처 정보 등) 지역 SEO에 매우 유용한 구조화된 데이터입니다.

태그 관리자란 무엇입니까?

Google 태그 관리자(GTM)는 웹마스터와 마케팅 담당자가 웹사이트 태그를 쉽게 추가하고 업데이트할 수 있도록 Google에서 제공하는 무료 도구입니다. 즉, 실제로 사이트에서 코드를 변경하지 않고도 사이트에 코드 조각을 추가할 수 있습니다. GTM을 사용하는 방법은 여러 가지가 있지만 대부분의 기업에서는 디지털 마케팅 전략의 성공을 측정하는 수단으로 이벤트 추적에 GTM을 사용합니다. GTM에 대한 자세한 설명은 블로그 소개 게시물을 확인하세요.

다음은 Google 태그 관리자의 기본 구성요소입니다.

  • 데이터 계층 : 사용자가 사이트에서 어떻게 행동하고 콘텐츠와 상호 작용하는지에 대해 기록하려는 모든 정보를 저장하는 일종의 데이터베이스입니다. 그런 다음 이 데이터는 GTM을 사용하여 Google 애널리틱스로 전송됩니다. 즉, 애널리틱스에서 이 동작을 볼 수 있습니다.
  • 컨테이너 : 기본적으로 매크로, 규칙 및 태그 집합을 "포함"하는 요소입니다.
  • 태그 : 태그는 사용자가 페이지를 볼 때 페이지에서 실행되는 HTML 코드입니다.
  • 트리거 : 이것은 본질적으로 웹사이트에서 태그가 실행되어야 하는 시점(예: 특정 페이지를 보거나 버튼을 눌렀을 때)을 지정하기 위해 생성하는 규칙입니다.
  • 매크로 – 규칙을 실행할 수 있도록 미리 정의된 조건 집합입니다.

다음은 GTM 계정을 만들고 첫 번째 컨테이너를 설정하는 방법에 대한 Google 자체 가이드입니다.

이제 태그 관리자를 사용하여 사이트에 스키마 마크업 추가

이제 기본 사항을 이해하고 컨테이너로 태그 관리자 계정을 설정했으므로 GTM을 통해 사이트에 스키마 마크업을 추가하는 방법은 다음과 같습니다.

  • 스키마 생성
    가장 먼저 할 일: 다음은 조직 스키마 코드의 예입니다. 한람 정보가 있는 예제를 복사하여 메모장에 붙여넣고 회사 정보를 자신의 회사 정보로 변경하기만 하면 됩니다.

<스크립트 유형=”application/ld+json”>
{ “@context”: “http://schema.org”
"@type": "조직",
"이름": "할람",
"url": "https://www.hallaminternet.com/",
"로고": "https://www.hallaminternet.com/assets/google-tag-manager-logo-300×135.jpg",
"foundingDate": "",
"창업자": [
{
"@type": "사람",
"이름": "수잔 할람"
},
{
"@type": "사람",
"이름": ""
} ],
"주소": {
"@type": "우편 주소",
"streetAddress": "시계탑, Talbot Street",
"addressLocality": "노팅엄",
"우편번호": "NG1 5GG",
"addressCountry": "영국"
},
"접점": {
"@type": "연락처",
"contactType": "고객 지원",
"전화": "[+440115-948-0123]",
“이메일”: “[email protected]
},
"동일한": [
“https://www.facebook.com/HallamInternet/”
"https://twitter.com/HallamInternet",
"https://www.linkedin.com/company/hallaminternet",
“https://plus.google.com/+Hallaminternet”
]}
</스크립트>

  • GTM에서 트리거 및 태그 만들기

태그 관리자 계정에 로그인한 후:

1. 변경할 컨테이너를 선택합니다.

2. 스키마를 추가할 새 태그를 만듭니다.

3. 클릭하여 트리거를 추가합니다. "페이지 보기"로 설정된 새 트리거를 만든 다음 "모든 페이지 보기"로 설정합니다.

4. 대시보드로 돌아가서 다음을 수행합니다.

스키마 마크업 gif

5. 미리보기 및 디버그 모드(사이트에 변경 사항을 라이브로 설정하기 전에 변경 사항이 작동하는지 확인하기 위해 존재함)를 클릭한 후 웹사이트를 로드하면 페이지 하단에 상자가 표시되는지 여부를 알려줍니다. 태그가 작동하지 않았습니다. 그렇지 않은 경우 각 단계로 돌아가서 태그를 올바르게 설정했는지 확인하세요. 효과가 있었다면 계속해서 게시하십시오!

6. 게시된 후 Google의 구조적 테스트 도구로 이동하여 웹사이트의 URL을 추가하면 결과 패널의 사이트에서 스키마가 작동하는지 여부를 알려줍니다. 그게 다야, 당신은 끝났습니다!


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