배너Banner
한 줄 정의
배너는 할인 · 신상품 · 이벤트 같은 소식을 알리려고 웹페이지 안의 정해진 자리에 넣는 이미지나 문구 영역이에요.
쉽게 말하면
가게 앞에 거는 현수막처럼, 사이트 운영자가 방문자에게 알리고 싶은 소식을 눈에 띄는 자리에 걸어 두는 것이 배너예요. 배너는 페이지 안에 자기 자리를 차지하고 있어서, 방문자가 따로 닫지 않아도 다른 내용과 함께 보여요. 배너에 링크를 걸어 두면, 배너를 누른 방문자를 이벤트 페이지나 상품 페이지로 보낼 수 있어요.
어디에 두나요
- 첫 화면 배너: 메인 페이지 맨 위에 화면 너비만큼 크게 두는 배너예요. 여러 장을 옆으로 넘겨 가며 보여 주기도 해요
- 띠배너: 페이지 맨 위나 아래에 얇은 띠 모양으로 두고 짧은 소식을 한 줄로 알려요
- 본문 중간 배너: 상품 목록이나 글 사이에 끼워 넣어 관련 이벤트를 알려요
배너 한 장에는 소식 하나만 담는 편이 좋아요. 배너는 방문자가 페이지를 내리며 스쳐 보는 자리에 있어서, 소식을 여러 개 담으면 그중 무엇이 핵심인지 전해지기 어려워요.
큐샵에서는
큐샵에서는 클래식 에디터와 스튜디오 에디터 모두에서 원하는 모양대로 배너를 만들 수 있어요.
헷갈리는 말
| 헷갈리는 말 | 뜻 | 배너와 다른 점 |
|---|---|---|
| 띠배너 | 페이지 맨 위나 아래에 가로로 길고 얇게 두는 배너 | 띠배너는 배너의 한 종류예요. 높이가 낮아서 페이지 내용을 거의 밀어내지 않아요 |
| 팝업 | 페이지 위에 겹쳐 떠오르는 작은 창 | 배너는 페이지 안에 자리를 차지하고, 팝업은 페이지 위를 덮어요. 팝업이 가린 부분은 방문자가 팝업을 닫아야 볼 수 있어요 |
같은 말
아래 이름으로도 불러요. 모두 같은 뜻이에요.
Banner