Skip to main content
appkiro.com

메타 태그 생성기

배포 가능한 메타데이터를 만들고 카드 미리보기를 검토하되 실제 노출을 보장하지 않습니다.

QR·바코드·SEO

한눈에 보는 답변

메타 태그 생성기는 제목, 설명, URL, 이미지, 사이트명과 소셜 설정을 HTML title, meta description, Open Graph, Twitter/X Card로 변환합니다. 미리보기는 편집용이며 Google이나 소셜 플랫폼의 실제 렌더링을 보장하지 않습니다.

0/60
0/160

권장 크기: 1200×630px


<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">

사용 방법

  1. 원본 데이터를 입력합니다: 페이지별 고유 title/description과 검증된 URL·이미지 값을 입력합니다.

  2. 필요한 설정을 선택합니다: 미리보기를 보고 60/160 카운터는 편집 가이드로만 사용합니다.

  3. 결과를 확인하고 검증합니다: 마크업을 복사해 escaping/절대 URL을 검사하고 배포된 <head>를 검증합니다.

주요 기능

  • title/meta description.
  • Open Graph.
  • Twitter/X Card.
  • 검색·소셜 미리보기.
  • HTML 복사.

활용 사례

  • 신규 랜딩페이지 메타데이터.
  • 출시 전 소셜 카드 검토.
  • 일관된 SEO handoff.

제한 사항 및 안전 안내

  • 검색엔진은 제목/설명을 재작성할 수 있고 소셜 플랫폼은 이전 카드를 캐시합니다. 글자 수는 고정 기준이 아니며 메타데이터는 본문을 대체하지 않습니다.
  • 핵심 처리는 현재 브라우저 컴포넌트에서 실행됩니다. 확장 프로그램, 클립보드 기록, 다운로드 파일, 사이트 전체 진단은 별도의 노출 지점이므로 전체 환경을 검토하기 전에는 프로덕션 비밀값을 입력하지 마세요.

문제 해결

카드가 예전 값

배포 태그, 절대 이미지 URL과 크롤러 접근을 확인합니다.

따옴표로 HTML 오류

속성 값을 escape합니다.

Google 문구 다름

쿼리 관련성과 본문 일치를 검토합니다.

자주 묻는 질문

모든 페이지에 필요한 태그는?

유용한 title, meta description과 적절한 self-canonical이 기본이며 공유용 social tags를 추가합니다.

60/160은 하드 리밋인가요?

아닙니다. 픽셀 폭, 쿼리, 기기와 재작성에 따라 다릅니다.

canonical도 생성하나요?

아니요. 현재 출력에는 title, description, Open Graph, Twitter/X 태그가 포함되지만 rel=canonical 링크는 생성하지 않습니다.

안전하고 개인정보가 보호되나요?

계산은 이 브라우저 컴포넌트에서 실행되지만 이것만으로 완전한 개인정보 보호를 보장하지는 않습니다. 확장 프로그램, 클립보드 기록, 다운로드, 사이트 진단을 검토하기 전에는 비운영 데이터만 사용하세요.

모바일에서도 사용할 수 있나요?

레이아웃은 좁은 화면에 맞게 조정됩니다. 파일 선택, 카메라, 클립보드, 다운로드 동작은 모바일 브라우저의 권한과 지원 기능에 따라 달라집니다.

도구 사용하기

생성 후 배포된 HTML과 보이는 페이지 콘텐츠를 함께 검증하세요.