안녕하세요! 워드프레스로 블로그를 운영할 때, 게시글 링크 공유시 썸네일 사진을 등록해주실 수 있어요. 그냥 링크 한 줄 보낼 때 보다 눈에 띄는 썸네일과 간단한 설명이 함께 나올 때 눈길을 더 끌 수 있겠지요! 소셜 미디어에 공유할 때 훨씬 더 눈길을 사로 잡을 수 있습니다. 바로 오픈그래프를 활용해서요!
위의 두 개가 오픈그래프가 세팅된 반면 아래 두개는 세팅되지 않았습니다. 아래 두 개 보다 위의 두개 글이 훨씬 더 눈에 띄지 않나요? 가장 마지막 글은 제가 실제로 포스팅한 게시글이에요 ㅎㅎ.
오픈 그래프(Open Graph)란?
전문적인 용어로는 오픈 그래프(Open Graph)라고 하는데요. 오픈 그래프는 웹 페이지가 소셜 미디어에서 공유될 때 해당 페이지의 정보를 명시적으로 정의하기 위한 프로토콜입니다. 주로 페이스북에서 도입되었지만, 다른 소셜 미디어 플랫폼들에서도 일반적으로 지원하고 있어요.
오픈 그래프는 HTML <head> 태그 안에 <meta> 태그를 사용하여 페이지의 제목, 설명, 이미지 등을 정의합니다. 이 정보들은 소셜 미디어에서 페이지가 공유될 때 미리보기(프리뷰)로 표시되며, 사용자들이 페이지를 누르기 전에 어떤 내용인지 미리 확인할 수 있게 합니다.
오픈 그래프의 이점
- 시각적인 표현: 오픈 그래프를 이용하면 공유되는 웹 페이지의 미리보기가 풍부하게 나타낼 수 있습니다. 이미지, 제목, 설명 등을 명확하게 제공함으로써 사용자들에게 눈에 띄는 정보를 전달할 수 있습니다.
- 더 좋은 공유 경험: 소셜 미디어에서 링크를 공유할 때, 오픈 그래프를 사용하면 페이지의 콘텐츠가 풍부하게 보이므로 사용자들이 더 많은 흥미를 가질 수 있습니다.
- 검색 엔진 최적화(SEO): 오픈 그래프는 검색 엔진이 페이지의 콘텐츠를 이해하고 적절하게 인덱싱할 수 있도록 도와줍니다. 이는 페이지의 발견성을 향상시키는 데 도움이 됩니다.
- 일관된 미리보기 제공: 특히 블로그나 뉴스 웹사이트에서는 오픈 그래프를 통해 각각의 글이나 기사가 소셜 미디어에서 일관된 형태로 노출될 수 있습니다.
그럼 워드프레스에서 어떻게 세팅할 수 있을지 알아볼까요?
SEO 플러그인 Yoast SEO 활용하기
플러그인을 통해 간단하게 세팅이 가능합니다😊 워드프레스 사용자라면 대부분 아실만한, 유명한 SEO 플러그인 중 하나인 Yoast SEO를 이용하여 세팅해볼게요.
Yoast SEO 플러그인을 설치하신 분이라면 글 작성시 하단에 위와 같이 플러그인을 볼 수 있습니다. 이미지 상단의 ‘Social’을 클릭해주세요.
그럼 Social image를 선택할 수 있어요. 저는 Premium 버전을 사용하지 않아서 Social media appearance 부분은 잠겨 있네요. ㅎㅎㅎ
이미지를 선택하고 Social title, Social description을 작성해 준 후 글을 발행해주시면 됩니다.
짜잔! 오픈 그래프를 세팅해준 후 똑같은 링크를 공유했을 때 비교 사진이에요. 원하는 이미지와 title, description이 함께 노출 되는 것을 볼 수 있습니다.