본문 바로가기

Google 검색결과 미리보기

브라우저 처리

제목과 설명이 Google 검색결과에서 어디까지 보일지 글자 폭(px)으로 추정합니다. 데스크톱 제목 약 600px, 설명 약 920px(모바일 680px) 기준으로 잘리는 지점과 경로 표시를 미리 보여 줍니다.

도구 실행입력 후 결과 확인
Google 검색결과 미리보기 샘플 실행

검색결과 제목이 '…'로 잘리는 기준은 글자 수가 아니라 화면에 그려지는 폭입니다. 한글은 영문보다 넓어서 같은 30자라도 한글 제목은 더 빨리 잘립니다.

브라우저 처리
샘플 결과
shop.example.com › sale › linen
여름 린넨 원피스 기획전 — 최대 40% 할인과 무료배송까지 한 번에 | …
통기성 좋은 린넨 원피스를 최대 40% 할인합니다. …

제목: 45자 · 약 647px / 데스크톱 한도 약 600px → 뒷부분이 잘립니다
설명: 76자 · 약 759px / 데스크톱 약 920px·모바일 약 680px → 모바일에서 잘립니다
자바스크립트가 활성화되면 이 영역이 실제 입력, 실행, 결과 패널로 바뀝니다.

Google 검색결과 미리보기 사용 가이드

검색결과 제목이 '…'로 잘리는 기준은 글자 수가 아니라 화면에 그려지는 폭입니다. 한글은 영문보다 넓어서 같은 30자라도 한글 제목은 더 빨리 잘립니다.

이 미리보기는 브라우저 캔버스로 제목을 20px, 설명을 14px Arial 기준으로 실제로 그려 폭을 잽니다. 데스크톱 제목 한도 약 600px, 설명 한도 데스크톱 약 920px·모바일 약 680px을 넘는 지점에서 '…'를 붙여 검색결과처럼 보여 줍니다.

주소는 'shop.example.com › sale › linen'처럼 Google이 경로를 표시하는 형식으로 바꿔 보여 줍니다. 설명이 비어 있으면 검색엔진이 본문에서 아무 문장이나 가져올 수 있다고 알려 줍니다.

사용 방법

  1. '검색결과에 보일 제목'에 title 태그 내용을 넣습니다.
  2. '페이지 주소'에 전체 주소를 넣습니다.
  3. '검색결과에 보일 설명 문장'에 meta description을 넣고 '실행'을 누릅니다.
  4. '뒷부분이 잘립니다' 표시가 나오면 중요한 단어를 앞으로 옮기거나 문장을 줄입니다.

예시: 긴 기획전 제목

입력
제목: 여름 린넨 원피스 기획전 — 최대 40% 할인과 무료배송까지 한 번에 | 예시상점
주소: https://shop.example.com/sale/linen
설명: 통기성 좋은 린넨 원피스를 최대 40% 할인합니다. 3만원 이상 무료배송, 첫 구매 쿠폰까지 받아 가세요. 행사는 7월 31일까지입니다.
결과
shop.example.com › sale › linen
여름 린넨 원피스 기획전 — 최대 40% 할인과 무료배송까지 한 번에 | …
통기성 좋은 린넨 원피스를 최대 40% 할인합니다. …

제목: 45자 · 약 647px / 데스크톱 한도 약 600px → 뒷부분이 잘립니다
설명: 76자 · 약 759px / 데스크톱 약 920px·모바일 약 680px → 모바일에서 잘립니다

사이트 이름 '예시상점'이 잘려 보이지 않으므로 앞부분을 줄이는 편이 좋습니다.

이럴 때 쓰면 좋아요

  • 새 페이지의 title과 description 길이를 정할 때
  • 검색결과에서 잘리는 상품명을 손볼 때
  • 블로그 글 제목을 여러 안으로 써 보고 비교할 때
  • 모바일에서 설명이 어디까지 보이는지 확인할 때

문제가 생겼을 때

글자 수 60자 이내로 맞췄는데도 잘린다고 나옵니다.

한글과 대문자, 넓은 기호는 폭이 넓습니다. 글자 수보다 표시된 px 값을 기준으로 줄이세요.

실제 검색결과에서는 다른 제목이 보입니다.

Google은 페이지 내용에 더 맞는 제목으로 바꿔 보여 주기도 합니다. title을 페이지의 H1과 비슷하게 맞추면 그대로 쓰일 가능성이 높아집니다.

설명이 비었다는 안내가 나옵니다.

meta description이 없으면 검색엔진이 본문 일부를 임의로 보여 줍니다. 페이지를 요약한 1~2문장을 넣으세요.

활용 팁

  • 제목 앞쪽에 핵심 단어를 두면 잘리더라도 중요한 정보는 남습니다.
  • 사이트 이름은 제목 끝에 짧게 붙이거나, 공간이 모자라면 빼는 편이 낫습니다.
  • 폭 계산은 Arial 기준 추정치라 실제 화면과 몇 px 차이가 날 수 있으니 여유를 두세요.

자주 묻는 질문

글자 수가 아니라 px로 재는 이유는?

검색결과는 정해진 너비 안에 글자를 그리고 넘치면 자릅니다. 'i'와 'W', 영문과 한글의 폭이 모두 달라서 글자 수로는 정확히 알 수 없습니다.

네이버 검색결과도 같은가요?

네이버는 화면 구성이 달라 한도가 다릅니다. 이 미리보기는 Google 데스크톱·모바일 기준이며, 짧고 핵심이 앞에 있는 제목은 어느 검색엔진에서나 유리합니다.

입력한 내용이 어디로 전송되나요?

글자 폭 계산은 브라우저 캔버스에서 이뤄지고 아무 곳에도 보내지 않습니다. 실제 검색결과를 조회하지도 않습니다.