.png){kind=icon}
약 1년간 지속적으로 사이트에 대한 SEO관련 업무를 진행하고 있는데,
요새 새삼 업체 통해서 SEO 의뢰를 맡기는데는 다 이유가 있다 라는 생각이 든다.
사이트에서 Google Lighthouse의 SEO 지표는 100으로 노출되지만, Google이나 네이버 검색엔진에서는 원하는 결과와는 다른 것들이 노출되는 상황들이 있어 몇 가지 사례를 공유하고자 한다.
여기 쓰여진 사례는 정말 SEO에서 기본적으로 들어가야 하는 속성들이 모두 들어갔음에도 발생한 이슈임을 미리 밝힌다.
제가 A라는 키워드로 검색했더니 네이버는 정상적으로 나오는데 왜 Google에서는 meta description과 다른 내용이 노출 되는걸까요?
기획자가 요청준대로 서비스를 다 배포했고, Google Lighthouse SEO 상에서도 이슈가 없고, 네이버 웹 마스터 상에서도 description 표기가 정상적이라는데 신기하게도 네이버와 구글 양쪽의 포털에서 다르게 나온다고 하여 한 번 확인해보기로 했다.
1. H 서비스 검색
기획자 말대로 설정한 description과 다른 값을 노출하고 있었다.
신기한건, 사명과 서비스를 합쳐서 검색하면 정상적으로 description이 노출된다.
2. S 서비스 검색
추가적으로 현재 같이 서비스중인 다른 컨텐츠에 대해서도 검색결과를 확인해보기로 했다.
서비스 검색 키워드에 따라 전부 다르게 노출되는 것을 확인할 수 있다.
캡쳐 내용에 네이버 검색결과가 없는 이유는 캐논셀피에 묻힌 것과 SPA의 고질적인 이슈로 인해 적절한 HTMl이 들어있지 않다고 웹마스터에서 인지하고 있어 그렇다.
검색 결과들에 대한 캡쳐를 자세히 보면 검색 키워드와 일치하는 단어에 볼드 처리되는 것을 확인할 수 있었고, 부분적으로만 일치하거나 혹은 아예 내부 컨텐츠에 관련 내용이 없는 경우에는 정상적으로 description을 노출하는 모습을 확인할 수 있었는데, 위의 결과를 토대로 Google에서 description을 노출하는 방법 및 순서에 대해 가설을 세웠다.
- 검색 키워드가 description에 모두 포함되어 있는 경우, 해당 description을 노출
- 검색 키워드가 description에 포함되어 있지 않거나, 컨텐츠 내부에서 이 키워드를 설명할 수 있는 더 적절한 내용을 발견할 경우 해당 컨텐츠 내용을 description 대신 노출
- 검색 키워드가 description에 부분적으로 포함되어 있고 컨텐츠에도 부분적으로 해당 키워드를 포함하고 있을 경우 description과 컨텐츠 내용을 혼합해서 노출
- 검색 키워드가 description에도 포함되어 있지 않고, 컨텐츠에도 없거나 설명하기에 내용이 미비한 경우에는 설정한 description을 노출
이 가설을 토대로, description에 서비스 명을 포함해서 다시 넣어보기로 했다.
3. 결과
예상대로, description 안에 검색 키워드가 포함되자 설정했던 description을 노출해주는 것을 확인할 수 있었다.
결론
- meta description에는 최소한 서비스명이 포함되는 것이 좋으며, 네이버 글자 검사 기준 80자 이내로 작성하는 것이 좋다. (Google에서는 몇자를 권장하는지는 차후 알게되면 그 때 포함하는걸로)
- 사용자가 검색할 것으로 예측되어지는 몇 가지 키워드가 있다면 해당 단어들을 조합해서 meta description을 노출하는 것이 좋다.
- Vue.js로 사이트를 만들 때 SEO를 고려해야 할 경우, 만일 사례로 소개된 페이지와 같이 정적인 페이지일 경우에는 Prerender를, 상품 판매 등 동적으로 변경되는 페이지라면 처음부터 Single Page Application이 아닌 Server Side Rendering을 고려할 필요가 있다.
물론 요새 구글에서 SPA로 작업해도 알아서 잘 긁어가 주니까 괜찮다. 문제없다. 라고 쓰인 글들도 종종 보이는데, 신규 오픈하는 사이트 명이 다른 인기 키워드와 겹치는 경우 조치를 하지 않으면 구글에서는 1달이 지나도 노출되지 않는 경우가 있고, 네이버에서는 아예 사이트로 노출해주지도 않아서 왠만하면 정석적인 방법으로 처리하는걸 추천한다.
(Prerender와 관련해서는 다음에 포스트를 작성하도록 하겠다.)
