6개월 동안 로고를 OG 이미지로 썼습니다 — 놓친 트래픽과 15분 만에 고친 방법

AI 요약

글쓴이는 출시 후 미루기 쉬운 설정 하나가 반년 동안 트래픽 손실로 이어졌다고 말합니다. 모든 페이지에 회사 로고를 OG(Open Graph) 이미지로 썼더니 공유 링크가 빈 공간에 로고만 떠서 깨진 것처럼 보였고, Google AI Overview에서는 이미지가 나타나지 않았다고 합니다.

로고 대신 페이지별 이미지를 설정하세요

글쓴이는 직접 공유한 링크의 클릭이 2~3배 적었고, Slack과 WhatsApp에서는 링크가 스팸처럼 보였다고 전합니다. Google Discover 노출도 몇 달 동안 없었다고 합니다. 다만 정확한 매출 손실액은 제시하지 않습니다.

수정 방법으로 1200×630 크기의 WebP 이미지를 만들고, 페이지 내용에 맞는 이미지를 OG 태그에 지정하라고 안내합니다. 예시 코드에는 og:image, 이미지 너비와 높이, 형식, 대체 텍스트를 담았으며 twitter:card를 summary_large_image로 설정합니다. 검색 결과에서 큰 이미지를 허용하도록 max-image-preview:large도 추가합니다. 홈뿐 아니라 가격 페이지와 블로그 글에도 각각 맞춤 이미지를 쓰라는 조언입니다.

글쓴이는 적용 며칠 뒤 Google Search Console에서 Discover 노출이 나타났고, Slack·WhatsApp·LinkedIn에서 링크 미리보기가 개선됐다고 말합니다. 실제 수익 증가액은 계산하지 못했지만, 공유 링크에서 클릭 기회를 놓치는 일은 줄었다고 설명합니다. 글 말미에는 실제 기업 OG 이미지 1,000개 이상을 모은 무료 갤러리 guidens.space를 소개합니다.

Indie Hackers 반응

• @LeanFounder — 잘 정리해주셨네요, Ayush. 로고를 메타데이터 이미지로 그대로 쓰는 건 출시 후 고치겠다고 미루다가 몇 달 동안 조용히 트래픽을 깎아먹는 흔한 실수입니다. guidens.space도 봤습니다. 깔끔하고 빠르게 참고하기 좋네요. 개발 도구나 개발자 API 문서를 별도 카테고리로 추가하면 좋겠습니다.
• @thrvinghacker — 정말 간단한 수정인데 효과가 크네요. 스크린샷과 가치 제안 한 줄을 넣으면 Slack이나 WhatsApp에서 링크가 10배는 더 믿음직해 보입니다. guidens.space도 봤는데 시각적 영감을 얻기 좋은 도구네요!
• @Prasantaraut — 잘 정리해주셨네요, Ayush. 창업자로서 저도 똑같은 실수를 했습니다. 빨리 출시하느라 일단 로고 하나만 OG 이미지로 설정해놓고, 창업자 그룹이나 Slack 대화에서 링크가 수상해 보이는 이유를 궁금해했죠. AI Overview와 Discover가 이미지를 대표 시각 자료로 쓴다는 점이 특히 와닿았습니다. 저는 OG를 여전히 ‘소셜 미리보기 꾸미기’ 정도로만 생각하고 있었습니다. 구체적인 크기와 태그, 파일 크기, 그리고 홈·가격·블로그 글마다 맞춤 이미지를 써야 한다는 조언이 실용적이네요. 미리보기가 캐시에 남으면 잘못된 설정을 고치기 어렵다는 점도 뼈아픕니다. guidens.space를 북마크했고 이번 주에 OG 이미지를 손볼 때 살펴보려고 합니다. 전업 디자이너가 없는 초기 SaaS나 MVP 사례 카테고리도 있으면 좋겠습니다. 글 감사합니다. 몇 달 동안 효과가 쌓이는 15분짜리 수정처럼 느껴집니다.
• @sarojbh17 — 놓치기 쉬운 부분이네요. 저희도 페이지별 OG 이미지를 쓰고 나서 특히 블로그와 가격 페이지에서 차이를 봤습니다. guidens.space도 북마크합니다.

원문: Indie Hackers / 번역·요약: Trawling