Speisekarte auf der Webseite:
PDF hochladen oder als HTML?

Viele Gastronomen lösen das Problem schnell: Man hat die Speisekarte als PDF vom Drucker, lädt sie auf die Webseite hoch und fertig. Technisch funktioniert das. Aber es kostet bares Geld, weil Gäste abspringen und Google die Karte kaum versteht.

In diesem Artikel erkläre ich den Unterschied, wann ein PDF trotzdem seinen Platz hat und was eine als HTML eingebettete Karte konkret besser macht.

Was passiert, wenn man ein PDF hochlädt

Stellen Sie sich vor, ein Gast sucht auf seinem Smartphone nach einem Mittagsrestaurant in seiner Stadt. Er landet auf Ihrer Seite, klickt auf "Speisekarte" und öffnet ein PDF. Der Browser öffnet einen PDF-Viewer. Der Text ist winzig. Er muss hineinzoomen, sich durch mehrere Seiten scrollen, dabei verrutscht der Viewport ständig. Nach zehn Sekunden gibt er auf und schaut beim nächsten Restaurant.

Das ist kein Einzelfall. Über 70 Prozent der Restaurantsuchen passieren heute auf dem Handy. Ein PDF ist dort eine schlechte Erfahrung, egal wie gut die Karte gestaltet ist.

Dazu kommt das SEO-Problem. Google kann einfachen Text in einem PDF lesen, hat aber Schwierigkeiten mit gescannten Karten, Bildern, komplexen Layouts und fehlenden Metainformationen. Wenn jemand "vegetarisches Restaurant Magdeburg" sucht, kann Google aus Ihrem PDF-Menü nicht zuverlässig ableiten, ob Sie vegetarische Gerichte anbieten. Aus einem HTML-Menü schon.

Was eine HTML-Speisekarte besser macht

Eine Speisekarte, die direkt als HTML in die Webseite eingebaut ist, sieht auf dem Handy genauso aus wie auf dem Desktop, nur optimiert für die jeweilige Bildschirmgröße. Der Text ist lesbar, ohne Zoom. Gerichte, Beschreibungen und Preise fließen sauber untereinander. Der Gast scrollt einfach durch.

Für Google ist es noch wichtiger: Die Gerichte stehen im gleichen Kontext wie der Rest der Seite. Google sieht, dass "Wiener Schnitzel mit Pommes, 14,50 Euro" zum "Restaurant XY in Musterstadt" gehört. Das hilft bei Suchanfragen wie "Schnitzel Restaurant [Stadtname]" oder "Mittagsmenü [Stadtname]".

Außerdem lädt eine HTML-Karte deutlich schneller als ein PDF. Viele Restaurant-PDFs sind mehrere Megabyte groß, weil sie gescannte Seiten oder Bilder enthalten. Ein schlankes HTML-Menü ist im Kilobyte-Bereich und erscheint in Sekundenbruchteilen.

Wann ein PDF trotzdem Sinn ergibt

Es gibt einen Fall, in dem ein PDF-Download seinen Platz hat: wenn Gäste die Karte im Voraus herunterladen möchten, etwa für eine Gruppe, die gemeinsam bestellt, oder für jemanden, der offline plant. Das ist eine echte Nutzerbedürfnis, das man nicht ignorieren sollte.

Der beste Ansatz ist deshalb ein Kompromiss: Die Speisekarte als HTML direkt auf der Webseite zeigen und zusätzlich einen diskreten Link anbieten, unter dem man die Karte als PDF herunterladen kann. So hat man die SEO- und Mobil-Vorteile des HTML und gibt gleichzeitig denen eine Option, die die Karte lokal speichern möchten.

Was mit Google möglich wird

Eine gut strukturierte HTML-Speisekarte öffnet eine Tür, die ein PDF verschließt: Google kann einzelne Gerichte in den Suchergebnissen anzeigen. In manchen Fällen erscheinen Gericht und Preis direkt als Rich Result, noch bevor jemand auf die Webseite klickt. Das ist keine Garantie, aber eine realistische Möglichkeit, wenn die Karte technisch sauber eingebaut ist.

Dazu kommt die thematische Stärkung der Seite. Wenn Google auf Ihrer Seite liest, dass Sie Pasta, Risotto und frischen Fisch anbieten, wird die Seite relevanter für entsprechende lokale Suchanfragen. Das ist schwer zu messen, aber über viele Monate hinweg macht es einen Unterschied.

Technisch lässt sich das noch verstärken. Mit strukturierten Daten, dem Vokabular von schema.org, kann eine HTML-Karte Google ausdrücklich mitteilen: Das hier ist eine Speisekarte, das sind die Kategorien, das sind die einzelnen Gerichte mit Preisen. Man nennt das Menu-Auszeichnung (schema.org/Menu mit hasMenuSection und MenuItem). Ein PDF kann das grundsätzlich nicht liefern. Für den Gast ändert sich nichts, aber Google versteht die Karte damit sauberer, und die Chance auf eine hervorgehobene Darstellung steigt.

Barrierefreiheit: der Punkt, den fast alle übersehen

Es gibt einen Grund für HTML, der selten genannt wird, aber immer wichtiger wird: Barrierefreiheit. Ein Mensch, der einen Screenreader nutzt, weil er schlecht oder gar nicht sieht, bekommt eine sauber aufgebaute HTML-Karte vorgelesen. Kategorie, Gericht, Preis, der Reihe nach. Ein PDF, besonders ein eingescanntes, ist für einen Screenreader oft eine leere Fläche oder ein wirrer Zeichensalat. Der Gast erfährt schlicht nicht, was es zu essen gibt.

Das ist nicht nur eine Frage des Anstands. Seit Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz. Es verpflichtet vor allem größere Anbieter und den elektronischen Geschäftsverkehr, aber die Richtung ist eindeutig: Digitale Angebote sollen für alle nutzbar sein. Eine HTML-Karte ist von Haus aus näher an diesem Ziel als ein PDF. Wer heute neu baut, ist damit auf der sicheren Seite.

Wie man die Karte auf der Webseite einbaut

Am saubersten ist eine Sektion auf der Restaurant-Webseite selbst, am besten unter einer eigenen URL wie /speisekarte/. Gerichte sind in Kategorien gegliedert (Vorspeisen, Hauptgerichte, Desserts, Getränke), jede Kategorie hat eine Überschrift, jedes Gericht einen kurzen Text und den Preis.

Für die technische Umsetzung braucht man keinen teuren Shop oder ein Restaurant-System. Eine einfache HTML-Struktur mit Überschriften und Absätzen reicht. Was zählt, ist, dass der Text direkt im HTML steht und nicht in einem Bild oder einem eingebetteten PDF-Iframe, der für Google unsichtbar bleibt.

Wenn Sie eine bestehende PDF-Karte umstellen möchten, läuft das in der Praxis in wenigen, klar abgegrenzten Schritten ab:

1. Inhalt herausziehen. Gerichte, Beschreibungen und Preise aus dem PDF als reinen Text sammeln, gegliedert nach Kategorien.
2. Struktur festlegen. Jede Kategorie wird eine Überschrift, jedes Gericht eine Zeile mit Name, kurzer Beschreibung und Preis.
3. Als HTML einbauen. Der Text kommt direkt in die Seite, am besten unter einer eigenen Adresse wie /speisekarte/. Nicht als Bild, nicht als eingebettetes PDF.
4. Fürs Handy prüfen. Auf dem Smartphone gegenlesen: gut lesbar ohne Zoom, saubere Abstände, schnelle Ladezeit.
5. PDF als Download behalten. Wer die Karte zum Ausdrucken anbieten will, verlinkt das PDF zusätzlich, dezent unter der HTML-Karte.

Wer seine Karte häufig ändert, beispielsweise wöchentliche Mittagsmenüs oder saisonale Karten, sollte mit seinem Webdesigner besprechen, ob er die Texte selbst bearbeiten kann. Das spart auf Dauer Zeit und Kosten.

Häufige Fragen