순서대로 이해하고 적용하기
카카오톡, 페이스북, 트위터 등 대부분의 플랫폼은 “오픈그래프(Open Graph, OG)”라는 표준을 사용합니다.
- 웹사이트 주소를 붙여넣었을 때 보이는 제목·설명·이미지가 바로 이 규칙에 따라 표시됩니다.
오픈그래프(OG)는 웹페이지의 기본 정보를 정해주는 규칙입니다.
og:title= 공유 카드의 제목og:description= 공유 카드의 설명og:image= 대표 이미지og:url= 주소- 이 정보들을 읽어서 카톡 미리보기를 만들게 됩니다.
Yoast SEO는 이 오픈그래프 정보를 쉽게 관리할 수 있게 해주는 플러그인입니다.
- 각 글/페이지마다
- 공유 제목
- 공유 설명
- 공유 이미지
를 직접 설정할 수 있습니다.
그래서 Yoast에서 설정한 정보가 곧 카톡·페북·라인 등에 공유될 때 보이는 카드가 됩니다.
- 별도로 카카오톡 전용 설정을 할 필요는 없습니다.
- OG는 공통 규칙이라 여러 플랫폼이 같은 데이터를 읽습니다.
기본 설정하기
- ‘SEO’ > ‘Social’ > ‘Facebook’으로 이동합니다.
- ‘Facebook image’에서 이미지를 업로드하고 ‘Upload Open Graph image’ 버튼을 클릭합니다.
- 이 설정은 위에서 설명한 “오픈그래프”를 설정하는 과정입니다.
- 이 설정은 홈 화면에 대한 설정입니다. 글, 페이지 등 서브 페이지는 별도로 설정할 수 있습니다.
⚠ 참고: 카톡은 캐시가 강하기 때문에
- 정보를 바꿔도 바로 안 보이고 몇 시간 뒤에 반영될 수 있습니다.
- 급히 확인하려면 주소를 복사해서 붙일 때
?test=1혹은 &test=1 같은 임시 파라미터를 URL 뒤에 붙여 테스트하면 됩니다. - 안드로이드 설정 > 애플리케이션 > 카카오톡 > 저장소 > 캐시 삭제
아이폰 설정 > 일반 > iPhone 저장소 용량 관리 > 카카오톡 > 캐시 삭제
정리
- Yoast SEO 플러그인 설치
- Yoast SEO 플러그인 설정에서 SEO > Social > Facebook 에 Upload Open Graph image ( 대표이미지 설정 )
- 카카오톡 캐시 삭제
- 카카오톡으로 링크 전송 후 테스트


