seo기초
SEO기초 2 - OG태그
웹사이트를 누군가가 카카오톡이나 페이스북에 공유했을 때, 링크 썸네일이 아무 이미지도 안 뜨거나, 이상한 제목이 나와 당황하신 적 있으신가요? 이번 글에서는 그런 문제를 해결해 주는 OG 태그 (Open Graph) 의 역할과, SNS 공유 시 이미지, 제목, 설명을 어떻게 예쁘게 보여줄 수 있는지 알려드릴게요. 단순한 디자인이 아닌, 브랜드 신뢰도와 클릭률까지 영향을 주는 핵심 요소입니다. 지금 바로 내 사이트 공유 미리보기부터 점검해보세
- 등록일 : 25년 04월 11일, HIT 12회
- 서치토마토
- 서치토마토
중요도
이런 분들께 도움이 될 거예요
- 쇼핑몰을 운영하고 있는 셀러
- 블로그 글을 자주 공유하는 마케터
- 링크 하나로 소개하는 포트폴리오/서비스 페이지 운영자
1. OG(Open Graph) 태그란?
OG 태그는 SNS에서 링크를 공유할 때 어떻게 보여줄지를 설정하는 메타태그입니다.
제목, 설명, 이미지 등을 직접 지정할 수 있어서 공유 시 더 매력적으로 보이게 만들 수 있습니다.
2. 왜 중요할까요?
페이스북, 카카오톡, 트위터 등에서 링크를 공유하면 OG 태그를 기준으로 썸네일, 제목, 설명을 불러옵니다.
아무 설정 없이 공유하면 페이지 내 아무 이미지나 잘못된 문구가 보일 수 있어 브랜드 이미지에 악영향을 줄 수 있어요.
3. 기본 적용 예시
<meta property="og:title" content="부산 키즈카페 추천">
<meta property="og:description" content="아이와 함께 안전하고 즐거운 공간, 부산 키즈카페 소개">
<meta property="og:image" content="https://example.com/thumb.jpg">
<meta property="og:url" content="https://example.com/page.html">
4. 실전 적용 팁
- 이미지는 가로 1200px × 세로 630px 이상, 비율 1.91:1이 가장 좋습니다
- 브랜드 로고나 제품이 강조된 이미지가 가장 효과적입니다
- 제목과 설명은 2줄 이내로 간결하게 작성하세요
- 페이지 URL은 실제 노출될 주소와 일치시켜야 합니다
6. 자주 하는 실수
- 이미지 경로 오류: 이미지 주소가 외부에서 접근 불가하거나 오타
- og:title과 사이트 타이틀 불일치: 사용자 혼란 유발
- 내용 불일치: OG 미리보기는 좋은데 실제 페이지는 엉뚱한 정보
요약
OG 태그는 공유 링크 하나로 브랜드 신뢰도를 올리는 마법입니다.
제목, 설명, 이미지만 깔끔히 설정해도 클릭률과 인지도를 동시에 잡을 수 있어요.
지금 바로 설정하고, 디버거 도구로 점검해보세요.
더 빠르게 해결하고 싶으세요?
서치토마토가 등록을 대행해 드리겠습니다
