원래 내 게시물에 구글에 노출수가 이정도는 아니었는데 반토막나서 확인해보니... CLS 2.5 초과 되었다고하네요
개판이네요, 모든 제 url 다 0.48 입니다.
색인도 안되는 현상이있었는데, 이것때문에 그랬던 것 같아요
“PageSpeed Insights 혹은 구글 웹마스터에 CLS 2.5 초과라고 떠 있는데,
이게 그렇게 중요한 건가요?” 이런 의문, 한 번쯤 가져보신 적 있으시죠?
이번 글에서는 CLS 2.5 초과가 SEO 점수에 미치는 영향,
실제 사례, 그리고 CLS 점수를 효과적으로 개선하는 방법까지 알기 쉽게 정리해드립니다.
우선 시작하기 전 cls 초과 점수에 대해 상세하게 확인 가능한 사이트가 있습니다.
구글 SEO 관련 공식 사이트입니다.
1. CLS란 무엇이고, 왜 중요한가?
CLS는 Cumulative Layout Shift, 즉 누적 레이아웃 이동 점수입니다.
사용자가 페이지를 읽고 있을 때 텍스트나 이미지가 갑자기 툭툭 튀어오르거나 밀리는 현상, 바로 그걸 수치화한 것이죠.
이건 보통 HTML, CSS 나 광고에 문제가있는 경우 발생합니다.
- 예를 들어, 뉴스를 읽고 있는데 광고가 늦게 로드되면서 문단이 밀리는 경우.
- 버튼을 클릭하려는데 갑자기 위치가 바뀌어서 다른 걸 누르는 경우.
이런 경험은 사용자 입장에서 매우 불쾌하며,
Google은 이를 중요한 최적화 지표로 간주합니다.
2. CLS 2.5 이상이면 SEO에 치명적인가?
결론부터 말씀드리면 그렇습니다.
Google은 CLS가 0.1 이하일 때 ‘좋음’, 0.25 이하는 ‘개선 필요’, 0.25 초과는 ‘나쁨’으로 평가합니다.
CLS 2.5 초과는 기준치를 10배 넘는 수치로, Core Web Vitals 기준에서도 매우 심각한 상태입니다.
이로 인해 다음과 같은 SEO 영향이 발생할 수 있습니다:
- Google 검색 알고리즘은 UX 지표를 종합 평가하여 페이지 랭킹을 낮추게 됩니다. (흑흑)
- 특히 모바일에서 불안정한 레이아웃은 이탈률 증가 → 체류시간 감소 → 검색 순위 하락의 구조로 이어집니다.
3. 실제 사례: 블로그 유입이 반 토막 난 이유
저는 티스토리에 애드센스 광고를 본문 상단에 넣은 뒤, 갑작스레 새 글에 일일 유입이 0명.. 1명 이렇게 나왔습니다.
PageSpeed Insights를 확인해보니 CLS 점수가 0.48로, 기준치를 한참 초과하고 있었습니다.
이유가 무엇이었을까요 ?
4. CLS 점수, 어떻게 개선해야 할까?
CLS 점수는 단순히 이미지나 광고 하나만 바꾼다고 해결되지 않습니다.
저는 다음 세 가지 개선을 실제로 시도해봤고, 그 중 어떤 것이 효과가 있었는지 명확히 구분하여 설명드리겠습니다.
가. 이미지 용량 줄이기 – CLS 개선 효과 거의 없음
가장 먼저 시도한 것은 이미지 용량을 줄이는 작업이었습니다.
WebP 형식으로 변환하고, 각 이미지의 크기를 80% 이상 압축했지만 CLS 점수에는 변화가 없었습니다.
이는 CLS가 ‘이미지가 얼마나 크냐’가 아니라, ‘레이아웃이 얼마나 불안정하게 움직이느냐’를 보는 지표이기 때문입니다.
따라서 이미지 최적화는 LCP(최대 콘텐츠 페인트) 등 다른 지표에는 긍정적인 영향을 줄 수 있으나, CLS에는 직접적인 효과가 없었습니다.
나. 광고 제거 – CLS에는 긍정적, 다른 지표는 미흡
다음으로 본문 최 상단 광고를 아예 제거해보았습니다.
그 결과 CLS 점수는 확실히 3.2 → 1.4 수준까지 개선되었지만, 여전히 Google 기준에서는 ‘나쁨’에 해당됐습니다.
여러분들 중에 혹시 본문보다 위쪽에 광고가 있으신분들이 계신가요?
지우는 것을 추천드립니다. 이 때문에 감점되는 부분이 많습니다..
광고는 html 에서 아래와 같은 코드를 직접 지우셔야합니다!
다. 티스토리 스킨 변경 – CLS 및 전체 UX에 탁월한 개선
마지막으로 선택한 방법은 티스토리 스킨 변경입니다.
기존 스킨은 반응형이긴 했지만, 로딩 순서와 구조상 광고·이미지·폰트가 비동기적으로 불안정하게 로드되며 레이아웃 이동을 유발하고 있었습니다.
정적 구조의 심플한 스킨으로 변경한 뒤 다음과 같은 효과가 있었습니다:
- CLS 점수: 3.2 → 0.12 (Google 기준 ‘좋음’ 수준)
- FID, LCP 등 Core Web Vitals 전반 점수도 함께 상승
- 모바일에서 페이지 안정성 체감됨
💡 Tip: 스킨 변경 전 반드시 HTML 백업을 하세요.
티스토리 관리 > 꾸미기 > HTML 편집 > 전체 복사로 백업을 받아두세요.
이때 반드시 meta, og:, title, description 등의 SEO 메타 태그도 누락 없이 백업해 두어야 기존 검색 순위 유지에 도움이 됩니다.
아직 100% 완료된건 아니나, 많이 개선되었습니다.
스킨이 문제인 경우도있을수있으니 최악까지 검토해보시는 것을 추천드립니다.
5. 정리: CLS는 SEO의 조용한 파괴자
‘속도만 빠르면 된다’는 생각은 구시대적입니다.
2024년 이후 Google은 Core Web Vitals를 매우 강력한 순위 요소로 삼고 있으며, 그
중 CLS는 실제 UX와 직결되는 지표입니다.
CLS가 2.5를 초과하는 사이트는 아무리 콘텐츠가 좋아도 사용자 경험에서 감점을 받기 때문에,
결국 SEO 점수에도 치명적인 영향을 미칩니다.
지금 바로 CLS 점수를 확인하고, layout shift 없는 깔끔한 페이지를 구축하세요.
그게 장기적인 트래픽 안정성과 수익성을 위한 기본입니다.
'일반' 카테고리의 다른 글
| 키워드 분석으로 수익 2배 올리는 방법 (0) | 2025.05.22 |
|---|---|
| 네이버 블로그 자동 업로드 프로그램 "GPT 기반 1일 1포스팅 완전 자동화" (1) | 2025.05.19 |
| 챗지피티(ChatGPT) 더 저렴하게 할인 받는 방법 (공유계정) (0) | 2025.05.16 |
| 구글 서치콘솔 색인이 자동으로 안되는 이유, 수동 색인 (2) | 2025.05.14 |
| 맥북 숨김 파일 보기, 숨김 설정, 숨김 해제방법 (2) | 2025.05.04 |