OG(Open Graph) 태그는 웹페이지가 SNS에서 공유될 때 제목, 설명, 이미지 등이 어떻게 표시될지를 지정하는 HTML 메타 태그입니다. 2010년 Facebook이 처음 도입한 프로토콜로, 웹페이지를 "소셜 그래프의 객체(object)"로 표현하기 위해 만들어졌습니다. 현재는 카카오톡, 트위터/X, 라인, 슬랙, 디스코드, 링크드인, 텔레그램 등 거의 모든 메신저와 SNS 플랫폼에서 표준으로 사용되고 있습니다. OG 태그가 제대로 설정되어 있으면 링크를 공유했을 때 깔끔한 카드 형태로 표시되어 클릭률(CTR)이 크게 향상됩니다. 반대로 OG 태그가 없거나 잘못 설정되면 링크만 덩그러니 표시되어 신뢰감이 떨어지고 클릭률도 낮아집니다.
OG 태그는 HTML의 <head> 영역 안에 <meta> 태그 형태로 작성합니다. 아래는 반드시 포함해야 하는 필수 태그 4개와 함께 설정하면 좋은 권장 태그 목록입니다. 필수 태그만 제대로 설정해도 대부분의 플랫폼에서 깔끔한 미리보기가 표시됩니다.
아래 카드는 추출한 태그를 도구 안에서 보여주는 예시입니다. 실제 플랫폼의 크롤링, 카드 표시, 캐시 상태를 직접 확인하거나 보장하지 않습니다.
이 도구는 페이지에서 읽은 태그를 바탕으로 예시 카드를 그립니다. 각 플랫폼의 크롤링 방식, 지원 태그, 캐시와 화면 구성은 다를 수 있으므로 실제 게시 전 해당 플랫폼에서 확인하세요.
가로 1200px × 세로 630px(1.91:1 비율)이 가장 보편적입니다. 최소 200×200px 이상이어야 대부분의 플랫폼에서 정상 표시되며, 파일 크기는 5MB 이하, 포맷은 JPG·PNG·WebP를 권장합니다. GIF는 일부 플랫폼에서 첫 프레임만 표시될 수 있습니다.
이 도구는 twitter:card 값 등 일부 태그를 진단 결과로 표시하고 카드 예시를 제공합니다. 카드 종류별 실제 렌더링이나 게시 결과를 검증하지는 않습니다.
네, 다릅니다. <title> 태그는 브라우저 탭에 표시되는 제목이고, og:title은 SNS 공유 시 표시되는 제목입니다. og:title이 없으면 <title> 값이 대신 사용됩니다. SEO와 SNS 최적화를 위해 둘 다 설정하되, SNS용으로는 더 짧고 임팩트 있는 제목을 쓰는 것이 좋습니다.
OG 태그 자체는 구글 검색 순위에 직접적인 영향을 주지 않습니다. 하지만 잘 설정된 OG 태그로 SNS 공유 시 클릭률이 높아지면 트래픽이 늘어나고, 이것이 간접적으로 SEO에 긍정적 영향을 줄 수 있습니다. 또한 구글은 검색 결과 스니펫에 meta description을 활용하므로 함께 최적화하는 것이 좋습니다.
이 계산기가 도움이 되었나요?
입력한 URL의 공개 페이지를 서버에서 불러와 OG 태그를 확인하고, 추출한 정보로 카카오톡·페이스북·트위터/X 카드 예시를 보여줍니다. 플랫폼의 실제 표시나 캐시 결과를 보장하지 않습니다.
URL을 분석하면 OG 태그 진단이 표시됩니다