메타 태그 생성기
실시간 미리보기로 SEO, Open Graph, X 메타 태그 생성
이 도구의 기능
메타 태그 생성기는 하나의 양식으로 페이지의 SEO, Open Graph, X(Twitter) 태그를 만듭니다. 검색과 소셜의 대략적인 미리보기를 보여 주고, 흔한 실수를 검사하며, 같은 태그를 head용 HTML 코드 조각, Next.js metadata 객체, React Helmet, Nuxt useHead 또는 Astro 컴포넌트로 출력합니다.
사용 방법
- 1.페이지 제목, 메타 설명, 표준 URL을 입력합니다.
- 2."소셜에 SEO 값 사용"을 켜 두면 Open Graph와 X에 다시 사용되고, 끄면 소셜 문구를 따로 작성할 수 있습니다.
- 3.공유 카드용 절대 이미지 URL, 대체 텍스트, 사이트 이름을 추가합니다.
- 4.검색, Open Graph, X 미리보기와 검사 결과를 확인합니다.
- 5.코드를 열고 형식을 선택한 뒤 복사하거나 다운로드합니다.
주요 기능
- •모든 값은 HTML과 JavaScript에 맞게 이스케이프되므로 따옴표, 앰퍼샌드, 꺾쇠괄호가 결과를 깨뜨리지 않습니다.
- •태그는 항상 같은 순서로 작성되며 모든 형식이 같은 모델에서 생성됩니다.
- •표준 URL 누락이나 스킴 누락, 상대 이미지 URL, noindex, 호스트 불일치, 비정상적인 제목·설명 길이를 알려 줍니다.
- •모든 처리는 브라우저에서 이루어집니다. 이미지는 이미지 표시를 선택할 때만 불러옵니다.
제한 사항
미리보기와 길이 검사는 근사치입니다. Google, Facebook, X 등은 자체 글꼴로 표시하며 제목과 설명을 다시 쓰거나 잘라낼 수 있으므로, 어떤 미리보기도 실제 결과와 완전히 같지 않습니다.
