메타 태그·Open Graph 생성기

SEO, Open Graph, Twitter/X 카드 메타 태그를 만들고 미리 보며 한 번에 복사합니다.

SEO 기본

제목0 자

설명0 자

Canonical URL

robots

Open Graph

og:title

og:site_name

og:description

og:image

권장 크기: 1200×630px.

og:url

og:type

Twitter / X

twitter:card

twitter:title

twitter:description

twitter:image

twitter:creator

twitter:site

미리보기

Google

https://example.com/page

(페이지 제목)

(페이지 설명)

Facebook / LinkedIn (Open Graph)

이미지 URL이 설정되지 않았습니다

joelucky.io

(페이지 제목)

(페이지 설명)

X / Twitter

이미지 URL이 설정되지 않았습니다

(페이지 제목)

(페이지 설명)

Discord와 Slack은 위에 표시된 것과 같은 Open Graph 태그를 사용합니다.

전체 <head> 블록

<meta name="robots" content="index,follow" />

<meta property="og:type" content="website" />

<meta name="twitter:card" content="summary_large_image" />

이 도구는 입력한 내용으로 태그 텍스트만 만듭니다. 어떤 URL에도 요청을 보내지 않으며 게시된 페이지의 실제 태그를 검사하지도 않습니다.

비슷한 SEO·마케팅

전체 보기

UTM 빌더

기존 쿼리 매개변수를 유지하면서 UTM 매개변수가 붙은 캠페인 추적 링크를 만듭니다.

열기 →

구조화 데이터 JSON-LD 생성기

양식으로 Schema.org JSON-LD 구조화 데이터를 만들고 실시간 미리 보세요.

열기 →

💬 댓글

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요!

메타 태그·Open Graph 생성기이(가) 무엇인가요?

메타 태그 + Open Graph 생성기는 입력한 양식으로 SEO, Open Graph, Twitter/X 카드 태그를 만들고 Google/소셜 카드 미리보기를 제공합니다.

중요

순수한 양식 기반 생성기이며 어떤 URL에도 요청을 보내지 않고 실제 페이지의 태그를 검사하지도 않습니다.

사용 방법

SEO, Open Graph, Twitter 필드를 채우세요.
아래의 생성된 head 블록을 페이지의 <head>에 복사하세요.

자주 묻는 질문

이 도구가 내 사이트에 실제로 적용된 메타 태그를 확인하나요?

아니요. 입력한 내용으로 태그 텍스트만 만드는 순수 양식 기반 생성기이며, 어떤 URL에도 요청을 보내지 않습니다. “실시간 점검” 모드는 없습니다(나중에 계획 중이며 이 버전에는 포함되지 않습니다).

글자 수 경고가 태그 복사를 막나요?

아니요. 제목/설명 글자 수 표시는 일반적인 기준을 넘으면 색이 바뀌는 부드러운 시각적 힌트일 뿐이며 입력을 잠그거나 복사·다운로드를 막지 않습니다.

Discord/Slack 미리보기가 따로 없는 이유는 무엇인가요?

Facebook/LinkedIn 카드와 똑같은 Open Graph 태그를 읽기 때문입니다. 거의 같은 네 번째 미리보기를 만드는 대신 페이지에 한 줄로 안내합니다.