🏷️ 메타태그 생성기

SEO, Open Graph, Twitter Card 메타태그를 생성합니다.

기본 SEO

페이지 제목 (50~60자 권장)

0자

설명 (120~160자 권장)

0자

키워드 (쉼표로 구분)

언어

robots

Open Graph (OG)

OG 제목

OG 설명

OG 이미지 URL

사이트 URL

사이트 이름

OG 타입

Twitter Card

카드 유형

Twitter 계정

Google 검색 미리보기

페이지 제목

https://example.com

페이지 설명이 여기에 표시됩니다.

OG 카드 미리보기 (소셜)

이미지 URL을 입력하세요

example.com

페이지 제목

페이지 설명

생성된 메타태그

📖 메타태그 생성기 사용방법

페이지 제목, 설명, 키워드, URL 등 기본 정보를 입력합니다.
Open Graph(SNS 공유), Twitter Card 정보를 설정합니다.
생성 버튼을 클릭하면 완성된 메타태그 HTML 코드가 출력됩니다.
코드를 복사하여 웹페이지의 섹션에 붙여넣습니다.

🏷️ 메타태그 생성기 실제 사용 예시

입력: 페이지 제목·설명·canonical·OG 이미지 URL
예상 결과: head에 넣을 메타태그 코드 생성
확인 사항: 본문과 값이 일치하고 절대 URL인지 확인

처리 방식

입력한 URL과 메타데이터는 현재 브라우저에서 코드와 미리보기로 변환합니다. 민감한 원본은 별도로 보관하고, 결과가 중요한 판단이나 제출에 쓰이는 경우 원본 및 공식 기준과 한 번 더 대조하세요.

검색과 공유에 필요한 메타태그 구성

제목과 설명은 검색결과에서 페이지의 목적을 전달하고, Open Graph와 Twitter Card는 메신저·SNS 공유 미리보기에 사용됩니다. 생성된 태그는 문서의 <head> 안에 한 번만 넣으세요.

작성 예시

제목은 페이지마다 고유하고 구체적으로 작성하며, 설명에는 사용자가 얻을 결과를 자연스럽게 요약하세요. canonical URL에는 추적 파라미터가 없는 대표 주소를 입력하고 OG 이미지는 외부에서 접근 가능한 절대 URL을 사용해야 합니다.

주의사항

메타태그를 추가한다고 검색 노출이 자동으로 보장되지는 않습니다. 실제 본문 내용과 제목·설명이 일치해야 하며, 배포 후 페이지 소스와 Google Search Console의 URL 검사를 통해 크롤러가 읽는 값을 확인하세요.