Food-Fotos auf der Restaurant-Website richtig einbinden: Ladezeit, SEO und Qualität
Ein professionelles Shooting ist gebucht, die Fotos sind fertig – und landen dann oft genau so auf der Website, wie sie aus der Kamera kommen: in voller Auflösung, mit kryptischem Dateinamen, ohne Alt-Text. Das Ergebnis sehen Sie nicht am Foto selbst, sondern an der Ladezeit und am Google-Ranking Ihrer Seite. Wie Sie Food-Fotos technisch richtig einbinden, zeigt dieser Beitrag Schritt für Schritt.
Warum die Einbindung über die Wirkung der Fotos entscheidet
Ein Gast, der auf dem Handy nach einem Restaurant in der Nähe sucht, wartet nicht lange auf ein Foto. Wie ungeduldig mobile Nutzerinnen und Nutzer sind, zeigte bereits eine vielzitierte Google/SOASTA-Analyse aus 2016/2017: 53 % der Besucher verließen eine mobile Seite, wenn das Laden länger als drei Sekunden dauerte. Die Zahlen sind einige Jahre alt und Mobilfunknetze sind heute schneller – am Grundprinzip hat sich aber wenig geändert: Ein unoptimiertes Foto bremst genau in dem Moment, in dem ein Gast entscheidet, ob er bleibt oder weiterklickt.
Google selbst weist in seinen Richtlinien für die Bildersuche darauf hin, dass Bilder häufig den größten Anteil an der gesamten Seitengröße ausmachen – und damit auch den größten Hebel für eine schnellere Seite darstellen.
Das richtige Bildformat: WebP, AVIF und die passende Dateigröße
Für die Google-Bildersuche werden laut offizieller Dokumentation unter anderem BMP, GIF, JPEG, PNG, WebP, SVG und AVIF unterstützt. Entscheidend ist aber nicht nur das Format, sondern die Dateigröße: Moderne Formate wie WebP oder AVIF komprimieren ein Foto bei gleicher sichtbarer Qualität deutlich stärker als ein klassisches JPEG. Laut der Google-Entwicklerdokumentation web.dev verkürzt das die Ladezeit der Ressource – vorausgesetzt, das Bild wird nicht an anderer Stelle wieder ausgebremst, etwa weil es erst nachlädt, nachdem umfangreiches JavaScript ausgeführt wurde.
Genauso wichtig: Ein Foto sollte nicht in der Auflösung der Kamera (oft 4000 Pixel breit oder mehr) hochgeladen werden, wenn es auf der Seite nur mit 1200 Pixeln Breite angezeigt wird. Die Bildgröße sollte laut web.dev zur tatsächlichen Darstellungsgröße passen, statt übergroße Dateien an den Browser auszuliefern, der sie ohnehin nur verkleinert darstellt.
Core Web Vitals: Das wichtigste Foto zuerst laden
Google misst die gefühlte Ladezeit unter anderem mit dem Largest Contentful Paint (LCP) – dem Zeitpunkt, zu dem das größte sichtbare Element, oft ein großes Titelbild, fertig geladen ist. Laut web.dev sollte dieser Wert bei mindestens 75 % der Seitenaufrufe bei 2,5 Sekunden oder darunter liegen. Für die Praxis heißt das: Das große Aufmacherfoto auf Start- oder Menüseite darf nicht per „Lazy Loading“ verzögert werden – sinnvoll ist das nur für Fotos weiter unten auf der Seite. Alle übrigen Fotos dürfen regulär erst nachladen, sobald sie in den sichtbaren Bereich scrollen.
Wenn Sie Ihre Website selbst pflegen oder eine Agentur beauftragen: Diese Einstellung lässt sich meist direkt im jeweiligen Theme oder Page-Builder vornehmen. Ob es an Ihrer Seite überhaupt noch hakt, zeigt der kostenlose PageSpeed-Insights-Test von Google, den Sie nach jedem größeren Fotoupload kurz gegenchecken sollten.
Alt-Text und Dateiname: kleine Textfelder mit SEO-Wirkung
Google nennt den Alt-Text in seinen Richtlinien zur Bildoptimierung als wichtigstes Attribut eines Bildes – er verbessert zugleich die Barrierefreiheit für Menschen, die Bildschirmlesegeräte nutzen. Entscheidend sind laut Google „nützliche, informative Inhalte mit passenden Keywords, die sich auf den Seiteninhalt beziehen“, ohne das Attribut mit Keywords zu überladen. Für ein Foto Ihres Menüs heißt das konkret: „Rindertatar mit Wachtelei und Croutons, Restaurant Musterstadt“ ist ein brauchbarer Alt-Text – „Gericht1“ oder ein leeres Feld sind es nicht.
Auch der Dateiname zählt: Google empfiehlt ausdrücklich kurze, aussagekräftige Dateinamen und nennt als Beispiel, dass „my-new-black-kitten.jpg“ besser ist als „IMG00023.JPG“. Übertragen auf die Gastronomie heißt das: „rindertatar-wachtelei-restaurant-musterstadt.jpg“ statt des Dateinamens, den die Kamera automatisch vergibt. Das machen Sie am besten schon direkt nach dem Shooting, bevor die Fotos in die Medienbibliothek Ihrer Website wandern.
Fotos an der richtigen Stelle platzieren
Google weist darauf hin, dass Bilder „in der Nähe von relevantem Text“ stehen sollten, auf Seiten, die inhaltlich zum Bildgegenstand passen. Für ein Restaurant bedeutet das: Das Foto eines Gerichts gehört auf die Speisekarten-Seite direkt neben den Gerichtsnamen, nicht nur verstreut in einer allgemeinen Galerie. Ein Stimmungsbild des Gastraums passt auf die Startseite, ein Foto vom Content Day selbst in einen Blogbeitrag zu genau diesem Thema. So versteht nicht nur Google den Zusammenhang zwischen Bild und Text besser – auch Ihre Gäste finden schneller, was sie suchen.
Checkliste: In sechs Schritten zu schnell ladenden Food-Fotos
- Fotos vor dem Upload auf die tatsächliche Darstellungsgröße der Website zuschneiden bzw. verkleinern, statt die Kamera-Originale hochzuladen.
- Wo möglich WebP oder AVIF statt JPEG verwenden – viele Website-Baukästen und WordPress-Plug-ins wandeln Fotos beim Upload automatisch um.
- Jedes Foto vor dem Hochladen sprechend umbenennen, mit Gericht und gegebenenfalls Restaurantnamen im Dateinamen.
- Für jedes Foto einen kurzen, konkreten Alt-Text eintragen – auch bei Fotos, die „nur“ dekorativ wirken.
- Das größte, zuerst sichtbare Foto einer Seite von „Lazy Loading“ ausnehmen; alle anderen Fotos dürfen regulär nachladen.
- Nach jedem größeren Fotoupload die Seite kurz mit PageSpeed Insights prüfen, statt sich auf das Bauchgefühl zu verlassen.
Häufig gestellte Fragen
Welches Bildformat ist für eine Restaurant-Website am besten?
Google unterstützt laut eigener Dokumentation unter anderem JPEG, PNG, WebP, SVG und AVIF. Für Fotos eignen sich WebP oder AVIF meist am besten, weil sie bei ähnlicher Qualität kleinere Dateien erzeugen als klassisches JPEG. Viele Content-Management-Systeme wandeln hochgeladene Fotos inzwischen automatisch um – prüfen Sie das kurz in den Medien-Einstellungen Ihrer Website.
Wie groß sollten Food-Fotos für die Website sein?
Als Richtwert gilt: so groß, wie sie tatsächlich angezeigt werden, nicht größer. Ein Titelbild, das auf dem Bildschirm maximal 1600 Pixel breit dargestellt wird, muss nicht mit 4000 oder mehr Pixeln aus der Kamera hochgeladen werden. Die konkrete Zielgröße hängt vom jeweiligen Theme und Layout Ihrer Website ab.
Verbessert Alt-Text wirklich das Google-Ranking?
Google selbst nennt den Alt-Text als wichtigstes Attribut für die Bildersuche und als Hilfe für die Barrierefreiheit. Eine Garantie für bessere Platzierungen gibt es dadurch nicht, aber ein fehlender oder nicht aussagekräftiger Alt-Text ist ein unnötig liegen gelassener Vorteil – gerade weil er wenig Aufwand bedeutet.
Wie oft sollte ich die Fotos auf der Website prüfen?
Ein guter Anlass ist jeder neue Fotoupload, etwa nach einem Content Day oder einer Speisekarten-Änderung. Dann lohnt sich ein kurzer Check mit PageSpeed Insights, ob die neuen Fotos die Ladezeit spürbar verschlechtern – so bleibt der Aufwand klein, statt sich am Jahresende zu einer großen Aufräumaktion aufzustauen.
Gute Food-Fotos verdienen eine Einbindung, die ihre Wirkung nicht durch lange Ladezeiten verschenkt. Wie professionelle Aufnahmen aus einem Content Day entstehen, zeigen ausgewählte Projekte im Portfolio. Für ein unverbindliches Erstgespräch erreichen Sie uns über die Kontaktseite.
Quellen
