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

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

  • [Chorome]구글 세이프 서치 해제 방법(PC&모바일-1분 미만)

    구글링 중 원하는 자료를 찾기 위해 구글 세이프서치 해제를 해야 하는 경우가 생길 수 있습니다. 구글의 고유 기능 중 하나인 구글 세이프 서치는 구글링 결과에 선정적인 콘텐츠가 표시되는 것을 필터링 하는 기능입니다. 폭력적이거나 선정적이고 성적인 콘텐츠가 노출되지 않게 필터링 된 구글의 기능으로 자녀가 있는 가정의 PC에서는 유용한 기능일 수 있지만 선정적인 콘텐츠를 찾지…

  • 구글 CCPA 및 GDPR 메시지 확인 테스트

    구글의 GDPR과 CCPA 설정을 한 후에 메시지가 나오는지 궁금할 수 있습니다. “구글의 CCPA 및 GDPR 메시지 확인을 진행할 수 있는 방법이 있는가?” 라는 의문으로 시작하여 2가지 메시지를 직접 확인해 보기로 했습니다. 유럽 규정 메시지에 대한 정보에서 확인 했을 때는 두 개의 버튼(옵션 관리, 동의)이 있는 유럽 규정 메시지가 나온다는 내용을 확인하였으며 아래와 같은…

  • SEO: 구글 펭귄

    구글 펭귄(Google Penguin)은 ‘판다’에 이어 업데이트 된 검색 알고리즘입니다. 펭귄의 목적은 순위 조작 목적으로 링크 구매 또는 판매 등과 같은 링크 스팸 등을 방지하고자 만들어졌습니다. 목차1. 웹 사이트 사이드바 용도1.1 광고1.1 이메일 구독1.1 카테고리 및 게시물2. 웹 사이트 사이드바 왼쪽과 오른쪽 각각의 장단점은?2.1 방문자의 이탈율과 페이지 수2.2 CSS 오른쪽 사이드바가 SEO에 측면에서 더…

  • [Google Analytics GA4] 구글 애널리틱스 GA4 설치하기

    구글 애널리틱스 GA4로 사이트의 기본적인 접속 통계 및 실시간 사용자를 확인 할 수 있습니다. GA4 신규 생성 방법에 대해 알아 보겠습니다. GA4 신규 세팅을 위해서는 운영중인 URL이 있는 웹사이트가 있어야 합니다. ※ 애널리틱스 카테고리는 [계정]과 그 하위 카테고리인 [속성]에서 거의 모든 설정을 한다고 본 후에 시작하는 것이 좋습니다. 목차1. 웹 사이트 사이드바 용도1.1…

  • 구글 태그와 구글 태그 매니저의 이점 3가지

    태그는 웹사이트나 모바일 앱에 제품을 통합하도록 도움을 주는 애널리틱스, 마케팅, 지원 공급업체가 제공하는 코드 세그먼트(code segment)입니다. 목차1. 웹 사이트 사이드바 용도1.1 광고1.1 이메일 구독1.1 카테고리 및 게시물2. 웹 사이트 사이드바 왼쪽과 오른쪽 각각의 장단점은?2.1 방문자의 이탈율과 페이지 수2.2 CSS 오른쪽 사이드바가 SEO에 측면에서 더 유리…3. 결론 1. 마케팅 태그 웹페이지 코딩에 사용되는 표준…

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

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