개발
메타태그 생성기
제목과 설명만 입력하면 Open Graph, Twitter Card, SEO 메타태그 HTML을 자동으로 생성합니다.
기본 정보
0/60
0/160
상세 설정
이미지 URL을 입력하면 미리보기에 표시됩니다
example.com
페이지 제목
페이지 설명
생성된 HTML
제목이나 설명을 입력하면 메타태그가 생성됩니다.
사용 방법
- 페이지 제목과 설명을 입력합니다. (제목 60자, 설명 160자 이내 권장)
- URL과 대표 이미지 URL을 입력하면 OG 미리보기에 반영됩니다.
- 미리보기 탭에서 Google, 카카오/Facebook, Twitter에서 어떻게 보이는지 확인합니다.
- 생성된 HTML 코드를 복사해
<head>태그 안에 붙여넣습니다.
메타태그 가이드
- •og:image 권장 크기: 1200×630px (카카오·Facebook 최적)
- •title은 60자, description은 160자 이내가 검색 노출에 유리
- •twitter:card를 summary_large_image로 설정하면 큰 이미지 카드 표시
- •canonical URL로 중복 콘텐츠 문제를 방지할 수 있음
- •브라우저에서만 처리 — 입력한 데이터가 서버로 전송되지 않음