페이스북에 워드프레스 글을 공유했는데 이미지가 안 보인다고요? 카카오톡에 공유한 URL 이미지가 다 깨진다구요? 내 사이트의 검색엔진최적화 첫인상을 책임지는 OG 태그, 이제 제대로 파헤쳐 보겠습니다.
OG 태그 란 무엇인가?
소셜 미디어의 ‘첫인상’을 담당하는 OG(Open Graph) 태그는 웹페이지가 소셜 미디어 플랫폼에 공유될 때 어떻게 보일지 결정합니다. 이것은 단순한 HTML 코드 조각이 아닙니다. 당신의 콘텐츠가 소셜 미디어의 무대에서 어떤 역할을 할지, 어떤 인상을 남길지를 지시하는 중요한 지휘자죠.
페이스북에서 친구가 기사를 공유했다고 생각해봅시다. 그리고 그 기사에 대한 당신의 첫인상은 그 기사의 제목, 설명, 그리고 동반된 이미지에 의해 결정됩니다. 바로 그 순간, OG 태그가 세팅되어 있어야 합니다. 누군가 당신의 웹페이지를 공유할 때, OG 태그는 소셜 미디어에 어떤 정보가 표시될지를 플랫폼에 알려주는 역할을 하죠.
<meta property="og:title" content="사이트 제목 또는 게시물 제목">
<meta property="og:description" content="페이지 내용의 간단한 설명">
<meta property="og:image" content="공유될 이미지 URL">
위의 코드 스니펫은 OG 태그의 핵심 요소들을 보여줍니다. og:title
, og:description
, 그리고 og:image
는 소셜 미디어 플랫폼이 당신의 콘텐츠를 어떻게 표현할지 결정짓는 가장 기본적이면서도 필수적인 부분입니다.
하지만 이 태그들이 정확히 입력되지 않거나, 빠져있다면 어떻게 될까요? 소셜 미디어는 기본 설정이나 무작위 추출을 통해 대체 내용을 보여줄 것입니다. 그리고 대부분의 경우, 그 결과물
OG 태그 최적화 방법
워드프레스를 이용할 때는 다양한 SEO 플러그인(예: Yoast SEO, 랭크매쓰)을 사용해 썸네일, 타이틀, 메타 디스크립션 등을 손쉽게 설정할 수 있으며, 이 플러그인들은 OG 메타 태그를 자동으로 관리해 줍니다. 하지만 웹사이트를 직접 구축하는 경우에는 상황이 다릅니다.
OG 메타 태그 구축
워드프레스와는 달리, 직접 구축한 웹사이트에서는 OG 메타 태그를 수동으로 추가해야 할 때가 많습니다. 이 과정은 웹사이트의 헤드 섹션에 정확한 메타 태그를 삽입함으로써 이루어집니다. 개발자와 긴밀히 협력하여, 각 페이지에 적합한 og:title
, og:description
, og:image
등의 태그가 포함되도록 해야 합니다. CMS 를 도입하면 이 관리 기능이 들어가 있는 경우가 대다수입니다.
SEO를 위한 정확한 태그 구현
이러한 태그들은 소셜 미디어 플랫폼에서 페이지를 공유할 때 어떻게 보일지 결정합니다. 정확하고 매력적인 메타 태그는 클릭률을 높이고, 검색 엔진 최적화(SEO)에도 기여할 수 있습니다. 따라서 개발자와 협업해서 이 태그들이 각각의 콘텐츠를 정확히 반영하고, 키워드를 효과적으로 포함하며, 타겟 대상에 맞게 설계되었는지 확인해야 합니다.
어떻게 보이는지 확인하려면? OG 공유 디버거
소셜 미디어 공유가 중요한 역할을 하며, 페이스북이나 카카오톡과 같은 플랫폼에서 어떻게 보여지는지는 웹사이트의 트래픽에 상당한 영향을 미칩니다. OG(Open Graph) 태그를 수정하고 나서, 그 변경 사항이 제대로 반영되었는지 확인하기 위해 디버거 도구를 사용할 수 있습니다.
페이스북과 카카오톡 모두 ‘공유 디버거(Sharing Debugger)’라는 도구를 제공합니다. 이 도구를 사용하면 웹페이지의 메타 데이터가 어떻게 표시되는지, 그리고 어떤 정보가 소셜 미디어 상에서 공유될 때 사용되는지 미리 확인할 수 있습니다.
- 최신 정보로 스크랩하기: 공유된 콘텐츠의 최신 버전을 표시합니다.
- 메타 데이터 문제 진단: 잘못된 OG 태그를 식별하고 수정할 수 있습니다.
- 캐시된 정보 삭제: 이전 버전의 썸네일이나 메타 데이터를 제거할 수 있습니다.
두 사이트 모두 로그인이 필요합니다.
사용자의 참여를 유도하고, 사이트 트래픽을 증가시키며, 브랜드 인지도를 높이는 것이 목표라면, OG 태그의 최적화는 필수적인 과정임을 잊지 마세요. 지금 바로 OG 태그를 검토하고, 소셜 미디어 공유를 위한 준비를 완벽히 갖추어 보시기 바랍니다.