SEO(검색엔진최적화)에 유리한 웹사이트 메뉴 구조

웹사이트에서 메뉴는 사용자들이 사이트를 탐색하기 위해 가장 흔히 사용하는 보조 도구이므로 메뉴를 어떻게 만드는 것이 좋을지 고민해보면 SEO에 많은 도움이 되리라 생각됩니다.

이와 관련하여 유명한 워드프레스 SEO 플러그인을 만든 Yoast에서 작성한 Optimizing your website menu for SEO(웹사이트 메뉴를 SEO에 최적화하기)라는 글이 도움이 될 것 같습니다.

간단히 정리해보면 Yoast 글에서는 다음과 같은 세 가지 내용을 다루고 있습니다.

웹 사이트 메뉴

SEO에 유리한 메뉴 구조

먼저 메뉴는 반드시 하나일 필요는 없다는 것입니다. 워드프레스의 경우 많은 테마에서 테마를 두 개 이상 배치할 수 있도록 지원합니다. 상단 메뉴와 주 메뉴로 구성되는 것이 일반적인 것 같습니다.

보조 메뉴에는 소셜 링크와 부수적인 링크를 배치할 수 있습니다.

웹사이트 메뉴 내비게이션

Manhattan College 사이트에는 메인 메뉴와 별도로 보조 메뉴를 통해 특정 부류의 방문자들을 내부 링크로 유도하고 있습니다.

요점은 모든 것을 하나의 메뉴에 배치하지 말라는 것입니다. 가장 중요한 콘텐츠에 초점을 두도록 합니다. 가령, '문의'라는 링크가 메뉴에 많이 사용되는데요, 만약 사이트의 목적이 방문자들이 사이트를 보고 연락을 하도록 하는 것이 아니라면 '문의' 링크는 보조 메뉴에 배치해도 좋을 것입니다.

웹 사이트 메뉴에 너무 많은 링크를 추가하지 마라

너무 많은 링크는 바람직하지 않습니다. 구글은 250개 링크까지 허용할 수 있고 더 많은 링크를 페이지에 추가하는 것도 문제가 되지 않을 것입니다. 하지만 너무 많은 링크를 포함하면 사용자들이 중요한 것이 무엇인지 알아보기가 쉽지 않게 되겠죠. 나무 때문에 숲을 볼 수 없게 될 것입니다(your visitors can’t see the wood for the trees).

Yoast 글에서는 다음과 같은 사항을 권장하지 않습니다.

  • 태그 클라우드
  • 긴 월간 보관물(Monthly Archive) 리스트
  • 글 링크가 포함된 무한 스크롤되는 보관물 페이지 (최소한 요약문을 추가하고 스크롤 시 "Load More" 링크를 추가하도록 합니다.)
  • 하나의 목록에 100개나 되는 카테고리 (이렇게 많을 필요가 있을까요?)
  • 3뎁스 이상 메뉴

한 페이지에 링크가 너무 많으면 링크의 가치가 빛을 잃게 됩니다. 그리고 너무 많은 링크가 있으면 사용자들이 무엇이 중요한지 파악하기도 쉽지 않게 되겠죠.

자세한 내용은 How to clean up your site structure(사이트 구조를 정리하는 방법) 글을 참고해보시기 바랍니다.

완벽한 메뉴

물론 '완벽한 메뉴'를 위한 템플릿은 없습니다. 완벽한 메뉴는 사이트에 따라 다르고 사이트의 목적에 따라서도 좌우됩니다. 어떤 경우이든 메뉴를 최적화할 때 다음과 같은 두 가지 질문을 자문해보는 것이 좋습니다.

  • 내 사이트에 최선의 메뉴 구조는 무엇인가?
  • 적어도 메뉴에 꼭 있어야 한다고 생각되는 메뉴 항목은 무엇인가?

중요한 하위 항목은 드롭다운 메뉴를 사용하는 것을 고려해볼 수 있습니다. 메뉴에 너무 많은 링크를 추가하지 않도록 합니다. 너무 많은 링크를 추가하면 메뉴로서의 가치가 반감될 것입니다.

이와 관련하여 Yoast의 Ultimate guide to site structure(사이트 구조 완벽 가이드)를 참고해보시기 바랍니다.

참고로 아바다, 엔폴드Divi 등 일부 테마에서 메가 메뉴(Mega Menu) 기능을 제공합니다. 하지만 메가 메뉴는 보기에는 좋을 수 있지만 SEO에는 안 좋은 영향을 미친다고 합니다.

마치며

이 블로그의 경우 메뉴를 단순화하기 위해 최대한 노력했습니다. 이 블로그에서 다루고자 하는 주제를 알아보기 쉽게 알아볼 수 있도록 메뉴를 배치하는 데 중점을 두었습니다. 다시 살펴보니 중요한 카테고리를 드롭다운 메뉴로 처리해도 좋겠다는 생각이 드네요. 하지만 드롭다운 메뉴로 처리하면 모바일 메뉴에서 접근성이 떨어지지 않을까 하는 염려가 조금 되네요.

Yoast 글에서도 밝혔듯이 메뉴 최적화 작업은 사이트에 따라, 그리고 사이트의 목적에 많이 좌우되는 것 같습니다. 보통의 경우 심플하게 메뉴를 배치하는 것이 좋겠지만, 사이트의 성격에 따라서는 많은 링크가 포함된 메뉴가 필요한 경우도 있을 것입니다. 사이트에 가장 적합한 메뉴를 고민해보는 것이 필요할 것 같습니다.

참고

일부 글에 제휴 링크가 포함될 수 있으며 파트너스 활동으로 일정액의 수수료를 받을 수 있습니다.

8개 댓글

  1. 태그클라우드가 seo에 좋지 못하다니... 좋은 정보 감사합니다.

    근데 티스토리의 경우 시스템에서 자동으로 지원하는 기능이라 없애기도 못하고 참 애매하네요... ㅠㅠ

    메뉴 구성은 블로거 라면 한번쯤은 고민해보는 내용이 아닐까 합니다. 예전에 대대적으로 메뉴 정리를 단행한적이 있는데 지금도 많이 복잡해서 한번 더 정리를 해야한다는 생각을 계속하고 있네요 ㅎㅎ

    1. 태그 클라우드가 SEO에 좋지 못하다기 보다 굳이 있을 필요가 없다는 것이 Yoast 개발자의 생각 같습니다.

      Tag clouds (what’s the use, really?)

      만약 태그 클라우드를 표시하면 좋아하는 사용자가 있다면 그대로 두는 것이 바람직하지 않을까 생각됩니다.

      제 블로그의 경우 사이드바에 배치하고 싶은 것은 많지만 공간은 한정되어 있어 고민입니다. (그런 경우에는 태그 클라우드 같은 요소는 우선순위에서 밀리겠죠....)

      어떤 링크를 메뉴에 배치하고, 어떤 요소를 사이드바에 배치하면 효과적인지... 이런 부분을 많이 고민해보면 좋을 듯 합니다. (저는 사이드바에 배너를 추가해달라는 곳이 몇 군데 있지만 공간이 부족하여 우선순위를 정해서 배치하려고 노력하고 있습니다.)

  2. 좋은 글은 다 이 블로그에서 나오는것 같습니다 ㅎㅎ
    티스토리 하다가 워드프레스로 이사하려는데 참고 잘 하겠습니다.

    1. 좋게 봐주셔서 감사합니다.

      티스토리의 경우 현재 백업이 제공되지 않기 때문에 이전하기가 쉽지 않을 것 같다는 생각이 드네요.

      워드프레스의 경우 매우 다양한 테마와 플러그인이 있어서 레이아웃과 기능 확장이 용이한 측면이 있는 것 같습니다.

      워드프레스로 이사 잘 하시기 바랍니다. 이사하신 후에 301 리다이렉트(Redirect)를 설정해주시면 SEO 측면에서 손실을 최소화하실 수 있을 것입니다.

      즐거운 추석 연휴 되세요^^

    1. 태그 클라우드를 사용하지 말라는 것은 Yoast에서 권장하는 사항이지만... 절대적인 것은 아닙니다.ㅎㅎ

      아바타가 귀여운 코알라 사진으로 바뀌었네요^^
      이제 호주는 겨울을 지나 봄으로 접어들었겠네요.

      1. 너무 얼굴 대놓고 공개 아닌가 싶어서 바꾸었습니다 ㅎㅎ

        이제 곧 여름으로 접어들어요 ^^ 이번주 일욜부터 Daylight Savings 가 시작되서 한국과 이제 2시간 차이가 나요 ㅠㅠㅋ

      2. 우리나라의 경우 엊그제까지 조금 더웠는데 어제부터 갑자기 기온이 내려갔습니다. 덕분에 어제 감기 기운이 있어서 약을 먹고 일찍 잤지만 몸 컨디션이 별로 좋지 않네요. 이제 보름이나 한 달 정도만 있으면 겨울로 접어들 것 같습니다.

        애드센스 수익이 반토막 났다는 글을 며칠 전에 올렸는데요, 어제 살펴보니 네이버 방문객이 1/5 이하로 줄어들었더군요. 아마 그 영향 같습니다. 네이버는 검색이 안 되다가도 어느 순간부터 검색이 잘 되고... 그러다가 다시 검색이 잘 안 되고... 테마를 바꾸었다고 그런 것 같지는 않고... 네이버는 좀 그렇네요. 다행히 구글은 방문자가 조금씩 늘어나고 있습니다.

댓글 남기기

* 이메일 정보는 공개되지 않습니다.