메타 디스크립션 160자 제한의 중요성과 검색 노출을 위한 꿀팁

메타 디스크립션(Meta Description)이 너무 길어서 뒷부분이 잘리거나, 내가 원하지 않는 엉뚱한 문구로 바뀌어 나오는 경험 한 번쯤 있으시죠? 오늘은 이 문제를 해결하고 160자 이내의 적절한 길이로 맞춰서 사람들이 더 많이 클릭하게 만드는 SEO 실전 팁을 정리해봤어요.

효율적인 검색 최적화를 하려면 메타 디스크립션 길이를 160자 안쪽으로 줄이는 게 정말 중요해요. 구글이나 Bing 같은 검색엔진에서 글자 수가 넘치면 생기는 문제를 해결하고, 내 글이 검색 결과에 얼마나 매력적으로 보이는지 확인해보는 시간을 가져봐요.

메타 디스크립션이 왜 160자를 넘으면 안 될까요?

검색엔진 로봇이 내 글을 가져가서 검색 결과에 보여줄 때, 설명이 너무 길면 뒷부분을 가차 없이 잘라버려요. 반대로 너무 짧으면 본문 내용 중에 주제랑 별로 상관없는 텍스트를 마음대로 가져다 붙이기도 해서 SEO에 좋지 않은 영향을 미칩니다. 이렇게 되면 내 사이트가 검색 결과에서 깔끔하게 보이지 않아서 클릭하고 싶은 마음이 뚝 떨어질 수 있어요.

검색 결과 페이지에서 설명이 잘려서 나오거나 엉뚱한 글이 붙어 있으면, 검색 최적화 점수에도 안 좋은 영향을 줄 수밖에 없어요. 결국 클릭률(CTR)이 낮아지고, 검색엔진은 ‘아, 이 글은 별로 인기가 없구나’라고 판단해서 평가를 낮출 수도 있답니다.

보통 검색엔진은 설명을 25자에서 160자 정도까지만 보여줘요. 그래서 방문자가 내 글의 내용을 한눈에 파악하고 검색 노출도 확실하게 챙기려면 160자 이내로 설명을 딱 맞춰주는 게 정말 중요하답니다.

길이에 따른 SEO 영향과 해결 방법

티스토리에서 스크립트로 160자 제한하는 방법

Bing이나 구글 웹마스터 도구에서 메타 디스크립션이 너무 길거나 짧다는 경고를 받을 때가 있죠? 일반적인 웹사이트는 서버에서 고치면 되지만, 티스토리 같은 블로그 서비스는 서버 코드를 직접 만지기가 어려워요. 이럴 때 완벽한 해결책은 아니지만, 화면이 열릴 때 스크립트를 써서 기존 설명을 지우고 150자 이내로 딱 맞춰주는 방법을 쓸 수 있어요.

이 방법은 방문자가 접속할 때 자바스크립트로 메타 태그를 수정하는 방식이라서, 검색엔진 로봇이 자바스크립트까지 읽을 수 있어야 반영이 돼요. 요즘 구글 봇은 똑똑해서 잘 읽어갑니다. 글을 쓸 때 길게 쓰는 스타일이라도 결과물만 깔끔하게 보이고 싶다면 아래 코드를 한 번 적용해보세요.

메타 디스크립션 자동 수정 코드 (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"]');

 // 150자로 내용을 자르는 부분이에요
 var initialContent = metaDescription ? metaDescription.getAttribute('content') : '';
 var limitedContent = initialContent.substring(0, 150);

 // 자른 내용을 메타 태그에 다시 넣어줍니다
 if (metaDescription) {
 metaDescription.setAttribute('content', limitedContent);
 }
 if (ogDescription) {
 ogDescription.setAttribute('content', limitedContent);
 }
 if (twitterDescription) {
 twitterDescription.setAttribute('content', limitedContent);
 }

 // 요약글(summary)이 있다면 그걸 가져와요
 var summaryParagraph = document.querySelector('p.summary');
 var content = summaryParagraph ? summaryParagraph.textContent.trim() : '';

 // 요약글이 있으면 그걸로 메타 태그를 업데이트해요
 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>

자주 묻는 질문 (FAQ)

Q1. 메타 디스크립션을 160자로 줄이면 검색 순위가 바로 오르나요?

A. 이게 직접적으로 순위를 확 올려주는 건 아니에요. 하지만 160자에 맞춰서 내용이 잘리지 않고 깔끔하게 나오면, 사람들이 내용을 더 잘 이해하고 클릭하게 되죠. 클릭률(CTR)이 높아지면 검색엔진도 ‘이 글 괜찮네?’라고 생각해서 결과적으로 순위에 좋은 영향을 줄 수 있어요.

Q2. 저는 설명을 썼는데 구글이 제 마음대로 본문 내용을 가져다 써요. 왜 그럴까요?

A. 구글은 사용자가 검색한 내용이랑 가장 잘 어울리는 부분을 보여주려고 해요. 만약 작성해주신 설명이 검색어랑 별로 관련이 없거나 너무 길면, 구글이 알아서 본문에서 더 적절한 문장을 뽑아서 보여줍니다. 그래서 설명을 쓸 때 핵심 키워드를 포함해서 명확하게 쓰는 게 중요해요.

Q3. 자바스크립트로 수정하는 게 SEO에 진짜 효과가 있을까요?

A. 사실 가장 좋은 건 서버에서 페이지가 만들어질 때부터 제대로 된 설명을 넣는 거예요. 하지만 티스토리처럼 서버를 못 건드리는 경우에는 이 방법이 차선책이 될 수 있어요. 구글 같은 최신 검색엔진은 자바스크립트도 해석할 수 있어서 꽤 효과적이지만, 페이지 로딩 속도에는 아주 미세하게 영향을 줄 수도 있다는 점은 참고해주세요.

검색 최적화의 기본은 깔끔한 정리부터

메타 디스크립션을 160자 이내로 정리하고 핵심 내용을 확실하게 전달하는 건 SEO의 기본 중의 기본이에요. 이게 별거 아닌 것 같아도 사용자에게 신뢰감을 주고 클릭을 유도하는 아주 중요한 포인트랍니다. 오늘 알려드린 내용을 참고해서 내 사이트가 검색 결과에서 더 돋보이게 만들어보세요.

Importance of Limiting Meta Description Length to Under 160 Characters: Search Optimization and SEO Audit

https://qcai.kr/87