베이커리 모바일 메뉴와 페이지 구조, 첫 편집부터 점검까지

베이커리 사이트는 사진이 예쁜 것만으로 충분하지 않습니다. 방문자가 모바일에서 메뉴를 찾고, 가격과 판매 조건을 확인하고, 주문이나 방문에 필요한 정보를 빠르게 이해해야 합니다. 아래 순서는 TalkTalkMySite에서 처음 편집할 때 페이지 구조부터 공개 전 점검까지 차례로 진행하는 방법입니다.

1. 페이지를 만들기 전에 필요한 정보를 모으기

먼저 사이트에 무엇을 보여줄지 정합니다. 상품 이름과 가격, 판매 단위, 판매 가능 시간, 알레르기 관련 안내처럼 고객이 메뉴를 선택할 때 필요한 정보를 한곳에 적으세요. 정보가 아직 정해지지 않았다면 추측으로 채우지 말고 확인할 항목으로 남깁니다.

• 대표 메뉴 3~6개와 각 메뉴의 정확한 이름·가격을 적습니다.
• 당일 판매 여부나 예약 마감처럼 변동되는 조건을 구분합니다.
• 매장 주소, 영업시간, 휴무일, 문의 방법을 준비합니다.
• 온라인 주문을 받지 않는다면 주문 버튼 대신 방문 안내를 중심으로 구성합니다.

**가상 예시:** 동네 베이커리 ‘밀숲’이 소금빵, 식빵, 계절 타르트를 소개한다고 가정합니다. 가격과 판매 시간은 실제 운영자가 확인한 값만 게시하고, 계절 타르트의 판매 기간은 바뀔 수 있다고 분명히 표시합니다.

2. 모바일에서 읽히는 메뉴부터 정리하기

메뉴 이름만 나열하면 고객은 무엇을 고를지 판단하기 어렵습니다. 각 항목을 짧고 일정한 형식으로 작성하세요. 이름, 가격, 한 줄 설명을 기본으로 두고, 선택에 필요한 정보만 덧붙입니다. 긴 재료 설명이나 매장 소개를 메뉴 항목마다 반복하지 않습니다.

• 가격은 ‘3,500원’처럼 단위를 포함해 분명하게 씁니다.
• ‘오늘의 빵’처럼 매일 달라지는 항목은 갱신 책임자와 갱신 시점을 정합니다.
• 품절이나 판매 시간 변동을 안내할 위치를 미리 정합니다.
• 한 화면에 항목을 너무 많이 몰아넣지 말고, 종류별로 묶습니다.

3. 페이지 구조를 정하고 실제 순서로 편집하기

처음에는 페이지 수를 늘리기보다 고객의 질문에 맞는 구조를 만듭니다. 예를 들어 홈, 메뉴, 매장 안내의 세 페이지로 시작할 수 있습니다. 홈에는 베이커리의 특징과 대표 메뉴, 다음 행동을 배치하고, 메뉴 페이지에는 상품 정보, 매장 안내에는 주소와 영업시간을 둡니다.

TalkTalkMySite의 시각 편집에서 먼저 페이지를 만들고 이름과 메뉴 표시 순서를 정한 다음, 각 페이지에 내용을 채우세요. 홈의 첫 화면은 핵심 소개와 ‘메뉴 보기’처럼 뜻이 분명한 행동 버튼으로 구성합니다. 버튼을 추가하기 전에 연결 대상 페이지가 실제로 있는지 확인합니다.

• 홈: 어떤 빵을 만드는 곳인지, 대표 메뉴가 무엇인지 보여줍니다.
• 메뉴: 이름·가격·설명과 판매 조건을 읽기 쉬운 순서로 배치합니다.
• 매장 안내: 주소, 영업시간, 휴무 정보와 연락 방법을 모읍니다.
• 페이지 제목과 메뉴 이름은 고객이 예상할 수 있는 표현으로 씁니다.

4. 사진과 글을 모바일 화면에 맞추기

사진은 메뉴를 알아보게 돕는 자료로 사용합니다. TalkTalkMySite에서는 라이선스가 제공되는 스톡 이미지와 동영상을 검색할 수 있으며, 실제 판매 상품과 다른 이미지를 대표 상품 사진처럼 오해하게 배치하지 않도록 주의합니다. 직접 촬영한 사진이 있다면 해당 상품과 일치하는지 확인하세요.

미리보기에서 제목이나 버튼이 사진에 묻히지 않는지 확인하고, 설명은 짧은 문단과 목록으로 나눕니다. 사용 가능한 한국어 글꼴은 OFL 글꼴 여섯 가지이며 실시간 미리보기로 선택할 수 있습니다. 모바일에서 작은 글씨가 읽기 어려우면 장식보다 가독성을 우선해 크기와 줄 간격을 조정합니다.

5. 모바일 동선과 공개 전 확인

편집 화면의 모바일 미리보기에서 홈부터 메뉴와 매장 안내까지 직접 눌러 봅니다. 버튼이 의도한 페이지로 연결되는지, 가격과 영업시간이 잘리지 않는지, 메뉴 순서가 자연스러운지 확인하세요. 슬라이더를 쓴다면 최대 다섯 장까지 등록할 수 있습니다. 여러 장을 넣더라도 핵심 안내가 첫 화면에서 빠지지 않게 구성합니다.

• 휴대전화 화면에서 모든 페이지를 처음부터 끝까지 확인합니다.
• 메뉴 버튼, 페이지 이동, 문의 방법이 실제 운영 방식과 일치하는지 점검합니다.
• 오늘 판매하는 정보와 변경될 수 있는 정보의 갱신 담당자를 정합니다.
• 공개 후에는 실제 게시 사이트에서도 같은 내용을 확인합니다.

기본 SEO는 공통 설정이며, Standard에서는 페이지별 SEO와 스토어 기능을 사용할 수 있고 Premium에서는 다국어 스토어를 사용할 수 있습니다. 검색 노출이나 방문자 수, 매출이 보장되는 것은 아닙니다. HEAD 메타 태그는 게시된 사이트에서 작동하지만, 사용자 지정 스크립트는 연결된 고객 도메인에서만 실행됩니다. 편집기 미리보기만으로 게시 사이트의 동작을 단정하지 마세요.

다음 편집 작업

오늘은 대표 메뉴 세 개와 매장 정보를 확정하고, 홈·메뉴·매장 안내 페이지를 구성해 보세요. 그다음 휴대전화 미리보기에서 메뉴 버튼부터 영업시간 확인까지 한 번의 방문 동선으로 테스트하고, 빠진 정보와 수정 담당자를 기록하면 운영하기 쉬운 첫 버전을 만들 수 있습니다.