Ali Tanis
최고의 레스토랑 홈페이지는 휴대폰 첫 화면(스크롤하기 전에 보이는 화면)에서 세 가지를 해냅니다. 음식이나 홀을 보여 주고, 엄지손가락이 닿는 곳에 예약·주문 버튼을 두고, 스스로 방해가 되지 않습니다. 저희는 2026년 10월 1일, 이름난 레스토랑 홈페이지 25곳을 이 기준으로 채점했습니다. 만점인 10점을 받은 곳은 한 곳도 없었습니다.
‘최고의 레스토랑 홈페이지’로 검색하면 상위에 뜨는 모음 글은 스크린숏과 디자인 형용사만 보여 줍니다. 이 글은 점수를 보여 줍니다. 모든 사이트를 휴대폰 크기 화면에서 확인했고, 메뉴를 하나하나 분석했으며, 속도는 Google의 필드 데이터(실사용자 데이터)에서 가져왔습니다. 비싸 보이기만 하는 것이 아니라 고객 경험을 실제로 개선하는 것을 따라 하세요.
핵심 요약: 최고의 레스토랑 홈페이지 가운데 다섯 곳이 9/10으로 동점입니다. Commander's Palace, Carbone, Franklin Barbecue, Russ & Daughters, Sweetgreen입니다. 25곳 전체로 보면 14곳이 휴대폰 첫 화면의 일부를 팝업창으로 가렸고, 모든 요리 옆에 사진을 보여 준 곳은 2곳뿐이었습니다. 대부분의 레스토랑이 점수를 잃는 곳은 팝업창과 사진입니다.
최고의 레스토랑 홈페이지를 채점한 방법
각 레스토랑 홈페이지를 고객이 몇 초 안에 체감하는 6가지 테스트로 10점 만점 채점했습니다. 대표 이미지, 눈에 보이는 예약·주문 버튼, 첫 화면의 팝업창, 메뉴 형식, 메뉴와 함께 보이는 요리 사진, 실사용자 로딩 속도입니다. 모든 테스트는 2026년 10월 1일 실제 사이트를 직접 확인한 결과입니다.
- 휴대폰 첫 화면. 각 사이트의 메인 페이지를 모바일 모드의 Google PageSpeed Insights로 실행하고, 마지막으로 캡처되는 스크린숏을 확인했습니다. 방문자가 스크롤하기 전에 보는 화면입니다.
- 속도. 같은 테스트에서 나온 Chrome UX Report 필드 데이터를 사용했습니다. 실제 Chrome 사용자의 75번째 백분위수 LCP(Largest Contentful Paint, 화면에서 가장 큰 요소가 표시되기까지 걸리는 시간)입니다. Google의 LCP 가이드는 2.5초 이하를 ‘좋음’으로 봅니다.
- 메뉴. 각 사이트의 메인 페이지와 메뉴를 불러와 PDF 링크, 이미지, 가격을 기록한 뒤 직접 읽어 보며 확인했습니다.
| 테스트 | 2점 | 1점 | 0점 |
|---|---|---|---|
| 첫 화면의 대표 이미지 | 요리 또는 홀 사진 | 일러스트, 로고, 텍스트 또는 일부가 가려진 사진 | 가려짐 또는 빈 화면 |
| 예약 / 주문 버튼 | 보임 | 팝업창 안이나 뒤에만 있음 | 안 보임 |
| 팝업창 | 없음 | 쿠키 배너만 | 프로모션, 뉴스레터 또는 공지 모달 |
| 메뉴 형식 | 크롤링 가능한 HTML | 허브, 스크립트 로딩 또는 PDF 혼합 | PDF만, 이미지만, 링크 없음 |
| 요리 사진 | 해당 없음 | 요리 사진 있음 (1점) | 없음 |
| 실사용자 속도 | 해당 없음 | LCP 2.5초 이하 (1점) | 2.5초 초과 |
주의할 점이 두 가지 있습니다. 랩(실험실) 점수는 측정할 때마다 몇 점씩 오르내리기 때문에 수치는 공개하되 채점에는 넣지 않았습니다. 또 팝업창은 지역과 계절에 따라 바뀝니다. 이 결과는 영구적인 판정이 아니라 특정 날짜의 스냅숏으로 봐 주세요.
두껍게 접힌 종이 메뉴판과 가벼운 한 장짜리 메뉴 카드 옆에 놓인 Chrome 스톱워치, 최고의 레스토랑 홈페이지 뒤에 숨은 속도 테스트
채점표: 레스토랑 홈페이지 25곳 비교
레스토랑 홈페이지 다섯 곳이 10점 만점에 9점으로 동점이었고, 10점에 도달한 곳은 없었습니다. 랩 성능 점수의 중앙값은 100점 만점에 56점이었고, Google이 ‘좋음’으로 보는 90점 구간에 든 사이트는 하나도 없었습니다. 대부분은 약한 시각 디자인보다 팝업창과 빠진 요리 사진 때문에 점수를 잃었습니다.
| # | 레스토랑 | 대표 | 예약/주문 버튼 보임 | 팝업창 | 메뉴 형식 | 요리 사진 | 랩 점수 | 실사용자 LCP | 점수 |
|---|---|---|---|---|---|---|---|---|---|
| 1 | Commander's Palace | 건물 외관 | 예 | 없음 | HTML | 없음 | 40 | 1.0초 | 9 |
| 2 | Carbone | 홀 내부 | 예 | 없음 | 스크립트 탭 | 일부 | 84 | 1.2초 | 9 |
| 3 | Franklin Barbecue | 바비큐 트레이 | 예 | 쿠키 | HTML | 트레이 한 장 | 59 | 1.6초 | 9 |
| 4 | Russ & Daughters | 음식 + 버튼 | 예 | 없음 | 온라인 숍 + Toast | 상품 | 56 | 1.4초 | 9 |
| 5 | Sweetgreen | 먹는 사람 | 예 | 쿠키 | HTML | 모든 요리 | 40 | 2.1초 | 9 |
| 6 | Eleven Madison Park | 주방 | 예 | 없음 | 없음 | 갤러리 | 55 | 2.3초 | 8 |
| 7 | Chez Panisse | 일러스트 | 예 | 없음 | HTML | 없음 | 43 | 1.7초 | 8 |
| 8 | Balthazar | 홀 내부 | 예 | 없음 | 허브 | 요리 12개 이상 | 57 | 3.5초 | 8 |
| 9 | Din Tai Fung | 로고 | 예 | 쿠키 | HTML + PDF | 모든 요리 | 40 | 1.6초 | 8 |
| 10 | Alinea | 접시 클로즈업 | 예 | 없음 | 없음 | 없음 | 59 | 1.0초 | 7 |
| 11 | St. JOHN | 홀 내부 | 예 | 없음 | 링크 없음 | 없음 | 60 | 1.2초 | 7 |
| 12 | Dishoom | 인용문 | 예 | 쿠키 | HTML | 20장 이상, alt 텍스트 없음 | 32 | 3.1초 | 7 |
| 13 | Noma | 음식 이미지 | 예 | 쿠키 | 없음 | 없음 | 56 | 2.0초 | 6 |
| 14 | BAO London | 일부 가려짐 | 예 | 쿠키 | 허브 | 없음 | 88 | 1.9초 | 6 |
| 15 | Zahav | 홀 내부 | 팝업창 안 | 공지 | HTML + PDF | 없음 | 41 | 1.4초 | 5 |
| 16 | Padella | 파스타 | 없음 | 공지 | HTML | 없음 | 70 | 1.0초 | 5 |
| 17 | Joe's Stone Crab | 일부 가려짐 | 없음 | 공지 | HTML + PDF | 요리 한 개 | 36 | 3.4초 | 4 |
| 18 | Gramercy Tavern | 가려짐 | 없음 | 프로모션 | HTML | 갤러리 | 24 | 2.0초 | 4 |
| 19 | Zuni Café | 외관 | 없음 | 없음 | 없음 | 65 | 3.0초 | 4 | |
| 20 | Via Carota | 로고 아트 | 없음 | 없음 | 이미지 | 갤러리 | 39 | 3.1초 | 4 |
| 21 | Katz's Delicatessen | 가려짐 | 없음 | 이메일 | HTML | 카테고리 | 56 | 2.0초 | 4 |
| 22 | Hawksmoor | 가려짐 | 오버레이 뒤 | 위치 | HTML | 없음 | 61 | 1.5초 | 4 |
| 23 | Sketch | 가려짐 | 예 | 쿠키 | 예약 페이지 | 공간 사진만 | 25 | 2.6초 | 4 |
| 24 | Roberta's | 스플래시 화면 | 없음 | 없음 | 링크 없음 | 없음 | 42 | 1.8초 | 3 |
| 25 | Momofuku | 일부 가려짐 | 없음 | 뉴스레터 | 링크 없음 | 없음 | 61 | 2.1초 | 2 |
레스토랑 홈페이지 채점표. 랩 점수 = PageSpeed Insights 모바일 성능(0~100). 실사용자 LCP = Chrome UX Report, 75번째 백분위수. 모든 확인은 2026년 10월 1일 기준.
잘 만든 레스토랑 홈페이지의 공통점
가장 좋은 사이트는 첫 화면에 분명한 행동 하나를 두고, 판매는 사진에 맡깁니다. 약한 사이트는 그 화면을 팝업창 아래 묻어 버리거나, 메뉴를 PDF 속에 숨기거나, 음식을 아예 보여 주지 않습니다. 25곳을 점검한 결과 눈에 띄는 발견이 다섯 가지 있었고, 모두 여러분의 사이트에서 쉽게 확인할 수 있습니다.
1. 대부분의 사이트가 손님을 놓치는 곳은 첫 화면입니다
최고의 사이트들도 여기서 넘어집니다. 25곳 중 14곳이 휴대폰 첫 화면의 일부를 가렸습니다. 7곳은 쿠키 배너, 7곳은 프로모션이나 공지 모달이었습니다. Gramercy Tavern은 Danny Meyer의 책을 알리는 팝업창으로 시작하고, Katz's는 굿즈 판매용 이메일 수집 창으로 시작합니다. 배고픈 방문자가 저녁 메뉴를 보려면 먼저 창부터 닫아야 하니, 좋은 첫인상일 수 없습니다.
반쯤 내려온 셔터 아래로 불 켜진 홀 안을 들여다보는 커플, 레스토랑 홈페이지를 가리는 팝업창처럼
2. 첫 화면에 예약·주문 버튼을 둔 곳은 25곳 중 15곳뿐입니다
가장 강한 사이트는 행동 버튼을 놓칠 수 없게 만듭니다. Franklin Barbecue의 주황색 ‘Order in Advance’(사전 주문) 화살표, Eleven Madison Park의 ‘Book on Resy’(Resy로 예약) 버튼 하나가 그렇습니다. 8곳은 스크롤하기 전까지 예약이나 온라인 주문 버튼이 전혀 보이지 않아, 방문자가 대신 내비게이션 메뉴를 뒤져야 합니다.
3. 모든 요리 옆에 사진을 보여 주는 곳은 25곳 중 2곳뿐입니다
Din Tai Fung과 Sweetgreen은 요리마다 사진을 찍었고, Sweetgreen은 모든 사진에 설명이 담긴 alt 텍스트(이미지 대체 텍스트)까지 씁니다. 다른 10곳은 음식을 일부 보여 줍니다. 13곳은 메뉴에 요리 사진이 하나도 없는데, 가장 적은 비용으로 메울 수 있는 빈틈입니다.
4. PDF보다 HTML이 낫습니다
11곳은 휴대폰과 검색 엔진이 읽을 수 있는 HTML 메뉴를 공개합니다. Zuni Café는 ‘Sample’(샘플) PDF를 링크하고, Via Carota는 가격 없는 이미지를 보여 줍니다. Eleven Madison Park, Alinea, Noma는 메뉴를 아예 공개하지 않는데, 테이스팅 메뉴 방식이라 일부러 택한 선택입니다. 레이아웃은 레스토랑 메뉴 디자인하는 방법 가이드에서, 문구는 주문을 부르는 음식 설명에서 다룹니다.
5. 실사용자 속도는 랩 결과보다 빠릅니다
속도는 이 사이트들이 의외의 결과를 보여 준 항목입니다. 랩에서 90점 이상을 받은 사이트는 하나도 없었지만, 25곳 중 19곳이 실제 방문자 기준 LCP 2.5초 선을 통과했습니다. Gramercy Tavern은 랩 점수가 24점이었는데도 대부분의 실사용자에게 2.0초 만에 로드됩니다. Noma의 메인 페이지는 랩 측정에서 용량이 약 19 MB였습니다.
점수순으로 본 레스토랑 홈페이지 25곳
채점 기준표 점수순으로 정리한 이 레스토랑 홈페이지들은 무엇을 따라 하고 무엇을 고쳐야 하는지 보여 줍니다. 항목마다 그 사이트가 잘하는 점과 점수를 끌어올릴 변경 한 가지를 적었습니다. 동점인 곳의 순서에는 특별한 의미가 없으며, 모든 내용은 2026년 10월 1일 확인 기준이므로 레스토랑이 사이트를 업데이트하면 세부 사항이 바뀔 수 있습니다.
1. Commander's Palace (뉴올리언스): 9/10
Commander's Palace는 파란색과 흰색의 건물 사진으로 시작하고, 내비게이션의 ‘Reserve’(예약)와 대표 이미지 위의 예약 버튼이 모두 Tock으로 연결됩니다. 메뉴는 ‘+3.50’ 추가 옵션까지 실제 HTML 텍스트입니다. 디자인 덕분에 예약이 자연스러운 다음 단계가 됩니다. 개선점: 요리 사진이 없습니다. 인근 레스토랑 사장님이라면: 뉴올리언스 메뉴 이미지 화질 높이기.
2. Carbone (뉴욕): 9/10
Carbone는 랩 점수 84점으로 이 목록에서 두 번째로 높았고 디자인 요소가 많은 사이트치고 빠르며, 촛불이 켜진 홀 사진 위에 ‘Reserve a table’(테이블 예약)을 띄웁니다. 미트볼과 송아지 파르미자나 사진이 메뉴와 함께 메인 페이지에 실려 있습니다. 개선점: 메뉴 탭이 스크립트로 로딩되기 때문에 검색 엔진에는 텍스트가 거의 보이지 않을 수 있습니다. 뉴욕 레스토랑 요리 사진도 참고하세요.
3. Franklin Barbecue (오스틴): 9/10
Franklin Barbecue는 이 목록에서 행동 유도 버튼이 가장 분명합니다. 바비큐가 가득 담긴 트레이 위의 커다란 주황색 ‘Order in Advance’ 화살표가 온라인 사전 주문으로 이어집니다. 가격은 일반 HTML 텍스트입니다(브리스킷 파운드당 $42). 개선점: 트레이 사진 한 장이 모든 것을 떠맡고 있습니다. 오스틴 음식 촬영 비용 가이드에서 선택지를 비교해 보세요.
4. Russ & Daughters (뉴욕): 9/10
Russ & Daughters는 첫 화면을 커다란 버튼 4개(Order Now, Locations, Send a Gift, Cookbook)로 채웠습니다. 엄지로 누르기 좋게 만든 디자인입니다. 온라인 주문은 Toast로 처리되고, 온라인 숍은 록스(훈제 연어)와 베이글 사진으로 가득합니다. 개선점: 메뉴가 별도의 숍 하위 도메인에 있어 검색 신호가 분산됩니다.
5. Sweetgreen: 9/10
Sweetgreen은 메뉴 사진의 본보기입니다. 모든 메뉴에 전용 사진과 설명이 담긴 alt 텍스트가 있고, 헤더에는 ‘Order’(주문)가 있습니다. 개선점: 가격은 온라인 주문 화면 안에서만 보이고, 랩 점수 40점은 이 정도 규모의 브랜드치고 낮습니다. 체인점이라면 배달앱 음식 사진 가이드와 우버이츠·도어대시 사진 요건을 읽어 보세요.
6. Eleven Madison Park (뉴욕): 8/10
Eleven Madison Park는 일하는 주방의 모습과 주황색 ‘Book on Resy’ 버튼 하나를 보여 줍니다. 시선을 빼앗는 요소가 없어 다음 단계가 분명합니다. 개선점: 메뉴를 공개하지 않습니다. 샘플 메뉴 하나만 있어도 손님의 첫 질문에 답할 수 있습니다. 파인 다이닝 음식 사진 옵션도 비교해 보세요.
7. Chez Panisse (버클리): 8/10
Chez Panisse는 식물 도감풍의 토마토 일러스트와 단순한 내비게이션(Menu, Reservations, Information)으로 시작합니다. 카페 메뉴는 가격이 적힌 HTML입니다(‘Rocket and fennel salad… $24’). 개선점: 일러스트는 실제 음식 사진만큼 팔지 못합니다. 제철 요리 뒤에 음식 사진을 살리는 배경 하나만 깔아도 효과가 더 큽니다.
8. Balthazar (뉴욕): 8/10
Balthazar는 전화번호, 주소, ‘Main Menu’, 예약, 배달을 홀 사진 위에 배치해 고객이 할 일마다 첫 화면에 자리가 있습니다. 메뉴 허브 페이지에는 요리 사진이 십여 장 넘게 있고, 파일 이름에 사진작가 Michael Grimm의 이름이 들어 있습니다. 개선점: 실사용자 LCP가 3.5초로 25곳 중 가장 느립니다.
텅 빈 브라스리에서 사다리에 올라 레스토랑 메뉴 사진 세트용 스테이크 오 푸아브르를 위에서 촬영하는 사진작가
9. Din Tai Fung (미국): 8/10
Din Tai Fung은 굵은 로고를 보여 주고 그 아래에 Reserve(예약)와 온라인 주문 버튼을 둡니다. HTML 메뉴의 모든 요리에 통일된 제품 사진과 전용 페이지가 있습니다. 개선점: 로고만 있는 첫 화면은 사이트 최고의 음식 사진을 낭비합니다.
10. Alinea (시카고): 7/10
Alinea는 추상적인 접시 클로즈업으로 시작하며, 11월에 Tock에서 OpenTable로 옮긴다는 설명이 붙은 예약 버튼 두 개가 있습니다. 개선점: 메뉴가 없습니다. 시카고 레스토랑 음식 사진도 참고하세요.
11. St. JOHN (런던): 7/10
St. JOHN은 하얀 홀 사진, 상단의 ‘Reservations’(예약) 링크, 메인 페이지에 내장된 예약 양식을 보여 줍니다. 개선점: 메인 페이지에서 메뉴로 가는 링크가 없습니다. 런던 레스토랑 음식 사진 보정도 참고하세요.
12. Dishoom (영국): 7/10
Dishoom은 봄베이에 관한 인용문과 헤더의 ‘Book’(예약)으로 시작합니다. HTML 메뉴에는 가격이 적혀 있고 큰 사진이 20장 이상 있지만, 모두 alt 텍스트가 비어 있습니다. 개선점: 이미지마다 설명을 다세요. 실사용자 LCP는 3.1초입니다.
13. Noma (코펜하겐): 6/10
Noma는 음식보다 경험을 먼저 팝니다. 첫 화면에는 분위기 있는 음식 이미지, ‘Copenhagen 2026’, ‘Book a table’(테이블 예약)이 있습니다. 개선점: 쿠키 배너가 화면 하단 3분의 1을 가리고, 랩 측정에서 페이지 용량이 약 19 MB였습니다.
14. BAO London: 6/10
BAO는 이 목록에서 가장 높은 랩 점수(88)를 기록했고, 상단 바에 ‘Book here’(예약하기)를 두었습니다. 개선점: 쿠키 모달이 대표 이미지를 가리고, 메뉴에는 바오 번이 아니라 매장 사진이 나옵니다.
15. Zahav (필라델피아): 5/10
Zahav는 따뜻한 분위기의 홀을 보여 준 뒤, 월요일 영업시간을 알리는 공지 모달을 띄우고 그 안에 ‘Book Here’를 넣었습니다. 바 메뉴와 디저트 메뉴는 PDF로만 있습니다. 개선점: 얇은 배너와 HTML 메뉴로 바꾸세요. 필라델피아 식당 사진도 참고하세요.
16. Padella (런던): 5/10
Padella에는 멋진 파스타 사진과 그날 날짜가 적힌 HTML 메뉴가 있습니다. 경험이 살아 있다고 느끼게 하는 독특한 디테일입니다. 개선점: 단체 예약 모달이 첫 화면을 막고 있습니다.
17. Joe's Stone Crab (마이애미 비치): 4/10
Joe's Stone Crab은 테스트 당시 시즌 휴업 공지를 띄우고 있었습니다(10월 16일 재개장). HTML 메뉴에는 점보 집게발이 $129.95로 올라 있고, PDF 메뉴도 따로 있습니다. 개선점: LCP 3.4초, 요리 사진은 한 장뿐입니다. 마이애미 레스토랑 음식 사진 어플도 참고하세요.
바쁜 주방 패스대에서 선명하게 멈춘 접시를 들어 올리는, 움직임에 흐려진 서버들, 손님이 레스토랑 홈페이지에 기대하는 속도
18. Gramercy Tavern (뉴욕): 4/10
Gramercy Tavern에는 가격이 적힌 HTML 메뉴(Seafood Platter $54)와 사진 갤러리가 있습니다. 개선점: 책 홍보 팝업창이 모든 것을 가리고, 랩 점수는 가장 낮은 24점이었습니다.
19. Zuni Café (샌프란시스코): 4/10
Zuni Café에는 해 질 녘 건물과 창문을 담은 아름다운 사진이 있습니다. 개선점: ‘Sample’ PDF 메뉴, 상단에 방문자용 예약 버튼 없음, LCP 3.0초. 샌프란시스코 음식 사진 보정도 참고하세요.
20. Via Carota (뉴욕): 4/10
Via Carota는 첫 화면을 일러스트 로고 디자인으로 감싸고, 브랜드와 어울리는 요리 갤러리를 두었습니다. 개선점: 메뉴가 가격 없는 이미지입니다.
21. Katz's Delicatessen (뉴욕): 4/10
Katz's는 파스트라미, 수프, 베이글 카테고리 사진을 갖춘 본격적인 온라인 숍을 운영합니다. 개선점: 이메일 수집 팝업창이 첫 화면을 가리고, 메뉴에서는 고객이 후드티와 기프트 카드 사이에서 파스트라미를 골라내야 합니다.
22. Hawksmoor (영국): 4/10
Hawksmoor는 가격이 적힌 깔끔하고 명확한 HTML 메뉴를 씁니다(필레 £46/£59). 개선점: 지점 선택 창과 쿠키 배너가 대표 이미지 위에 겹쳐 ‘Book a table’을 가립니다.
23. Sketch (런던): 4/10
Sketch는 예약과 메뉴를 헤더 버튼 하나로 묶었습니다. 영리하고 독특한 아이디어입니다. 개선점: 쿠키 모달이 첫 화면을 가리고, 랩 측정에서 메인 스레드가 29.4초 동안 차단되었습니다.
24. Roberta's (뉴욕): 3/10
Roberta's는 OpenTable, 배달용 온라인 주문, 케이터링을 링크합니다. 개선점: 테스트의 마지막 프레임에도 빨간 스플래시 화면이 그대로 남아 있었고, 메뉴 링크가 없습니다.
25. Momofuku: 2/10
Momofuku는 대부분의 매장에 OpenTable 링크를 달았습니다. 개선점: 뉴스레터와 쿠키 팝업창이 첫 화면을 가리고, 메뉴 링크가 없습니다. 여러 매장을 운영하는 그룹이라면 내비게이션에 Menus 허브 하나만 두어도 대부분 해결됩니다.
약한 레스토랑 사이트가 사진에서 실패하는 이유
대부분의 레스토랑 홈페이지가 사진에서 실패하는 이유는, 요즘 템플릿은 대표 이미지와 요리 사진 세트를 전제로 하는데 레스토랑은 그런 사진을 찍은 적이 없기 때문입니다. 최고의 사이트들 중에서도 25곳 중 13곳은 메뉴에 요리 사진이 없었고, 통과한 사이트는 전문 촬영에 돈을 들였거나 체인 규모의 사진 프로그램을 운영했습니다.
비어 있는 이미지 자리는 글꼴이 아무리 좋아도 어떤 최신 홈페이지 디자인이든 미완성처럼 보이게 만들고, 대부분의 개인 레스토랑이 멈춰 서는 곳도 바로 여기입니다. 레스토랑 브랜드 디자인 가이드에서는 하나의 사진 스타일이 사이트, SNS, 배달앱 전반에서 브랜드를 어떻게 이끄는지 설명하고, 사진 메뉴 가이드에서는 사진이 있는 메뉴가 왜 손님의 선택을 돕는지 다룹니다.
똑같은 회색 석기 그릇에 담긴 요리 12가지를 같은 탑뷰 격자로 배치한 모습, 레스토랑 홈페이지를 위한 일관된 음식 사진 세트
템플릿에 필요한 사진 세트:
| 이미지 자리 | 수량 | 비율 | 담을 내용 |
|---|---|---|---|
| 대표 | 1~2장 | 16:9, 휴대폰 크롭에 대비해 피사체를 가운데에 | 대표 요리 또는 영업 중인 홀 |
| 요리 | 잘 팔리는 메뉴 8~12개 | 1:1, 같은 각도와 같은 바닥면 | 메뉴마다 사진 한 장 |
| 홀과 외관 | 2~3장 | 가로 | 홀, 바, 출입문 |
| Google과 SNS | 재사용 | 1:1 또는 4:5 | Google 비즈니스 프로필용으로 같은 요리 사진을 프로필 사진 규격에 맞게 자른 것 |
가장 많이 버는 요리부터 시작하세요. 어떤 요리인지는 메뉴 엔지니어링이 알려 줍니다. 사진 세트를 채우는 방법은 세 가지입니다. 전문 촬영은 가장 세밀하게 통제할 수 있습니다. 음식 사진 비용 분석에서 가격대를 확인하고, 레스토랑 촬영 아이디어로 촬영 당일을 계획하세요. 휴대폰 촬영은 핸드폰으로 음식 사진 잘 찍는 법과 음식 사진 조명 가이드를 따르면 충분히 통합니다. 세 번째 방법은 AI 음식 사진입니다. FoodShot은 요리마다 찍은 휴대폰 사진 한 장을 약 2분 만에 스튜디오 스타일의 2K 이미지(2048 px)로 바꿉니다. 200가지 이상의 스타일 중 하나로 모든 요리를 처리해 세트를 통일하거나, My Styles(마이 스타일) 기능으로 이미 가진 브랜드 사진에 맞출 수 있습니다. iOS와 Android용 음식 사진 어플로도 쓸 수 있으며, 요금제는 월 $15(사진 25장)부터 시작합니다. 세 가지 방법은 식당 사진 완벽 가이드에서 자세히 비교합니다.
분명히 해 두자면, FoodShot은 이미지를 제공할 뿐 홈페이지를 만들어 주지는 않습니다. 파일은 다른 사진처럼 Squarespace, BentoBox, Webflow, WordPress에 올리면 됩니다. 작업 흐름은 레스토랑을 위한 AI 음식 사진 페이지에서 보여 드리며, 같은 사진 세트가 배달앱과 모든 온라인 리스팅에도 그대로 쓰입니다. 이 부분은 배달앱 매출 늘리는 법에서 다룹니다.
이번 점검에서 드러난 세부 사항이 두 가지 있습니다. Sweetgreen처럼(그리고 Dishoom과 달리) 모든 요리 사진에 alt 텍스트를 쓰세요. 또 이미지는 이미지 자리가 실제로 표시하는 크기에 맞춰 내보내세요. 휴대폰 첫 화면에서 가장 큰 요소는 대개 이미지이고, 그 이미지가 곧 LCP가 되기 때문입니다.
우리 레스토랑 홈페이지를 10분 만에 점검하는 법
최고의 사이트들을 채점할 때 쓴 기준표로, 무료 도구만 써서 약 10분이면 여러분의 레스토랑 홈페이지를 채점할 수 있습니다. PageSpeed 테스트를 한 번 실행하고, 휴대폰 첫 화면을 보고, 메뉴를 열고, 요리 사진 수를 세어 보세요. 0점이 나온 항목이 다음에 고칠 곳이며, 대부분은 리디자인 없이 해결되는 쉬운 개선입니다.
영업을 마친 뒤 의자를 뒤집어 올려 둔 홀을 등지고, 바에서 인쇄한 홈페이지 점검 체크리스트에 표시하는 레스토랑 사장님
- 지금 모바일에서 PageSpeed Insights를 실행하세요. 필드 LCP를 기록하고, 2.5초 이하를 목표로 하세요.
- 첫 화면을 보세요. 음식이나 홀 사진이 있나요? 스크롤하지 않고 누를 수 있는 예약·주문 버튼이 있나요?
- 닫아야 하는 창을 세어 보세요. 팝업창을 얇은 배너로 옮기는 것은 쉬운 변경입니다.
- 메뉴를 열어 보세요. PDF나 이미지라면 가격과 알레르기 정보를 넣은 HTML로 다시 만들고, 영업시간도 가까이에 두세요.
- 요리 사진을 세어 보세요. 잘 팔리는 메뉴 사진이 8장보다 적다면 메뉴 음식 사진 가이드를 보고 촬영 일정을 잡으세요.
- alt 텍스트를 확인하세요. 요리를 설명하세요(‘땅콩 가루를 뿌린 바삭한 삼겹살 바오’). ‘IMG_4471’ 같은 파일명은 안 됩니다.
방문자를 실제로 테이블에 앉는 손님으로 바꾸는 방법이 더 궁금하다면 음식점 마케팅 아이디어와 저희가 비교한 레스토랑 마케팅 툴을 확인하세요.
자주 묻는 질문
최고의 레스토랑 홈페이지는 무엇이 다른가요?
저희 테스트에서 가장 좋은 사이트들은 세 가지 특징을 공유했습니다. 첫 화면의 실제 사진, 눈에 보이는 예약·주문 버튼 하나, 그리고 그 둘을 가리는 팝업창이 없는 화면입니다. 디자인 스타일은 Chez Panisse의 일러스트부터 Russ & Daughters의 커다란 버튼까지 제각각이었으니, 겉모습보다 경험이 더 중요합니다.
레스토랑 홈페이지에 PDF 메뉴를 써도 될까요?
가능하면 피하세요. PDF는 휴대폰에서 읽기 어렵고 검색 엔진이 활용할 정보도 적습니다. 저희가 테스트한 사이트 중 PDF에만 의존한 곳은 Zuni Café뿐이었습니다. PDF는 Joe's Stone Crab과 Din Tai Fung처럼 선택형 다운로드로만 두고, 유일한 메뉴로 쓰지 마세요.
레스토랑 홈페이지는 모바일에서 얼마나 빨리 로드되어야 하나요?
Google은 실사용자 75번째 백분위수 기준 LCP 2.5초 이하를 ‘좋음’으로 봅니다. 저희가 확인한 사이트 25곳 중 19곳이 이 선을 충족했습니다. 랩은 느린 휴대폰을 흉내 내기 때문에 랩 점수는 더 낮았는데도(중앙값 56) 말입니다.
레스토랑 홈페이지에는 음식 사진이 몇 장 필요한가요?
대표 이미지 1~2장, 잘 팔리는 요리 사진 8~12장, 홀이나 외관 사진 2~3장을 계획하세요. 저희가 점검한 최고의 사이트들 중에서도 모든 요리를 촬영한 곳은 Din Tai Fung과 Sweetgreen뿐이었으니, 사진을 빠짐없이 갖추는 것만으로도 확실히 돋보일 수 있습니다.
팝업창은 레스토랑 홈페이지에 해가 되나요?
첫인상을 잃게 만듭니다. 저희가 테스트한 사이트 25곳 중 14곳이 휴대폰 첫 화면의 일부를 가렸습니다. 지금 당장 공지가 필요하다면, 얇은 배너로도 저녁 메뉴를 가리지 않고 같은 내용을 전할 수 있습니다.