모바일웹 도입과 SEO

지난 10월 14일, 고초대졸닷컴의 리뉴얼 페이지가 배포되고 1주일이 지났다. 6개월이라는 긴 기간 동안 리뉴얼을 준비해 왔고 많은 문제 상황에 대한 대비를 해두었지만, 지난 1주일간 우리가 염두에 두지 못한 문제들이 생겨나기도 했다. 그중에 내가 느꼈던 가장 예상치 못한 큰 이슈 중 하나는, 모바일 웹에 대한 SEO 변화가 되지 않았다는 점이었다. 정확하게는 캐노니컬 태그(canonical tag)에 대한 적용을 해두지 못한 점이었다.

캐노니컬 태그란 홈페이지의 대표 URL 주소를 나타내는 태그이다. SEO를 공부하는 과정에서 만나게 되는 태그 중 하나이다. 캐노니컬 태그는 “홈페이지의 대표 주소를 알려주는 역할”을 한다. 고초대졸닷컴 홈페이지를 예시로 보자.

https://고초대졸.com/jd/list?page=1&order=recent
https://고초대졸.com/jd/list?page=3&order=view
https://고초대졸.com/jd/list?page=2&order=popular

세 주소는 공고의 리스트 페이지 주소들이다. 주소를 자세히 살펴보면 알 수 있듯이, /jd/list 라는 주소 뒤에 ? 기호와 page=~, order=~ 의 형태가 반복되는 것을 알 수 있다. (이와 같은 형태를 쿼리스트링이라고 한다. 자세한 내용은 이 블로그 참고) 결과적으로 세 주소는 같은 공고 리스트 페이지를 가리킴에도, 각자 다른 정렬방식과 다른 페이지의 위치로 이동하게 된다.

그렇기 때문에 구글과 같은 검색엔진에서는 위처럼 쿼리스트링이 다른 주소들은 서로 다른 주소로 인식하게 되고, 각 페이지로 들어가는 사람들을 서로 다른 페이지에 들어간 것으로 인식한다. 이렇게 되면 각 페이지가 전체 트래픽과 중요도를 나누어 가져가게 되는 것이고, 결과적으로 검색 결과에서 각 페이지의 순위나 퀄리티에도 영향을 줄 수 있는 것이다.

위 세 주소에 각각 20명의 사람이 들어왔다면 20점의 주소 3개를 갖는 것이지만, 세 주소를 단일 주소로 묶을 수 있다면 하나의 주소에 60명의 사람이 들어온 것이므로 60점의 주소 1개를 갖는 것이다. 저 3개의 주소가 사실상 같은 공고 리스트 페이지를 가리킨다는 점에서, 후자의 경우가 SEO적 관점에서 더 유리하다고 할 수 있는 것이다. 그렇기 때문에 사실 저 모든 페이지는 같은 URL을 공유하고 있음을 알려줘야 하는 것이고 캐노니컬 태그가 그 역할을 하게 된다.

---

하지만 이번 리뉴얼에서는 단순히 캐노니컬 태그를 적용하지 못한 것이 문제는 아니었다. PC와 모바일 웹은 쿼리스트링이 아닌 도메인이 서로 달라, 완전히 다른 주소로 인식해버린 것이 더 큰 문제였다. 고초대졸닷컴의 메인페이지를 예시로 보자.

https://고초대졸.com
https://m.고초대졸.com

두 주소는 각각 pc와 모바일에서의 고초대졸닷컴 메인 페이지 주소이다. 그리고 아래는 실제로 이번 배포가 끝난 3일 뒤의 PC 구글 검색 결과였다.

위처럼 모바일의 주소가 pc로 검색이 되는 문제가 있었다. 두 페이지가 서로 같은 페이지임에도 서로 같은 페이지임을 인식하지 못하는 문제였다. 해당 문제에 대해 해결 방법을 찾아보니, canonical 적용에 대한 문제임을 알 수 있었다. 이를 해결하는 방법은

1. pc와 모바일 페이지가 동일한 pc 페이지를 canonical 로 가리키게 한다
2. pc 페이지에는 alternate 를 활용해 모바일 페이지를 보조 페이지로 정의해둔다

였다. 즉 두 페이지가 사실 서로 같은 근본 페이지를 두고 있음을 알려주고, 그 근본 페이지에서는 보조 페이지를 정의 해주는것이다. alternate 의 경우 언제 그 보조 페이지를 적용하는지 따로 설정할 수 있어, 기기의 크기 등으로 조건을 붙여주면 더 정확하게 보조 페이지를 정의 할 수 있다. canonical 과 alternate의 적용 방법에 대해서는 생략한다.

---

기존에는 반응형 페이지로 개발했기 때문에, pc와 모바일이 서로 같은 URL과 코드를 공유했다. 그렇기 때문에 이번 리뉴얼 개발에 있어서 위와 같은 문제를 생각하지 못했다. 지금은 위 문제가 해결되었으며 아래와 같이 잘 검색되는걸 볼 수 있다.

모바일 검색 결과

PC 검색 결과

---

Q. 그럼 쿼리스트링이 없는 페이지는 캐노니컬 태그가 필요 없을까?

A. 아니다

도메인 앞에 www 가 붙는 경우(또는 안 붙는 경우)나 마케팅 과정에서 utm_source 와 같이 예상하지 못한 쿼리스트링이 붙는 경우도 있기 때문에 꼭 넣어주는 것이 좋다.