사이드바란 무엇이며 블로그에 사이드바가 필요합니까?

일반적인 웹 사이트의 레이아웃에 대해 생각할 때 주요 콘텐츠 영역의 오른쪽 또는 왼쪽에 중요한 링크 또는 정보 열을 포함할 가능성이 큽니다. 이 요소는 "사이드바"로 알려져 있으며 웹 전반에 걸쳐 매우 널리 퍼져 있습니다. 그러나 이 기능을 효과적으로 사용하려면 이 기능이 어떻게 작동하는지 이해하는 것이 중요합니다.

모든 웹사이트에 사이드바가 필요한 것은 아니며 일부 디자인은 사이드바가 없는 것이 훨씬 좋습니다. 이를 염두에 두고 이 기능의 목적, 사용을 고려해야 하는 사이트 유형, 현재의 "모바일 우선" 환경에 어떻게 영향을 미치는지 자세히 알아볼 것입니다.

가자!

YouTube 채널 구독

사이드바란 무엇인가요? (왜 사이드바가 유용한가요?)

간단히 말해서, 사이드바는 웹 페이지의 주요 콘텐츠 영역의 오른쪽이나 왼쪽에 배치되는 열입니다. 일반적으로 다음과 같은 사용자를 위한 다양한 유형의 추가 정보를 표시하는 데 사용됩니다.

• 주요 페이지에 대한 탐색 링크
• 제품 또는 서비스 광고
• 이메일 가입 양식
• 인기 게시물 또는 관련 게시물
• 소셜 미디어 링크

웹에서 가장 인기 있는 10개 사이트 중 8개는 어떤 형태나 형태로 사이드바를 사용합니다. Wikipedia는 탐색 메뉴 역할을 합니다.

반면 Reddit은 수익 창출 광고와 관련 게시물 및 계정 업그레이드 옵션을 공유합니다.

앞에서 논의한 용도는 사이트에서 사이드바를 작동하는 가장 일반적인 방법 중 일부이지만 때로는 작성자 약력, 제휴사 면책조항 및 기타 다양한 목적으로도 사용됩니다.

사이드바를 웹사이트 디자인에 통합할 때의 주요 이점은 사용자가 사이트를 탐색할 때 사이드바가 계속 표시된다는 것입니다. 이를 통해 주요 정보와 기능을 항상 쉽게 사용할 수 있습니다.

이것이 바로 사이드바에 이메일 구독 양식 및 광고와 같은 CTA(클릭 유도문안) 요소가 포함되는 이유입니다. 탐색 기능은 찾기 쉽기 때문에 여기에서도 잘 작동하고 제휴사 공개 진술과 같은 법적 콘텐츠는 셔플에서 길을 잃을 가능성이 적습니다.

사이드바를 사용하여 이점을 얻을 수 있는 2가지 유형의 웹사이트

거의 모든 유형의 웹사이트에 사이드바를 포함할 수 있습니다. 그러나 사용자가 추가 지침의 이점을 얻을 수 있는 몇 가지 다른 상황에서 특히 유용합니다. 여기 우리가 언급할 가치가 있다고 생각하는 두 가지가 있습니다.

1. 콘텐츠가 많은 웹사이트

블로그, 뉴스 사이트, 온라인 잡지 및 기타 콘텐츠가 많은 웹 사이트는 다소 광범위한 범주를 포함합니다. 그러나 그들 모두는 한 가지 공통점이 있습니다. 그들은 항상 더 많은 기사를 게시하여 생존한다는 것입니다.

콘텐츠가 많을수록 웹 사이트 탐색이 더 복잡해집니다. 다음과 같은 상황에서 사이드바를 사용할 수 있습니다.

• 소셜 미디어 또는 공유 버튼에 대한 링크 포함
• 사용자가 놓치지 않을 이메일 가입 양식 표시
• 관련 게시물 및 페이지에 대한 링크 표시
• 가장 인기 있는 콘텐츠 과시
• 찾기 쉬운 검색창 추가

사이드바는 사용자가 놓칠 수 있는 참여 기회를 찾고, 구독을 장려하여 재방문자를 유도하고, 탐색 기능을 개선하여 독자를 사이트에 더 오래 머물게 하는 데 도움이 됩니다. 이러한 모든 결과는 사이트에 도움이 되며 사이트에서 생성하는 수익을 높일 수 있습니다.

2. 온라인 상점

웹 사이트는 온라인 상점보다 훨씬 복잡하지 않습니다. 전자 상거래 사이트에서 제공하는 제품이 많을수록 더 많은 페이지가 포함됩니다. 이렇게 하면 사이드바가 다음과 같은 요소를 포함하는 데 훨씬 더 유용합니다.

• 관련 제품 및 과거 구매
• 장바구니에 추가 버튼
• 구매자 리뷰 및 평가
• 진행 중인 특별 거래 또는 프로모션에 대한 광고
• 고객이 누적 합계를 추적할 수 있는 장바구니 보기

전자 상거래 웹 사이트 디자인의 일반적인 문제 중 하나는 많은 혼란을 수반한다는 것입니다. Amazon이나 eBay를 간단히 살펴보면 무슨 뜻인지 바로 알 수 있습니다.

그 혼란을 정리하고 페이지를 보다 사용자 친화적으로 만드는 데 도움이 될 수 있는 모든 요소를 ​​환영하며 사이드바는 확실히 그 청구서에 맞습니다.

사이드바는 모바일 퍼스트 세계에 어떻게 적합합니까?

역사적 유용성에도 불구하고 사이드바는 최근 비난을 받고 있습니다. 그들에 대한 가장 강력한 주장은 모바일 장치로 잘 번역되지 않는다는 것입니다. 스마트폰과 태블릿에서는 화면 공간이 제한되어 있으므로 페이지의 1/3 이상을 보조 콘텐츠에 제공하는 것은 실용적이지 않습니다.

대신, 이 정보는 일반적으로 발견될 가능성이 적은 소형 장치의 페이지 하단으로 이동됩니다. 모바일 트래픽이 현재 전 세계 인터넷 사용량의 51% 이상을 차지한다는 점을 고려하면 이는 웹 디자인에 있어 중요한 문제입니다.

이에 대한 대응으로 일부 사이트에서는 사이드바를 전혀 사용하지 않기로 선택했습니다. 이는 의미가 있지만 이러한 사이트는 이 레이아웃이 제공하는 이점을 활용할 수 없음을 의미합니다. 콘텐츠가 많은 블로그나 전자 상거래 상점을 운영하는 경우 이는 실제 문제가 될 수 있습니다.

이를 처리하는 한 가지 옵션은 모바일 장치에서 사이드바를 숨기는 것입니다. 이렇게 하면 데스크톱 사용자가 스마트폰과 태블릿에서 사이트를 읽을 수 있는 상태로 유지하면서 보조 콘텐츠를 볼 수 있습니다.

또 다른 솔루션은 더 작은 장치에서 보조 콘텐츠의 일부만 숨기는 것입니다. 예를 들어 헤더에 소셜 버튼이 있는 경우 반복을 피하기 위해 모바일 사이드바에서 제거할 수 있습니다.

또는 모바일 사이트에 접을 수 있는 사이드바를 사용할 수 있습니다. 그런 다음 사용자는 필요에 따라 보거나 숨길 수 있습니다.

마지막으로 사이드바를 전체 상태로 유지하고 반응형으로 만들어 더 작은 화면에 맞게 축소할 수 있는 옵션이 항상 있습니다. 사이트에 가장 적합한 경로는 사이드바에 포함된 콘텐츠 유형과 웹사이트 전체의 목표에 따라 다릅니다.

결론

주요 콘텐츠가 주목받기를 원하지만 사이트 사용자에게 필요한 다른 정보도 많이 있습니다. 사이드바를 사용하면 주요 영역에 대한 링크, 이메일 가입 양식 등과 같은 중요한 요소를 페이지 전체에 표시할 수 있습니다.

사이드바는 모바일 우선 브라우징과 관련하여 단점이 있을 수 있지만 곧 사라질 것입니다. 대신, 우리는 그들의 디자인에 접근하는 방식을 다시 상상해야 합니다. 그러나 올바른 도구를 사용하면 문제를 해결해야 합니다.

사이드바를 최대한 활용하는 방법에 대해 질문이 있습니까? 아래 댓글 섹션에 남겨주세요!

Mr Kreetha Mahamud의 기사 축소판 이미지 / shutterstock.com