구글 검색 결과 미리보기 — 제목·메타 설명 픽셀 길이 확인

<title>글자 수 세기 — 공백 포함·제외 글자 수와 바이트 계산기 | 예시 사이트</title>
<meta name="description" content="글을 붙여 넣으면 공백 포함·제외 글자 수, 단어 수, 줄 수와 바이트를 바로 세어 줘요. 자기소개서와 블로그 글 분량 확인에 써 보세요.">

소개

검색 결과 미리보기는 웹 페이지의 제목(title 태그)과 메타 설명(meta description)이 구글 검색 결과에서 어떻게 보일지 확인하는 도구예요. 구글은 제목과 설명을 글자 수가 아니라 화면에 차지하는 픽셀 폭으로 잘라서, 너무 길면 끝부분이 말줄임표(…)로 바뀌어요. 같은 30자라도 영어와 한글은 폭이 크게 다르기 때문에 글자 수만 세서는 정확히 알기 어려워요. 이 도구는 브라우저의 캔버스로 실제 글꼴 폭을 재서, 기준 폭을 넘는지와 잘린 뒤 보이는 문구를 바로 보여 줘요.

사용법

1. 제목, 메타 설명, 주소(URL)를 입력해요. 처음에는 예시 문구가 들어 있으니 지우고 내 문구를 넣으면 돼요.
2. 기기에서 PC 또는 모바일을 골라요. 모바일을 고르면 설명 기준 폭이 좁아지고 미리보기 카드도 좁게 바뀌어요.
3. 각 입력칸 아래 측정 결과에서 사용한 폭과 기준 폭, 글자 수, 잘림 여부를 확인해요. 잘리는 경우에는 실제로 보이게 될 문구가 말줄임표와 함께 표시돼요.
4. 필요하면 제목 폭 기준과 설명 폭 기준 숫자를 바꿔서 더 엄격하거나 느슨하게 확인해요.
5. 아래 미리보기 카드에서 사이트 주소 줄, 파란 제목, 회색 설명이 어떻게 배치되는지 살펴봐요.
6. 마음에 들면 HTML 태그의 복사 버튼으로 <title>과 <meta name="description">을 한 번에 가져가요. &, <, >, "는 HTML에 맞게 바꿔 적어 줘요.

기준

• 기본 폭: 제목 약 600px(texturb “구글 title 픽셀 컷오프 가이드”), 설명 PC 약 920px(약 160자)·모바일 약 680px(약 130자)(interad meta description 가이드), 2026-10-04 조회. 구글이 공식 발표한 값이 아닌 2차 가이드 값이에요.
• 모바일 제목 폭은 가이드에 없어서 PC와 같은 600px을 기본값으로 써요.
• 측정 글꼴: 제목은 20px, 설명은 14px 크기의 Arial 계열 글꼴로 재요. Arial에 없는 한글은 기기에 있는 대체 글꼴(맑은 고딕, 애플 SD 고딕 네오 등)의 실제 폭으로 재요. 가이드에 따르면 제목 크기에서 한글 한 글자는 대략 22~24px이에요.
• 잘리는 위치: 말줄임표까지 포함해 기준 폭 안에 들어가는 가장 긴 앞부분을 찾아요. 이모지나 한글 음절은 중간에서 자르지 않고, 남는 부분의 마지막 15% 안에 띄어쓰기가 있으면 단어 경계에서 자르며 끝 공백은 지워요.
• 줄바꿈과 연속 공백은 검색 결과처럼 공백 하나로 합쳐서 재요.
• 구글은 검색어에 따라 제목과 설명을 다른 문장으로 바꿔 보여 줄 수 있어서, 결과는 참고용 근사치예요.

예시

입력	기기	결과
영어 제목 약 50자	PC	대부분 600px 안에 들어가 잘리지 않아요
한글 제목 약 35자	PC	600px을 넘어 끝부분이 말줄임표로 바뀌는 경우가 많아요
한글 설명 약 70자	PC	920px 안이라 잘리지 않을 수 있어요
같은 한글 설명 약 70자	모바일	680px을 넘어 뒷부분이 잘릴 수 있어요

정확한 폭은 쓰는 글자와 기기 글꼴에 따라 달라지니, 실제 문구를 넣어서 확인하세요. 핵심 키워드는 잘려도 보이도록 앞쪽에 두는 것이 좋아요.