오픈 그래프(OG) 미리보기 및 생성기 페이스북, 링크드인 및 기타 플랫폼에서 오픈 그래프 카드의 외观을 미리 봅니다.
오픈 그래프 미리보기
페이스북, 링크드인 및 기타 플랫폼에서 오픈 그래프 카드의 외观을 미리 봅니다.
페이지 세부 정보 입력
제목, 설명, URL, 이미지 URL 및 OG 유형을 추가합니다.
카드 미리보기
페이스북과 LinkedIn에서 공유할 때 페이지가 어떻게 표시될지 확인합니다.
메타 태그 복사
웹사이트에 사용할 수 있는 생성된 og: 메타 태그를 복사합니다.
What Is 오픈 그래프 미리보기?
Open Graph 미리보기 도구를 사용하면 페이스북, 링크드인 및 Open Graph 프로토콜을 사용하는 다른 플랫폼에서 웹페이지가 공유될 때 정확히 어떻게 표시되는지 볼 수 있습니다. Open Graph 메타 태그는 제목, 설명, 이미지 및 유형 정보와 같은 링크 미리보기에 표시되는 내용을 제어합니다. 잘 작성된 OG 미리보기를 통해 소셜 공유로부터의 클릭률이 크게 증가할 수 있습니다. 이미지를 최적화하고 설명이 포함된 게시물은 훨씬 더 많은 참여를 얻습니다. 이 도구는 페이스북/링크드인 카드 형식을 모방하는 시각적인 미리보기를 제공하며 웹 사이트의 HTML에 추가해야 하는 완전한 세트의 og: 메타 태그를 생성합니다.
Why Use 오픈 그래프 미리보기?
-
페이스북과 LinkedIn 카드 레이아웃을 매칭하는 시각적 미리보기
-
必要한 모든 og: 메타 태그 생성
-
여러 개의 OG 유형: 웹사이트, 기사, 제품, 프로필, 비디오
-
최적의 제목 및 설명 길이를 위한 문자 수 지침
-
사이트 이름 및 URL 구성으로 완전한 OG 설정
Common Use Cases
웹サイト 출시
모든 페이지에 올바른 OG 태그가 있는지 확인하여 출시합니다.
블로그 게시
소셜 미디어에서 공유될 때 기사가 어떻게 표시되는지 최적화합니다.
이커머스
제품 페이지가 제품 유형 OG 태그로 아름답게 공유되도록 합니다.
마케팅 캠페인
소셜 링크 미리보기에 표시되는 정확한 메시지를 제어합니다.
Technical Guide
Open Graph 프로토콜은 2010年に 페이스북에서 만들었으며 현재 대부분의 소셜 플랫폼에서 링크 미리보기를 위해 사용됩니다. 필수 태그: og:title, og:type, og:image, og:url입니다. 추가로 추천하는 태그는 og:description, og:site_name, og:locale입니다. 이미지의 경우 최적의 표시를 위해 1200×630 픽셀(1.91:1 비율)의 크기가 권장됩니다. 페이스북은 약 30일 동안 OG 데이터를 캐시합니다 - 갱신하려면 Facebook Sharing Debugger(developers.facebook.com/tools/debug/)를 사용하세요. 링크드인은 유사한 기능을 위한 자체 Post Inspector를 가지고 있습니다. OG 태그는 HTML의 <head> 섹션에 있어야 합니다. OG 태그와 트위터 카드가 모두 있는 경우 트위터는 자신의 태그를 선호하는 반면 페이스북은 OG 태그를 사용합니다. 최대 제어를 위해 두 가지 모두 구현하는 것이 최상의 방법입니다.
Tips & Best Practices
-
1모든 플랫폼에서 최적의 표시를 위한 1200×630 픽셀 이미지 사용
-
2og:title을 60자 이하, og:description을 160자 이하로 유지
-
3페이스북 공유 디버거를 사용하여 캐시된 OG 데이터를 강제 새로 고침
-
4전체 크로스 플랫폼 제어를 위한 og: 및 twitter: 태그 모두 구현
-
5여러 플랫폼 - 페이스북, LinkedIn 및 Slack을 포함하여 모든 항목이 다르게 렌더링됨 - 테스트
Related Tools
트위터 카드 미리보기
링크가 트위터/X 카드로 표시될 때의 제목, 설명, 이미지와 함께 어떻게 보일지 미리보세요.
📱 Social Media
UTM 링크 빌더
구글 애널리틱스에서 마케팅 캠페인을 추적하기 위한 URL에 UTM 매개변수를 추가합니다.
📱 Social Media
소셜 공유 버튼 생성기
다양한 스타일과 플랫폼을 지원하는 HTML/CSS 소셜 공유 버튼을 웹사이트에 추가합니다.
📱 Social Media
트위터 문자 수 카운터
URL 및 미디어 처리를 포함하여 트위터/X 게시글의 280자 제한에 대한 문자 수를 계산합니다.
📱 Social MediaFrequently Asked Questions
Q 오픈 그래프 태그란 무엇인가?
Q 최적의 OG 이미지 크기는 무엇인가?
Q 페이스북에서 캐시된 OG 데이터를 새로 고치는 방법은 무엇인가?
Q OG 태그와 트위터 카드를 모두 필요로 하는가?
About This Tool
오픈 그래프 미리보기 is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.