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

ℹ️이 콘텐츠에는 광고가 포함되어,판매 발생 시 수익이 발생합니다.(네이버 쇼핑 커넥트, 아마존 어필리에이트, 애드센스 등)

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·성능 분석 표준

    웹사이트 속도와 성능은 단순한 점수로 판단할 수 없습니다. 중요한 것은 사용자 브라우저에서 어떤 리소스가 병목을 일으키는지, 그리고 렌더링이 어느 시점에 완료되는지를 직접 확인하는 것입니다. 이 과정을 통해서만 실제 성능 저하의 원인을 정확히 파악할 수 있습니다. 크롬 개발자 도구는 별도의 프로그램 설치 없이 브라우저 안에서 웹사이트 성능 테스트를 직접 할 수 있는 가장 강력한…

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

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

  • [SEO] 검색엔진 최적화 기본 용어 5가지 및 최적화를 기본적인 필수 사항

    웹사이트로 광고 수익을 창출하거나 온라인 쇼핑몰에서 물품을 판매한다면 검색엔진 최적화는 필수입니다. ‘검색엔진 최적화 기본 용어’에 대해 알아 보겠습니다. 구글·네이버와 같은 검색 사이트에서 유료 광고 외에도 원하는 글이나 상품이 글 상단 or 첫페이지에 나온다면 그만큼 광고비를 아낄 수 있고 마케팅에서 많은 이점을 누릴 수 있기 때문입니다. 목차1. 웹 사이트 사이드바 용도1.1 광고1.1 이메일 구독1.1…

  • [Chrome]구글 디스커버란?|디스커버 관심분야 설정 방법

    전 세계의 수 많은 사람들이 웹을 이용한 뉴스 기사와 관심 키워드를 구글링을 통해 소비합니다. 발견하다는 이름처럼 구글 디스커버(Google Discover)는 보다 쉽게 온라인 사용자의 관심사를 자동으로 보여주는 기능입니다. 목차1. 웹 사이트 사이드바 용도1.1 광고1.1 이메일 구독1.1 카테고리 및 게시물2. 웹 사이트 사이드바 왼쪽과 오른쪽 각각의 장단점은?2.1 방문자의 이탈율과 페이지 수2.2 CSS 오른쪽 사이드바가 SEO에…

  • [WP] 워드프레스 페이지 빌더 vs 블록 에디터 5가지 차이

    워드프레스 구텐베르크(Gutenberg) 블록은 블록 에디터입니다. 공식 블록 에디터가 출시된 이후 워드프레스 페이지 빌더(Page Builder)를 대체하는 방향으로 흐르지 않을까? 라는 의문을 워드프레스를 이용한 웹사이트를 운영한다면 누구나 가졌을 법한 의문입니다. 많은 사람들이 페이지 빌더를 버리고 블록 데이터(Block Editor)로 이동하게 될까요? 이 글에서는 여기에 대한 해답을 찾기 위해 각각의 차이점과 앞으로의 미래를 개인적인 의견으로 예측해 보겠습니다….

  • 한국 및 해외 .com 도메인 가격 비교[2024년]

    사업을 위한 웹사이트, 워드프레스와 같은 개인 블로그나 웹사이트를 운영하기 위해 좋은 서비스와 합리적인 비용의 .com 도메인 가격에 대해 알아보게 되면서 자연스럽게 국내와 해외를 비교하게 됩니다. 국내 및 해외 도메인 가격 비교를 진행 해 보겠습니다. 가장 많이 사용하고 선호하는 .com 도메인 도메인을 메인으로 비교한 자료입니다. 목차1. 웹 사이트 사이드바 용도1.1 광고1.1 이메일 구독1.1 카테고리…