오픈 그래프 메타 태그란 무엇인가 – 상세 개요

게시 됨: 2021-04-08

이것을 상상해보십시오. 웹 사이트에서 유익한 콘텐츠를 만들고 소셜 미디어에서 공유했습니다. 이제 트래픽, 좋아요 및 공유가 증가하기를 기다리고 있습니다.

우리는 그것이 그렇게 쉬웠기를 바랍니다!

하지만 그렇지 않습니다!

사람들이 클릭하고 공유할 수 있도록 공유 게시물의 모양을 개선하는 데 약간의 노력을 기울여야 합니다. 그렇지 않으면 소셜 미디어에서 공유되는 수백만 개의 콘텐츠 풀에서 콘텐츠가 손실될 수 있습니다.

더 쉽게 사용할 수 있도록 Open Graph 메타 태그를 입력합니다!

요즘 OG 메타 태그가 대세입니다. 이것들이 무엇인지 궁금하십니까? 전체 개요를 보려면 블로그를 끝까지 읽으십시오.

오픈 그래프 메타 태그란?

OG 메타 태그는 소셜 미디어에서 URL의 모양을 제어하는 ​​코드 스니펫입니다. Facebook의 OG 프로토콜의 일부이며 LinkedIn 및 Twitter와 같은 다른 소셜 미디어 플랫폼에서도 사용됩니다.

OG 태그를 사용하면 페이지가 공유될 때 정보가 타사 사이트에서 Facebook으로 이동하는 방식을 제어할 수 있습니다. 그렇게 하면 픽셀화된 이미지나 스크램블된 스니펫을 제공하는 대신 게시물에 체계적인 방식으로 정보가 표시됩니다.

다음은 OG 태그를 사용하여 Facebook에서 E-store Development를 위해 Magento를 선택해야 하는 이유입니다.

디지털 마케팅 서비스

사용할 오픈 그래프 메타 태그

Facebook의 공식 문서에는 최대 17개의 OG 태그가 나열되어 있습니다. 우리는 당신을 위해 그것을 쉽게 만들었습니다. Facebook에 페이지의 기본 사항을 알리려면 5개의 태그만 있으면 됩니다. 이 블로그를 참조하여 아래에서 이에 대해 논의할 것입니다. Ready Solution보다 Custom Ecommerce Website를 선택하는 이유.

1. og:제목
통사론:

<meta property="og:title" content="Ready Solution보다 맞춤형 전자상거래 웹사이트를 선택해야 하는 이유" />

여기에서 콘텐츠의 제목을 정의합니다. 메타 제목 태그가 검색 엔진 결과 페이지의 콘텐츠에 대해 수행하는 것과 유사한 용도로 사용됩니다. Facebook이 페이지에서 og:title 태그를 찾을 수 없으면 메타 제목을 사용합니다. 귀하는 메타 제목과 og:title에 다른 제목을 사용할 수 있는 모든 권한이 있습니다. 소셜 미디어에서만 페이지에 매혹적인 제목을 부여하고 더 많은 클릭을 유도하려면 눈에 띄는 제목을 지정할 수 있습니다.

캐릭터에 대한 제한은 없지만 메타 타이틀에서와 같이 60자 이내로 동일한 제한을 유지하는 것이 좋습니다. 제목이 100자보다 길면 Facebook에서 자동으로 88자로 줄입니다. 제목을 사용자의 클릭을 유발할 만큼 매력적으로 유지하세요.

2. og:설명
 통사론:

<meta property=”og:description” content=”맞춤형 전자상거래 웹사이트 또는 준비된 솔루션 – 블로그는 둘 사이의 비교 연구를 제공합니다. 확인 해봐.

이것은 메타 설명 태그와 유사합니다. 콘텐츠의 요지를 설명합니다. 이제 기존의 메타 설명 태그와 달리 SEO에 영향을 미치지 않습니다. 따라서 적절한 키워드를 찾는 대신 사람들이 클릭하도록 유도할 수 있도록 눈에 띄게 만드는 데 주의를 기울이십시오.

Facebook은 이 섹션에 최대 300자를 표시할 수 있습니다. 그러나 내용을 200자로 제한하는 것이 좋습니다. 짧고 명확한 설명은 사람들이 한 눈에 아이디어를 얻고 링크를 클릭하여 더 많이 알 수 있도록 도와줍니다.

3. og:이미지
 통사론:

<메타 속성=”og:image” 콘텐츠=”https://webguru-india.com/blog/wp-content/uploads/2021/03/Why_Choose_a_-Custom_Ecommerce_Website_over_A_Ready_Solution.jpg” />

사진은 콘텐츠가 눈에 띄고 사람들의 관심을 끄는 데 도움이 됩니다. OG 이미지 태그는 페이지나 콘텐츠가 공유될 때 특정 썸네일이 표시되도록 합니다.

og:image로 이미지를 지정하지 않으면 Facebook에 페이지에서 스크랩한 광고 배너가 표시되거나 전혀 표시되지 않을 수 있습니다! 이는 콘텐츠에 심각한 영향을 미치며 사람들이 스크롤하여 지나칠 수 있습니다.

일반적으로 유명 소셜 미디어 마케팅 대행사의 전문가들은 OG 이미지의 해상도를 1200×627픽셀[1.91:1 비율]로 권장합니다. 또한 이미지가 5MB 크기 제한을 초과하지 않는지 확인하십시오.

4. og:유형
 통사론:

<메타 속성=”og:type” 콘텐츠=”기사” />

이 태그는 이미지, 비디오 또는 블로그 게시물과 같이 공유하는 개체의 유형을 설명합니다. 다음은 콘텐츠 유형의 몇 가지 예입니다.

  • 웹사이트 기반: 웹사이트, 기사, 블로그
  • 장소: 도시, 국가
  • 사업: 회사, 레스토랑, 호텔
  • 인물: 배우, 정치인, 작가
  • 엔터테인먼트: 영화, 게임, 책, 음식

그리고 더!

이 태그는 중요한 역할을 합니다. 예를 들어, 게시물이 좋아요 버튼이 있는 영화나 책에 관한 것입니다. 콘텐츠가 사용자의 관심 섹션에 표시되는지 여부를 결정합니다.

5. og:url
 통사론:

<메타 속성=”og:url” 콘텐츠=”https://webguru-india.com/blog/why-choose-a-custom-ecommerce-website-over-a-ready-solution/” />

여기에서 공유 중인 특정 페이지의 표준 URL을 설정할 수 있습니다. 그런 식으로 모든 좋아요와 공유가 이동하는 하나의 페이지를 정의합니다. 동일한 콘텐츠에 대해 두 개 이상의 URL이 있는 경우 매우 유용합니다.

제공한 URL은 Facebook 뉴스피드에 표시되지 않습니다. 도메인 이름만 표시됩니다.

디지털 마케팅 서비스

[ 여기에 화살표 표시를 하고 og:title [왜 준비된 솔루션보다 맞춤형 전자상거래 웹사이트를 선택했는지], og:image [이미지], og:description [계획 중인 경우… h를 사용하세요] 및 og: url [webguru-india.com] ]

오픈 그래프 메타 태그의 장점

OG 태그를 구현하는 데 어려움을 겪는 이유는 무엇입니까? 디지털 마케팅 서비스 제공자가 소셜 미디어에서 콘텐츠를 공유하기 전에 OG 태그 사용을 강조하는 이유는 다음과 같습니다.

  • 소셜 미디어 게시물의 모양 향상

OG 태그를 사용하는 첫 번째이자 가장 중요한 이유는 매력적인 게시물을 만드는 데 도움이 되기 때문입니다. 게시물의 이미지가 흐릿하거나 텍스트가 눈에 띄지 않으면 사용자가 콘텐츠와 상호 작용할 가능성이 줄어듭니다.

OG 태그를 사용하면 콘텐츠가 표시되는 방식을 완전히 제어할 수 있습니다. 제목과 설명을 원하는 대로 눈에 띄게 만들 수 있습니다. 콘텐츠의 모든 요소를 ​​구성하고 전문적인 모습을 연출하는 데 도움이 됩니다. 이는 차례로 전환을 유도합니다.

  • Facebook 검색의 가시성 향상

OG 태그는 Facebook이 콘텐츠가 무엇인지 이해하는 데 도움이 됩니다. 이는 차례로 Facebook 검색을 통해 브랜드 가시성을 높이는 데 도움이 됩니다. 반면에 사람들은 Facebook에서 무언가를 검색할 때 특정 결과를 클릭하기 전에 몇 가지 결과를 살펴봅니다. OG 태그에 최적화된 콘텐츠는 관심을 끌 가능성이 더 큽니다.

다음 그림을 확인하십시오.

OG 태그란 무엇인가 - 종합 연구

"모바일 앱 개발 프로세스"를 검색하면 Facebook은 OG 태그로 최적화된 모바일 앱 개발 프로세스에 대한 기술적 통찰력 기사를 불러옵니다.

또한 Facebook Messenger, WhatsApp 또는 iMessage에서 다이렉트 메시지를 통해 Open Graph 메타 태그에 최적화된 게시물의 링크를 공유하면 OG 태그가 스니펫을 만드는 데 도움이 됩니다.

  • 다양한 플랫폼에 적합

Facebook은 개방형 그래프를 출시했지만 현재 Twitter, LinkedIn 및 Pinterest를 포함한 다른 소셜 네트워킹 플랫폼에서 사용하고 있습니다. 따라서 한 번만 태그를 생성하고 다양한 플랫폼에서 자신의 존재를 최적화할 수 있습니다.

  • Google Discover에서 브랜드 인지도 최적화

Google Discover는 Chrome 앱의 Google 검색 창 아래에 배치된 AI 기반 콘텐츠 추천 도구입니다. 사용자의 행동을 기반으로 뉴스, 기사, 동영상, 광고, 실시간 스포츠 경기 결과 등을 추천합니다. 여기에서 Google 디스커버에 대해 자세히 알아볼 수 있습니다.

Discover 피드에서 찾을 수 있도록 콘텐츠를 최적화하려는 경우 OG 태그가 중요한 역할을 할 수 있습니다. 여기 흥미로운 사실이 있습니다. Ahrefs 팀은 최근 Open Graph 메타 태그와 Google Discover 간의 관계를 발견했습니다. 그들은 게시물의 og:title('잉크 구축 사례 연구')에 존재하는 오타가 Google Discover에 등장했음을 발견했습니다. 그러나 기사의 실제 제목('링크 구축 사례 연구')에는 입력 오류가 없었습니다.

OG 태그 확인 방법

OG 태그를 모니터링하는 데 도움이 되도록 Facebook에는 공유 디버거라는 전용 도구가 있습니다. 그것은 무엇을합니까? 아래에서 설명드리겠습니다.

확인하려는 링크를 입력하면 OG 태그에 대한 오류 및 관련 제안(있는 경우)이 반환됩니다. 원하는 경우 이미지와 설명을 확인하고 수정할 수 있습니다.

또한 Facebook 캐시를 지웁니다. 왜 중요 함? Facebook에 링크를 게시한 다음 미리보기 이미지에서 실수를 발견했다고 가정해 보겠습니다. 따라서 돌아가서 OG 태그에서 필요한 사항을 변경하고 다시 Facebook에 게시합니다.

아무 일도 일어나지 않고 썸네일이 그대로 유지될 가능성이 있습니다. 그리고 크레딧은 캐시로 이동합니다. 공유 디버거는 수정한 후 링크의 캐시를 완전히 새로 고칩니다. 따라서 OG 태그를 수정할 때마다 반드시 사용해야 합니다.

마무리 시간

2021년 3월 기준으로 OG 태그는 전체 웹사이트의 54.6%에서 사용됩니다. 이는 사이트의 거의 절반이 여전히 이를 사용하지 않는다는 것을 의미합니다. OG 메타 태그를 최적화하는 데 시간이 걸릴 수 있지만 할 가치가 있습니다. 태그는 군중에서 눈에 띄고, Facebook 검색 결과에서 더 많은 가시성을 확보하고, 사람들의 관심과 더 많은 클릭을 유도하는 데 도움이 됩니다.

소셜 미디어에서 콘텐츠를 공유하기 전에 OG 태그를 사용합니까? 그렇지 않다면 곧 구현을 시작하십시오!