meta tag는 페이지의 <head> 안에 위치하며, 검색엔진과 소셜 플랫폼에 페이지를 어떻게 표시할지 알려주는 역할을 합니다. 이 생성기는 Google 검색 결과에 노출되는 title과 meta description, canonical 및 robots 지시어, 그리고 링크가 공유될 때 이미지, 제목, 텍스트를 결정하는 Open Graph와 Twitter Card 태그까지 한 번에 만들어줍니다. 입력한 값은 모두 자동으로 이스케이프 처리되므로 제목에 따옴표나 꺾쇠괄호가 들어가도 마크업이 깨지지 않으며, 비워둔 항목은 빈 태그를 만들지 않고 건너뜁니다.
무료 Meta Tag Generator
브라우저에서 바로 실행됩니다. 업로드도, 회원가입도 없습니다.
페이지 정보
생성된 meta tag
실시간 미리보기
example.com
여기에 페이지 제목이 표시됩니다
여기에 검색 스니펫과 소셜 카드용 meta description이 표시됩니다.
og:image 미리보기
example.com
여기에 페이지 제목이 표시됩니다
여기에 검색 스니펫과 소셜 카드용 meta description이 표시됩니다.
meta tag generator란 무엇인가요?
meta tag generator는 페이지 제목, 설명, 소셜 공유 정보를 입력하면 페이지에 필요한 HTML meta tag를 그대로 만들어주는 도구입니다. SEO용 title과 description은 물론 Open Graph(og:) 태그와 Twitter Card 태그까지 함께 생성됩니다. 필드를 채우면 이스케이프 처리된, 바로 복사해서 쓸 수 있는 코드가 실시간으로 만들어집니다. 모든 처리는 브라우저 안에서 이루어지므로 아무 데이터도 업로드되지 않습니다.
사용 방법
- 1페이지 정보 입력하기. 페이지 제목과 meta description을 입력한 뒤, canonical URL과 원한다면 og:image, 사이트 이름도 추가하세요.
- 2소셜 옵션 설정하기. og:type을 선택하고 Twitter card 크기를 고른 다음 Twitter 핸들을 입력하세요. og:url은 기본적으로 canonical URL 값을 따릅니다.
- 3실시간 미리보기 확인하기. 입력하는 동안 Google 검색 결과 스타일과 소셜 카드가 실시간으로 업데이트되어, 페이지가 검색되거나 공유될 때 어떻게 보이는지 바로 확인할 수 있습니다.
- 4meta tag 복사하기. HTML은 실시간으로 다시 생성됩니다. 이를 복사해서 페이지의 head 안에 붙여넣으세요.
이런 분께 추천
- SEO 담당자가 Google의 길이 제한에 맞춰 깔끔한 title과 meta description을 작성하고 검토할 때.
- 웹 개발자가 페이지 템플릿에 바로 붙여넣을 수 있는 Open Graph와 Twitter Card 태그가 필요할 때.
- 마케터가 소셜미디어에서 링크가 공유될 때 노출될 이미지, 제목, 설명을 설정할 때.
- 블로거나 쇼핑몰 운영자가 플러그인이나 CMS 설정 없이도 올바른 meta tag를 추가하고 싶을 때.
자주 묻는 질문
meta tag generator는 무료인가요?
네, 완전히 무료이며 가입도 필요 없고 사용 제한도 없습니다. 모든 작업은 브라우저 안에서만 이루어집니다.
입력한 데이터가 어딘가로 업로드되나요?
아니요. 입력한 제목, 설명, URL은 브라우저 내에서 HTML meta tag로 변환될 뿐이며 서버로 전송되지 않습니다.
어떤 meta tag가 생성되나요?
title 태그, meta description, canonical 링크, robots 지시어와 함께 Open Graph 세트(og:type, og:title, og:description, og:url, og:image, og:site_name), 그리고 Twitter Card 태그(twitter:card, twitter:title, twitter:description, twitter:image, twitter:site)가 생성됩니다.
title과 description은 얼마나 길게 작성해야 하나요?
title은 약 60자 이내, meta description은 대략 50~160자 정도가 적당합니다. 이 길이를 넘으면 도구가 경고를 표시하는데, Google이 검색 결과에서 그 이상 길어진 title과 description을 잘라내기 때문입니다.
og:image와 twitter:image는 어떻게 다른가요?
og:image는 Facebook, LinkedIn 등 대부분의 플랫폼에서 링크가 공유될 때 표시되는 이미지이고, twitter:image는 X/Twitter 카드에서 쓰이는 이미지입니다. 이 도구는 두 값에 같은 이미지 URL을 사용하는데, 이는 일반적인 방식으로 1200x630 크기 이미지 하나면 어디서든 잘 작동합니다.
생성된 meta tag는 어디에 붙여넣어야 하나요?
페이지 HTML의 <head> 요소 안, 기존 meta tag들 옆에 넣으면 됩니다. 이후 Facebook의 Sharing Debugger나 Twitter Card Validator로 소셜 태그가 제대로 적용됐는지 확인할 수 있습니다.