Was der Laden sich wünschen könnte.
Der fiktive Feinkostladen Deichkost liegt in einer Seitenstraße, zwei Minuten vom Markt entfernt. Laufkundschaft findet ihn selten, und die Öffnungszeiten standen bisher nur als Bild auf der Startseite. Der angenommene Wunsch: Wer in der Nähe nach Feinkost, Käse oder Wein sucht, soll den Laden finden und sofort sehen, ob er gerade geöffnet hat.
Unser Ansatz
Adresse und Öffnungszeiten sind hier die wichtigsten Inhalte. Sie stehen als Text und Tabelle im HTML und lauten genauso wie im Unternehmensprofil bei Google und in anderen Verzeichnissen. Ein gezeichneter Lageplan daneben erklärt das letzte Stück des Weges.
Die Entscheidungen im Entwurf.
Der Status rechnet mit der Uhrzeit vor Ort
„Jetzt geöffnet · bis 18:30 Uhr“ entsteht im Browser aus der Tabelle darunter, immer in deutscher Zeit. Für die Zeiten gibt es nur eine Quelle. Ändert der Laden sie, stimmt auch der Status.
Die Woche als Zeitleiste
Neben jeder Zeile der Tabelle zeigt ein Balken, wann der Laden offen hat. Der kurze Mittwoch und der frühe Samstag fallen so sofort auf. Heute ist hervorgehoben, eine Linie markiert die aktuelle Uhrzeit.
Ein Lageplan statt einer eingebetteten Karte
Eine eingebettete Karte lädt Daten eines Drittanbieters, bevor jemand sie braucht, und setzt meist eine Einwilligung voraus. Der gezeichnete Plan zeigt nur, was für den Weg zählt: Bahnhof, Markt, die Straßennamen, Parkplatz, Deich und Hafen. Er lädt nichts nach, die eigentliche Route öffnet erst ein Klick.
Anfahrt nach Verkehrsmittel
Zu Fuß, mit dem Rad und mit dem Auto beginnt der Weg an verschiedenen Stellen. Die Auswahl zeichnet die passende Route, nennt Dauer und Strecke und den Hinweis, der tatsächlich hilft, etwa wo man parkt.
Der Weg dorthin.
Erste Skizze: drei Kästen und ein Punkt
Der erste Plan bestand aus grauen Flächen und einer Markierung. Er ließ offen, wo der Bahnhof liegt und in welche Straße man abbiegt.
Straßen mit Namen
Wer den Weg erklärt, sagt „am Markt vorbei, dann rechts in den Kornspeicher“. Diese Namen stehen jetzt auf dem Plan und im Hinweistext darunter.
Die Zeiten lesbar gemacht
Eine reine Tabelle beantwortet „Wann?“, aber nicht auf einen Blick „Heute noch?“. Status, Zeitleiste und hervorgehobener Tag beantworten diese Frage zusätzlich, die Tabelle bleibt die Quelle.
Was die fertige Section leistet.
Die fertige Demo zeigt Adresse und Öffnungszeiten als Wochenleiste, hebt den heutigen Tag hervor und nennt den aktuellen Status. Der Lageplan bietet drei Anfahrtswege mit Dauer, Strecke und Hinweis.
In einem echten Projekt würden wir im Unternehmensprofil verfolgen, wie oft Routen angefragt werden, und zählen, wie viele Anrufe nach Öffnungszeiten fragen. Diese Konzeptstudie enthält keine gemessenen Besucher- oder Umsatzzahlen.
Verständlich für Suche und KI.
Lokale Suche lebt von übereinstimmenden Angaben. Name, Adresse und Öffnungszeiten müssen auf der Website, im Unternehmensprofil und in Verzeichnissen gleich lauten. Für einen echten Laden würden wir sie zusätzlich als LocalBusiness mit openingHoursSpecification auszeichnen, mit genau den Zeiten aus der Tabelle. Eine Frage wie „Hat der Feinkostladen am Markt heute offen?“ kann ein KI-Suchangebot nur richtig beantworten, wenn diese Quellen zusammenpassen.
Diese Seite enthält kein LocalBusiness-Markup, weil es den Laden nicht gibt. Strukturierte Daten beschreiben nur, was stimmt. Unser Vorgehen bei SEO und KI-Suche erklärt die gemeinsamen Grundlagen.
Auch ohne Maus verständlich.
Die Öffnungszeiten sind eine echte Tabelle mit Zeilenüberschriften und lassen sich vorlesen. Die Balken der Zeitleiste sind für Screenreader ausgeblendet, weil die Uhrzeiten daneben als Text stehen. Der Status steht als Text da und wird nicht allein durch eine Farbe vermittelt. Die Wahl des Verkehrsmittels funktioniert mit Tastatur und Touch, und der neue Hinweis wird angesagt. Ohne JavaScript bleiben Adresse, Zeiten und der Fußweg sichtbar. Es fehlen dann nur der Status und die Auswahl.
Fragen zur Demo.
Warum keine eingebettete Google-Karte?
Eine eingebettete Karte überträgt beim Laden Daten an den Kartendienst und braucht deshalb in der Regel eine Einwilligung. Sie macht die Seite außerdem langsamer. Wir verlinken die Route und laden eine Karte erst, wenn jemand sie öffnet.
Was passiert an Feiertagen?
Abweichende Zeiten gehören als eigener Hinweis über die Tabelle und ins Unternehmensprofil. In einem echten Projekt würde auch der Status sie berücksichtigen.