워드프레스 URL 개선 필요하다는 CLS 문제 발생 해결

얼마 전 제 워드프레스 블로그에 구글봇이 제대로 찾아오지 못하는 문제를 해결하고 한숨 돌리고 있었습니다. 그런데 기쁨도 잠시, 구글 서치 콘솔에 들어가 보니 또 다른 문제가 저를 기다리고 있었습니다. 이번에는 코어 웹 바이탈에 제 블로그 URL 문제가 있다고 빨간불이 들어온 겁니다.

CLS 문제가 발생했다고 해서 바로 제 워드프레스 블로그가 검색 결과에서 사라지거나 노출이 안 되었던 것은 아니었습니다. 하지만 왠지 모르게 찜찜한 기분을 지울 수 없었습니다. 저는 이 문제를 반드시 해결해야겠다고 다짐했습니다.

워드프레스 URL 개선 필요 경고와 CLS 문제의 실체

구글 서치 콘솔에 접속해 코어 웹 바이탈 보고서를 확인해 보니, 제 블로그의 35개 URL 모두가 개선이 필요함 상태로 표시되어 있었습니다. 느림도 아니고 좋음도 아닌, 애매하게 개선이 필요함이라는 문구가 저를 더욱 불안하게 만들었습니다.

특히 데스크톱 환경에서 CLS(Cumulative Layout Shift) 점수가 0.1을 초과했다고 명시되어 있었죠.

이게 도대체 무슨 문제인가 싶어 조사를 시작했습니다. CLS는 누적 레이아웃 이동이라는 뜻으로, 웹 페이지가 로드되는 동안 콘텐츠가 예기치 않게 움직이는 현상을 측정하는 지표입니다.

글을 읽고 있는데 갑자기 이미지가 툭 튀어나오면서 글 내용이 아래로 밀리거나, 버튼을 누르려는데 광고가 로딩되면서 버튼 위치가 바뀌는 식이죠.

이런 현상은 사용자에게 매우 불편한 경험을 제공하고, 구글은 이러한 사용자 경험을 중요하게 평가하기 때문에 CLS 점수가 높으면 검색 순위에도 부정적인 영향을 미칠 수 있습니다.

 

애드센스 광고, CLS의 주범이 되다

여러 정보를 찾아보고 제 블로그를 꼼꼼히 살펴보니, CLS 문제의 발생 원인이 애드센스 광고와 관련이 깊다는 것을 알게 되었습니다.

특히 상단 메뉴바 바로 아래에 배치된 애드센스 광고가 페이지 로딩 시 레이아웃을 밀어내는 주된 원인으로 보였습니다. 광고가 로드되기 전에는 그 자리가 비어 있다가, 광고가 뒤늦게 로드되면서 주변 콘텐츠를 아래로 밀어버리는 현상이었죠.

수익형 블로그를 목표로 열심히 운영하고 있는 저로서는 애드센스 광고를 끌 수는 없는 노릇이었습니다. 그래서 저는 광고를 유지하면서 CLS 문제를 해결할 방법을 찾아 나섰습니다.

결론은 특정 영역의 광고를 제외 영역으로 설정하여 테스트해 보는 것이었습니다. 광고를 완전히 없애는 것이 아니라, 레이아웃 이동을 유발하는 특정 위치에서만 광고 송출을 제한하는 방법이었죠.

 

애드센스 광고 제외 영역 설정으로 CLS 해결하기

광고 영역 제외 방법

애드센스 관리자 페이지로 이동한 후, 광고 메뉴 선택 후 내 블로그가 보이면 수정을 클립니다. 우측 광고 설정 창에서 광고를 제외할 영역을 지정할 수 있어요.

예를 들어, 페이지 상단이나 특정 섹션의 광고를 제외하는 것이죠. 원하는 부분을 마우스로 클릭해서 선택하는 방식이라 어렵지 않게 설정할 수 있었습니다. 저는 상단 메뉴바 아래의 광고가 문제를 일으킨다고 판단했기에, 그 영역을 광고 제외 영역으로 설정했습니다.

 

조치 후 유효성 검사 요청

광고 제외 설정을 완료한 후, 다시 구글 서치 콘솔로 돌아갔습니다. 코어 웹 바이탈 보고서에서 개선이 필요함으로 표시된 URL 목록을 확인하고, 유효성 검사 요청 버튼을 눌렀습니다. 이때 구글에서는 검사 기간이 최대 한 달까지 걸릴 수 있다고 안내했습니다.

솔직히 2~3주가 지나도록 아무런 반응이 없어서 실망하기도 했습니다. 괜히 시간만 버린 건 아닐까, 이대로 해결이 안 되면 어쩌지 하는 불안감도 들었죠.

거의 한 달이 되었을 때, 다시 서치 콘솔을 확인해 보니 놀랍게도 문제가 해결되었다는 메시지가 떴습니다. 35개 URL 모두 개선이 필요함에서 좋음으로 바뀌어 있었습니다.

 

워드프레스 CLS 문제 해결 결론

• 애드센스 광고, 특히 상단 메뉴 아래 광고가 페이지 로딩 시 레이아웃 이동을 유발할 수 있습니다.
• 애드센스 설정에서 특정 영역을 광고 제외 영역으로 지정하여 CLS 문제를 해결할 수 있습니다.
• 코어 웹 바이탈 보고서를 꾸준히 확인하고, 문제가 발생하면 적극적으로 해결책을 찾아야 합니다.
• 조치 후 유효성 검사 요청 시 최대 한 달까지 시간이 소요될 수 있으므로, 인내심을 가지고 기다리세요.
• 수익형 블로그라도 사용자 경험을 저해하는 요소는 개선해야 장기적인 성장과 수익으로 이어질 수 있습니다.