카페 홈페이지 제작, 메뉴·매장 사진·위치·인스타 연결까지 구성하는 법

카페 홈페이지 제작을 알아보는 사장님이라면 인스타그램과 네이버 플레이스가 이미 있는데 홈페이지에 무엇을 더 넣어야 할지부터 고민이 됩니다. 이 글은 비용보다 구성에 집중합니다. 커피숍·디저트카페 기준으로 메뉴와 매장 사진, 영업시간·위치, 인스타그램 연결, 단체 주문 문의까지 한 페이지에 배치하는 순서를 정리합니다.

카페 홈페이지 제작, 결론부터: 한 페이지에 담을 6가지

개인 카페는 정보량이 많지 않아 한 페이지 홈페이지로 충분한 경우가 많습니다. 손님이 스크롤하는 순서대로 다음 여섯 가지를 놓으면 됩니다.

1. 첫 화면: 상호, 한 줄 소개, 대표 사진, 길찾기 버튼
2. 메뉴: 대표 메뉴와 가격을 글자로
3. 매장 사진: 좌석, 분위기, 외관
4. 영업시간·위치: 요일별 시간, 휴무, 지도, 주차
5. 인스타그램: 최신 소식으로 이어지는 연결
6. 문의: 단체 주문·케이크 예약 폼

메뉴가 아주 많거나 원두·디저트를 온라인으로 판매한다면 메뉴나 판매 페이지를 따로 나누는 편이 낫습니다. 한 페이지 방식의 장단점은 원페이지 홈페이지 글에서 다룹니다.

카페 홈페이지 구성 순서, 스크롤 흐름대로 배치하기

손님이 카페 홈페이지에서 알고 싶은 것은 대개 '어떤 곳인지, 뭐가 맛있는지, 어떻게 가는지'입니다. 섹션마다 질문 하나에 답하게 하면 흐름이 깔끔해집니다.

순서	섹션	손님이 궁금한 것	넣을 내용
1	첫 화면	어떤 카페인가	상호, 한 줄 소개, 대표 사진, 길찾기 버튼
2	메뉴	무엇이 맛있고 얼마인가	시그니처 메뉴, 가격, 짧은 설명
3	공간	분위기와 좌석	좌석·창가·외관 사진
4	이야기	왜 이 카페인가	원두, 직접 굽는 디저트 등 두세 문장
5	방문 정보	언제, 어떻게 가나	영업시간, 휴무, 주소, 지도, 주차
6	소식	요즘 뭐가 새로운가	인스타그램 연결, 시즌 메뉴
7	문의	단체 주문이 되나	문의 폼, 전화 버튼

첫 화면에서는 손님이 할 행동을 하나로 좁힙니다. 방문이 중요하면 길찾기, 케이크 예약이 중요하면 예약 문의 버튼을 가장 눈에 띄게 둡니다. 휴대폰에서는 버튼을 누르기 쉬운 크기로 만들고, 사진 용량과 움직임은 화면이 느려지지 않는 선에서 조절합니다.

메뉴·디저트 사진은 이렇게 보여 줍니다

메뉴판은 이미지보다 글자로

메뉴판 사진 한 장을 올리면 빠르지만 휴대폰에서 확대해야 읽히고, 검색엔진도 글자를 읽기 어렵습니다. 메뉴 이름과 가격은 글자로 쓰고 사진은 대표 메뉴에만 붙이면 보기에도 관리에도 편합니다. 인스타그램 DM으로 가격 문의가 반복된다면 프로필에 메뉴 섹션 링크를 걸어 두는 것도 방법입니다.

시즌 메뉴는 칸을 따로

딸기·빙수처럼 계절마다 바뀌는 메뉴는 고정 메뉴와 섞지 말고 '이번 시즌' 칸을 따로 두면 그 칸만 고치면 됩니다. 끝난 메뉴가 남아 있으면 헛걸음이 생기니 교체 시점을 정해 두세요.

디저트카페 홈페이지는 사진과 예약 상품

디저트카페는 사진이 선택을 좌우합니다. 같은 조명과 배경으로 찍으면 한 화면에서 통일감이 생깁니다. 홀케이크처럼 미리 주문받는 상품은 '예약 상품' 섹션으로 나누고 주문 마감과 수령 방법을 함께 적습니다.

영업시간·위치·주차 안내와 검색 노출

휴무와 지도, 주차

정기 휴무와 명절·임시 휴무를 구분해 적고, 시간이 바뀌면 홈페이지와 인스타그램, 지도 서비스를 함께 고칩니다. 주소 아래에는 지도와 길찾기 버튼, 주차 가능 여부와 가까운 주차장 정보를 한 줄씩 두면 전화 문의가 줄어듭니다.

구조화 데이터로 영업 정보 알리기

구조화 데이터는 가게 정보를 검색엔진이 읽는 형식으로 적어 두는 코드입니다. 구글 검색 센터의 지역 비즈니스(LocalBusiness) 구조화 데이터 문서에는 요일별 영업시간, 메뉴 주소, 음식 종류, 가격대 항목 예시가 있고, schema.org에는 카페·커피숍용 유형(CafeOrCoffeeShop)이 따로 있습니다. 넣는다고 바로 검색 결과에 표시되는 것은 아니지만 정보를 정확히 전하는 기본 작업입니다.

스마트플레이스와 역할 나누기

지도에서 찾는 손님은 스마트플레이스를 먼저 봅니다. 영업시간과 길찾기는 플레이스와 함께 맞춰 두고, 홈페이지에는 카페 이야기와 메뉴 설명, 단체 주문 안내처럼 플레이스에 다 담기 어려운 내용을 맡깁니다. 연결 방법은 네이버 스마트플레이스 홈페이지 등록에서 다룹니다.

카페 홈페이지 제작 때 인스타그램 연결하는 3가지 방법

방법	보이는 모습	장점	확인할 점
버튼 링크	누르면 인스타그램 계정으로 이동	가장 간단하고 끊길 일이 적음	홈페이지 안에서 새 게시물이 안 보임
게시물 퍼가기	고른 게시물을 홈페이지 안에 표시	원하는 게시물만 보여 줌	새 게시물은 직접 바꿔 넣어야 함
피드 위젯	최신 게시물이 자동으로 표시	손대지 않아도 갱신	외부 위젯 의존, 계정 유형 조건

Meta 개발자 문서에 따르면 공개 게시물은 퍼가기(oEmbed) 방식으로 사이트에 넣을 수 있고 사진·동영상·릴스를 지원합니다. 가져온 내용은 화면에 보여 주는 용도로만 써야 합니다.

피드 위젯은 조건을 먼저 봐야 합니다. 여러 위젯 업체는 2024년 12월 4일 Instagram Basic Display API 종료로 개인 계정 피드를 불러오던 위젯이 작동하지 않게 됐다고 안내했고, 지금은 비즈니스·크리에이터 계정이 필요하다고 설명합니다. 처음에는 버튼 링크와 대표 게시물 몇 개로 시작해도 충분합니다.

단체 주문·케이크 예약 문의 받는 법

행사용 커피 단체 주문이나 홀케이크 예약을 전화와 DM으로 받으면 날짜·수량이 빠지기 쉽습니다. 문의 폼에 다음 항목을 두면 다시 묻는 일이 줄어듭니다.

1. 이름과 연락처
2. 받을 날짜와 시간
3. 메뉴와 수량
4. 수령 방법(매장 픽업 등)
5. 케이크 문구 같은 요청 사항
6. 개인정보 수집·이용 동의 칸

폼 위에 주문 마감, 최소 수량, 결제 방법을 적어 두면 가능 여부를 묻는 문의도 줄어듭니다. 연락처를 받는 만큼 어떤 항목을 왜 받는지 안내하는 편이 좋습니다. 처리방침에 들어갈 내용은 홈페이지 개인정보처리방침 글에서 다룹니다.

루사이트로 카페 홈페이지 제작하기

루사이트는 업종별 템플릿 100개+를 바탕으로 스크롤하면 장면이 바뀌는 한 페이지 홈페이지를 만듭니다. 카페 업종 템플릿이 있어 그 구성에서 시작하며, 템플릿 속 상호와 번호는 가상의 데모라 제작 때 우리 카페의 상호·로고·사진·문구로 바꿉니다.

베이직(880,000원, 부가세 포함)은 상호·로고·사진·문구·색상을 바꾸고 PC·모바일 반응형으로 만들며 자료 전달 후 3일 이내 제작합니다. 단체 주문 섹션을 더하고 문의 폼을 연동하려면 스탠다드(1,980,000원)가 맞습니다. 스탠다드에는 카피 작성, 블로그 페이지, 메타 정보·구조화 데이터·사이트맵·검색엔진 등록 같은 검색 최적화 기본 설정이 들어가며 자료 전달 후 5일 이내 제작합니다. 다국어와 예약·외부 서비스 연동은 프리미엄(3,300,000원부터)에서 협의합니다. 사진 촬영과 도메인 구입·갱신 비용은 별도입니다.

업종별 템플릿과 가격을 먼저 둘러보셔도 좋습니다.

루사이트에 상담 문의하기

자주 묻는 질문

인스타그램과 스마트플레이스가 있는데 카페 홈페이지도 필요한가요?

인스타그램은 최신 소식, 스마트플레이스는 지도 검색에 강합니다. 홈페이지는 메뉴·가격·단체 주문 안내를 정리해 내 주소로 운영할 수 있다는 점이 다릅니다. 단체 주문이나 예약 상품이 있다면 쓰임이 더 큽니다.

인스타 피드를 홈페이지에 자동으로 띄울 수 있나요?

피드 위젯으로 가능하지만 계정 유형 조건이 있고 외부 서비스에 기대게 됩니다. 원하는 게시물만 퍼가기로 넣는 방법도 있습니다.

메뉴판 사진을 그대로 올려도 되나요?

올릴 수는 있지만 휴대폰에서 읽기 불편하고 검색엔진이 내용을 읽기 어렵습니다. 메뉴와 가격은 글자로 쓰는 편이 좋습니다.

디저트카페 홈페이지는 무엇이 다른가요?

사진 비중이 크고 예약 상품이 많은 편입니다. 사진 톤을 맞추고 예약 상품의 마감과 수령 방법을 따로 안내하세요.