Meta title / description preview

내용은 브라우저에서만 처리됩니다. 민감한 token이나 비공개 데이터를 붙여 넣지 마세요.

사용 방법

첫 줄을 제목으로, 나머지 줄을 공백으로 이어 붙인 설명으로 사용해 브라우저에서 Unicode 문자 수를 셉니다.

구글 및 네이버 검색 결과 화면에서 내 글이 어떻게 노출되는지 실시간으로 미리 보는 SERP 시뮬레이터입니다. 제목과 설명글이 말줄임표(…)로 잘리지 않도록 글자 수와 픽셀 너비를 최적화할 수 있습니다.

💡 3단계 초간단 사용 가이드

① 웹페이지 제목 입력

타이틀 태그에 들어갈 제목을 입력하고 실시간 글자 수 및 픽셀 너비를 확인합니다.

② 메타 디스크립션 작성

검색자에게 보여줄 요약 설명글(한글 기준 75~110자 권장)을 입력합니다.

③ PC/모바일 검색 결과 미리보기

구글 데스크톱 및 모바일 검색 카드 화면을 비교하며 잘림 현상이 없는지 확인합니다.

활용 상황

제목이 60자, 설명이 160자를 넘으면 긴 문구로 표시합니다. 문자 수 참고값일 뿐 픽셀 너비나 검색 순위 예측이 아닙니다.

계산 또는 처리 방식

Unicode 코드 포인트로 세며 정확히 60자 또는 160자이면 OK, 기준을 넘을 때만 긴 문구로 표시합니다. 페이지를 가져오거나 기존 메타 태그를 읽거나 검색 결과의 픽셀 기준 잘림을 재현하지 않습니다.

구체적인 예시

예: 첫 줄에 페이지 제목, 다음 줄부터 설명을 붙여 넣어 /60과 /160 문자 수 및 상태를 각각 확인합니다.

제한 및 데이터 처리

보장할 수 없습니다. 60자와 160자는 픽셀 너비, 순위나 최종 표시를 예측하지 않습니다. 검색 엔진은 기기, 검색어와 페이지 내용에 따라 제목과 설명을 바꾸거나 자를 수 있습니다.

제목, 설명과 문자 수는 현재 브라우저에서만 처리하며 GoGo Tools 백엔드로 전송하거나 사이트에 저장하지 않습니다. 분석 이벤트에도 초안이나 결과는 포함되지 않습니다.

구글 검색결과(SERP) 픽셀 길이 제한 및 오픈그래프(OG) 메타태그 가이드

1. 구글 검색결과(SERP) 픽셀 너비 제한과 제목 길이

구글 검색엔진은 글자 수가 아닌 픽셀 너비(데스크톱 약 600px, 한글 28~32자 내외) 기준으로 제목을 자릅니다. 말줄임표(...) 없이 완벽히 노출되는 최적 길이를 실시간 측정합니다.

2. 오픈그래프(OG) 및 소셜 미디어 공유 카드 최적화

카카오톡, 페이스북, X 등 소셜 채널 공유 시 표시되는 OG 이미지(1200×630px), 제목, 설명을 점검합니다.

3. 검색 클릭률(CTR) 극대화 전략

핵심 키워드의 전면 배치와 명확한 혜택 제시로 검색 유입률을 높이는 메타태그 작성법을 지원합니다.

공식 자료 출처 및 표준 기준

  • 구글 검색 센터: 검색결과의 효과적인 제목 및 스니펫 생성 가이드
  • 오픈 그래프 프로토콜(The Open Graph Protocol) 표준 규격
  • X(트위터) 개발자 플랫폼: 카드 메타태그 가이드

자주 묻는 질문

메타 제목/설명 미리보기: 문구는 어떻게 입력하나요?

첫 줄을 제목으로 사용하고 다음 줄부터의 내용을 공백 하나로 연결해 설명으로 만듭니다. URL에서 페이지를 가져오거나 기존 메타 태그를 수정하지 않습니다.

메타 제목/설명 미리보기: 길이는 어떻게 계산하나요?

제목과 설명을 Unicode 코드 포인트로 셉니다. 제목은 60자, 설명은 160자를 넘을 때만 긴 문구로 표시하며 기준과 같으면 OK입니다.

메타 제목/설명 미리보기: 기준 이하면 검색 결과에서 잘리지 않나요?

보장할 수 없습니다. 60자와 160자는 픽셀 너비, 순위나 최종 표시를 예측하지 않습니다. 검색 엔진은 기기, 검색어와 페이지 내용에 따라 제목과 설명을 바꾸거나 자를 수 있습니다.

메타 제목/설명 미리보기: 초안이 업로드되거나 저장되나요?

제목, 설명과 문자 수는 현재 브라우저에서만 처리하며 GoGo Tools 백엔드로 전송하거나 사이트에 저장하지 않습니다. 분석 이벤트에도 초안이나 결과는 포함되지 않습니다.