SEO 용어집 / 오픈 그래프 메타 태그

오픈 그래프 메타 태그

오픈 그래프 메타 태그란 무엇인가요?

오픈 그래프 메타 태그는 소셜 미디어에서 공유할 때 웹페이지가 표시되는 방식을 제어하는 코드 스니펫입니다. 이러한 태그는 Facebook에서 개발한 오픈 그래프 프로토콜의 일부이지만 Twitter, Pinterest, LinkedIn 등 다른 소셜 네트워크에서도 사용할 수 있습니다.

Facebook은 플랫폼과 다른 웹사이트 간의 통합을 강화하기 위해 2010년에 오픈 그래프 프로토콜을 도입했습니다. 소셜 플랫폼에서 웹사이트의 URL 공유를 간소화하여 웹 속성을 풍부한 그래픽으로 표현된 개체로 변환하는 것이 목표였습니다.

이후 트위터, 링크드인 등 다양한 플랫폼과 WhatsApp과 같은 인기 메시징 앱에서 오픈 그래프 메타 태그를 채택하고 있습니다.

필수 오픈 그래프 메타 태그

Facebook의 문서에는 다양한 오픈 그래프 메타 태그가 설명되어 있지만, 다음 5가지 메타 태그는 모든 유형의 콘텐츠에 필수적입니다:

  • og:title: 공유 중인 페이지의 제목입니다.
  • og:type: 콘텐츠 유형(예: 글, 책, 동영상)입니다.
  • og:URL: 공유하려는 페이지의 정식 URL입니다.
  • og:image: 누군가 웹페이지를 공유할 때 표시되는 이미지 URL입니다.
  • og:설명: 제목 아래에 표시되는 콘텐츠에 대한 짧은 설명(일반적으로 2~4문장 길이)입니다.

오픈 그래프 메타 태그가 중요한 이유는 무엇인가요?

오픈 그래프 메타 태그는 웹 마스터가 소셜 미디어 네트워크에서 공유할 때 페이지의 제목, 설명, 사이트 이름 및 이미지가 표시되는 방식을 제어할 수 있기 때문에 매우 중요합니다. OG 태그가 없으면 Facebook과 같은 소셜 플랫폼은 페이지의 URL, 제목 및 메타 설명을 기반으로 미리보기를 자동으로 생성합니다. 이로 인해 미리보기가 너무 길거나 저품질 이미지가 사용될 수 있습니다.

소셜 미디어 네트워크는 웹사이트 트래픽과 전환의 중요한 동인입니다. 최적화된 OG 태그는 공유 링크의 외관을 개선하여 더 매력적이고 클릭을 유도할 수 있도록 합니다.

오픈 그래프 메타 태그를 추가하는 방법은 무엇인가요?

오픈 그래프 메타 태그를 설정하는 과정은 사용 중인 웹사이트 플랫폼에 따라 다릅니다. 다음은 가장 널리 사용되는 콘텐츠 관리 시스템인 워드프레스에서 OG 태그를 구현하기 위한 빠른 가이드입니다:

  1. Yoast SEO 플러그인을 설치합니다: 워드프레스 대시보드에 로그인하고 '플러그인'으로 이동한 다음 아직 설치하지 않은 경우 Yoast SEO 플러그인을 설치합니다.
  2. 페이지 편집기를 엽니다: 페이지 또는 글 편집기로 이동합니다.
  3. Yoast SEO 섹션으로 이동합니다: Yoast SEO 섹션에서 "소셜" 탭을 선택합니다.
  4. 오픈 그래프 메타데이터를 입력합니다: "Facebook"을 선택하고 해당 페이지에 필요한 오픈 그래프 메타데이터(제목, 설명 및 이미지)를 입력합니다. Yoast가 자동으로 URL을 설정합니다.

페이지의 HTML 코드에서 오픈 그래프 메타 태그를 수동으로 구현할 수도 있습니다. 다음은 코드의 모습에 대한 예시입니다:

<meta property="og:title" content="여기 페이지 제목" /> <meta property="og:type" content="기사" /> <meta property="og:url" content="https://yourwebsite.com/page-url/" /> <meta property="og:image" content="https://yourwebsite.com/image-url.jpg" /> <meta property="og:description" content="페이지 콘텐츠에 대한 간략한 설명입니다." />

오픈 그래프 메타 태그 확인

OG 메타 태그를 설정한 후에는 Facebook의 공유 디버거를 사용하여 메타 태그가 예상대로 작동하는지 확인할 수 있습니다. 확인하려는 URL을 붙여넣고 '디버그'를 선택하면 오류 및 OG 태그 제안을 검사합니다. 또한 제목, 이미지 및 설명을 포함한 OG 속성에 대한 개요도 확인할 수 있습니다.

결론

오픈그래프 메타 태그는 소셜 미디어 플랫폼에서 웹페이지를 효과적으로 공유할 수 있는 강력한 도구입니다. 명확하고 간결하며 시각적으로 매력적인 미리보기를 제공함으로써 참여도를 높이고 사이트로 더 많은 트래픽을 유도할 수 있습니다.