Meta Description 길이 160자 이내로 제한하기의 중요성: 검색 최적화 및 SEO 점검

Meta Description의 SEO 역할과 길이 문제의 심각성

검색엔진 크롤러가 페이지를 크롤링 후 description을 표시할 때, 내용이 너무 길면 잘리고 너무 짧으면 불필요한 텍스트가 추가되어 검색 최적화에 좋지 않은 영향을 미칩니다. 이처럼 너무 길거나 짧은 Meta Description의 문제는 웹사이트의 검색 노출 상태에 직접적인 악영향을 줄 수 있습니다.

검색엔진 크롤러가 검색 결과 페이지에 description 내용을 출력할 때, 너무 길게 작성된 Meta Description은 일부분이 잘려서 출력이 되며, 너무 짧은 경우는 본문 내용 중 글의 주제와 연관이 없는 불필요한 텍스트가 추가되어 검색 최적화에 좋지 않은 영향을 미칩니다. 이는 클릭률(CTR) 저하로 이어져 전반적인 검색엔진 평가에 부정적인 신호로 작용합니다.

보통 검색엔진은 description의 정보를 25자에서 160자 정도까지 표시해줍니다. 따라서 사용자 경험을 최적화하고 검색 노출 상태를 명확하게 하기 위해 160자 이내로 description을 제한할 필요성이 있습니다.

Meta Description 길이와 SEO 영향 분석

2단계: 160자 이내로 Meta Description 제한하는 스크립트 사용법

Bing에서 발생하는 너무 길거나 짧은 Meta Description의 문제는 일반적인 사이트에서는 쉽게 해결할 수 있지만, 티스토리와 같은 플랫폼에서는 서버 측 코드를 수정하는 데 한계가 있습니다. 아래는 근본적인 해결 방법은 아니지만 페이지가 로딩 후 렌더링 시 기존의 description을 삭제하고 새로운 description으로 수정하여 글자 수를 150자 이내로 제한하게 해주는 간단한 스크립트 코드입니다.

이 방법은 클라이언트 측에서 동적으로 Meta 태그를 수정하는 방식이기 때문에, 검색엔진이 페이지를 크롤링할 때 JavaScript를 완전히 해석해야만 변경된 내용이 반영될 수 있습니다. Meta Description을 길게 작성해서 배포하는 이유가 따로 있을 수 있지만, 최종 결과물의 길이 문제를 수정하고 싶다면 아래 코드를 사용해 볼 수 있습니다.

너무 길거나 짧은 Meta Description 수정 코드 (150자 제한 스크립트)

아래 코드는 description을 JSON-LD까지 수정해서 새롭게 형성해주는 코드이며, 티스토리 스킨의 /body 태그 바로 앞에 삽입하여 사용합니다.

script async
document.addEventListener('DOMContentLoaded', function() {
var metaDescription = document.querySelector('meta[name="description"]');
var ogDescription = document.querySelector('meta[property="og:description"]');
var twitterDescription = document.querySelector('meta[name="twitter:description"]');
var jsonLdScript = document.querySelector('script[type="application/ld+json"]');

// Update meta descriptions if summary content exists
if (content) {
var updatedContent = content.substring(0, 150);
if (metaDescription) {
metaDescription.setAttribute('content', updatedContent);
}
if (ogDescription) {
ogDescription.setAttribute('content', updatedContent);
}
if (twitterDescription) {
twitterDescription.setAttribute('content', updatedContent);
}
if (jsonLdScript) {
try {
var jsonLdData = JSON.parse(jsonLdScript.textContent);
jsonLdData.description = updatedContent;
jsonLdScript.textContent = JSON.stringify(jsonLdData, null, 2);
} catch (e) {
console.error('Error parsing JSON-LD:', e);
}
}
}
});
/script

Q1. Meta Description을 160자 이내로 제한하면 노출 순위가 상승하나요?

A. Meta Description은 직접적인 노출 순위 결정 요소는 아니지만, 160자 이내의 적절한 길이는 검색 결과에서 잘리지 않고 명확하게 표시됩니다. 이는 사용자의 클릭을 유도하는 클릭률(CTR)을 높여, 간접적으로 검색엔진 평가와 노출 순위에 긍정적인 영향을 줍니다.

Q2. 구글이 제가 설정한 Meta Description 대신 본문 내용을 가져다 쓰는 이유는 무엇인가요?

A. 구글은 사용자의 검색 의도에 가장 적합하다고 판단될 경우, 작성자가 설정한 Meta Description 대신 페이지 본문에서 가장 관련성이 높은 문구를 발췌하여 표시합니다. 이는 설정한 설명이 너무 길거나 짧거나, 또는 사용자가 검색한 롱테일 키워드를 포함하고 있지 않을 때 주로 발생합니다. 명확하고 포괄적인 Meta Description을 작성하는 것이 중요합니다.

Q3. 클라이언트 측 JavaScript 스크립트로 Meta Description을 수정하는 것이 SEO에 확실히 효과가 있나요?

A. 검색 최적화 측면에서 가장 이상적인 방법은 서버 측에서 렌더링될 때 Meta Description을 수정하는 것입니다. 클라이언트 측 스크립트는 구글과 같은 고급 검색엔진 크롤러가 해석할 수는 있지만, 초기 로딩 속도에 영향을 줄 수 있습니다. 이 방법은 서버 측 수정이 불가능한 플랫폼(예: 티스토리)에서 최종 결과물의 표시 문제를 해결하기 위한 차선책으로 활용될 수 있습니다.

Meta Description 길이 제한은 검색 최적화의 요구사항

Meta Description의 길이를 160자 이내로 제한하고 핵심 정보를 명확하게 전달하는 것은 검색 최적화의 기본 단계입니다. 이는 사용자에게 신뢰를 주고 클릭률을 높여 검색엔진 평가를 개선하는 중요한 SEO 점검 사항임을 기억해야 합니다. 올바른 길이 제한을 통해 웹사이트의 검색 노출 상태를 최적화하십시오.