OGP 생성

SNS 공유용 OGP 태그 생성. Facebook, X, LINE, LinkedIn의 미리보기 포함.

사용 방법사용 방법 보기

1
기본 정보 입력
제목, 설명문, 페이지 URL, 사이트명 등 OGP에 필요한 정보를 입력합니다.
2
SNS 미리보기 확인
Facebook, X, LINE, LinkedIn에서의 표시 미리보기를 실시간으로 확인할 수 있습니다.
3
코드 복사
생성된 OGP 태그를 복사하여 HTML의 '<head>' 섹션 내에 붙여넣으세요.

기본 정보

제목

SNS에서 공유될 때 표시되는 제목(권장: 10-60자)문자 수: 0

설명문

SNS에서 공유될 때 표시되는 설명문(권장: 50-160자)문자 수: 0

페이지 URL

사이트명

OGP 이미지 URL권장 크기: 1200×630px(Facebook/LINE), 1200×600px(X)

콘텐츠 타입

로케일

X (Twitter) 카드

X 계정

X 전용 이미지 URL비어있으면 OGP 이미지 사용

SNS 미리보기

Facebook

example.com

Page Title

Page description will appear here when shared on social media.

X (Twitter)

Page Title

Page description will appear here when shared on social media.

example.com

LINE

Page Title

example.com

Page Title

example.com

생성된 코드

<meta property="og:type" content="website" />
<meta property="og:locale" content="ja_JP" />
<meta name="twitter:card" content="summary_large_image" />

OGP 생성 도구란?

OGP 생성 도구는 SNS에서 웹페이지가 공유될 때의 표시를 최적화하는 Open Graph 태그를 쉽게 생성할 수 있는 온라인 도구입니다. Facebook, X(Twitter), LINE, LinkedIn 등 주요 SNS에서의 표시를 실시간 미리보기하면서 최적의 OGP 태그를 생성할 수 있습니다.

주요 기능

Open Graph(og:) 태그 완전 지원(title, description, image, type 등)
X(Twitter) Card 전용 태그 생성(summary, summary_large_image)
4개 SNS 미리보기(Facebook, X, LINE, LinkedIn)
권장 문자 수·이미지 크기 가이드 표시
생성 코드 원클릭 복사

이런 상황에서 유용합니다

새로운 웹페이지를 SNS에서 효과적으로 공유하고 싶을 때
각 SNS에서의 외관을 확인하면서 OGP를 조정하고 싶을 때
OGP 태그 서식을 잊어버렸을 때
블로그 기사나 랜딩 페이지의 공유 설정을 할 때
SNS 광고용 링크 미리보기를 최적화하고 싶을 때

자주 묻는 질문

OGP란 무엇인가요?

OGP(Open Graph Protocol)는 Facebook이 제정한 웹페이지의 메타데이터 규격입니다. SNS에서 URL이 공유될 때 제목, 설명문, 이미지 등을 적절하게 표시하기 위해 사용됩니다. 현재 Facebook 외에도 LINE, LinkedIn 등 많은 서비스가 지원합니다.

권장 이미지 크기는?

Facebook/LINE에서는 1200×630px, X(Twitter)에서는 1200×600px가 권장됩니다. 최소 600×315px 이상의 크기를 사용하세요. 이미지는 중앙 정렬로 크롭되는 경우가 많으므로 중요한 정보는 중앙에 배치하는 것을 권장합니다.

X(Twitter) Card와 OGP 둘 다 필요한가요?

Twitter Card 태그가 없으면 X(Twitter)는 OGP 태그로 대체합니다. 다만 최적의 표시를 위해서는 양쪽 모두 설정하는 것을 권장합니다. 특히 카드 타입(summary / summary_large_image)은 Twitter Card 전용 설정입니다.

OGP를 설정해도 SNS에서 반영되지 않습니다

SNS는 OGP 정보를 캐시합니다. Facebook은 공유 디버거, X는 Card Validator에서 캐시를 지울 수 있습니다. 또한 og:url과 실제 URL이 일치하는지 확인하세요.

로컬 환경에서 미리보기를 확인할 수 있나요?

이 도구에서는 로컬의 OGP 설정을 미리볼 수 있지만, 실제 SNS 디버거를 사용하려면 페이지가 공개되어 있어야 합니다. 개발 중에는 도구의 미리보기를 참고하고, 본번 배포 후 각 SNS의 디버거로 최종 확인하는 것을 권장합니다.

OGP 생성

SNS 공유용 OGP 태그 생성. Facebook, X, LINE, LinkedIn의 미리보기 포함.

사용 방법사용 방법 보기

1
기본 정보 입력
제목, 설명문, 페이지 URL, 사이트명 등 OGP에 필요한 정보를 입력합니다.
2
SNS 미리보기 확인
Facebook, X, LINE, LinkedIn에서의 표시 미리보기를 실시간으로 확인할 수 있습니다.
3
코드 복사
생성된 OGP 태그를 복사하여 HTML의 '<head>' 섹션 내에 붙여넣으세요.

기본 정보

제목

SNS에서 공유될 때 표시되는 제목(권장: 10-60자)문자 수: 0

설명문

SNS에서 공유될 때 표시되는 설명문(권장: 50-160자)문자 수: 0

페이지 URL

사이트명

OGP 이미지 URL권장 크기: 1200×630px(Facebook/LINE), 1200×600px(X)

콘텐츠 타입

로케일

X (Twitter) 카드

X 계정

X 전용 이미지 URL비어있으면 OGP 이미지 사용

SNS 미리보기

Facebook

example.com

Page Title

Page description will appear here when shared on social media.

X (Twitter)

Page Title

Page description will appear here when shared on social media.

example.com

LINE

Page Title

example.com

Page Title

example.com

생성된 코드

<meta property="og:type" content="website" />
<meta property="og:locale" content="ja_JP" />
<meta name="twitter:card" content="summary_large_image" />

OGP 생성 도구란?

주요 기능

Open Graph(og:) 태그 완전 지원(title, description, image, type 등)
X(Twitter) Card 전용 태그 생성(summary, summary_large_image)
4개 SNS 미리보기(Facebook, X, LINE, LinkedIn)
권장 문자 수·이미지 크기 가이드 표시
생성 코드 원클릭 복사

이런 상황에서 유용합니다

새로운 웹페이지를 SNS에서 효과적으로 공유하고 싶을 때
각 SNS에서의 외관을 확인하면서 OGP를 조정하고 싶을 때
OGP 태그 서식을 잊어버렸을 때
블로그 기사나 랜딩 페이지의 공유 설정을 할 때
SNS 광고용 링크 미리보기를 최적화하고 싶을 때

자주 묻는 질문

OGP란 무엇인가요?

권장 이미지 크기는?

X(Twitter) Card와 OGP 둘 다 필요한가요?

OGP를 설정해도 SNS에서 반영되지 않습니다

SNS는 OGP 정보를 캐시합니다. Facebook은 공유 디버거, X는 Card Validator에서 캐시를 지울 수 있습니다. 또한 og:url과 실제 URL이 일치하는지 확인하세요.

로컬 환경에서 미리보기를 확인할 수 있나요?

OGP 생성

기본 정보 입력

SNS 미리보기 확인

코드 복사

기본 정보

SNS 미리보기

Facebook

X (Twitter)

LINE

LinkedIn

생성된 코드

OGP 생성 도구란?

주요 기능

이런 상황에서 유용합니다

자주 묻는 질문

관련 도구

OGP 생성

기본 정보 입력

SNS 미리보기 확인

코드 복사

기본 정보

SNS 미리보기

Facebook

X (Twitter)

LINE

LinkedIn

생성된 코드

OGP 생성 도구란?

주요 기능

이런 상황에서 유용합니다

자주 묻는 질문

관련 도구