티스토리는 운영하면 할수록 어려운 것!
구글 서치 콘솔도 신경 써야 되고, 네이버 서치어드바이저도 신경 써야 되지, 구글 애드센스 등등 하루에 많은 시간을 할애하지 못하는 워킹맘은 마음만 항상 급한 나날의 연속입니다.
더 난감한 것은 저것들 중 오류가 떴을 때는 정말 전전긍긍! 구글 뒤져서 방법 찾아보고 해결하고!
최근 구글 서치 콘솔에서 거의 1달에 1번 꼴로 모바일 사용 편의성 부분에 동일한 오류가 발견되어 오늘은 이 이야기를 가지고 설명을 드릴까 해요.
구글 서치 콘솔에서 모바일 사용 편의성에서 자주 나타나는 오류는 두 가지입니다.
1. 콘텐츠 폭이 화면 폭보다 넓음
2. 클릭할 수 있는 요소가 서로 너무 가까움
저는 또 두 가지 오류가 함께 나더라고요 ^^;;;;
아리송한 부분은 뭔가 특이하게 다른 이미지 또는 다른 방식으로 쓴 글이 아닌데도 저런 오류가 뜨니 도대체 뭘 수정해야 될지 모르겠다는 것이 가장 문제였습니다.
저랑 비슷한 고민을 하는 분들이 많으실 텐데요. 이제 하나씩 설명드리겠습니다.
먼저 구글 서치 콘솔로 접속해주세요.
구글 서치 콘솔 >> https://search.google.com/search-console
Google Search Console
Search Console 도구와 보고서를 사용하면 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과에서 사이트가 돋보이게 할 수 있습니다.
search.google.com
오류 해결하러 가기
이메일로 구글 서치 콘솔의 '모바일 사용 편의성' 오류라는 메일은 받은 분들은
구글 서치 콘솔 > 왼쪽 탭 '모바일 사용 편의성'
위 경로로 접속을 해주세요.
오류에 '3'이 표시되어 있는 것을 확인했습니다.
아래로 내려보면 상세정보 확인이 가능합니다.
페이지 3개에서 동일한 오류가 뜬 것을 확인할 수 있습니다.
저는 <클릭할 수 있는 요소가 서로 너무 가까움>부터 클릭을 할 건데요. <콘텐츠 폭이 화면 폭보다 넓음>도 동일한 방법으로 해결하므로 오류가 하나만 뜬 분들은 화살표가 향하는 곳을 클릭해주시면 됩니다.
페이지 접속 후, 상단에 보면 <수정 결과 확인> 버튼이 있고 클릭해주세요.
클릭할 수 있는 요소가 서로 너무 가까움 / 콘텐츠 폭이 화면 폭보다 넓음 둘 다 방법은 같습니다.
그러면 이렇게 빠른 초기 유효송 검사 실행 중이라는 팝업이 뜹니다.
이제 유효성 검사가 시작되었기 때문에 저희는 구글의 유효성 검사가 끝나고 답변이 올 때까지 무한 대기를 해야 합니다. ㅠㅠ
유효성 검사는 오류가 해결되었는지 다시 확인하는 것으로 구글 서치 콘솔과 연결된 메일 계정으로 유효성 검사가 시작되어 확인 중이라는 메일을 받으실 수 있습니다.
모바일 친화성 테스트 방법
혹시 유효성 검사를 시작하기 전에 모바일 친화성 테스트를 진행하는 방법을 알려드릴게요.
저도 처음에 해당 오류를 보았을 때는 모바일 친화성 테스트를 진행했습니다. 하지만 모바일 친화적 페이지라고 나오는데도 왜 저런 오류가 뜨는지 알 수 없어서 답답했는데요.
결국은 위 방법대로 하니 해결이 되더라고요.
모바일 친화성 테스트 >> https://search.google.com/test/mobile-friendly?hl=ko
모바일 친화성 테스트 - Google Search Console
Search Console 정보 Search Console에서는 해킹된 콘텐츠 감지와 같은 중요한 사이트 오류를 알리고 콘텐츠가 검색결과에 표시되는 방식을 관리할 수 있도록 돕습니다.
search.google.com
위 링크로 들어가면 이렇게 모바일 친화성 테스트를 진행할 수 있고, 검색창에 URL을 입력 후, 아래 URL 테스트 버튼을 클릭해주시면 여부를 확인할 수 있습니다.
저는 유효성 검사를 시작하기 전에 이 모바일 친화성 테스트를 진행하는 것을 추천드리고, 테스트를 해보면 이렇게 표시가 됩니다.
항상 똑같은 형식과 방법으로 포스팅을 하고 있기 때문에 저는 테스트를 하면 이렇게 모바일 친화적이라고 뜨는데 왜 오류가 뜨는지 알 수가 없어요 ㅠㅠ
오류 해결 확인하러 가기
유효성 검사가 완료되면 아래 캡처 이미지처럼 메일로 먼저 확인을 할 수 있습니다. 전 오류가 2가지였기 때문에 두 통의 메일을 받았습니다. 유효성 검사는 약 2주 정도 진행되었습니다. 좀 더 빠르면 좋겠지만 우리 같은 분들이 많겠죠?^^;;;;
메일 본문에 있는 <문제 세부 정보 보기> 버튼을 클릭해주세요.
유효성 검사 상태가 나와있습니다.
유효성 검사 상태는 통과입니다. 도대체 왜 오류가 발생되는지 아직도 잘 모르겠지만 오류 페이지도 '0'으로 보입니다.
구글 서치 콘솔 > 모바일 사용 편의성의 상세정보를 보면 처음에는 오류가 잡힌 페이지가 3이었지만 지금은 '0'으로 확인됩니다.
이렇게 모바일 사용 편의성 오류를 해결할 수 있었습니다.
어찌 보면 이게 해결 방법인가 싶지만 구글 서치 콘솔의 모바일 사용 편의성에서 가장 많이 나타나는 오류는 이 <클릭할 수 있는 요소가 서로 너무 가까움>과 <콘텐츠 폭이 화면 폭보다 넓음> 이렇게 두 가지이고 모바일 친화성 검사를 통해 친화적이라는 결과를 얻으면 바로 유효성 검사를 진행하는 것이 정석이라고 합니다.
만약 동일한 오류를 본 분들이 많은 도움이 되길 바래봅니다.
'업무 꿀정보' 카테고리의 다른 글
| 카카오뷰 창작센터 :: 카카오뷰 채널 만들어서 보드 생성하는 방법! 전혀 어렵지 않아요!! (0) | 2021.10.31 |
|---|---|
| 구글 애드센스 핀(PIN)번호 우편 도착 :: 핀(PIN)번호 입력 방법 (0) | 2021.10.21 |
| 티스토리 수익 늘리는 꿀팁! 구글 애드센스 최적화 방법 - 원하지 않는 광고 차단하는 방법 (1) | 2021.10.05 |
| [PPT팁] 파워포인트 도형 통합/병합/결합/조각/교차 하는 방법 - 원하는 모양 만들기 쌉가능! (0) | 2021.10.01 |
| 티스토리 구글 애드센스 '자동 광고' 설정하는 방법! 따라하면 광고 뜸! (2) | 2021.09.23 |
