홈페이지 푸터에 관해서2



홈페이지 푸터는 모든 페이지 하단에 위치한 영역으로 홈페이지 內에서 찾기 힘든 정보를 한눈에 펼쳐 볼 수 있는 페이지입니다.

사용자가 최하단으로 끝까지 스크롤을 내렸을 때 홈페이지에서 꼭 필요한 컨텐츠를 찾아갈 수 있도록 노출해주는 영역이기도 합니다.

본문내용이 최하단에 위치한 영역으로, 푸터에서 한번 더 인지싴줄 수 있는 영역이어야 합니다.

버튼과 메뉴로 구성되어 원하는 페이지를 쉽게 찾을 수 있고, 다른 페이지로 이동할 수 있는 기회를 줄 수 있습니다.

두부플러스를 이용하신다면 푸터설정을 이렇게 해보세요!

1. [운영모드> 환경설정> 사이트관리> 기본설정 - 기업정보]를 입력 후,

2. [디자인편집> 푸터영역에서 영역을 추가] 하신 후,

3. [요소추가> 구성요소> 하단메뉴, 하단주소, 카피라이터]를 드래그앤드롭하여 원하는 위치에 설정해주시기 바랍니다.

이번칼럼은 푸터관련하여 질문받은 내용을 묻고 답하는 형식으로 작성해보았습니다.

Q 저희 홈페이지는 상세페이지가 이미지 때문에 길고 내용도 많아요.

고객이 푸터까지 스크롤을 내리지 않을 것 같은데 푸터에도 신경을 써야 할까요?

A 상세페이지의 내용이 많고 길어 스크롤을 내려 하단 페이지에서만 보이는 푸터가 걱정되신다면

 하단에 푸터를 넣지 말고 화면의 왼쪽 끝이나 오른쪽 끝 영역에 고정으로 푸터를 노출 할 수 있도록 디자인을 설정해보시기 바랍니다. 

고객이 홈페이지 내에서 스크롤을 내리지 않고 왼쪽이나 오른쪽 영역에서 푸터 콘텐츠를 확인할 수 있기 때문에 

사이드 영역에서 푸터디자인을 잡아보는것도 방법이 될 수 있습니다.

Q 푸터에 꼭 들어가야하는 내용은 무엇인가요?

A 1:1문의하기, 회사 연락처, 회사 주소, 이메일 주소, 소셜SNS 바로가기, 인증기관 수상내역,

사이트맵중에서 depth없이 바로가기를 할 메뉴 정도 구성해서 넣어주시면 됩니다.

쇼핑몰의 경우 환불이나 교환 시 구매자가 바로 확인 가능하도록 바로가기 메뉴버튼을 넣어주시거나,

교환/반품 주소, CS연락처를 잘 보이게 넣어주시기 바랍니다.

Q 푸터 디자인은 어떻게 하는게 잘 보일까요?

A 상세페이지의 배경색과 푸터영역의 배경색은 다르게 작업해주시는게 좋습니다.

(색을 다르지 않게 하더라도 다른영역으로 구분지을 수 있도록 음영에 대비를 주어도 무방합니다.)

상세페이지는 배경을 흰색으로 하는경우가 많습니다.

상세페이지의 배경이 흰색일 경우, 푸터영역은 영역을 나눌 수 있는 회색 외 다른 색으로 디자인을 잡아주시어

영역구분과 텍스트 가독성에 신경써주시기 바랍니다.

숨겨져 보이거나 푸터영역의 높이가 낮게잡아 텍스트 크기를 줄이거나 잘보이지 않게 설정하지 마시기 바랍니다.

영역을 많이 차지한다고 텍스트 크기를 줄이거나 디자인을 답답하게 구성한다면, 푸터를 만든 의미는 사라지게 될 것입니다.

Q 모바일에서 푸터는 어떻게 보이는게 좋을까요?

A PC와 다르게 모바일은 화면이 세로로 길고 핸드폰 액정화면에 많은 내용이 들어가기 어렵습니다.

PC와 동일하게 모든 내용을 다 담으려고 하지 마시고, 모바일에서는 중요한 내용만! 필요한 내용만 설정하여 넣어주시기 바랍니다.

중요 내용만 설정하여 넣으실때, PC와 모바일의 내용이 동일해야 하지만 수정하면서 내용에 오타가 발생할 수 있고

다른 내용으로 변경하여 작업될 수도 있습니다. 이점을 주의하시어 마지막 내용 점검은 꼭 확인하시기 바랍니다.

추가적으로 모바일 화면에 전화하기 버튼이나 1:1 상담 바로가기 같은 버튼을 넣어주신다면 고객이 홈페이지 방문시 조금 더 편리하게 사용하실 수 있습니다.

Q 쇼핑몰 계정으로 인스타그램을 운영하는데 SNS는 어디 위치에 넣는게 좋을까요?

A 퀵메뉴를 홈페이지 우측중앙부분에 노출하여 인스타그램이나 페이스부긍로 바로가기 연결하는 방법이 있습니다.

퀵메뉴를 메인화면만 노출 또는 메인+서브화면까지 노출하는 방법이 있고, 푸터에 SNS 아이콘을 클릭하여 링크로 연결되게끔 하는 방법이 있습니다.

위 방법을 참고하시어 푸터영역을 디자인하고 설정하시어 홈페이지를 구성하신다면 조금 더 완성도 높은 홈페이지를 구성하실 수 있습니다.