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

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. 웹…

  • 랜덤 비밀번호 생성기: 숫자(123)+대소문자+특수문자

    대문자, 소문자, 숫자, 특수 문자를 조합하여 최상의 보안을 달성하세요. 최소 6자리 비밀번호부터 최대 30자리 까지 가능합니다. 비밀번호 관리의 걱정을 덜어드립니다. 온라인 안전성을 높이는 데 도움이 되는 무료 도구입니다. 목차1. 웹 사이트 사이드바 용도1.1 광고1.1 이메일 구독1.1 카테고리 및 게시물2. 웹 사이트 사이드바 왼쪽과 오른쪽 각각의 장단점은?2.1 방문자의 이탈율과 페이지 수2.2 CSS 오른쪽 사이드바가…

  • 한글 맞춤법 검사기-부산대학교 맞춤법 검사기N네이버 맞춤법 검사기

    한글 맞춤법 검사기는 부산대학교 맞춤법 검사기와 네이버의 맞춤법 검사기 두 개가 가장 널리 사용되고 있습니다. 목차1. 웹 사이트 사이드바 용도1.1 광고1.1 이메일 구독1.1 카테고리 및 게시물2. 웹 사이트 사이드바 왼쪽과 오른쪽 각각의 장단점은?2.1 방문자의 이탈율과 페이지 수2.2 CSS 오른쪽 사이드바가 SEO에 측면에서 더 유리…3. 결론 한글 맞춤법 검사기 정의 맞춤법 검사기(spell checker)란 사용자가…

  • 수익형 블로그 강의가 사기인 이유

    티스토리 블로그부터 시작해서 워드프레스 블로그까지 블로그로 돈 버는 법에 대한 내용들이 구글 및 네이버 검색해도 많이 나옵니다. 구글 광고 및 크몽에서 5만원에서 40만원 정도의 구매 비용이 발생하는 것을 알 수 있습니다. 수익형 블로그 강의가 사기인 이유에 대해 알아 보겠습니다. 목차1. 웹 사이트 사이드바 용도1.1 광고1.1 이메일 구독1.1 카테고리 및 게시물2. 웹 사이트 사이드바…

  • [SEO] google 유용한 콘텐츠(업데이트 2022년 8월 25일)

    2022년 8월에 google 유용한 콘텐츠 업데이트는 검색엔진 용 콘텐츠를 먼저 설정하는 것이 아닌 사용자 중심 콘텐츠를 만드는 것에 집중할 수 있도록 하고 있습니다. 구글 자체 검색엔진 최적화 가이드 및 권장사항을 따르지 말아야 한다는 것이 아닌 사용자에게 초점이 맞춰진 콘텐츠 여부에 중점을 둔 것이라 할 수 있습니다. 목차1. 웹 사이트 사이드바 용도1.1 광고1.1 이메일…

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

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