Open Graph 메타 태그 생성기

OG 및 Twitter Card 메타 태그를 생성하고 구글·페이스북·트위터에서 어떻게 보이는지 미리 확인하세요

Page Details
0/60
0/160
Google Search Result
example.com
Page Title
Your page description will appear here. Keep it between 140–160 characters for best results in search engines.
Facebook / Open Graph
1200 × 630 image
example.com
Page Title
Page description
Twitter Card
1200 × 630 image
example.com
Page Title
Page description
Generated Meta Tags — copy and paste into your <head>

More DevOps tools

All DevOps & Config Generators tools

사용 방법

01. 페이지 정보 입력

공유할 페이지의 제목, 설명, URL, 이미지 URL을 입력하세요.

02. 플랫폼별 미리 보기

구글, 페이스북, 트위터에서 링크가 어떻게 보일지 실시간으로 확인하세요.

03. 코드 복사

"Copy All" 버튼을 클릭해 메타 태그 코드를 클립보드에 복사하세요.

04. <head>에 붙여넣기

HTML <head> 태그 안에 코드를 붙여넣고 배포하세요. 서버 코드 불필요.

자주 묻는 질문

Open Graph(OG) 메타 태그는 페이지의 <head>에 삽입하는 HTML 코드로, 페이스북·링크드인·슬랙 등에서 링크를 공유할 때 보이는 제목, 설명, 이미지를 제어합니다.
권장 OG 이미지 크기는 1200 × 630 픽셀(약 1.91:1 비율)입니다. 페이스북, 트위터(summary_large_image), 링크드인 모두에서 잘 작동합니다. 트위터 "summary" 카드 유형은 1:1 정사각형 이미지(최소 144 × 144 px)가 사용됩니다.
페이스북은 OG 데이터를 강하게 캐시합니다. 메타 태그를 업데이트한 후 Facebook Sharing Debugger를 사용해 캐시를 강제 갱신하세요. 이미지 URL이 공개 접근 가능하고 서버가 올바른 Content-Type 헤더를 반환하는지도 확인하세요.
Twitter Card는 트위터에서 링크를 공유할 때 어떻게 보일지 제어하는 메타 태그입니다. 가장 많이 쓰이는 유형은 큰 이미지와 함께 제목·설명을 표시하는 "summary_large_image"입니다. OG 태그와 별도로 Twitter Card 메타 태그를 추가해야 합니다.
<title>과 <meta name="description"> 태그는 구글 검색 결과 표시에 직접 영향을 미치며 클릭률(CTR)에도 영향을 줍니다. OG와 Twitter Card 태그는 직접적인 랭킹 요소는 아니지만, 더 나은 소셜 미리 보기는 트래픽을 늘려 간접적인 SEO 신호로 작용합니다.
Sponsor
Get started on Vultr
Get $300 free credit — valid for 30 days
Claim your credit →