오픈 그래프(Open Graph) 태그 활용으로 소셜 미디어 참여도 증가시키기
오픈 그래프란?
오픈 그래프(Open Graph) 태그는 웹페이지 콘텐츠가 특정 소셜 미디어 플랫폼에서 공유될 때 어떻게 표시될지를 결정하는 코드 조각입니다. 페이스북이 만든 오픈 그래프 프로토콜에 속하며, 웹페이지의 메타데이터를 표준화하여 피드에 표시하는 방식을 통합합니다.
페이스북, 링크드인, X(구 트위터), 핀터레스트 등 다양한 플랫폼에서 콘텐츠가 공유될 때, 오픈 그래프 태그를 활용하면 콘텐츠의 시각적 요소와 정보를 효과적으로 통제할 수 있습니다. 이 태그는 웹페이지의 헤더 섹션에 삽입됩니다.
오픈 그래프 메타 태그의 중요성
오픈 그래프 메타 태그는 공유된 콘텐츠를 매력적이고 정보가 풍부한 미리보기 형태로 만들어 소셜 미디어 내 참여도, 노출수, 반응률을 높이는 데 도움을 줍니다. 예를 들어, 이미지가 첨부된 페이스북 게시물은 이미지가 없는 게시물에 비해 훨씬 높은 참여도와 노출수를 기록한 연구 결과가 있습니다.
주요 효과:
- 클릭률(CTR) 상승
- 더 많은 공유
- 브랜드 강화
- 전문적인 외관
- 간접적인 SEO 효과
오픈 그래프 태그 유형: 필수 및 선택 태그
필수 태그
-
og:title – 콘텐츠의 제목 설정
<meta property="og:title" content="Insert Your Title Here">베스트 프랙티스: 페이지의 중심 내용을 반영하고, 제목은 55~60자로 유지합니다.
-
og:image – 미리보기 이미지 추가
<meta property="og:image" content="Insert image URL here">베스트 프랙티스: 1200 x 630 픽셀의 고해상도 이미지를 권장합니다.
-
og:url – 페이지 URL
<meta property="og:url" content="Insert your canonical URL here">베스트 프랙티스: 정확한 URL을 사용합니다.
-
og:type – 콘텐츠 유형 정의
<meta property="og:type" content="Insert the type here">베스트 프랙티스: 콘텐츠와 일치하는 유형을 선택합니다.
선택 태그
-
og:description – 콘텐츠 요약 제공
<meta property="og:description" content="Insert your description here">베스트 프랙티스: 간결하게 작성, 120자 이내로 유지합니다.
-
og:site_name – 콘텐츠와 연결된 사이트나 브랜드 이름 표시
<meta property="og:site_name" content="Insert your brand name here"> -
og:locale – 콘텐츠의 언어 및 국가 지정
<meta property="og:locale" content="Insert language and country">
오픈 그래프 태그 설정 방법
- 워드프레스(WordPress): Yoast SEO 플러그인을 이용하여 태그 추가
- 윅스(Wix): SEO 설정을 통해 태그 맞춤 설정
- 스퀘어스페이스(Squarespace): 페이지 헤더 설정에서 태그 추가
오픈 그래프 메타 태그 점검 방법
- 페이스북: Facebook의 Sharing Debugger 도구를 통해 URL 입력 후 태그를 확인
- 링크드인: LinkedIn의 Post Inspector로 태그 점검
추가로, 사이트 감사 도구를 이용하여 태그 설정이 올바른지 확인할 수 있습니다.
출처 : 원문 보러가기