OG 이미지 뷰어로 블로그 공유 썸네일 발행 전에 확인하기

개발

글을 발행한 뒤 카카오톡이나 LinkedIn에 공유했는데 제목이 예전 값이거나 썸네일이 안 나오면 첫 공유 타이밍을 놓치게 됩니다.

이럴 때는 브라우저에서 바로 쓸 수 있는 Dante Tools를 열어 먼저 손으로 검증해보는 것이 좋습니다. 작은 확인 과정을 거치면 배포 후 되돌리는 시간을 줄일 수 있습니다.

OG 이미지 뷰어 사용 화면
OG 이미지 뷰어 사용 화면

언제 쓰면 좋은가

블로그 글, 랜딩페이지, 제품 페이지를 공유하기 전에 Open Graph 이미지와 메타데이터가 의도대로 나오는지 확인하는 방법입니다.

확인할 URL

https://blog.dante.company/ko/articles/example-post
https://tools.dante.company/ko/tools/json-formatter

실무 루틴

  1. 공유할 URL을 입력합니다.
  2. OG 이미지, 제목, 설명, 사이트 이름을 확인합니다.
  3. Twitter Card 값도 함께 내려오는지 봅니다.
  4. 문제가 있으면 페이지 메타데이터를 고친 뒤 캐시가 갱신될 때까지 다시 확인합니다.

배포 전 체크

  • 이미지 비율이 소셜 공유 카드에서 잘리지 않는가
  • 제목과 설명이 검색/공유용으로 충분히 구체적인가
  • 운영 URL이 아니라 스테이징 URL을 공유하고 있지 않은가

공유 미리보기는 발행 후가 아니라 발행 전 체크리스트에 있어야 합니다. 첫 공유가 곧 첫인상이기 때문입니다.

다른 글