웹 사이트 사이드바 왼쪽과 오른쪽 중 더 나은 선택은?

PC 영역에서 웹 사이트 사이드바 왼쪽과 오른쪽 중에 어느 곳에 배치할 지 고민을 하게 됩니다. 대부분의 웹 사이트에서 사이드바Sidebar는 오른쪽에 있습니다. 페이지 내부에 위치한 정적인 페이지입니다. 사이드바의 용도에 대해 먼저 알아 보겠습니다.

1. 웹 사이트 사이드바 용도

사이드바는 PC 영역에서 주로 사용되며 모바일로 검색을 하는 시기에 많은 사람들이 데스크톱을 사용하지 않습니다. PC 전용 용도라고 할 수 있습니다.

초록색으로 강조한 영역이 사이드바입니다. 우측에 자리 잡고 있습니다.

사이드바의 목적은 정보 제공입니다.

웹 사이트 사이드바 왼쪽과 오른쪽 중 우측 사이드바 선택

사이드바에 위치한 구독 신청은 독자가 콘텐츠를 보는데 방해가 되지 않으며 크게 3가지 정보 제공 목적을 가지고 있습니다.

1.1 광고

사이드 바에 구글 애드센스 광고를 배치한 후 수익 창출을 할 수 있습니다.

1.1 이메일 구독

글을 읽는 독자가 콘텐츠 전반적인 내용이 마음에 들 경우 이메일 구독 신청 페이지를 넣을 수 있습니다.

1.1 카테고리 및 게시물

사이드바에 블로그 게시물 및 카테고리를 추가할 수 있습니다. 방문자를 웹 사이트에 더 오래 머물게 할 수 있습니다. 방문자의 이탈율을 줄일 수 있는 장점이 있습니다.

2. 웹 사이트 사이드바 왼쪽과 오른쪽 각각의 장단점은?

웹 페이지 접속 후 이탈률과 방문당 페이지 수, 전환(이메일 구독, 광고 클릭 및 파일 다운로드 등)의 차이는 어떨까요?

2.1 방문자의 이탈율과 페이지 수

기존 방문자와 신규 방문자 모두 오른쪽 사이드바 설정을 했을 때 이탈율과 방문당 페이지 수, 전환 등에서 조금 더 나은 결과를 얻는 것이 지배적인 의견입니다. 이유는 F자형 읽기 패턴과 관련이 있습니다.

웹 사이트 사이드바 왼쪽과 오른쪽 중 더 나은 선택은?
출처: https://www.researchgate.net/

방문자들이 F자형 패턴으로 웹 페이지를 보는 이유는 보통 처음 접속한 웹 사이트의 콘텐츠를 자세히 읽을 생각과 관심이 없습니다. 거의 모든 방문자는 페이지를 효율적으로 보며 더 나은 정보를 찾으려고 하는 경향을 가지고 있습니다.

2.2 CSS 오른쪽 사이드바가 SEO에 측면에서 더 유리…

CSS를 이용한 왼쪽과 오른쪽 사이드 바 중에 오른쪽 사이드바가 SEO에 더 유리합니다. 검색 엔진의 웹 크롤러(로봇)가 HTML 기반 웹 사이트를 크롤링 할 때 오른쪽 사이드바가 위치한 경우 웹 페이지의 콘텐츠를 먼저 크롤링합니다. 특히 블로그 게시물의 경우 게시물의 내용을 먼저 파악하며, 웹 사이트의 색인이 생성되는 과정이 더 수월해집니다.

3. 결론

사이드바는 보통 왼쪽보다 오른쪽에 두는 것이 더 유리하지만 각각의 사이트 특성에 맞게 다르게 설정할 수 있는 점을 참고하셔야 합니다.

커피와 노트북

Similar Posts

  • [SEO] Blog Post vs. Article: 차이점은 무엇인가?

    웹사이트 콘텐츠를 발행할 때 [블로그 포스트&기사] 둘 중에 어떤 콘텐츠를 발행하는 것이 맞는지 SEO 관점에서 고민할 수 있습니다. 아니면 구글링으로 검색한 웹페이지의 콘텐츠가 Blog 게시물인지 기사인지 생각해 보신 적이 있나요? Blog Post vs. Article 두 종류의 콘텐츠는 어떤 차이점을 가지고 있으며 비즈니스 관점에서 어떤 콘텐츠를 게시하는 것이 더 나을지 알아 보겠습니다. 목차1. 웹…

  • [SEO]외부 링크(External Links)란 무엇인가?

    검색엔진최적화(SEO)에서 외부 링크(External Link)는 내 웹사이트에서 다른 웹사이트로 연결하는 하이퍼링크입니다. 아웃바운드 링크라고도 부르는 외부 링크는 검색 엔진 결과 페이지(SERP) 결과를 표시할 때 구글에서 고려하는 중요한 순위 요소 중 하나입니다. 내 웹사이트에서 웹사이트 내 다른 페이지를 링크한 내부 링크와는 다른 개념인 아웃바운드 링크는내 웹사이트(A)에서 콘텐츠를 발행할 때 특정 단어에 대한 추가 설명이 필요하거나 참조한…

  • DOMContentLoaded vs Load: 웹 속도와 SEO에 미치는 영향

    크롬 개발자도구에서 네트워크 탭의 속도 테스트를 진행할 때 표시되는 항목 중 DOMContentLoaded와 로드 두 가지 항목을 확인할 수 있습니다. 웹사이트의 속도를 측정할 때 이 두 이벤트는 단순한 수치가 아니라, 실제 사용자 경험과 SEO 평가에 직결되는 중요한 지표입니다. 특히 Google은 웹사이트의 초기 로딩 속도, 상호작용 가능 시점, 전체 페이지 로딩 완료 시점 등을 기준으로…

  • 도메인 라이프 사이클(Domain Life Cycle)

    도메인 라이프 사이클Domain Life Cycle이란 도메인 이름의 활동 주기를 말하며, 도메인이 생성된 후에 사용 기간이 만료된 후 최종 삭제가 진행되는 기간과 상태를 말합니다. 도메인의 만료일과 상태는 도메인 정보 조회를 통해 확인할 수 있습니다. 라이프 사이클은 도메인 최상위 관리 기관Registry의 정책에 따라 다르게 운영될 수 있습니다. 목차1. 웹 사이트 사이드바 용도1.1 광고1.1 이메일 구독1.1…

  • 한국의 서비스 종료된 블로그 플랫폼 종류

    전 세계적으로 꾸준히 사랑 받고 있는 CMS는 워드프레스, 쇼피파이, 윅스, Squarespace, 드루팔, 줌라, Ghost CMS 등 다양합니다. 그리고 언제 없어질지 불안감을 가질 필요가 없습니다. 한국의 서비스 종료된 블로그가 많다는 사실을 우리는 경험을 통해서 알고 있습니다. w3techs에서 글로벌 순위를 확인할 수 있습니다. 가치 있는 콘텐츠를 생산해서 여러가지 방법으로 수익을 창출할 수 있다는 것은 콘텐츠는…

  • 워드프레스 테마 확인(&플러그인) 감지 사이트

    사이트가 xe 또는 워드프레스로 만들어졌는지 궁금할 때가 있습니다. 개인적으로 xe보다는 더 많은 확장이 가능한 플러그인과 많은 종류의 테마, 그리고 더 안정적인 사이트 및 서버 관리가 가능한 워드프레스가 더 관리하기 편하다고 생각합니다. 워드프레스 테마 확인 사이트에 대해 알아보겠습니다. 왜냐하면 워드프레스 블로그를 운영하다 보면, 다른 워드프레스로 운영되는 홈페이지는 어떤 플러그인과 어떤 테마를 사용하는지 궁금할 때가…