Özetle en önemli noktalar
- Misafirlerin çoğu web sitenizi telefondan ve yoldayken, çoğu zaman dalgalı bir bağlantıyla açar. Onlar için çalışma saatlerine, menüye ve rezervasyona kadar geçen her saniye önemlidir.
- Google kullanıcı deneyimini üç Core Web Vitals değeriyle ölçer: en büyük içeriğin yüklenme süresi (LCP), girişlere tepki (INP) ve düzen kaymaları (CLS).
- En büyük yavaşlatıcı neredeyse her zaman çok büyük fotoğraflardır. Doğru kırpılıp WebP veya AVIF olarak kaydedildiğinde, görünür bir kalite kaybı olmadan kat kat küçülürler.
- PDF menüler, gömülü sosyal medya akışları, slider'lar, arka plan videoları ve site oluşturuculardaki çok sayıda eklenti telefonda özellikle çok zaman kaybettirir.
- Google'ın ücretsiz PageSpeed Insights aracıyla sayfanızı bir dakikada test edebilirsiniz. Önemli olan masaüstü değil, mobil görünümdür.
Bu yazı genel bilgi amaçlıdır ve hukuki ya da vergi danışmanlığının yerini tutmaz. Kurallar değişebilir ve kısmen eyaletten eyalete farklıdır: ayrıntıları ticaret odanızdan (WKO veya IHK), yetkili makamdan ya da mali müşavirinizden kontrol edin.
Yüklenme süresi işletmeler için neden bu kadar önemli
Yemek yiyecek yer araması genellikle karar vermeden hemen önce yapılır: ofisten dönüş yolunda, eski şehirde gezerken, bir günübirlik gezide arabada. Misafirler işletmenizi Google Haritalar'da veya Google İşletme Profilinizde görür, “Web sitesi”ne dokunur ve hemen bir yanıt bekler. Telefonda bağlantı çoğu zaman evdekinden kötüdür: yüksek binaların arasında, bodrum katındaki mekânlarda, vadilerde ya da bir sokak festivalinde aşırı yüklenmiş şebekede.
Bu yüzden yavaş bir sayfa size doğrudan misafir kaybettirir. On saniye boyunca beyaz bir ekrana bakan biri aramaz, rezervasyon yapmaz, listedeki bir sonraki işletmeyi seçer. Buna arama motoru da eklenir: Google iyi Core Web Vitals değerleri öneriyor ve sıralama sistemlerinde kullanıcı deneyimini dikkate alıyor. İçerik ve alaka düzeyi daha önemli olmaya devam eder, ama benzer kalitedeki sayfalar arasında hız farkı belirleyici olabilir. Yüklenme süresi, içerik ve kayıtların birlikte nasıl çalıştığını yerel SEO rehberi anlatıyor.
Core Web Vitals basitçe
Core Web Vitals, Google'ın bir sayfanın gerçek ziyaretçilere nasıl hissettirdiğini tarif etme biçimidir. Üç ölçüm değeri vardır ve her birinin Google'ın “iyi” saydığı bir hedef değeri bulunur. Ölçüm tek bir ziyarette değil, birçok ziyaret üzerinden yapılır: Ziyaretlerin en az yüzde 75'i hedefe ulaşıyorsa sayfa iyi sayılır; telefon ve masaüstü ayrı değerlendirilir.
| Ölçüm değeri | Neyi ölçer | Google'a göre iyi | İşletmelerde tipik neden |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Görünen en büyük içeriğin, genellikle büyük kapak fotoğrafının, ne zaman tamamen yüklendiği | 2,5 saniyeye kadar | Devasa kapak fotoğrafı, yavaş hosting, birden fazla görselli slider |
| INP (Interaction to Next Paint) | Sayfanın bir dokunuşa, örneğin menüye veya bir düğmeye ne kadar hızlı tepki verdiği | 200 milisaniyeye kadar | Çok sayıda üçüncü taraf betiği, ağır site oluşturucu eklentileri |
| CLS (Cumulative Layout Shift) | Yükleme sırasında içeriğin ne kadar kaydığı | 0,1'e kadar | Sabit boyutu olmayan görseller, geç beliren banner'lar ve pop-up'lar |
Günlük hayata çevirirsek: Salonunuzun veya imza yemeğinizin kapak fotoğrafı hızlı görünmeli, “Masa ayırt” düğmesi hemen tepki vermeli ve telefon numarası son anda aşağı kaymamalı ki misafir yanlışlıkla bir hediye çeki banner'ına dokunmasın. Bu son nokta birçok misafiri birkaç saliselik yüklenme süresinden daha çok rahatsız eder.
PageSpeed Insights ile test etmek
Google'ın ücretsiz aracı PageSpeed Insights, web sitenizin ne kadar hızlı olduğunu ve onu neyin yavaşlattığını bir dakika içinde gösterir. Bunun için ne bir hesaba ne de teknik bilgiye ihtiyacınız var.
Adresi girin
pagespeed.web.dev'i açın, ana sayfanızın adresini yapıştırın ve “Analiz et”e tıklayın. Ardından menü ve rezervasyon sayfanızı da test edin.
“Mobil” görünümünü seçin
PageSpeed Insights önce mobil sonuçları gösterir. Masaüstü değerleri genellikle daha iyi görünür, ama yoldaki misafirler hakkında daha az şey söyler.
Saha verilerini okuyun
Yeterli ziyaret varsa en üstte gerçek Chrome kullanıcılarının son 28 güne ait değerleri yer alır. Core Web Vitals için geçerli olan değerlendirme budur.
Laboratuvar verileri ve performans puanı
Altında Google ortalama bir telefonla bir ziyareti simüle eder ve 0 ile 100 arasında bir performans puanı verir. Puan testten teste biraz değişir ve daha çok sorun aramak için işe yarar.
Önerileri uygulayın
“Teşhis” bölümünde neyin yavaşlattığını görürsünüz, örneğin çok büyük görseller veya oluşturmayı engelleyen betikler. En çok zaman kazandıran maddelerle başlayın.
Fotoğrafları sıkıştırmak: en büyük kaldıraç
Fotoğraflar yemeği, atmosferi ve odaları satar; her gastronomi web sitesinde yer almalıdır. Ancak doğrudan telefondan veya fotoğrafçının makinesinden gelen bir fotoğraf çoğu zaman birkaç megabayt büyüklüğünde ve 4.000 piksel veya daha geniştir. Telefonda ise yaklaşık 400 piksel genişliğinde gösterilir. Yani misafir, gördüğünün kat kat fazlasını indirir. Kapak fotoğrafı, galeri ve ekip fotoğrafları olan bir ana sayfada bu, mobil veriyle belirgin şekilde uzun süren bir veri miktarına hızla ulaşır.
Kırpın
Fotoğrafları yüklemeden önce gösterilecekleri boyuta getirin. Büyük bir kapak fotoğrafı için genellikle 2.000 piksel civarı genişlik yeterlidir, galeri görselleri için çok daha azı.
Modern format
JPEG veya PNG yerine WebP ya da AVIF kullanın. Google'a göre WebP görseller, benzer JPEG ve PNG dosyalarından genellikle yüzde 25 ila 35 civarında daha küçüktür.
Sıkıştırın
Bir görsel düzenleme programı veya ücretsiz bir çevrimiçi araçla kaliteyi, ekranda fark göremeyeceğiniz noktaya kadar düşürün.
Birden fazla boyut sunun
İyi web sitesi sistemleri telefonlar için otomatik olarak daha küçük, büyük ekranlar için daha büyük sürümler oluşturur. Sizinkinin bunu yapıp yapmadığını sorun.
Aşağıdakileri sonra yükleyin
Sayfanın aşağısındaki görselleri ancak misafir oraya kaydırdığında yükleyin (lazy loading). En üstteki kapak fotoğrafı ise hemen yüklenmeli, yoksa LCP değeriniz kötüleşir.
Ayrıca her görsele sayfa kodunda sabit bir genişlik ve yükseklik verin; böylece yer daha yüklenmeden ayrılır ve hiçbir şey kaymaz. İyi fotoğraflara, telefonla bile, nasıl ulaşacağınızı yemek fotoğrafçılığı rehberi gösteriyor.
PDF menüler: yavaş ve kullanışsız
Birçok işletme basılı menüsünü PDF olarak web sitesine yükler. Bu hızlıca yapılır, ama telefondaki misafirler için çoğu zaman en kötü çözümdür. Fotoğraflı ve gömülü yazı tipli bir PDF birkaç megabayt olabilir, telefona göre ayrı bir uygulamada açılır ya da indirilir ve yazılar yakınlaştırmadan neredeyse okunamaz. Yürürken vejetaryen yemek olup olmadığına hızla bakmak isteyen biri burada çoğu zaman vazgeçer.
| PDF menü | Web sitesinde metin olarak menü | |
|---|---|---|
| Telefonda yüklenme süresi | Özellikle fotoğraflıysa çoğu zaman yavaş | Hızlı, sayfayla birlikte yüklenir |
| Okunabilirlik | Yakınlaştırma ve kaydırma gerekir | Ekrana uyum sağlar |
| Google ve yapay zekâ asistanları | İçerik zor değerlendirilir | Yemekler ve terimler kolay bulunur |
| Erişilebilirlik | Ekran okuyucular için çoğu zaman zor | Düzgün kurulursa erişilebilir |
| Değişiklikler | Yeni dosya hazırlayıp yüklemek gerekir | Tek bir yemek veya fiyat doğrudan değiştirilir |
Metin olarak menü daha hızlıdır, daha kolay okunur ve Google'da bulunur. Nasıl kurulup güncel tutulacağını dijital menü rehberi anlatıyor. Kutlamalar veya catering için ayrıca baskıya hazır bir sürüm sunmak istiyorsanız, PDF'i tek menü olarak değil, ek olarak bağlayın. Masalar için menü QR kodu aracıyla doğrudan metin menüye yönlendiren bir masa standı oluşturabilirsiniz.
Site oluşturucularda ve şablonlarda gereksiz yük
Site oluşturucular ve hazır şablonlar pratiktir, ama çoğu zaman sayfanızın hiç ihtiyaç duymadığı bir sürü kod getirir. Her ek özellik, yalnızca tek bir alt sayfada kullanılsa bile kendi betiklerini, yazı tiplerini ve stillerini yükler. Hızlı bir ofis bilgisayarında bunu pek fark etmezsiniz, ama mobil veriyle kullanılan uygun fiyatlı bir telefonda kesinlikle fark edersiniz. Gastronomi web sitelerinde tipik yavaşlatıcılar:
- Ana sayfada görsel slider'ları ve arka plan videoları: misafir bir şey okuyabilmeden önce birkaç büyük dosya.
- Gömülü Instagram veya Facebook akışları: üçüncü taraf betikleri ve çoğu zaman düzinelerce görsel yükler. Profilinize bir bağlantı daha hızlıdır.
- Gömülü haritalar: Sayfa açılırken yüklenen etkileşimli bir harita zaman alır. Yol tarifine bağlantı veren bir harita görseli çoğu zaman yeterlidir.
- Çok sayıda eklenti ve widget: sohbet pencereleri, yorum widget'ları, hava durumu, bülten veya hediye çeki pop-up'ları.
- Her biri harici bir sunucudan yüklenen, birçok kalınlıkta birden fazla yazı tipi.
- Takip ve reklam betikleri: Her hizmet sayfayı yavaşlatır ve çoğu zaman çerez banner'ında da bir kayıt gerektirir. Hangi rakamlara gerçekten ihtiyacınız olduğunu düşünün; ayrıntılar web sitesi istatistikleri rehberinde.
Doğrusu böyle
- Slider yerine tek, güçlü ve iyi sıkıştırılmış bir kapak fotoğrafı
- Gömülü akış yerine Instagram'a bir bağlantı
- Bir veya iki yazı tipi, mümkünse kendi sunucunuzdan
- Yalnızca misafirlerin gerçekten kullandığı eklentileri tutmak
- Sunucuları misafirlerinize yakın ve önbellekli hosting
Bunlardan kaçının
- Ana sayfa arka planı olarak otomatik oynayan video
- Fotoğrafları doğrudan makineden yüklemek
- Menüyü yalnızca PDF veya fotoğraf olarak sunmak
- İlk ziyarette içeriği kapatan bir pop-up
- Artık kimsenin kullanmadığı hizmetlerin betikleri
Bazı yavaşlatıcılar platformun bir parçası olduğu için site oluşturucuda kapatılamaz. O zaman geriye sayfayı sade tutmak ya da sistemi değiştirmek kalır. Hangi seçeneklerin olduğunu ve ne kadar tuttuğunu Restoran web sitesi ne kadar tutar? rehberi karşılaştırıyor.
Web siteniz kalıcı olarak nasıl hızlı kalır
Bir web sitesi nadiren bir anda yavaşlar, genellikle adım adım: burada tam boyutlu yeni bir fotoğraf, orada çoktan bitmiş bir kampanya için bir widget. Bu yüzden yılda iki kez kısa bir kontrol planlayın, örneğin yaz sezonundan önce ve özellikle çok sayıda misafirin kutlama mekânı ve hediye çeki aradığı yılbaşı döneminden önce.
Hızlı gastronomi web sitesi kontrol listesi
- Ana sayfa, menü ve rezervasyon için PageSpeed Insights mobil görünümde kontrol edildi
- LCP 2,5 saniyeye, INP 200 milisaniyeye, CLS 0,1'e kadar
- Tüm fotoğraflar kırpıldı, sıkıştırıldı ve WebP veya AVIF olarak kaydedildi
- Görseller sabit boyutlu, sayfanın aşağısında lazy loading ile
- Menü metin olarak, PDF en fazla ek olarak
- Ana sayfada slider ve otomatik oynayan video yok
- Gömülü sosyal medya akışları yerine bağlantılar
- Kullanılmayan eklentiler, widget'lar ve takip betikleri kaldırıldı
- Çalışma saatleri, telefon ve rezervasyon düğmesi telefonda kaydırmadan görünüyor
- Kendi telefonunuzda mobil veriyle test yapıldı
Meine-Gastro-Website'ta hız temel yapının bir parçasıdır: Fotoğraflar otomatik olarak uygun boyutlarda ve modern formatlarda sunulur, menü sayfada metin olarak yer alır ve gereksiz betik yüklenmez. Bunun işletmeniz için nasıl görünebileceğini örnek web sitelerimizde ya da doğrudan ücretsiz bir önizlemede görebilirsiniz.
Hızlı web siteniz önizlemede
Kendi gastronomi web sitenizin nasıl görünebileceğini ücretsiz görün: telefonda hızlı, metin olarak menü ve rezervasyon düğmesiyle.
Gastro web sitenizin bizim tasarladığımız ücretsiz bir önizlemesi.
