1년 반이 넘는 시간이 걸렸지만, 구글의 모바일 우선 색인 기능이 드디어 도입되었습니다.
검색 콘솔 메시지가 나타나기 시작했으며, 사이트들이 모바일 우선 색인 생성 방식으로 점차 전환되고 있습니다.
모바일 우선 색인에 대해서는 많은 글이 쓰여졌지만, 대부분은 모바일 검색 엔진 최적화(SEO)의 기본 사항에 초점을 맞추었습니다. 이 글에서는 모바일 검색 엔진 최적화(SEO)의 보다 기술적인 측면을 살펴보고, 웹사이트가 모바일 우선 색인 시대에 완벽하게 대비하고 살아남을 수 있도록 하는 방법을 보여드리겠습니다.
모바일 우선 인덱싱
구글이 말하는 "모바일 우선 색인"이란 무엇일까요? 일부 SEO 전문가들의 생각과는 달리, 구글은 모바일 검색을 위한 별도의 색인을 생성하는 것이 아닙니다. 사이트가 모바일 우선 색인 방식에 포함되든 그렇지 않든, 구글은 여전히 동일한 웹 색인에서 검색 결과를 제공합니다.
본질적으로 달라지는 것은 단 하나뿐입니다. 구글은 데스크톱 사용자 에이전트를 사용하는 대신 모바일 사용자 에이전트를 사용하여 웹사이트를 크롤링하게 됩니다.
과거에는 구글이 데스크톱 환경에서 웹사이트를 크롤링했으며, 이때 사용자 에이전트 문자열은 데스크톱 기기를 나타냅니다.
모질라 / 5.0 (호환; Googlebot이 / 2.1; + http://www.google.com/bot.html)
모바일 우선 인덱싱을 사용하면 이는 모바일 기기를 나타내는 사용자 에이전트로 변경됩니다.
Mozilla/5.0(Linux; Android 6.0.1; Nexus 5X Build/MMB29P) AppleWebKit/537.36(KHTML, like Gecko) Chrome/41.0.2272.96 Mobile Safari/537.36(호환; Googlebot/2.1; +http://www.google.com/bot.html)
이 사용자 에이전트 문자열은 해당 기기가 안드로이드 기기임을 나타내므로, 해당 기기에서 모바일 보기에 최적화된 웹사이트 콘텐츠를 기대하고 있습니다.
모바일 최적화 경험 제공
이 모바일 사용자 에이전트를 통해 Googlebot이 보는 내용은 웹사이트가 모바일 사용자를 처리하도록 구성된 방식에 따라 달라집니다. 모바일 최적화 환경을 제공하는 방법은 일반적으로 다음 세 가지 중 하나입니다.
- 반응 형 디자인. 이 접근 방식을 사용하면 실제로 아무것도 변하지 않습니다. 웹사이트의 URL(Uniform Resource Locator)은 그대로 유지되며, 하이퍼 텍스트 마크 업 언어 제공되는 HTML 코드도 동일합니다. 사이트 디자인은 표시되는 화면 크기에 맞춰 자동으로 조정되어 기기의 특정 화면 해상도에 최적화된 모바일 환경을 제공합니다. Google은 반응형 디자인을 선호하는 디자인 패턴으로 권장하는데, 이는 Google 측에서 추가적인 색인 작업이나 크롤링해야 할 URL이 없기 때문에 최소한의 노력만 필요하기 때문입니다.
- 역동적인 서비스. 웹사이트는 페이지 로딩 시 사용자 에이전트를 감지하여 사용 중인 기기 유형에 따라 동일한 URL에서 다른 HTML 코드를 제공하는 경우가 있습니다. 이를 동적 제공(dynamic serving)이라고 합니다. 즉, 동일한 URL을 사용하지만 데스크톱 사용자용과 모바일 사용자용으로 다른 HTML 코드를 제공하는 것입니다.
- 별도의 모바일 URL입니다. 이 방식에서는 웹사이트가 모바일 사용자에게도 다른 코드를 제공하고 모바일 사이트에 다른 URL을 사용합니다. 일반적으로 웹사이트는 m.website.com과 같은 별도의 서브도메인이나 www.website.com/mobile/과 같은 다른 하위 폴더에서 모바일 콘텐츠를 제공합니다.
각 모바일 디자인 접근 방식에는 장단점이 있습니다. SEO 관점에서 볼 때 반응형 디자인은 가장 간편하지만, 동적 서버 제공 및 별도의 모바일 URL은 사이트 SEO에 많은 문제를 야기할 수 있습니다.
하지만 반응형 웹사이트를 완벽하게 구축했다고 해서 모든 작업이 끝난 것은 아닙니다. 반응형 웹사이트를 만들고 구글의 모바일 친화성 테스트에서 녹색 표시를 받았다고 해도, 모바일 우선 색인 생성으로 인한 문제를 완전히 해결할 수는 없습니다.
기술적 SEO 및 일반 최적화와 관련하여 여전히 알아두어야 할 사항들이 있으며, 필요한 경우 사이트에서 수정해야 할 부분도 있습니다. 특히 사이트가 동적 URL 제공이나 별도의 모바일 URL을 사용하는 경우, 사이트 성능을 지속적으로 유지하기 위해 상당한 작업이 필요할 수 있습니다.
온 페이지 SEO
우선 모바일 사이트의 온페이지 SEO가 제대로 되어 있는지 확인해야 합니다. 반응형 디자인을 사용하는 웹사이트의 경우 모바일 페이지와 데스크톱 페이지가 기본적으로 동일하기 때문에 큰 문제가 되지 않습니다.
하지만 사이트에서 동적 URL 제공이나 별도의 모바일 URL을 사용하는 경우, 페이지 SEO를 다시 한번 꼼꼼히 확인하는 것이 중요합니다.
- 최적화된 제목 태그와 메타 설명을 사용하고 계신가요?
- 페이지 제목이 강렬한가요?
- 데스크톱 버전과 콘텐츠가 동일한가요?
이 첫 번째 단계는 매우 중요합니다. 사이트를 모바일 우선 색인으로 전환하면 Google은 모바일 사이트에서 보이는 내용을 기반으로 색인을 생성하고 순위를 매깁니다. 모바일 사이트의 온페이지 SEO 수준이 데스크톱 사이트와 동일하지 않으면 사이트 순위가 하락할 수 있습니다.
구조화 된 데이터
기본적인 온페이지 SEO 요소 외에도 구조화된 데이터를 고려해야 합니다. 데스크톱 페이지에 삽입된 구조화된 데이터는 Google 검색 결과 페이지에서 리치 스니펫을 생성하는 데 도움이 될 수 있습니다. 모바일 사이트에 이러한 구조화된 데이터가 없다면 리치 스니펫을 놓치게 되고, 이로 인해 클릭률(CTR) 향상 효과를 얻을 수 없습니다.
데스크톱 사이트에 있는 구조화된 데이터 마크업이 모바일 사이트에도 동일하게 존재하고 유효한지 확인하세요. Google의 구조화된 데이터 테스트 도구를 사용하여 마크업을 검증하고, Google 검색 콘솔의 구조화된 데이터 보고서에서 오류 및 경고를 확인하세요.
Hreflang 태그
국제 웹사이트를 운영하는 경우, 여러 국가 및 언어에 맞는 대체 콘텐츠 버전을 나타내기 위해 hreflang 태그를 사용할 수 있습니다. 이 경우 모바일 버전 사이트의 hreflang 태그를 업데이트해야 할 수 있습니다.
Google은 데스크톱 및 모바일 웹사이트에 적절한 hreflang 참조가 있어야 한다고 밝혔습니다. 따라서 모바일 URL이 별도로 사용되는 웹사이트의 경우, 모바일의 hreflang 태그가 해당 국가의 콘텐츠 모바일 버전을 가리키는지 확인하세요.
쪽수 매기기
때때로 원활한 모바일 사용자 경험을 위해 웹사이트는 데스크톱 사용자와 모바일 사용자에게 동일한 방식으로 페이지를 나누지 않습니다. 더 깊은 페이지로 연결되는 링크 대신, 모바일 사이트에서는 무한 스크롤 기능을 사용하거나 아예 페이지네이션을 없애고 제한된 콘텐츠만 표시할 수 있습니다.
이 경우, 사이트를 모바일 우선 색인으로 전환하기 전에 이 문제를 해결해야 합니다. 페이지네이션이 없거나 잘못 구현된 경우, Googlebot이 페이지네이션된 콘텐츠의 첫 페이지 이후를 볼 수 없게 될 수 있습니다. Googlebot이 사이트를 볼 수 없으면 크롤링할 수 없으며, 결국 Google 색인에서 완전히 제외될 수도 있습니다.
그러므로 모바일에서 페이지네이션이 제대로 처리되고, 크롤링이 가능한 페이지네이션 URL이 사용되었는지 확인하세요.
또한, 사이트에서는 페이지네이션 메타 태그를 사용하여 페이지가 매겨진 콘텐츠를 표시할 수 있습니다. `rel=prev` 및 `rel=next`를 사용하면 제품 목록이나 여러 페이지에 걸쳐 있는 기사와 같이 페이지가 매겨진 콘텐츠를 명확하게 표시할 수 있습니다.
동적 제공 또는 별도의 모바일 URL을 사용하는 경우 데스크톱뿐만 아니라 모바일에서도 페이지네이션 메타 태그가 제대로 설정되어 있는지 확인해야 합니다.
내부 링크 구조
구글봇이 웹사이트를 크롤링할 때, 기본적으로 따라가서 크롤링할 링크를 찾습니다. 링크는 사람들이 웹을 탐색하는 방식이며, 검색 엔진이 웹을 크롤링하는 방식이기도 합니다.
링크는 순위 결정에 매우 중요하다는 것을 우리는 알고 있습니다. 구글은 여전히 페이지랭크를 사용하여 웹페이지 순위를 평가하고, 링크는 페이지랭크가 웹상에서 전달되는 방식입니다.
모바일 우선 색인 생성으로 인해 이 점이 바뀌지는 않을 것입니다. 링크는 여전히 매우 중요하며, 따라서 데스크톱 사이트와 마찬가지로 모바일 사이트의 내부 링크 구조를 살펴봐야 합니다.
모바일 버전 웹사이트는 사용자 경험을 더욱 효율적으로 관리하기 위해 링크 수를 줄이는 경우가 많습니다. 모바일 기기는 화면이 작고 터치스크린 방식(마우스와 키보드 방식)을 사용하기 때문에 더 깊은 페이지로 연결되는 링크를 넣을 공간이 부족합니다. 하지만 이는 웹사이트의 모바일 SEO에 부정적인 영향을 미칠 수 있습니다.
링크는 구글에게 매우 중요하기 때문에 모바일 사이트의 링크 수가 적으면 사이트 전체의 페이지랭크 분포가 달라집니다. 이는 사이트가 모바일 우선 색인으로 전환될 때 일부 하위 페이지의 순위가 하락할 수 있음을 의미합니다.
데스크톱과 모바일에서 사이트의 내부 링크 구조를 확인하는 좋은 방법은 Sitebulb와 같은 도구를 사용하여 사이트를 크롤링하는 것입니다.
Sitebulb를 설정하여 데스크톱 사용자 에이전트로 사이트를 크롤링한 다음, 모바일 사용자 에이전트로 다시 크롤링합니다. 그런 다음 두 버전의 크롤링 맵을 비교하여 차이점을 확인합니다.
또는 DeepCrawl과 같은 클라우드 크롤러를 사용하여 동일한 작업을 수행할 수도 있습니다.
딥크롤은 시각적인 크롤링 맵 대신 딥랭크(DeepRank)라는 내부 링크 지표를 사용하여 사이트 내 각 URL의 내부 링크 가치를 나타냅니다. 데스크톱과 모바일 URL의 딥랭크 점수를 비교하면 모바일 사이트의 링크 가치 흐름이 데스크톱 사이트와 어떻게 다른지 확인할 수 있습니다.
모바일 환경에서 하위 페이지의 링크 가치가 현저히 떨어지는 것을 발견할 수 있으며, 이 문제를 해결하기 위해 내부 링크를 개선해야 합니다.
합리적인 서퍼 접근법
내부 링크의 또 다른 측면은 콘텐츠 내에서의 위치에 따라 결정되는 각 링크의 가치입니다.
2004년 구글은 링크의 중요도를 평가하는 데 있어 "합리적인 서퍼" 접근법을 설명하는 특허를 출원했습니다. 간단히 말해, 일반 사용자(즉, "합리적인 서퍼")가 클릭할 가능성이 높은 링크는 클릭될 가능성이 낮은 링크보다 더 큰 중요도를 가져야 한다는 것입니다.
따라서 콘텐츠 내 링크의 위치는 매우 중요합니다. 바닥글 링크처럼 클릭될 가능성이 낮은 링크는 본문 콘텐츠 내 링크처럼 사용자가 클릭할 가능성이 높은 링크보다 가치가 떨어집니다.
구글이 모바일 우선 색인 생성에 이러한 논리를 적용하는 것을 중단할 이유는 없습니다. 이는 특히 모바일 사용자 경험(UX)을 위해 콘텐츠를 접거나 div를 숨기는 등의 기능을 사용하는 웹사이트의 내부 링크 가치에 상당한 영향을 미칠 수 있습니다.
모바일 사이트에서 내부 링크의 존재 여부뿐만 아니라 해당 링크가 어디에 위치하는지도 평가해야 합니다. 링크가 눈에 잘 띄고 클릭하기 쉬운 위치에 있는지, 아니면 숨겨져 있어 모바일 사용자가 클릭할 가능성이 낮은지 확인해야 합니다. 후자의 경우, 모바일 사이트에서 해당 링크는 데스크톱 사이트에서보다 중요도가 떨어질 수 있습니다.
사이트 구성
마지막으로, 사이트의 기술적 구성 요소 중 일부는 모바일 우선 색인에서 검색 엔진 최적화(SEO) 성능에 영향을 미칠 수 있습니다. 이러한 부분은 주로 검색 엔진에 영향을 미치고 사용자에게는 거의 영향을 주지 않기 때문에 모바일 환경에서는 간과되는 경우가 많습니다.
검색 엔진에도 완벽한 경험을 제공하려면 모바일 사이트에서 이러한 모든 측면을 꼼꼼히 확인하는 것이 중요합니다.
robots.txt에
사이트의 robots.txt 파일에는 검색 엔진이 사이트를 크롤링할 때 따라야 할 지침이 포함되어 있습니다. m.website.com과 같이 다른 서브도메인에 있는 별도의 모바일 사이트가 있는 경우, 해당 모바일 사이트에 대해 별도의 robots.txt 파일을 만들거나, 최악의 경우 robots.txt 파일이 아예 없을 수도 있습니다.
모바일 사이트의 robots.txt 파일도 데스크톱 사이트와 동일한 목적을 수행하도록 설정해야 합니다. 예를 들어 데스크톱 사이트에서 내부 검색 기능이 크롤링되지 않도록 robots.txt 파일에 disallow 규칙을 설정했다면, 모바일 사이트에서도 동일하게 설정해야 합니다.
리디렉션
웹사이트는 콘텐츠가 변경되거나 교체될 때 사용자와 검색 엔진을 올바른 페이지로 보내기 위해 여러 리디렉션을 설정하는 경우가 많습니다. 데스크톱 사이트에서는 리디렉션이 최적으로 설정되어 있을 수 있지만, 모바일 사이트에서도 동일하게 적용되어 있는지 확인해야 합니다.
모바일 사이트에 적절한 리디렉션이 설정되어 있지 않으면 SEO에 심각한 문제가 발생할 수 있으므로 모바일 사용자에게도 리디렉션이 제대로 설정되어 있는지 확인해야 합니다.
크롤링 속도
사이트를 모바일 우선 색인으로 전환하면 Google이 모든 모바일 페이지를 찾기 위해 사이트 크롤링 속도를 높일 가능성이 있습니다. 따라서 사이트는 속도 저하 없이 이러한 변화에 제대로 대응할 수 있어야 합니다.
사이트 호스팅 환경이 증가된 크롤링 속도를 처리할 수 있는 충분한 용량을 확보하는 것은 SEO에만 도움이 되는 것이 아닙니다. 사이트 속도를 전반적으로 향상시켜 다양한 추가적인 이점을 얻을 수 있습니다.
모든 것을 다시 한번 확인하고, 또 다시 한번 확인하세요.
모바일 우선 색인 생성은 '언제'의 문제이지 '발생할지 여부'의 문제가 아닙니다. 조만간 여러분의 사이트에도 적용될 것이므로, 이에 대비해야 합니다.
모바일 우선 색인 시대를 준비하려면 모든 것을 꼼꼼히 확인하고 또 확인해야 합니다. 안심하지 마세요. 모바일 친화성 테스트에서 긍정적인 결과를 얻었다고 해서 안심할 수는 없습니다. 데스크톱뿐 아니라 모바일에서도 웹사이트 SEO의 모든 측면이 제대로 갖춰져 있는지 확인해야 합니다. 그래야만 모바일 전환이 쉽고 번거롭지 않게 진행될 것입니다.
____
by 배리 아담스
