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

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

  • 아마존 어소시에이트 가입 방법

    세계에서 가장 큰 제휴 마케팅 프로그램 중 하나인 아마존 어소시에이트 가입 방법에 대해 간단히 알아 보겠습니다. 어필리에이트(Affiliate)는 “제휴하다“란 뜻을 가지고 있습니다. 웹 사이트의 발행자(publisher)는 제휴 파트너(아마존 or 쿠팡 등)에서 제공하는 광고를 올린 후 웹 사이트에 올린 후 수익이 발생하면 커미션(보상)을 받습니다. 목차1. 웹 사이트 사이드바 용도1.1 광고1.1 이메일 구독1.1 카테고리 및 게시물2. 웹…

  • Namecheap Domains Vs Google Domains 포함 5개 도메인 등록 기관 비교

    워드프레스로 구축된 웹 사이트를 포함해서 사이트를 운영할 경우 도메인은 필수 요소입니다. 대표적인 도메인 등록 업체 Namecheap Domains과 Google Domains을 포함한 도메인 업체에 대해 비교해 보겠습니다. 먼저 우리가 알고 있을 만한 대표적인 도메인 등록 기관에 대해 알아 보겠습니다. 목차1. 웹 사이트 사이드바 용도1.1 광고1.1 이메일 구독1.1 카테고리 및 게시물2. 웹 사이트 사이드바 왼쪽과 오른쪽…

  • 미국 구글 바로가기: 주소 링크 및 우회 접속 방법 3가지 | 해외 구글 바로가기

    한국에서 구글링을 할 때 자료가 미국에 비해 적기 때문에 미국 구글 바로가기 또는 해외 구글 바로가기를 생각하는 분들이 많습니다. 미국 구글 우회 접속 방법을 활용해서 미국의 구글 사이트에서 구글링을 하면 원하는 정보를 보다 수월하게 찾을 수 있습니다. 목차1. 웹 사이트 사이드바 용도1.1 광고1.1 이메일 구독1.1 카테고리 및 게시물2. 웹 사이트 사이드바 왼쪽과 오른쪽…

  • 크롬 개발자 도구 정의와 목적 5가지

    크롬 개발자 도구란 웹 개발자와 디자이너가 웹사이트의 코드 구조, 성능, 반응형 디자인, 보안, SEO 품질을 점검·개선하기 위해 사용하는 크롬 브라우저 내장 기능입니다. 페이지 속도 측정, 디버깅, 네트워크·리소스 분석 등 웹사이트 품질을 높이는 모든 과정을 한 곳에서 수행할 수 있습니다. 목차1. 웹 사이트 사이드바 용도1.1 광고1.1 이메일 구독1.1 카테고리 및 게시물2. 웹 사이트 사이드바…

  • 클라우드플레어 CDN 설정(Pro 플랜)

    클라우드플레어 CDN을 예전에 사용했었는데 최근 다른 워드프레스 사이트에 재 연결을 하게 되었습니]다. 캐시 플러그인은 현재 사이트와 동일한 조건으로 세팅했는데 무료 플랜은 속도가 현재 사이트에 근접하지 못하고 오히려 느린 결과를 보였습니다.(현재 사이트는 클라우드플레어 CDN이 적용되지 않은 상태입니다) 원래 사이트처럼 동일하게 세팅해서 속도를 높일까 고민하다가 Pro플랜으로 업데이트 했습니다. 확실히 업데이트 후 현재 사이트보다 조금 느리지만…

  • 낙장 도메인이란?

    워드프레스 및 Ghost CMS 등으로 블로그를 시작하는 경우가 많이 늘고 있습니다. 검색 엔진 최적화(SEO)를 위해 낙장 도메인 구매를 고려하는 분들이 많은 것을 유튜브 및 해외 사이트에서 빈번히 확인할 수 있습니다. 목차1. 웹 사이트 사이드바 용도1.1 광고1.1 이메일 구독1.1 카테고리 및 게시물2. 웹 사이트 사이드바 왼쪽과 오른쪽 각각의 장단점은?2.1 방문자의 이탈율과 페이지 수2.2 CSS…