🔍

오픈그래프 미리보기

og · seo · preview

페이지 제목

설명

이미지 URL

페이지 URL

사이트 이름

트위터 카드

example.com

멋진 페이지 제목

링크를 공유할 때 소셜 미디어 미리보기에 표시될 매력적인 설명입니다.

메타 태그

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com" />
<meta property="og:title" content="멋진 페이지 제목" />
<meta property="og:description" content="링크를 공유할 때 소셜 미디어 미리보기에 표시될 매력적인 설명입니다." />
<meta property="og:image" content="https://placehold.co/1200x630/6366f1/ffffff?text=OG+Image" />
<meta property="og:site_name" content="내 웹사이트" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://example.com" />
<meta name="twitter:title" content="멋진 페이지 제목" />
<meta name="twitter:description" content="링크를 공유할 때 소셜 미디어 미리보기에 표시될 매력적인 설명입니다." />
<meta name="twitter:image" content="https://placehold.co/1200x630/6366f1/ffffff?text=OG+Image" />

사용 방법

1
제목·설명·이미지 URL 등을 입력하세요.
2
페이스북·트위터·링크드인 미리보기로 확인하세요.
3
생성된 메타 태그를 복사해 사이트 <head>에 넣으세요.

FAQ

이 도구는 무료인가요?

네, 가입 없이, 설치 할 필요도 없이 완전 무료로 바로 사용할 수 있습니다.

이 도구는 어떤 도구인가요?

검색 결과나 SNS 공유에서 페이지가 어떻게 보일지 정하는 메타태그를 만들고 미리 보여 주는 도구예요. 제목·설명·이미지를 입력하면 깔끔한 태그와 실시간 미리보기를 얻을 수 있어요. 전부 브라우저에서 동작합니다.