Webentwicklung für UrbanUpdate, ein Projekt der Werbeagentur Invisions
Webdesign für UrbanUpdate
Ein Möbelkatalog aus 459 Einzelstücken, aus einer gewachsenen WordPress-Installation übernommen und neu sortiert.
Website für einen Vintage-Möbelhändler
UrbanUpdate arbeitet in Enzersfeld bei Wien alte Kästen, Kommoden und Kindermöbel auf und gibt sie als Einzelstücke weiter. Für dieses Atelier haben wir eine SEO-optimierte Website mit Möbelkatalog gebaut: neun Seiten, sechs Kategorien und 459 Produktseiten, die aus einer über Jahre gewachsenen WordPress-Installation übernommen, neu benannt und neu sortiert wurden. Der Inhalt liegt in einem Redaktionssystem, die Website liest daraus und speichert nichts eigenes. Was der Auftrag insgesamt umfasst hat, steht im Projekt UrbanUpdate.
- Weboptimiert
- Verwaltungssystem
- SEO-optimiert
Ablauf
Der Ablauf des Projekts
Erstes Meeting mit UrbanUpdate
Am Anfang stand die Frage, wie ein Bestand aus lauter Einzelstücken so geordnet wird, dass ihn jemand durchsuchen kann, der nicht weiß, wie das gesuchte Stück heißt.
Zuerst haben wir den Bestand auseinandergenommen. 459 Stücke, davon 76 verfügbar und 383 verkauft, verteilt auf vier Kategorien, die zwei ganze Warengruppen gar nicht abbildeten. Aus diesem Gespräch kamen die zwei neuen Kategorien: Urban Selection für die kuratierte Deko und Spielzeug und Puppenmöbel für die Kinderstücke.
Die zweite Entscheidung war die gegen den Warenkorb. Ein Warenkorb lohnt sich, wo dasselbe Produkt hundertfach im Regal steht. Hier gibt es jedes Stück einmal, die Lieferung will besprochen sein, und die häufigste Frage ist, ob es in eine bestimmte Nische passt. Also führt der Weg zur Anfrage, und das Stück trägt drei Zustände: verfügbar, reserviert, verkauft.
Zuletzt die Sprache. Der Betrieb sagt aufarbeiten und nicht restaurieren, Kasten und nicht Schrank, und er duzt. Diese Regeln stehen seit dem ersten Meeting fest und gelten für jede Zeile auf der Seite, auch für die, die später im Redaktionssystem geschrieben wird.
- Bestand durchgesprochen
- Sechs Kategorien festgelegt
- Anfrage statt Warenkorb
- Wording verbindlich gemacht
Von der Struktur zum übernommenen Bestand
Gebaut wurde in zwei Strängen zugleich: die neun Seiten der Website und der Umzug des Bestandes in das Redaktionssystem.
Die Seite selbst besteht aus neun festen Seiten und zwei Vorlagen, aus denen die Kategorie- und die Produktseiten entstehen. Startseite, Urban Shop, Kinderzimmer, Interiorplanung, Atelier, Magazin und Kontakt tragen den Inhalt, dazu die drei Rechtsseiten. Jede Seite hat eine sprechende Adresse, eine eigene Überschriftenhierarchie und eigene Felder für Titel und Beschreibung bei Google.
Die Übernahme lief über die Sitemap der alten Website und die Produktseiten selbst. Am 13. August 2026 sind so 459 Produkte und 2.243 Bilder herübergekommen, die Bilder auf 1.600 Pixel längste Kante gerechnet. 339 Titel haben dabei einen neuen bekommen, zusammengesetzt aus dem Typwort und einem Merkmal aus dem eigenen Beschreibungstext des Stücks. Erfunden wurde dabei nichts: aus Vintagekasten Georg wurde Vintage Kasten, 50 cm breit.
Die Masse sind Pflichtfeld am Formular geworden und nicht ein Feld unter vielen. Sie sind die einzige echte Kaufhürde bei einem Möbelstück, das es nur einmal gibt, und sie stehen deshalb schon in der Übersicht unter dem Titel, nicht erst auf der Produktseite.
- Neun Seiten und zwei Vorlagen
- 459 Produkte übernommen
- 2.243 Bilder herübergezogen
- Masse als Pflichtfeld
Der Umzug der Adressen und die Übergabe
Der heikelste Teil eines Relaunchs ist nicht die neue Seite, sondern die alte: jede Adresse, die ins Leere läuft, ist ein Besucher weniger und ein Ergebnis weniger bei Google.
321 der 459 Produktadressen haben beim Umbenennen einen neuen Slug bekommen. Für jede davon liegt eine dauerhafte Weiterleitung auf ihr neues Ziel bereit, dazu die festen Seiten der alten Website und die Magazinbeiträge, die dort das Datum in der Adresse trugen. Die restlichen Adressen sind unverändert geblieben und brauchen keine.
Bewusst nicht weitergeleitet wird, was nichts mehr trägt: die alten Feed- und Schnittstellenadressen von WordPress laufen auf die eigene Fehlerseite. Eine Weiterleitung auf die Startseite wäre dort die bequemere Lösung und würde von Google als weiche Fehlerseite gewertet, also als derselbe Verlust mit mehr Aufwand.
Übergeben wurde danach der Bestand selbst. Ein neues Stück ist angelegt, sobald Titel, Kategorie, Masse, Preis und Bilder eingetragen sind, ein verkauftes wird mit einem einzigen Feld umgestellt und bleibt online. Dafür braucht es weder uns noch einen Termin.
- 321 Weiterleitungen gesetzt
- Eigene Fehlerseite statt Umleitung
- Bestand in Kundenhand
- Betreuung, wenn etwas dazukommt
Die Grundstruktur
Aufbau
Die Seite
Neun Seiten, sechs Kategorien und 459 Möbelstücke, von denen jedes seine eigene Adresse hat und dort mit Massen, Preis und Zustand steht.
Grundlage
Next.js, vorgerendert ausgeliefert statt bei jedem Aufruf aus einer Datenbank zusammengesetzt. Das ist der Grund für den Tempo-Unterschied weiter unten.
Redaktion
Sanity als Redaktionssystem: Ein neues Stück oder ein Magazinbeitrag ist ein Formular, das Katrina selbst ausfüllt und speichert, danach steht es auf der Seite. Ohne Anruf und ohne Wartezeit.
Beim Eintragen
Die Massen sind Pflichtfelder, der Zustand eine Auswahl aus drei Möglichkeiten statt einer freien Zeile, und verkauft heisst nicht gelöscht: Die Seite bleibt stehen und behält ihre Adresse.
Betrieb
Hosting auf Vercel, ohne eigenen Server, der aktualisiert oder gegen Angriffe abgesichert werden müsste.
Abgelöst
Die über Jahre gewachsene WordPress-Installation samt ihrer Erweiterungen.
Tempo
3,6 Megabyte und 1,85 Sekunden vorher, 1,5 Megabyte und 0,49 Sekunden nachher, am selben Tag unter denselben Bedingungen gemessen.
Für die Suche
Titel und Beschreibung als eigene Felder an jedem Stück, ausgezeichnete Daten für Suchmaschinen und Antwortmaschinen, 321 alte Adressen auf ihr neues Ziel.
Keine dieser Entscheidungen ist für den heutigen Bestand gebaut, sondern für den nächsten Handgriff daran.
Ergebnis
Individuelle Webentwicklung
Webentwicklung
Professionell und Individuell
urbanupdate.atStruktur
Struktur und Leidenschaft
Eine Website für ein Atelier muss zwei Dinge zugleich: klingen wie der Betrieb und sich bedienen lassen wie ein Katalog. Der Ton kommt aus dem Haus selbst, es heisst aufarbeiten und nicht restaurieren, Kasten und nicht Schrank, und geduzt wird auch. Diese Regeln gelten für jede Zeile auf der Seite. Die Ordnung darunter ist das andere: 459 Stücke in sechs Kategorien, jede mit eigenem Einleitungstext, jedes Stück mit Breite, Höhe und Tiefe. Wo bisher ein Vorname stand, steht jetzt das Typwort mit einem Merkmal, also das Wort, mit dem jemand sucht.
Auffindbarkeit
SEO und GEO Optimierung
Ob eine Seite gefunden wird, entscheidet sich unter der Oberfläche. Ausgeliefert wird statisch statt bei jedem Aufruf neu zusammengesetzt, jede Kategorie und jedes Stück hat eine eigene sprechende Adresse, und 321 alte Adressen zeigen dauerhaft auf ihr neues Ziel. Dazu sind die Angaben so ausgezeichnet, dass Suchmaschinen und Antwortmaschinen sie als Daten lesen, statt sie aus dem Fliesstext zu raten. Damit liegt die Grundlage, auf der eine Seite überhaupt gefunden werden kann. Wie sich die Sichtbarkeit dann entwickelt, messen wir, sobald die Domain umgestellt ist. Vorher wäre jede Zahl geraten.
Fragen
Häufige Fragen zum Umzug eines Möbelkatalogs
Was Betriebe fragen, die einen gewachsenen Bestand auf eine neue Website mitnehmen wollen. Was der Auftritt für das Atelier bedeutet, steht im Projekt UrbanUpdate.
Müssen wir unsere Produkte für den Umzug alle neu eintippen?
Nein. Der Bestand wird ausgelesen und übernommen, in diesem Projekt über die Sitemap der alten Website und die Produktseiten selbst: 459 Stücke samt Beschreibungen und 2.243 Bildern. Von Hand nachgearbeitet wird nur, was maschinell nicht sauber herauskommt, etwa Masse, die im alten Bestand in einem Fliesstext standen. Genau dafür entsteht beim Umzug eine Prüfliste, damit klar ist, welche Stücke noch etwas brauchen.
Was passiert mit unseren alten Adressen bei Google?
Jede Adresse, die einen neuen Namen bekommt, bekommt eine dauerhafte Weiterleitung auf ihr neues Ziel. Bei UrbanUpdate waren das 321 von 459. Google folgt einer solchen Weiterleitung und überträgt die Bewertung der alten Adresse auf die neue. Wichtig ist, dass die Liste vollständig ist und die Weiterleitung dauerhaft und nicht vorübergehend gesetzt wird, sonst behält die alte Adresse die Bewertung und läuft trotzdem ins Leere.
Warum bekommen die Produkte neue Titel?
Weil ein Eigenname keine Suchanfrage ist. Bei UrbanUpdate hiessen 339 der 459 Stücke nach einer Person, und niemand sucht nach einem Vintagekasten namens Georg. Der neue Titel setzt sich aus dem Typwort und einem Unterscheidungsmerkmal aus dem eigenen Beschreibungstext des Stücks zusammen, also Farbe, Bauform, Material oder Epoche. Erfunden wird dabei nichts, jedes Merkmal stand vorher schon im Text des Stücks. Wer umzieht, sollte diesen Schritt einplanen: Er entscheidet, ob ein Stück später über sein Aussehen gefunden wird oder gar nicht.
Können wir die Seite danach selbst pflegen?
Ja, das ist der Zweck des Redaktionssystems. Ein neues Stück ist eingestellt, sobald Titel, Kategorie, Masse, Preis und Bilder gesetzt sind, ein verkauftes wird über ein einziges Feld umgestellt und bleibt online. Auch die Texte der festen Seiten liegen dort. Was Programmierung braucht, ist der Aufbau selbst: eine neue Seitenart, ein neues Feld, eine Änderung an der Struktur. Das machen wir.
Wie lange dauert so ein Projekt?
Das hängt weniger an der Technik als am Inhalt. Der Aufbau der Seiten und die Übernahme des Bestandes laufen parallel und in Wochen, nicht in Monaten. Was die Dauer bestimmt, sind die Abstimmungen: Kategorien, Wording, Texte und die Frage, welche Stücke noch Masse oder Bilder brauchen. Wer diese Zuarbeit früh liefert, verkürzt das Projekt spürbar. Einen belastbaren Rahmen nennen wir nach dem Erstgespräch, wenn der Umfang des Bestandes bekannt ist.
Sie brauchen einen Web-Auftritt
Wir kümmern uns darum. In einem kostenlosen Erstgespräch sprechen wir in Ruhe über Ihr anstehendes Projekt und finden gemeinsam den Weg, der für Ihr Vorhaben der optimale ist.
Invisions, Werbe- und Marketingagentur in Innsbruck
Invisions Marketingagentur KG
Philippine-Welser-Straße 20a
6020 Innsbruck, Österreich
Weitere Arbeiten
