사용 방법
- 페이지의 제목과 설명을 씁니다. 오른쪽 글자 수와 “짧음·적당함·김” 표시를 참고하세요.
- 대표 주소(canonical)와 공유 이미지 주소를
https://로 시작하는 전체 주소로 넣습니다. - 페이지 종류(og:type), 언어(og:locale), X 카드 모양을 고르고, 검색에서 숨길 페이지라면 “검색 결과에 노출”을 끕니다.
- 아래 미리보기로 검색 결과와 공유 카드 모양을 확인한 뒤, 완성된 HTML을 복사해 페이지의
<head>안에 붙여넣습니다.
어떤 태그가 어디에 쓰이나요
| 태그 | 쓰이는 곳 |
|---|---|
<title> |
브라우저 탭, 검색 결과의 파란 제목 |
<meta name="description"> |
검색 결과 제목 아래 설명 (검색엔진이 다른 문장을 고를 수도 있음) |
<link rel="canonical"> |
같은 내용의 주소가 여러 개일 때 대표 주소 지정 |
og:title, og:description, og:image |
카카오톡·페이스북·링크드인·슬랙 등의 링크 미리보기 카드 (Open Graph 프로토콜) |
og:url, og:site_name, og:type, og:locale |
카드의 주소·사이트 이름·종류·언어 |
twitter:card 등 |
X(트위터) 카드. 값이 없으면 X는 OG 태그를 대신 읽습니다 |
<meta name="robots" content="noindex"> |
검색 결과에서 제외 |
길이는 얼마가 좋을까
검색엔진은 제목·설명의 글자 수 상한을 공식으로 정하지 않았고, 화면 폭(픽셀)에 맞춰 잘라 보여줍니다. 그래서 이 도구의 기준(제목 3060자, 설명 70160자)은 업계에서 흔히 쓰는 참고값입니다. 한글은 영문보다 한 글자의 폭이 넓어 같은 글자 수라도 더 일찍 잘리므로, 중요한 단어를 앞쪽에 두세요. 미리보기도 글자 수가 아니라 실제 폭으로 잘라 보여줍니다.
공유 이미지 팁
- 페이스북은 링크 공유 이미지로 1200×630px(가로:세로 1.91:1)을 권장하며, 카카오톡·링크드인 등도 비슷한 비율의 큰 카드를 씁니다.
/og.png같은 상대 주소는 SNS가 읽지 못합니다. 반드시 전체 주소를 쓰세요.- 카카오톡·페이스북은 한 번 읽은 미리보기를 한동안 저장해 둡니다. 태그를 고친 뒤에도 옛 카드가 보이면 각 서비스의 공유 디버거에서 캐시를 지우세요.
주의할 점
- 미리보기의 카드 모양은 서비스마다 조금씩 다릅니다(잘리는 줄 수, 이미지 비율 등). 대략적인 모양을 확인하는 용도로 쓰세요.
- 미리보기에서 공유 이미지를 보려면 “공유 이미지 불러오기”를 켜야 하며, 이때 브라우저가 해당 이미지 서버에 요청을 보냅니다.
자주 묻는 질문
입력한 내용이 저장되나요?
아니요. 태그는 브라우저 안에서 만들어지고 서버로 전송되지 않습니다. 따옴표나 < 같은 글자는 자동으로 이스케이프되어 HTML이 깨지지 않습니다.
robots.txt도 만들 수 있나요?
검색엔진·AI 크롤러 수집 규칙은 robots.txt 생성기에서 만들 수 있습니다. 제목·설명 글자 수만 따로 세려면 글자수 세기를 쓰세요.