Rev. 2.73

스마트폰에서 구글 검색을 하던 중 수년간을 버리다시피 하던 이곳의 컨텐츠가 검색 결과에 노출되었습니다. 그런데, “페이지가 모바일에 적합하지 않습니다.”라는 메시지가 뜨더군요? 이 문구는 모바일 사용환경에서 구글 웹 검색을 이용하는 경우 사용자에게 경고성으로 알리는 내용 같았습니다. 뭔가, 기분이 썩 좋지는 않습니다만, 신기하기도 하죠. 지가 뭔데 그런 심판(?)을 내리는지 말예요. 그동안 구글 검색이 무슨 짓거리를 했는지에 대하여 대략 살펴보았습니다.

2014년부터 구글 검색 크롤러가 더욱 똑똑해져서 페이지에 포함된 스타일시트와 자바스크립트가 컨텐츠에 영향을 끼치는 여부를 인지합니다. 다시 말해, 자바스크립트에 의해 생성된 내용도 검색 결과에 노출될 수 있으며, CSS에 의해 숨겨놓은 컨텐츠는 검색 대상에서 제외하는 등의 장치를 마련한 것입니다. 구글 서치 콘솔(구글 웹마스터 도구)에서 Fetch As Google에 “가져오기 및 렌더링”을 요청하면 “Googlebot에게 페이지가 다음과 같이 보입니다.” 라면서 마치 눈이라도 달라준 것 마냥 렌더링된 페이지를 보여줍니다. 이와 동시에 2009년에 추가된 AJAX crawling scheme는 Deprecated 되었고요.

2015년에는 모바일 환경에서 웹사이트를 이용하는 것이 병맛이라며 캠페인을 하더니, 모바일 전용 봇(크롤러)을 별도로 운영하면서 구림과 구리지 않음을 스스로 판단하기에 이릅니다. 그리고는 "모바일에 친화적이지 않으면 모바일 검색 결과에 안 좋은 영향을 미치게 될 것"이라면서 테스트 도구를 달랑 하나 던져주고 시험에 통과할 것을 강제합니다.

mobile-usability.png
Google Search Console(firejune.com) > Search Traffic > Mobile Usability

노트: 모바일 친화성 테스트에 통과하려면 구글페이지 스피드 인사이트 모바일 섹션에서 제공하는 가이드라인에 맞게 사이트를 수정하고, 사용자 환경 점수를 80점 이상 받아야 통과되며, 디바이스 기준은 안드로이드 6.0.1 넥서스5X(Build/MMB29P)입니다. 수정 후 반영까지 규모에 따라 다르겠지만, 최소 한 주 정도 소요되는 것으로 보입니다.

그리고 2016년에는 PageRank 점수를 더이상 공개하지 않기로 합니다. 이 점수는 내부적으로만 사용될 것이라고 했습니다. 여러가지 이유가 있지만 이 점수 체계를 이용한 악용 사례를 원천적으로 차단하기 위한 것으로 판단됩니다. 또한 구글 AMP(Accelerated Mobile Pages)라는 프로젝트를 서치 콘솔에 집어넣고 자기들 검색 결과에 색다른 출력 방법을 꾀하려고 합니다. 이 프로젝트는 이름에서 알 수 있듯이 모바일에서 웹 컨텐츠를 더욱 빠르고 쉽게 접근할 수 있도록 하자는 목표를 가진 구글의 프로젝트입니다. 자세한 내용을 유스풀패러다임에서 잘 정리해 주셨네요.

제가 이해한 바로는, "당신들이 만든 사이트는 하나같이 전부 거지 같으니, 우리가 제시하는 지침대로 다시 만들어서 제출하면 사용자들은 엄청나게 빠르고 편리한 모바일 사용경험을 누리게 될 거고, 당신은 트래픽 비용을 절감할 수 있을 거예요."라는 것인데, 여기서 빠르고 편리하다는 의미는 사용자가 검색 결과를 클릭했을 때 사용자의 사이트로 직접 연결하지 않고 AMP 캐시로부터 컨텐츠를 불러와 검색 사이트 내에서 보여주는 것을 말하는 것입니다. 아웃바운드 링크를 인바운드 링크로 둔갑시켜 사용자가 구글 사이트를 떠나지 못하게 잡아두겠다는 의미로도 해석되지요. 또한, AMP 캐시에 저장된 데이터는 아무런 조건 없이 누구나 사용할 수 있게 될 것이랍니다. 즉 페이스북이나 트위터와 같은 곳에서도 같은 목적으로 사용할 수 있게 된다는 뜻이고요.

AMP 지침을 살짝 들여다보면 모바일 친화적인 건 기본이고 AMP에서 제시하는 태그를 사용할 것, 허용하지 않는 속성은 사용하지 말 것, 사용자가 작성한 자바스크립트 쓰지 말 것, 스타일시트는 적정량의 인라인으로 넣을 것 등 수십 가지 유효성 규칙이 존재하며 검사를 통과해야 합니다.

accelerated-mobile-pages.png
Google Search Console(firejune.com) > Search Appearance > Accelerated Mobile Pages

도대체 얼마나 빨라진다는 건지 궁금하기도 하고, 대략 이 정도면 서로 도움되는 그림인 것 같아 그냥 적용해 보기로 한 것입니다. 그래프에서 알 수 있듯이 작업을 시작한 시점이 약 두 달 전입니다. 당시 아래와 같은 백로그를 작성하고 짬짬이 수행했고요. 지금은 모두 완료된 상태입니다. 원래 AMP를 적용하는 과정에 대한 기술적 내용을 다루려고 했으나 뻘소리만 늘어놓는 바람에 프롤로그만 작성했습니다. 다음번에 별도로 AMP 적용기를 작성하도록 하겠습니다.

  • 오류가 발생하는 구조화된 데이터 모두 수정
  • 구조화된 데이터에 Breadcrumbs, Searchbox 추가
  • 구글 서치 콘솔의 모바일 사용 편의성에 보고된 오류 모두 수정
  • 액셀러레이티드 모바일 페이지 지원
  • 모바일 사이트 별도 제공(Cafe24에서 제공하는 기능은 Path를 잘라 먹음)
  • Cafe24에서 UDP소켓 막아버림, Node서버를 이용한 Twitter 연동
  • 로그인 페이지 개구림
  • PDF 모바일에서 깨짐
  • 서버-사이드 문법강조기 추가
  • SSL 적용(미친 Cafe24 SSL 포트를 48408 이렇게 주면 어떻게 쓰라는 거야?)
  • HTTP/2 + SPDY 적용
  • 당분간 Non SSL을 위한 CORS 구현
  • PQP 프로파일러 붙여서 SQL 및 코드 성능개선

Comments

Got something to add? You can just leave a comment.

Your Reaction Time!

captcha

avatar