내가 시도해본 CLS 줄이는 방법들 - 2번, 3번, 5번 추천
1. 자동광고 - 크기 정해주기
저는 이상하게 모바일과 데스크탑 모두가 CLS값이 폭주하고 있었는데 그냥 잠깐의 문제이겠다 싶어서 그냥 뒀지만 돌아오질 않았습니다. 결국엔 너무 방치한 나머지 검색순위에 안좋은 영향을 미쳤는데요.
네이버에는 괜찮지만 구글에는 CLS가 굉장히 중요하게 작용해서 잘 해결해야 했습니다.
최근에 검색이 밀리는 것을 보고 경각심을 가지고 고치려고 여러가지 시도해본 방법 중에 광고 크기를 정해주는 방법이였습니다만 이 방법은 이상하게도 CLS가 좋게나왔다 안좋게나왔다를 반복해서 사실 생각보다는 큰 효과를 보기 어려웠습니다.
또한 반응형에 비해 광고 수익이 너무 떨어지기 때문에 임시방편 수준이 아닌가 싶었습니다.
물론 모바일에 대한 CLS 값에서는 광고크기를 정해주는게 좋다고 할 수 있습니다.
이렇게 변경했을 때 즉각적인 효과는 있었습니다. 특히 모바일에서 효과가 좋았고 데스크탑에서는 효과가 있긴했으나
둘다 문제가 되는 부분이 한번씩 CLS가 튀어서 엄청나게 올라간다는 점 때문에 결국 이 방법은 의미가 없었습니다.
애초에 자동광고 자체가 가볍지가 않다는 생각이 드네요.
2. 자동광고 완전 제거 및 수동광고 사용
자동광고를 관리탭 자동광고에서만 끈다고 해결되는게 아니라 아에 에드센스에 들어가서 자동광고를 종료해야합니다.
CLS값이 뭘해도 안내려갔는데 이거하고부터 조금씩 잡히더라고요.
이 부분에 대해서는 <head>와 </head> 태그 사이의 자신의 광고 코드는 지우지 않고 삽입해놓으시기 바랍니다.
페이지 뷰로 문제가 생겨 수익이 문제가 될 수 있습니다.
그 외에 자동광고 끄는 방법 자동광고를 완전히 끌 경우에 사용해도 됩니다.
제가 테스트 해본 결과 에드센스 코드를 지우는 것은 오히려 안좋은 영향을 미쳤습니다.
블로그 설정에서 에드센스를 전부 끄고자동광고 코드를 블로그 내 html에서 제거했습니다.
이게 끝이라고 생각했는데 이래도 CLS가 내려가질 않았습니다.
저는 제가 버그가 생긴거라고 생각을 하고 블로그를 하나 생성해서 테스트 해봤고 같은 조건으로 만들어본 결과
마찬가지였습니다.
그래서 스킨이 문제인지 테스트를 해보기 위해 유료 스킨도 구매해서 다 테스트 해봤으나 마찬가지로 오류가 나타났습니다.
결론적으로 마지막으로 생각해낸게 에드센스 내에서 끄지 않아서 그런거라는 생각이 들었습니다.
Google 애드센스 - 웹사이트에서 수익 창출하기
Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집니다.
adsense.google.com
꼭 이 부분을 따라해서 자동 광고를 아에 끄셔야 합니다.(수동광고 사용 시)
일단 첫번째로는 이게 가장 효과가 컸습니다. 왠지 자동광고를 껐는데도 이상하게 송출되는 부분이 존재했습니다.
이거 이후에는 아에 없어졌고 문제가 사라짐과 동시에 CLS가 복구됐습니다.
이 부분에 대해서 또 추가적으로 언급할 부분이 있습니다.
자동광고는 나쁜게 아니며 정상적인 블로그에서 자동광고를 사용했을 때 수동광고보다 수익이 높은게 정상입니다.
다만 스킨 등을 사용하거나 특정 UI를 만진 블로그에서는 오히려 자동광고가 독이 될 수 있는데 가장 대표적으로
자동광고를 전부 사용하게 되면 CLS가 엉망이 되는 경우가 있고(특히 사이드 바, 상단, 하단 광고가 대표적)
또 RPM이나 CPC가 낮아질 수 있습니다.
따라서 자신의 블로그에 맞는 자동광고 설정과 수동광고 설정이 이루어져야 합니다.
3. 메뉴바와 구독 버튼 비활성화
애초에 의미가 없는데 켜놨는데 구독 버튼의 경우에는 CLS에 잡히길래 꺼버렸습니다.
조금이라도 더 줄이고자 할 경우에는 꺼주세요.
유튜브 구독과같은 의미라고 생각할 수 있는 구독버튼은 그 구독과 전혀 다르고 의미가 없는 수준입니다.
블로거에게 중요한 것은 검색에 잘 노출되고 내 글을 사람들이 봐주는지가 중요하다고 할 수 있습니다.
4. 이미지를 webp로 변환
이미지를 webp로 변환하면 용량이 적어도 이미지 품질이 유지되는 좋은 영향을 미칩니다.
다만 호환성을 탈 수 있지만 최근에는 호환안되는 쪽이 더 적다 판단돼 변경하려고하는데 무작정 변경만하면
용량은 똑같이 따라오기 때문에 용량을 줄이면서 가져오는게 최적화에 도움이 됩니다.
이건 글을 쓸 때 용량이 높은 사진을 사용할 경우 사용되면 좋을 것으로 판단됩니다.
썸네일도 CLS에 잡히기 때문에 webp로 사용할 경우 도움이 되는 걸로 보입니다.
5. 사이드바 광고 제거
바깥쪽 사이드바는 문제없는데 카테고리쪽에 사이드바가 생기면 데스크탑 cls가 망가졌습니다.
삭제하니 정상이 됐습니다.
이거 하나만 제거해도 문제가 사라졌다보니 만족하고 있습니다.
해당 구간이 밀리는 현상이 나타나면서 CLS가 망가지기 때문에 해당 위치에 잡히는 광고는 지양하는게 좋습니다.
CLS가 괜찮다면 달면 좋겠지만 CLS가 망가지는 주범이라고 생각해 저는 빼는걸 권장합니다.
아에 카테고리 바깥쪽으로 빼는 방법이 가장 좋아보입니다.
글을 마치며 (마무리 내용 및 참고사항들)
이게 가끔 한번 정상으로 나오는게 정상이 아니라
여러번 돌려봤을 때 값이 정상으로 나와야하는데 이젠 여러번 해도 값이 정상으로 나옵니다.
지금까지 cls가 왜이러지 하면서 몇일을 고쳐봤는데 드디어 알았네요.
결론은 고쳤습니다.
완전히 문제가 해결됐어요.
에드센스 내에 자동광고 설정이 또 있는데 그게 엄청나게 CLS 등을 올리고 있었던 것으로 판단됩니다.
글도 수정해보고 이것저것 다 해봤으나 결국 제 글 노출만 망치고 고생을 했네요.
저랑 비슷하게 고민하시는 분들은 이 방법을 꼭 사용해보세요.
자동광고를 사용하지말고 수동으로 넣을 수 있는 경우에는 수동을 사용하고
자동광고는 전부 끄는 쪽으로 잡으시는게 정말 좋다고 생각합니다.
자동광고가 특히 더 잡아먹어요.
또 CLS를 잡아먹는 괴물 중에 하나가 카테고리 위쪽에 잡히는 에드센스인데 이게 카테고리를 밀어내면서 CLS 수치가
1가량 증가해버립니다. 이것만 없어도 CLS가 안정화 된다고 봐도 될만큼 안좋게 작용하네요.
제가 문제를 만들고 있었던 것이였기도 하지만 저랑 비슷하게 설정한 뒤에 문제가 발생하셨다면 꼭 따라해보세요.
몇일을 고민하면서 다 해본지 모르겠습니다.
그래서 최근에 글을 포스팅을 하기가 힘들었어요.
블로그 인사이트 자체는 안좋아졌지만 지금이라도 찾아서 정말 다행입니다.
제 블로그만 심하길래 블로그를 접어야하나 생각까지 할 정도로 저한테는 심각한 사안이였는데 잘 해결하고 보니
제 불찰이네요 ;-; 해결했으니 다시 글을 열심히 써야겠습니다.
CLS가 안정화 후에 서치콘솔에서 유효성 검사를 해 주셔야 하며 오랫동안 CLS 문제를 겪었을 경우
집계되는 데이터에 의해 복구까지 오래걸릴 수 있지만 CLS 문제를 확실히 해결하셨을 경우 문제없이
좋은 방향으로 나아갈겁니다.
추가로 CLS가 안정화 됐는지 한번만 테스트하지마시고 여러번 테스트하여 CLS가 확실하게 안정됐는지 확인해야합니다.
광고가 송출되는 경우에만 CLS가 엉망이 되는 것이기 때문에 송출되지 않은 상황의 CLS는 정상처럼 보입니다.
따라서 여러번 테스트해서 CLS가 한번이라도 튀는 경우 문제가 있다는 뜻이니 해결해야합니다.
블로그마다 문제가 되는 부분은 상이하므로 제가 직접적인 해답을 드릴 수는 없지만
문제를 찾다보면 해답을 얻을 수 있을거라 생각합니다.
