SEO 메타 태그 생성기

SEO 메타 태그 생성기 사용 가이드

새 페이지를 만들 때마다 head 안에 넣어야 하는 태그는 생각보다 많습니다. 검색결과 제목(title), 설명(meta description), 대표 주소(canonical), 검색엔진 지시(robots), 카카오톡·페이스북 공유 미리보기용 Open Graph, X(트위터) 카드까지 빠짐없이 챙겨야 합니다.

이 생성기는 제목, 주소, 설명 한 줄만 넣으면 이 태그들을 순서대로 만들어 줍니다. 설명 칸 다음 줄에 image=, site=, robots=, card= 같은 값을 더하면 공유 이미지, 사이트 이름, 색인 지시, 카드 종류까지 반영되고, 이미지가 있으면 큰 이미지 카드(summary_large_image)를 자동으로 고릅니다.

제목이 60자를 넘거나 설명이 비었거나 160자를 넘으면, 또는 공유 이미지가 없으면 결과 맨 아래에 HTML 주석으로 검토할 점을 남깁니다. 주소와 이미지 주소는 https://로 시작하는 전체 주소인지 확인합니다.

사용 방법

1. 1'페이지 제목 (검색결과에 보일 제목)'에 제목을 적습니다. 보통 '페이지 이름 | 사이트 이름' 형식을 씁니다.
2. 2'페이지 주소 (https://…)'에 이 페이지의 정식 주소를 넣습니다. canonical과 og:url에 쓰입니다.
3. 3'첫 줄: 설명 문장 · 다음 줄부터 image=, site=, robots=, card= (선택)' 칸의 첫 줄에 1~2문장 설명을, 다음 줄부터 필요한 값을 적습니다.
4. 4'실행'을 누르고 결과 태그를 복사해 페이지의 head 안에 붙여 넣습니다.

제목: 여름 린넨 원피스 기획전 | 예시상점
주소: https://shop.example.com/sale/linen
설명: 시원한 린넨 원피스를 최대 40% 할인합니다. 3만원 이상 무료배송.
image=https://shop.example.com/og/linen.png
site=예시상점

<title>여름 린넨 원피스 기획전 | 예시상점</title>
<meta name="description" content="시원한 린넨 원피스를 최대 40% 할인합니다. 3만원 이상 무료배송.">
<link rel="canonical" href="https://shop.example.com/sale/linen">
<meta name="robots" content="index,follow,max-image-preview:large">
<meta property="og:type" content="website">
<meta property="og:title" content="여름 린넨 원피스 기획전 | 예시상점">
…
<meta name="twitter:card" content="summary_large_image">

이럴 때 쓰면 좋아요

• 쇼핑몰 기획전이나 랜딩 페이지를 새로 열 때
• 블로그 글마다 공유 미리보기 태그를 빠짐없이 넣고 싶을 때
• CMS 템플릿에 넣을 기본 head 태그 묶음을 정리할 때
• 외주로 받은 페이지에 빠진 메타 태그를 채울 때

문제가 생겼을 때

활용 팁

• 공유 이미지는 1200×630 비율이 카카오톡·페이스북·X에서 모두 잘 맞습니다.
• 검색결과에 실제로 얼마나 보일지는 Google 검색결과 미리보기에서 글자 폭으로 확인하세요.
• robots=noindex,follow처럼 적으면 검색에서 빼되 링크는 따라가게 하는 페이지도 만들 수 있습니다.

자주 묻는 질문