순서대로 이해하고 적용하기

  • 웹사이트 주소를 붙여넣었을 때 보이는 제목·설명·이미지가 바로 이 규칙에 따라 표시됩니다.
  • og:title = 공유 카드의 제목
  • og:description = 공유 카드의 설명
  • og:image = 대표 이미지
  • og:url = 주소
  • 이 정보들을 읽어서 카톡 미리보기를 만들게 됩니다.
  • 각 글/페이지마다
  • 공유 제목
  • 공유 설명
  • 공유 이미지
    를 직접 설정할 수 있습니다.
  • 별도로 카카오톡 전용 설정을 할 필요는 없습니다.
  • 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 ( 대표이미지 설정 )
  • 카카오톡 캐시 삭제
  • 카카오톡으로 링크 전송 후 테스트