구글 SEO
오픈그래프
Open Graph 다른 표기: og:image, og 태그, 공유 미리보기
오픈그래프는 웹페이지가 소셜 미디어에서 공유될 때 제목·이미지·설명이 어떻게 보일지 정하는 개방형 프로토콜입니다. og:title·og:image 같은 메타 태그로 지정합니다.
- 오픈그래프 태그 4가지를 head 안에 작성하는 방법
- 태그를 비워 두면 플랫폼이 대신 채우는 방식
- 지금 내 페이지의 공유 카드가 의도한 대로 뜨는지 확인하는 방법
오픈그래프는 어디에서 쓰이나요?
카카오톡, 페이스북, 슬랙 같은 곳에 링크를 붙여넣을 때 뜨는 미리보기 카드 화면에 반영됩니다.
- 카카오톡 채팅방에 링크를 공유할 때
- 슬랙 채널에 페이지 주소를 붙여넣을 때
- 페이스북·X 같은 SNS에 게시글로 링크를 올릴 때
오픈그래프는 어떻게 작성하나요?
페이지 head 영역에 og: 로 시작하는 메타 태그 4가지를 넣습니다.
<head> <meta property="og:title" content="화분 분갈이 시기와 순서" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://example.com/img/repot.jpg" /> <meta property="og:url" content="https://example.com/repot-guide" /> </head>
og:title, og:type, og:image, og:url 네 가지가 필수 속성입니다.
- og:image는 절대경로(https:// 로 시작하는 전체 주소)로 적습니다
- og:url은 해당 페이지의 대표 주소를 그대로 적습니다
오픈그래프가 왜 중요한가요?
네 속성 중 하나라도 빠지면 플랫폼이 기본값으로 대체합니다. 페이지 제목이나 본문 속 다른 이미지를 임의로 골라 쓰는 경우가 많습니다.
의도한 제목과 이미지로 공유 화면을 통제하려면 네 태그를 모두 채워야 합니다.
오픈그래프라는 개념은 왜 생겼나요?
오픈그래프 프로토콜은 모든 웹페이지를 소셜 그래프 안의 객체로 만든다는 목적으로 만들어졌습니다. 플랫폼마다 다른 미리보기 방식 대신, 페이지 작성자가 공통 태그로 정보를 직접 지정하게 하려는 취지입니다.
내 상황에 적용하려면?
카카오톡이나 슬랙에 실제로 링크를 붙여넣어 카드가 어떻게 뜨는지 봅니다.
- og:title·og:type·og:image·og:url 네 태그가 모두 있는지 확인했습니다
- og:image 주소가 절대경로인지 확인했습니다
- 실제 공유 화면에서 제목과 이미지가 의도한 대로 뜨는지 확인했습니다
- 페이지마다 다른 og:title이 들어가 있는지 확인했습니다
오픈그래프에 대한 흔한 오해는 무엇인가요?
| 오해 | 실제 |
|---|---|
| 오픈그래프 태그는 구글 검색 순위에 직접 영향을 줍니다 | 소셜 공유 화면을 위한 규격이며 검색 순위 요소로는 안내되지 않습니다 |
| og:image를 비워두면 페이지 제목만 공유됩니다 | 플랫폼이 페이지 안 다른 이미지를 임의로 골라 대신 쓰는 경우가 많습니다 |
| og:title 하나만 있으면 공유 화면이 완성됩니다 | og:title·og:type·og:image·og:url 네 가지를 모두 채워야 규격을 충족합니다 |
검색결과 화면에서 파란 글자로 보이는 제목은 타이틀 태그, 그 아래 설명 문구는 메타 디스크립션, 검색엔진에 페이지 의미를 전달하는 형식 전반은 구조화 데이터 항목에서 다룹니다.
자주 묻는 질문
오픈그래프 태그가 없으면 링크 공유가 안 되나요?
공유 자체는 가능합니다. 다만 플랫폼이 임의로 고른 제목과 이미지로 미리보기가 표시될 수 있습니다.
og:image 크기는 아무 크기나 괜찮나요?
특정 크기를 강제하지는 않지만, 플랫폼마다 미리보기에서 잘리거나 흐리게 보일 수 있어 권장 비율에 맞추는 편이 안전합니다.
오픈그래프와 X(트위터) 카드는 같은 것인가요?
서로 다른 체계입니다. 오픈그래프는 개방형 프로토콜이고 X 카드는 별도의 메타 태그 체계이며, 둘을 함께 넣는 경우가 많습니다.
참고 자료
이 페이지가 도움이 되었나요?
10초면 됩니다 · 남겨주신 의견은 다음 개정에 반영됩니다