每個企業都需要一個網站，但餐飲業比大多數企業更加重要。
當有人走出家門，他們的肚子開始咆哮時，他們要做的第一件事就是伸手去拿電話。谷歌，Facebook或第三方應用程序都將指向餐廳的在線形象，這就是潛在客戶如何快速決定在哪里吃飯。
換句話說，任何沒有一個明星網站的餐館都有可能將錢留在餐桌上 - 并且在晚餐時間將餐桌留空。
為了弄清楚餐館網站設計的所有注意事項，我采訪了食品評論家，營銷人員，廣告商和餐廳網頁設計師。在本文中，我編寫了他們必須說的所有內容，并包含了大量示例。
以下是完整的提示列表 - 您可以單擊每個提示直接跳轉到它，或者只是繼續滾動以依次查看每個提示。
基礎：
從模板開始??- 網站建設者有很棒的餐廳模板可供選擇
保持移動友好??- 大量潛在客戶將通過手機查看您的網站
保持簡單??- 當一些核心頁面足夠時，不要過度復雜化您的網站
專注于基本信息??- 為您的客戶提供他們所需的信息并使其變得簡單
經常更新?- 如果您的餐廳不斷發展，您的網站也應如此
這個語調：
了解您的品牌?- 該網站必須反映您餐廳的獨特身份
考慮色彩心理??- 你知道一些顏色比其他顏色更刺激食欲嗎？
深色還是淺色？?- 這都是為您的餐廳品牌創造正確的基調
選擇你的字體?- 易讀性是關鍵，正確的字體可以幫助設置你的身份
圖像：
創建精選圖片?- 這一切都是為了創造一個有影響力的第一印象
保持菜單清晰?- 不要讓客戶對您實際銷售的產品感到困惑
考慮社交媒體集成?- 這可能是產生額外嗡嗡聲的好方法
仔細考慮視頻??- 一個好的視頻可以幫助，但永遠不要看業余
細節：
跟蹤季節性菜單更改?- 再次更新您的網站以反映您餐廳的變化
定義您的在線訂單政策?- 為客戶提供清晰易用的服務
單個或多個位置？?- 這會對您網站的結構產生影響
限制那些彈出窗口?- 你不喜歡它們，客戶也不喜歡它們
免去褶邊??- 檢查您的網站并剔除它不必要的工作
創建餐廳網站的基礎知識
在創建餐館網站時，最簡單的方法是最好的。不要創建一個復雜的頁面系列，迫使潛在客戶無休止地點擊以獲取您餐廳的最重要的預訂表格或地址。相反，專注于一些精心設計的頁面，這些頁面達到了他們的目的，并使訪問客戶感覺毫不費力。
從餐廳網站模板開始
您的餐廳是獨一無二的，需要通過創建與其身份相匹配的網站來體現。但是，這并不意味著您不能依靠可靠的模板來幫助您入門。
第一次創建餐館網站的最簡單方法是使用網站建設者。這些出色的現代工具讓任何人都可以立即啟動并運行具有專業外觀的網站。最好的模板有大量高質量的模板，可以幫助您在瞬間建立一個外觀精美的網站。
例如，使用Wix或??Squarespace等工具??，您可以從一開始就選擇您要創建的網站類型是餐館網站。您將立即受到一系列餐廳網站模板的歡迎 - 這些都可以通過精心設計的精美歡迎頁面，聯系頁面和虛擬菜單頁面進行選擇。然后，您可以自由添加自己的描述，圖像和唯一標識。
它也不需要花費一大筆錢。例如，Wix允許您以每年約100美元的價格創建和發布網站- 并且還可以獲得常規的Wix折扣。
保持移動友好
在移動設備上看起來和桌面計算機一樣好：這是現代網站的基本要求，并且已經存在多年了。然而，這仍然是餐館網站無法定期清理的障礙。
我為本文咨詢的大多數專家都引用了這個問題。對您網站的影響不可能更大，因為移動設備在2019年第一季度占全球網站流量的48.7％。
餐館的這一比例甚至可能更高，因為許多饑腸轆轆的潛在顧客在他們第一次開始研究最近吃的食物時已經在旅途中。谷歌，Yelp或Foursquare是常見的餐廳聚合網站，他們都看到了大量的移動流量。一個在移動設備上無法讀取的網站將阻止超過一半的受眾。
上面的例子Pitch是一個簡單的移動友好設計的例子。它在移動設備和桌面設備上提供所有相同的信息，同時更改其格式以保持可讀性。
“現在，絕大多數人都會在手機上查看餐館網站。誰坐在桌面上研究餐館？沒有人！他們都在移動設備上隨時進行。“
~Ata Khan，聯合創始人，Xoobo營銷機構
把事情簡單化
更多并不總是更好。您的網站應該有一個目標，以吸引更多客戶。要做到這一點，你只需要一些簡單的頁面，甚至只需要一個頁面，觀眾可以向下滾動查看所有內容。添加平面，2D設計和白色空間等最小元素很少會受到傷害 - 只需查看紐約市Dear Irving的網站即可。
保持網站簡單并非所有的極簡主義，但是：一個極度被忽視的餐廳網站的特權是殘障人士的訪問。CDC的分析顯示，四分之一的美國人有殘疾，但目前餐館是“第一大行業被無法訪問的網站起訴”，據麥當勞前無障礙主管Sheri Byrne-Haber稱。
Alt標簽，頻繁描述，簡單的復制和簡單的網頁設計都可以幫助文本到音頻翻譯，并使您的網站也很容易讓其他人瀏覽。觀察者不必檢查三明治選擇的摩擦力越小越好。
專注于基本信息
你的地址。你的時間。你的菜單。您的預訂政策。這是你所有的餐廳網站需要包括，但相信我，它真的需要包括它們。
餐廳網站上缺少必要的細節對于那些正在考慮在城里吃飯的人來說是一個大問題，沒有人比餐館評論家更了解這一點，他們不能只是轉到下一個Yelp列表。“精英旅行者”雜志的餐廳評論家，“倫敦交通餐廳指南”的作者安迪·海勒（Andy Hayler）自2018年開始在世界上每三家米其林星級餐廳用餐。他看到了他在餐館網站上的份額。缺少信息是他的寵兒，他列出了他喜歡看的內容：
“很明顯，餐館網站的預算差異很大，因此不可避免地有些網站比其他網站要好得多。然而，我發現奇怪的一件事是它們中有多少在基礎知識中失敗了。從我的角度來看，我希望在主頁上輕松而突出地看到，而不是埋在網站的一些黑暗角落：
菜單，或至少一個示例菜單
地點的地址和電話號碼
如何預訂
酒單（全部，不是幾年過時樣品，沒有價格）
營業時間
然后只有在那之后，我才對“餐廳的故事”感興趣，并將其植根于他們以自我為中心的廚師的童年記憶中，以及關于他如何在當地采購東西并且不會被單點菜單困擾的冗長的期待。 ”
?餐廳評論家安迪海勒
據承認，過去11年擔任“西雅圖時報”主要餐廳評論家的普羅維登斯西塞羅說，仍然有一個真實的關于頁面的空間，可以講述餐廳的故事。
“當他們描述自己是誰以及他們的使命是什么時，很多餐館都會依賴營銷。他們應該揭示他們的激情，經歷和愿景，但要把它變得個性化。與使用通用廣告副本相比，用戶將更容易與人們的故事聯系起來。“
?西雅圖時報前首席餐廳評論家普羅維登斯西塞羅
經常更新
任何熟悉互聯網的人都知道它在不斷發展。或者更好的術語是“卸載”，因為鏈接中斷，域名移動，托管服務續訂期間過去。任何管理像餐館這樣的企業的網站的人都需要經常檢查所有內容是否都是最新的，從營業時間到菜單項。
網站刷新也屬于“經常更新”的口頭禪：您的網站應始終反映您的餐廳品牌，如果您不每隔幾年重新檢查一次，它最終會落后于時代。
使用基于Flash的圖形制作的地址在2007年處于領先地位，但沒有人想要一個他們無法復制并粘貼到Google地圖中的地址，即使Adobe今年早些時候沒有停止使用他們的Flash Player。在樂Jardinier網站，但是，毫不費力地撐更新。
為您的餐廳創建一個網站？首先選擇最好的網站建設者
比較網站建設者
獲得適合您餐廳網站的口氣
請記住，您的餐廳網站是您餐廳品牌標識的延伸。對于大量客戶而言，這可能是他們與您的業務的第一次互動 - 而眾所周知，第一印象很重要。確保語言，圖像甚至字體選擇與您在餐廳創建的品牌類型相匹配。
了解你的品牌
你是經典還是鄉村風格？健康還是頹廢？古董還是嗡嗡聲？優雅還是肉和土豆？所有這些細節都會對您的餐廳及其網站的外觀產生影響。很多品牌都與你不做的事情有關而不是你做的事情。
您所服務的食物類型也會影響您的品牌。一家愛爾蘭酒吧在人們的頭腦中看起來與炸玉米餅展臺不同，您的客戶也希望看到這種差異在網上播出。
要找出您的在線品牌，請嘗試谷歌搜索類似的餐廳，看看最好的餐廳如何展示他們的網站。在奧林匹亞牡蠣酒吧的網站是一個很好的例子：在白色背景，牡蠣和白葡萄酒，以及手工繪制的淺藍色標志的明亮明亮的圖像都告訴你，這是一個涼風習習，海灘之位置。
“該網站是公眾對您餐廳的第一印象。使它有用，信息豐富，也具有挑釁性。“
?普羅維登斯西塞羅
考慮色彩心理學
不同的顏色與不同的情緒反應有關：紅色帶來刺激，饑餓和注意力的感覺，而黃色則激起快樂和友善。
快餐特許經營真的很喜歡和他們兩個人配對。
盡管如此，你不應該覺得你需要依賴這些顏色，或任何其他顏色心理學技巧 - 當地的媽媽和流行餐廳不需要像萬億美元的快餐店一樣優化。如果想采取更微妙的方法，請查看位于安大略省Burlington的海鮮聯合Spencer's的主頁上拍下的紅色龍蝦。
至少，您的網站確實需要使用連貫的配色方案。如果顏色發生沖突，觀眾將無法知道在哪里聚焦，并且可能會被拒絕訪問餐廳。評論家安迪·海勒（Andy Hayler）親眼目睹了“將在恐怖電影網站上通過的配色方案”。
“為了讓人們在你的餐廳吃飯，人們需要使用溫暖和熱情的顏色。在色彩心理學方面，設計師需要說服一個人，這是一家干凈美味的餐廳。“
~Reuben Kats of?Falcon Marketing
深色還是淺色？
為您的餐廳網站創建優雅，有凝聚力的外觀的一種簡單方法是主要選擇淺色或主要是暗色圖像和背景。
墨西哥Toca Madera餐廳網站主頁幻燈片上的每張圖片都有深色背景，幫助餐廳名稱的白色字體脫穎而出，讓網站保持一致的基調。
有關淺色方案的示例，請查看法國 - 秘魯餐廳Astrid＆Gastón的網站，該餐廳在白色桌布或淺棕色木板上使用白色餐桌幻燈片。
在這兩種情況下，網站都采用了一種易于理解的簡單配色方案，并設定了代表其餐廳的色調。想要煙熏情緒照明嗎？在Toca Madera品嘗晚餐。感覺像明亮的陽光早午餐？Astrid＆Gastón可能適合您。
選擇你的字體
甚至字體和字體大小也很重要。再一次，這一切都與品牌有關。
最能傳達您餐廳所體現的情緒的是什么？一個帶有葡萄酒菜單的三星級餐廳可能看起來最流暢，優雅的書法或者優雅的簡約無襯線字體。然而，一個快速休閑的街頭食品供應商可能會使用大膽，厚實的字體來更好地代表它所服務的樸實和戶外的美食。
在選擇最佳字體時，您需要記住可讀性：某些字體在用于一個或兩個單詞時看起來很棒，但是當您將它們用于整個段落時會失敗。例如，安迪·海勒（Andy Hayler）在餐館網站上遇到的一個問題是“4點字體菜單”。
Fable是一家位于不列顛哥倫比亞省溫哥華的農場到餐桌的餐廳，有一個簡單的單頁網站，因其選擇了塊狀，粗糙的字體和帶紋理的背景圖案而脫穎而出。字體讓人聯想到木刻版畫，讓人聯想到您將享受的當地食材和餐廳的實際情調。
最好的網站建設者擁有簡單的模板，可以讓您在短時間內入門
比較網站建設者
餐廳網站圖像和媒體
是時候讓胃口好轉了。正確的照片和視頻可能意味著客戶進行預訂或尋找其他地方的差異。在選擇您在網站上使用的圖像時，請關注一些關鍵的基礎知識。您將要選擇能夠以最佳方式展示您的餐廳及其食物的照片。
創建精選圖片
您網站的首頁將是訪客看到的第一件事。你想要包含一個引人注目的，引人注目的圖像，并且只有一個規則決定它是什么：它需要代表你的品牌。
對于很多餐館來說，這是他們最流行的菜肴的令人印象深刻的鏡頭。（如果您的餐廳拍攝了照片，您可能已經考慮過最好的照片了。）對于其他人來說，最具代表性的形象可能是他們時髦的室內設計，或者他們露臺上的壯麗景色。
如果您餐廳周圍的天氣往往溫暖宜人 - 就像在Catch位于洛杉磯的地方一樣?- 您不應該讓您的訪客忘記它！
“在Catch的網站上，我們喜歡他們以餐廳的華麗鏡頭打開，因為這是他們真正聞名的一個元素 - 一個通風和美麗的環境，用餐和享受洛杉磯的驚人天氣。”
~?Madison Melle Agency創始人Cara Federici
保持菜單清晰
您網站上的菜單必須盡可能明顯且易于閱讀。客戶想知道您提供的產品。如果他們有任何疑問，他們將繼續前往下一個可用的餐館。一家餐館的網站需要在每晚的基礎上贏得那個快速抽搐的“我在哪里吃”的決定才能留在游戲中。
換句話說，不要只上傳菜單的PDF并將其稱為一天。整個菜單的靜態圖像也不起作用：您將錯過獲得SEO優勢的機會，讓搜索引擎看到您制作的每道菜。
相反，在自己的網頁上顯示整個菜單。有些網站上有一些圖片可以激發人們對其最暢銷菜肴的興趣，但設計簡潔的文字菜單往往是最好的方式。
這是Cassia Santa Monica的一個很好的例子：信息密集的菜單易于閱讀，清晰描繪的部分，眼睛可以輕松遵循。
“首先，我想看看菜單設計。菜單配對字體好嗎？邊距是否格式正確，菜單部分是否清晰劃分？這些東西很重要，因為菜單的流動直接影響了我對參觀餐廳的興趣。“
~Eden Weinberg，平面設計師兼創意營銷經理，Bell + Ivy
考慮社交媒體集成
Instagram，Facebook和Twitter是宣傳您最佳菜肴或特別促銷的絕佳方式，您肯定希望將超鏈接徽標包含在您網站上的社交媒體帳戶中。
然而，一些餐館甚至更進一步，并將社交媒體帖子直接嵌入其網站中，從而使觀看者無需點擊以便查看它們。
當談到餐館網站上的社交媒體時，Instagram比Twitter或Facebook更受歡迎，這要歸功于喜歡記錄他們的飯菜的美食家的亞文化。每日更新的Instagram Feed還添加了一些社交證據，因為您的客戶可以看到您的菜肴可以吸引多少喜歡。
Instagram饋送的方形圖像看起來相互疊加，因為Piada Italian Street Food主頁底部附近的平鋪可點擊圖像證明了這一點。當它，現在我渴望龍蝦濃湯。
仔細考慮視頻
在您餐廳的網站上添加視頻是一個棘手的舉措。一方面，它可以是一種引人入勝，有趣的方式，讓觀眾在您的廚房虛擬之旅，展示您的商品和最好的菜肴。但另一方面：如果你不能把它拉下來，你可能只是把手放得太遠，用幾分鐘不穩定的iPhone鏡頭交換你的優雅神秘感。
一個偉大的視頻需要一個很好的預算：你需要一個好的相機，一個懂得如何設置鏡頭和如何點亮一個場景的人，以及一個足夠大的工作空間，讓一個小團隊在里面操作。專業拍攝的視頻可能至少花費幾千美元，對于預算緊張的單一餐廳而言，可能不值得投資。
無論你做什么：不要讓它自動播放音頻。我不在乎你的廚師是多么和藹可親，我不想通過我的瀏覽器標簽來找出哪個是通知
也就是說，視頻可以以靜態圖像無法顯示的方式展示餐廳的能量。TOCA多倫多提供了一個很好的例子，在其主頁上嵌入了一個完美的視頻，鏡頭突出了他們的桌邊服務和一個快樂的客戶挖掘甜點。
專注于細節
在設計餐廳網站時，小事情會有很大的不同。如果不確保維持最高標準，你不會想把你的盤子沖出廚房，你的網站也不例外。確保即使是最小的細節也能完美地反映您的品牌，并且不要忘記讓網站保持最新狀態。
跟蹤季節性菜單更改
在線更新季節性菜單可能是一件無聊的苦差事，但這就是為什么它可以幫助你脫穎而出。全新的季節性菜單讓客戶放心，您會忘記細節。
這也是使用PDF菜單的誘惑最強烈的地方，因為它使餐廳的更新變得輕而易舉 - 但實際上，閱讀該菜單對于您的網站瀏覽者來說更難一點。
總部位于曼哈頓的ACME Bistro大膽選擇將其季節性菜單變成一個彈出窗口，阻止頁面上的所有內容，確保沒有人可以錯過它。
您已經聽說過“客戶永遠是對的”，但是有一個鮮為人知但同樣有用的必然結果，“客戶總是很懶惰。”隨著季節的變化更新您的網站菜單可能會很痛苦，但它會導致更快樂的客戶。
定義您的在線訂單政策
客戶可以通過網站訂購送貨或取貨嗎？他們可以在線預訂嗎？不同的餐館有不同的政策，它在網站功能和設計方面有很大的不同。
例如，如果您提供送貨服務，則需要確保所有價格都明確標記并保持最新，否則您將阻止不知道他們需要支付多少費用的客戶。
如果您允許在線預訂，請確保大膽的“預訂”按鈕是客戶看到的第一個按鈕，例如波士頓，基于MA的Blake在其網站頂部包含的按鈕。如果客戶沒有選擇開始在現場保存餐桌，即使是最好的網站也不會帶來更多的銷售。
最后一條忠告：當涉及實際預訂時，很多餐館似乎都喜歡OpenTable，這是一種專為此工作而設計的單一服務第三方集成。如果您選擇它，我與之交談的一位營銷人員建議，您可能希望選擇一個可以節省客戶時間的小部件。
“我經常使用的一個設計元素是一個只能直接指向OpenTable的按鈕。OpenTable現在實際上有小部件，您可以直接從您的網站預訂表。這有助于將您的用戶留在現場，并且無需用戶訪問多個頁面進行預訂。“
~?Wat Codeus的廣告和營銷主管Ethan Herber
單個或多個位置？
如果您有多個位置，則應在主頁上明確說明。
一些餐館特許經營店將為每個地點提供新的域名和網站，但大多數只是在其主頁頂部的標題中列出所有位置和地址。
如果您有三個位置，則網站的標題可能包含每個位置的地址。如果您有四個或五個，它可能只有每個城鎮名稱的空間。所述飛豬是兩者的一個例子。
2017年，該網頁包含三個位置，包括電話號碼和地址。
到2019年，特許經營已經增加了另一個位置，并且需要使它們的標題更簡單一些。
限制那些彈出窗口
在研究這篇文章時，我被邀請購買星期天無底桃紅葡萄酒的門票，嘗試一對一的午餐特別訂閱，并訂閱無盡的電子郵件通訊 - 所有這些都是通過侵入式彈出窗口迫使我關閉它們才能看到其他任何東西。
彈出窗口不應該完全填滿頁面，作為潛在客戶獲得的第一個介紹。他們需要背景。令人討厭的彈出窗口是一個令人驚訝的常見錯誤，即使是在其他明星站點。
一個很好的選擇？紐約市素食餐廳Dirt Candy用來提醒游客在母親節之前預訂餐桌的有品味（沒有雙關語）黑色條紋。它只能在網站的最頂端運行，所以它不會分散或模糊任何東西，并且一旦關閉它就不會再出現。
省略褶邊
一旦你按照這里最好的餐廳網站的所有步驟，還剩下一個小提示：返回并刪除任何不符合目的的東西。
一些餐館包括冗長的博客或其工作人員的簡介。其他人投入音樂播放器或動畫圖形。但這些額外的裝飾不是吸引客戶，而是更容易混淆他們并稀釋您網站的信息。記住必需品 - 地址，時間，菜單和預訂 - 并盡可能地削減其他所有內容。
多倫多的Bar Isabel網站提供了一個很好的例子：基本信息以頁面為中心，旁邊是備用的黑白背景，非常適合移動和桌面的清晰度。
“額外的圖形和文字需要成為'附加值'等式的一部分。如果該項目以任何方式不相關，必要或相應，則不應該在該網站上。保持網站的混亂并不意味著它看起來很糟糕，這意味著您了解您的網站存在的原因以及您的客戶將如何使用它。“
?杰夫·杰克，杰夫·杰克制作的
后續步驟創建完美的餐廳網站
希望到現在為止，您對創建餐廳網站的最佳方式更有信心，該網站將引導客戶走進您的大門。它可能會有很多考慮因素，但如果您不知所措，請記住，一個好的網站構建工具可以為您完成大部分艱苦的工作。
最重要的是，您不需要成為專家來使用網站構建器。這些出色的工具為您提供光滑的模板和簡單的拖放功能，幫助您輕松自定義事物。
不確定如何移動優化網站？網站構建器將自動為您執行此操作。不確定如何創建“與我們聯系”表單，或在您餐館的位置嵌入Google地圖？所有這一切都可以在模板中準備好 - 只需要幾個簡單的調整就可以添加自己的聯系方式。
要記住的另一件事是??網站建設者是非常有價值的。創建網站，發布網站并將其保持在線托管，通常每月花費不到10美元。
你應該選擇哪個網站建設者？我們已經測試了市場上最大的網站建設者品牌，我們的首選是Wix，這得益于其出色的易用性，強大的幫助和支持以及各種模板。從純粹的設計角度來看，我們認為Squarespace擁有最好的模板，包括一系列精彩的餐廳網站設計。
有關更多指導，請參閱我們針對初學者的最佳簡易網站建設者。
