← Zurück zu Vasily Starostenko Consulting
🚀 Tenant Websites: Erstellen Sie eine vollständige, mehrseitige Website innerhalb Ihrer Callpage
Veröffentlichungsdatum: 2026-10-13 Funktion: Tenant Websites v1.0 Showcase: Die Vasily Starostenko Consulting Website — 60 Seiten live Status: ✅ Live in Produktion
---
🌟 Was sind Tenant Websites?
Tenant Websites ist die größte Erweiterung dessen, was eine Callpage sein kann, seit es den Anruf-Button selbst gibt.
Bis heute war eine Callpage eine einzelne Seite: Ihr Unternehmen, Ihre Produkte, Ihr Anruf-Button. Leistungsstark — aber eben nur eine Seite. Wenn Sie Artikel, Anleitungen, eine Wissensdatenbank, Memoiren, ein Branchen-Handbuch oder ein mehrseitiges Ressourcenzentrum veröffentlichen wollten, benötigten Sie eine separate Website, ein separates CMS, eine separate Hosting-Rechnung und eine separate SEO-Strategie.
Tenant Websites ändert das grundlegend.
Jede Callpage kann nun eine vollständige, funktionsreiche, mehrseitige Website unter `/p/<your-slug>/web/` hosten — mit eigener Startseite, unbegrenzten Themenseiten, Unterabschnitten, Bildern, Querverweisen, SEO-Metadaten, Sitemap, Breadcrumbs und mobil optimierter Darstellung. Ihre Produkte bleiben genau dort, wo sie sind. Ihr Anruf-Button funktioniert weiterhin. Aber jetzt verbirgt sich hinter einem einzigen eleganten Link eine ganze Publikation.
Stellen Sie es sich so vor:
| Vorher | Nachher | |---|---| | Eine Seite, eine Botschaft | Eine Callpage + eine ganze Website | | Anruf-Button ODER Inhalt | Anruf-Button UND eine 60-seitige Publikation | | Externer Blog auf einer anderen Domain | Artikel unter `/p/you/web/` | | SEO aufgeteilt auf verschiedene Properties | Alle Autorität konzentriert auf Ihre Callpage | | "Link in Bio" | "Entdecken Sie unser Ressourcenzentrum" |
Das Showcase beweist den Umfang: Die Consulting-Website umfasst 60 Seiten — 54 kurze Themenseiten plus 6 lange Memoiren-Kapitel mit insgesamt ca. 13.000 Wörtern — alles in Markdown verfasst, intensiv untereinander verlinkt, reich illustriert und in Millisekunden von Cloudflares globalem Edge-Netzwerk ausgeliefert.
---
⚡ Cloudflare at Scale: Die Infrastruktur hinter der Magie
Nehmen wir uns einen Moment Zeit, um zu würdigen, was dies möglich macht — denn die Technik dahinter ist wirklich elegant.
🌍 Der Global Edge
Jede Tenant-Website-Seite wird von Cloudflare Workers bereitgestellt, die auf dem globalen Edge-Netzwerk von Cloudflare laufen — über 300 Städte, über 120 Länder. Wenn ein Besucher in Tokio die Waymo-Seite öffnet, wird sie vom Edge-Server in Tokio gerendert. Wenn jemand in São Paulo das Kapitel über Puerto Rico liest, kommt es aus São Paulo. Keine Roundtrips zum Ursprungsserver. Kein "Bitte warten, während wir Daten aus Virginia abrufen".
Das Ergebnis: unter 50ms Time-to-First-Byte weltweit, für jede Seite, bei jedem Besuch.
🗄️ D1: Die Datenbank am Edge
Inhalte liegen in Cloudflare D1 — einer serverlosen SQLite-Datenbank, die an den Edge repliziert wird. Die Tabelle `site_pages` ist elegant einfach:
```sql site_pages ( id TEXT PRIMARY KEY, tenant_slug TEXT, -- welche Callpage besitzt diese Website path TEXT, -- URL-Slug: '' = Startseite, 'waymo', 'book/california-decade' lang TEXT, -- 'en', 'es', ... (bereit für mehrere Sprachen) title TEXT, -- Seitentitel meta_description TEXT, -- SEO-Meta-Beschreibung content_md TEXT, -- die Markdown-Quelle status TEXT, -- 'published' oder 'draft' sort INTEGER, -- Sortierung für die Navigation created_at, updated_at ) ```
Das ist alles. Kein CMS. Kein aufgeblähtes Admin-Panel. Keine Plugins, die aktualisiert werden müssen. Nur Zeilen mit Markdown, bereitgestellt mit Edge-Geschwindigkeit. Die 60 Seiten der Consulting-Website sind 60 Zeilen — und dieselbe Tabelle skaliert problemlos auf 6.000 Seiten.
🚀 Workers Builds: Deployment bei jedem Merge
Hier ist der Teil, der Ingenieure zum Lächeln bringt: Das Deployment ist automatisch und kostenlos.
Der Worker ist über Cloudflare Workers Builds mit GitHub verbunden — Cloudflares nativer Git-Integration. Der Release-Ablauf sieht so aus:
``` Feature-Branch → PR → Staging (Review) → PR → Master (Merge) ↓ Cloudflare erkennt den Push ↓ node build.js → dist/deploy-worker.js ↓ Bereitgestellt an 300+ Edge-Standorten ↓ Live in ca. 4 Minuten. Keine Kosten. ```
Keine verbrauchten GitHub Actions-Minuten. Keine Deployment-Skripte, die man überwachen muss. Kein "Hoppla, ich habe vergessen, das Staging zu deployen". Push auf `master`, und das schnellste CDN der Welt übernimmt den Rest. So gingen der Fix für das Bild-Rendering und der Fix für die kompakte Navigation live — gemergt, gebaut, deployed, verifiziert, alles in wenigen Minuten.
📈 Auto-Scaling: Von Null zum Viral-Erfolg
Da es sich um Workers + D1 handelt, gibt es nichts zu skalieren:
- 1 Besucher oder 1 Million Besucher — gleiche Architektur, gleiche Geschwindigkeit, gleiche Kostenkurve
- Keine Server bereitzustellen, keine Container zu orchestrieren, keine Datenbank zu sharden
- DDoS-Schutz, WAF und Bot Fight Mode am Cloudflare-Edge inklusive
- Wenn eine Ihrer Seiten in den sozialen Medien viral geht, fängt Cloudflare das ab. Ihre Website zuckt nicht einmal.
Dies ist eine Infrastruktur, die ein Solo-Gründer in San Juan kostenlos erhält — dasselbe Edge-Netzwerk, das Fortune-500-Unternehmen bedient.
---
👑 Für Seiteninhaber: Eine neue Dashboard-Erfahrung
Tenant Websites ist nicht nur für Besucher gedacht — es verändert, was Sie als Seiteninhaber tun können.
✍️ Seiten in Sekunden erstellen
Über den Website-Tab Ihres Callpage-Dashboards:
- Klicken Sie auf Neue Seite
- Legen Sie den Pfad fest (den URL-Slug — z. B. `pricing-guide`)
- Schreiben Sie einen Titel und eine Meta-Beschreibung (für Google)
- Schreiben Sie den Inhalt in Markdown — Überschriften, Listen, Fettgedrucktes, Links, Bilder
- Klicken Sie auf Veröffentlichen — sofort live, weltweit
Kein Code. Kein FTP. Kein „Bitte warten Sie 24 Stunden auf die DNS-Propagierung“. Ihre Worte sind in Sekunden am globalen Edge verfügbar.
🖼️ Bilder, die einfach funktionieren
Markdown-Bildsyntax wird automatisch als responsive, lazy-geladene Bilder gerendert:
```markdown 
```
wird zu:
```html <img src="https://example.com/photo.jpg" alt="Ingenieure testen ein fahrerloses Auto" loading="lazy" style="max-width:100%;height:auto;border-radius:8px;margin:16px 0;"> ```
Lazy Loading bedeutet, dass Seiten auch mit Dutzenden von Bildern schnell bleiben. Das `max-width:100%` sorgt dafür, dass sie mobile Layouts nie sprengen. Und unsichere Quellen (`javascript:`, etc.) werden abgelehnt — nur Alt-Text, XSS-sicher.
🔍 SEO-Steuerung integriert
Jede Seite erhält:
- `<title>` — aus Ihrem Seitentitel
- `<meta name="description">` — Ihr Ein-Satz-Pitch für Google
- Open Graph-Tags — schöne Vorschauen beim Teilen in sozialen Medien
- Kanonische URLs — keine Strafen für doppelten Inhalt
- Automatische Sitemap — jede veröffentlichte Seite erscheint unter `/p/<slug>/web/sitemap.xml`, die Sie einmalig bei der Google Search Console einreichen
Die 60 Seiten der Beratungs-Website tragen jeweils einzigartige Titel und Meta-Beschreibungen — das sind 60 indexierte Einstiegspunkte zu einer Callpage.
📊 Analysebereit
Da jede Seite eine echte URL auf der Domain Ihrer Callpage ist, verfolgen Ihre bestehenden Analysen (und die Google Search Console, sobald Sie die Sitemap eingereicht haben) jeden Seitenaufruf, jeden Referrer, jede Suchanfrage — pro Seite, pro Thema, pro Kapitel. Sie erfahren, welche Themen Traffic anziehen, welche Kapitel Leser halten und welche Beratungsseiten zu Anrufen führen.
✏️ Bearbeiten und Löschen — Der universelle Lebenszyklus
Jede Seite, die Sie erstellen, ist über denselben Website-Tab bearbeitbar und löschbar — ohne Ausnahmen. Der Entwurfsstatus verbirgt eine Seite, während Sie daran arbeiten; durch Veröffentlichen wird sie live geschaltet. Dies folgt der universellen Objekt-Lebenszyklus-Regel von Callpages: Wenn Sie es erstellen können, können Sie es bearbeiten und entfernen.
---
🧭 Für Besucher: Ein Browsing-Erlebnis, das sich wie eine echte Publikation anfühlt
🗺️ Navigation, die Sinn ergibt
Jede Seite enthält:
- Breadcrumb-Backlink oben: `← Zurück zu [Site Home]` — Sie sind nie verloren
- Kompakte Top-Navigation — die 10 wichtigsten Seiten in einer einzigen scrollbaren Zeile (kein hässlicher Zeilenumbruch, selbst auf einer 60-Seiten-Website)
- „Verwandt:“-Links am Ende von Themenseiten — 2–3 verwandte Themen zum Weitererkunden
- „Weiter erkunden“-Listen auf narrativen Seiten — nummerierte Pfade durch den Handlungsbogen
- Kapitelübergangs-Hooks in Langform-Inhalten — narrative Brücken, die Sie in das nächste Kapitel ziehen
📱 Mobile-First, immer
- Responsive Bilder, die niemals den Viewport sprengen
- Lesbare Typografie mit angenehmen Zeilenlängen
- Touch-freundliche Link-Ziele
- Die kompakte Navigation scrollt auf kleinen Bildschirmen horizontal, anstatt in einen hässlichen Stapel umzubrechen
Über 60 % des Web-Traffics ist mobil. Tenant Websites behandelt Mobilgeräte als primäre Erfahrung, nicht als nachträglichen Einfall.
🔎 SEO-freundliche URLs
Saubere, beschreibende, hierarchische URLs:
- `https://callpages.me/p/vasily/web/` — Startseite
- `https://callpages.me/p/vasily/web/waymo` — Themenseite
- `https://callpages.me/p/vasily/web/book/california-decade` — Kapitel
Keine Query-Strings. Keine numerischen IDs. URLs, die Menschen lesen und Google verstehen kann.
---
📚 Das 60-Seiten-Showcase: Ein vollständiger Katalog
Die Beratungs-Website ist die Referenzimplementierung — ein Beweis dafür, was Tenant Websites in großem Maßstab leisten kann. Hier ist jede Seite, gruppiert nach Themen.
🌱 Lebensgeschichte (17 Seiten)
Der persönliche Bogen: Russland → Amerika → Puerto Rico. Der stärkste rote Faden, der sich durch die gesamte Website zieht.
| Seite | Link | Inhalt | |---|---|---| | Startseite | callpages.me/p/vasily/web/ | Der Knotenpunkt: Erstklassige Beratung in den Bereichen Transport, autonome Systeme & Fintech | | Kindheit in Russland | childhood-russia | Ein Junge, der jedes Problem wie eine Physik-Hausaufgabe behandelte | | MIPT | mipt | Überleben an einer der weltweit schwierigsten Universitäten — mit Auszeichnung (1998–2004) | | NES | nes | Von Teilchen zu Menschen: die Ökonomie menschlicher Systeme | | Moskau | moscow | Geschmiedet in Moskau: Physik, Wirtschaft, Schwimmmeisterschaften | | Umzug nach Amerika | moving-to-america | Angekommen mit dem Willen, sich zu beweisen — ein Neuanfang bei Null | | Stanford MBA | stanford-mba | Zwei Jahre, die seinen Ehrgeiz neu programmierten (GSB 2008–2010) | | Englisch lernen | learning-english | „Das schwierigste Produkt, das er je auf den Markt gebracht hat“ | | US-Staatsbürgerschaft | us-citizenship | Zugehörigkeit zu zwei Kulturen gleichzeitig | | Umzug nach Puerto Rico | moving-to-puerto-rico | Ein neues Kapitel auf einer karibischen Insel | | Spanisch lernen | learning-spanish | Dritte Sprache, dritte Perspektive | | Sprachen | languages | Ein Leben in drei Sprachen | | San Juan | san-juan | Aufbau echter Unternehmen aus der Karibik heraus | | Kalifornien | california | Ein Jahrzehnt im Zentrum der Technologie | | Kambodscha | cambodia | Mitbegründung eines Technologieunternehmens in Phnom Penh (2008) | | Japan | japan | Eine Reise und ein bleibender Standard für Handwerkskunst | | Reisen | travel | Reisen als die wahre Ausbildung |
💼 Karriere (7 Seiten)
Vier Unternehmen, die eine Ära prägten — dazu Patente und die frühen Jahre.
| Seite | Link | Inhalt | |---|---|---| | Waymo | waymo | Fahrerlose Autos von der Forschung bis zum Umsatz (2019–2021) | | Tesla | tesla | Skalierung der Vertriebssysteme für das Model 3 im Durchbruchsjahr | | Uber | uber | Produkte, mit denen Millionen von Fahrern ihren Lebensunterhalt verdienten (2014–2017) | | Revolut | revolut | Head of Product während einer Multi-Milliarden-Dollar-Skalierung (100+ Teams) | | Frühe Karriere | early-career | Von Stanford-Praktika zur Mitgründung von Unternehmen | | Lightfish | lightfish | Zwei Jahre im Startup-Alltag | | Patente | patents | Vier erteilte US-Patente im Bereich AV-Sicherheit (11,826,146 · 12,024,206 · 11,912,307 · 11,738,763) |
🎯 Beratungspraxis (14 Seiten)
Das Herzstück der Website für potenzielle Kunden — vierzehn Beratungsbereiche, jeweils als prägnantes Briefing.
| Seite | Link | Beratungsschwerpunkt | |---|---|---| | Autonomie | autonomy | AV-Kommerzialisierung: Prototyp → Einsatz in mehreren Städten | | FinTech | fintech | Eingebettete Zahlungen, die unter regulatorischen Auflagen skalieren | | Compliance | compliance | Risiko- & Governance-Technologie für FinTech/BankTech | | Skalierung | scaling | Plattformskalierung, Unit Economics, operative Exzellenz | | FX-Banking | fx-banking | Grenzüberschreitende Devisengeschäfte, digitales Banking, Überweisungen | | Due Diligence | due-diligence | Investoren- & M&A-Due-Diligence in Mobilität und FinTech | | KI-Sicherheit | ai-safety | KI-Systeme entwickeln, denen Menschen vertrauen können | | Marktplätze | marketplaces | Das Gleichgewicht von Angebot und Nachfrage korrigieren, bevor es Sie ruiniert | | Flottenbetrieb | fleet-operations | Roboterflotten wie einen kommerziellen Betrieb führen | | Teambuilding | team-building | Skalierung von einer Handvoll auf über 100 Teams | | Kundenerfahrung | customer-experience | Kundenerfahrung zu Ihrem Wettbewerbsvorteil machen | | Fraktioneller CPO | fractional-cpo | Ein erfahrener CPO ohne Vollzeitanstellung | | Startup-Beratung | startup-advising | Rat von jemandem, der Startups aufgebaut und finanziert hat | | Produktphilosophie | product-philosophy | Maximale Wirkung durch Experimente, nicht durch Meinungen |
🎓 Lehre & Thought Leadership (6 Seiten)
| Seite | Link | Inhalt | |---|---|---| | Udemy | udemy | Produktmanagement für maximale Wirkung — Tausende von Studenten | | Speaking | speaking | Auf der Bühne: Die Kunst, für maximale Wirkung zu entwickeln | | TalkMarkets | talkmarkets | Essays über Produktführung | | EmployeeStocks | employeestocks | Startup-Anteile in Liquidität verwandeln | | Investing | investing | Unterstützung von Gründern, die Wirkung erzielen wollen | | Mentoring | mentoring | Weitergabe von zwanzig Jahren Produkterfahrung |
Lesen Sie 🌴 Persönliches & Unternehmungen (10 Seiten)
| Seite | Link | Inhalt | |---|---|---| | Swimming | swimming | Meister der Region Moskau — vor der Produktkarriere | | Fitness | fitness | Aktiv bleiben als Gründer und Führungskraft | | Discipline | discipline | Was das Schwimmen ihn über den Aufbau von Unternehmen lehrte | | Beaches Puerto Rico | beaches-puerto-rico | Wo der Ozean der beste Reset-Knopf ist | | Books | books | Die Lesegewohnheit hinter dem Operator | | Technology | technology | Von physikalischen Gleichungen zu beliebten Produkten | | Callpages | callpages | Warum er Callpages gebaut hat | | Sleep Shop | sleep-shop | Echte Metallbettrahmen in San Juan | | Entrepreneurship | entrepreneurship | Unternehmertum als Lebensstil | | Future | future | Wohin sein Weg als Nächstes führt |
📖 Die 6 ausführlichen Buchkapitel
Erzählung im Memoiren-Stil in der dritten Person — jeweils über 2.000 Wörter, insgesamt ca. 13.000 Wörter — geschrieben als Rückgrat eines zukünftigen Buches. Jedes Kapitel enthält 5–8 Bilder an Szenenwechseln, endet mit einem Übergang zum nächsten Kapitel und schließt mit einem Kontakt-CTA.
| # | Kapitel | Link | Wörter | Bilder | |---|---|---|---|---| | 1 | Der Junge, der jedes Problem wie Physik-Hausaufgaben behandelte | book-growing-up-russia | 2.116 | 5 | | 2 | Die Schmiede — MIPT, Moskau und die Entwicklung eines Geistes | book-mipt-moscow-years | 2.122 | 7 | | 3 | Neuanfang — Amerika, Englisch und Stanford | book-moving-to-america | 2.079 | 7 | | 4 | Das kalifornische Jahrzehnt — Tesla, Uber, Waymo und die Ausbildung eines Operators | book-california-decade | 2.546 | 8 | | 5 | Die dritte Überquerung — Puerto Rico | book-moving-to-puerto-rico | 2.086 | 8 | | 6 | San Juan — Wo der Ozean der beste Reset-Knopf ist | book-life-in-san-juan | 2.058 | 8 |
Kapitel 1 beginnt in Russland — Kultur der Physik- und Mathe-Schulen, Leistungsschwimmen, Meisterschaften der Region Moskau. Lesen Sie es hier und sehen Sie sich dann die ergänzenden Kurzbeiträge an: Childhood Russia und Swimming.
Kapitel 2 ist die Schmiede: MIPT 1998–2004 (Master of Science mit Auszeichnung in Physik), überschnitten mit einem Master in Wirtschaftswissenschaften an der NES (2002–2004), während er zehn Schwimmmeisterschaften der Region Moskau gewann. Das Kapitel über das „mentale Betriebssystem“. Ergänzende Seiten: MIPT, NES, Moscow, Discipline.
Kapitel 3 ist Neuerfindung: Englisch als Erwachsener lernen, Praktika, Stanford GSB 2008–2010. Ergänzende Seiten: Moving to America, Learning English, Stanford MBA, US Citizenship.
Kapitel 4 ist der professionelle Kern — 2.546 Wörter, das längste Kapitel: Uber Driver Growth → Tesla Model 3 → Waymo fahrerlose Flotte → Revolut, mit allen vier Patentnummern und Erteilungsdaten. Begleitseiten: Uber, Tesla, Waymo, Revolut, Patents, California.
Kapitel 5 führt nach Puerto Rico: Spanisch lernen, Aufbau von Sleep Shop und Callpages von San Juan aus, die Einbürgerungsurkunde vom November 2024. Begleitseiten: Moving to Puerto Rico, Learning Spanish, Languages.
Kapitel 6 landet in der Gegenwart: der Alltag als Inhaber und Betreiber in San Juan, die Philosophie des Ozeans als Reset-Knopf, Unterrichten auf Udemy. Begleitseiten: San Juan, Beaches Puerto Rico, Udemy, Future.
---
📏 Inhaltsstandards: Was eine Website authentisch macht
Tenant Websites wird mit feststehenden Inhaltsstandards ausgeliefert — nicht verhandelbare Anforderungen für jede Website, die auf der Plattform erstellt wird:
1. 🔗 Starke interne Verlinkung — Jede Seite verlinkt auf mehrere andere
Eine Website ist ein Netz, kein Stapel von Dokumenten. Jede Seite muss Folgendes enthalten:
- Breadcrumb-Backlink am Anfang: `← Zurück zur Startseite`
- "Verwandte Themen:"-Zeilen auf Themenseiten: 2–3 Inline-Links zu verwandten Themen
- "Weiter entdecken"-Listen auf narrativen Seiten: nummerierte Pfade durch den Erzählbogen
- Links innerhalb von Absätzen, wann immer Sie ein anderes behandeltes Thema erwähnen
- Kapitelübergreifende Hooks in Long-Form-Inhalten
Die Autonomy-Seite der Beratungs-Website ist das Modell: Breadcrumb oben, "Verwandte Themen:"-Links (Due Diligence · Scaling) unten, jede Erwähnung von Patenten ist mit der Patents-Seite verlinkt.
2. 🖼️ Reichhaltige Bildsprache — 3+ Bilder pro Seite
- Bilder werden mitten im Inhalt an natürlichen Umbrüchen platziert — niemals alle oben gestapelt
- Persönliche Seiten beginnen mit echten Fotos (Porträts, Arbeitsplatzfotos)
- Aussagekräftiger Alt-Text für jedes Bild
- Lazy Loading hält die Seiten auch bei Dutzenden von Bildern schnell
3. 📐 Zwei Längen, eine Website
- Kurze Seiten (350–500 Wörter): scannbar, SEO-freundlich, schnell zu lesen
- Lange Kapitel (2.000+ Wörter): autoritätsbildend, immersiv, halten Leser auf der Seite
- Klein anfangen, das ausbauen, was funktioniert
4. 🚫 Keine isolierten Seiten
Wenn eine Seite keine eingehenden und keine ausgehenden Links hat, gehört sie nicht auf die Website. Jede Seite muss von mindestens zwei anderen Seiten aus erreichbar sein und auf mindestens zwei andere verlinken. Die Website ist ein Graph — jeder Knoten ist verbunden.
---
🌺 Branchen-Playbook: Blumenladen
Wie ein Blumenladen Tenant Websites nutzt, um online aufzublühen.
Lernen Sie Petal & Stem kennen — einen fiktiven Blumenladen in San Juan. Sie haben eine Callpage mit ihren Arrangements und einem Anruf-Button. Jetzt fügen sie eine 15-seitige Website hinzu:
Seiten, die sie erstellen würden:
- Startseite (`/web/`) — "San Juans Blumenladen für jeden Anlass" + Links zu allem
- Hochzeitsblumen (`/web/weddings`) — Pakete, Galerien, Erfahrungsberichte, Buchungs-CTA
- Trauerfloristik (`/web/sympathy`) — geschmackvoller Leitfaden für schwierige Zeiten
- Abonnement-Service (`/web/subscriptions`) — wöchentliche Blumen für Büro/Zuhause, Preisstufen
- Pflegeanleitung: Rosen (`/web/care-roses`) — wie man Rosen 2 Wochen lang hält
- Pflegeanleitung: Orchideen (`/web/care-orchids`) — die am häufigsten gestellte Frage, wunderschön beantwortet
- Saisonal: Muttertag (`/web/mothers-day`) — jährliche Seite, jedes Jahr aktualisiert
- Saisonal: Valentinstag (`/web/valentines`) — gleiches Muster
- Firmenkunden (`/web/corporate`) — Hotels, Restaurants, Büros
- Blumensprache (`/web/meanings`) — "Was bedeutet eine gelbe Rose?" (SEO-Magnet)
- Unsere Gärtner (`/web/growers`) — die Farmen, die Geschichte, die Frische
- Liefergebiete (`/web/delivery`) — Zonen, Zeiten, Gebühren
- Über unsere Floristen (`/web/team`) — die Menschen hinter den Arrangements
- FAQ (`/web/faq`) — jede Frage, die ihnen jemals gestellt wurde
- Blog: "5 Blumen, die die Hitze in Puerto Rico überleben" (`/web/heat-flowers`) — lokales SEO-Gold
Warum es funktioniert:
- Die Pflegeanleitungen ranken bei Google für "wie hält man Rosen am Leben" — und bringen Kunden, die noch nie von Petal & Stem gehört haben
- Die Hochzeitsseite mit echten Fotos verwandelt Interessenten in Beratungskunden
- Jede Seite verlinkt auf 2–3 andere — die Pflegeanleitung verlinkt auf die Abonnement-Seite ("Müde davon, verwelkte Rosen zu ersetzen? Holen Sie sich wöchentlich frische")
- Der Anruf-Button ist von jeder Seite aus mit einem Fingertipp erreichbar
Sehen Sie, wie die Beratungs-Website das macht: Die Swimming-Seite verlinkt auf Discipline, die auf Team Building verlinkt — persönliche Geschichte → professionelle Erkenntnis → Beratungsangebot.
---
🚗 Branchen-Playbook: Autohaus
Wie ein Autohaus seinen Bestand in eine Content-Maschine verwandelt.
Lernen Sie Auto Isla kennen — ein fiktives Gebrauchtwagen-Autohaus in Bayamón. Ihre Callpage listet ausgewählte Fahrzeuge auf. Ihre neue 20-seitige Website wird zur wichtigsten Anlaufstelle für den Autokauf in Puerto Rico:
Seiten, die sie erstellen würden:
- Startseite (`/web/`) — „Puerto Ricos vertrauenswürdigstes Gebrauchtwagen-Autohaus“
- SUVs unter 20.000 $ (`/web/suvs-under-20k`) — kuratierte Kategorienseiten für den Bestand
- Limousinen unter 15.000 $ (`/web/sedans-under-15k`) — gleiches Muster, anderes Segment
- Leitfaden für Erstkäufer (`/web/first-time-buyer`) — „Ihr erstes Auto in PR kaufen: der komplette Leitfaden“
- Finanzierung erklärt (`/web/financing`) — Kredit-Scores, Anzahlungen, PR-spezifische Kreditgeber
- Leitfaden zum Inzahlungnahmewert (`/web/trade-in`) — wie wir bewerten, was den Wert steigert
- Carfax & Historienberichte (`/web/history-reports`) — warum jedes Auto inspiziert wird
- Garantieoptionen (`/web/warranty`) — was ist abgedeckt, in einfachem Spanisch
- Service & Wartung (`/web/service`) — unsere Werkstatt, unsere Mechaniker, unsere Garantie
- Vorbereitung auf die Hurrikansaison (`/web/hurricane-prep`) — einzigartig für Puerto Rico, wird massiv geteilt
- Die besten Autos für PR-Straßen (`/web/pr-roads`) — Schlaglöcher, Berge, Überschwemmungen: was überlebt
- Leitfaden zur Kraftstoffeffizienz (`/web/fuel-efficiency`) — Benzinpreise sind hoch; helfen Sie Käufern beim Sparen
- Familienautos (`/web/family-cars`) — Sicherheitsbewertungen, Passgenauigkeit von Kindersitzen, Platzangebot
- Arbeits-LKWs (`/web/work-trucks`) — für Bauunternehmer und kleine Unternehmen
- Kundenstimmen (`/web/stories`) — „María hat ihren perfekten SUV gefunden“
- Über unser Team (`/web/team`) — lernen Sie die Verkäufer kennen (kein Druck, versprochen)
- Finanzierungsrechner (`/web/calculator`) — interaktiv, eingebettet
- FAQ (`/web/faq`) — „Nehmen Sie Inzahlungnahmen mit laufenden Krediten an?“
- Blog: „5 Warnsignale beim Gebrauchtwagenkauf“ (`/web/red-flags`) — schafft Vertrauen, rankt bei Google
- Kontakt & Anfahrt (`/web/visit`) — Öffnungszeiten, Karte, WhatsApp, Anruf-Button
Warum es funktioniert:
- Kategorienseiten für den Bestand (`/web/suvs-under-20k`) ranken für „SUVs baratos Puerto Rico“ — Suchanfragen mit hoher Kaufabsicht
- Der Leitfaden zur Hurrikan-Vorbereitung wird jeden Juni in den sozialen Medien geteilt — kostenloses Marketing
- Finanzierungsinhalte beantworten die Fragen, die Käufer persönlich nur ungern stellen
- Jede Seite endet mit „Aktuellen Bestand durchsuchen“ + dem Anruf-Button
Die Due Diligence-Seite der Beratungs-Website funktioniert auf die gleiche Weise — es ist eine Serviceseite, die gleichzeitig aufklärt und vor dem Verkaufsgespräch Vertrauen aufbaut.
---
🔨 Branchen-Playbook: Baumarkt
Wie ein Baumarkt zur DIY-Autorität wird.
Lernen Sie Ferretería El Martillo kennen — einen fiktiven Baumarkt in Carolina. Sie verkaufen Werkzeuge. Ihre 25-seitige Website bringt den Leuten bei, wie man sie benutzt:
Seiten, die sie erstellen würden:
- Startseite (`/web/`) — „Carolinas DIY-Hauptquartier seit 1985“
- Leitfaden für Elektrowerkzeuge (`/web/power-tools`) — Bohrmaschine vs. Schlagschrauber vs. Rotationswerkzeug
- Grundausstattung Handwerkzeuge (`/web/hand-tools`) — die 20 Werkzeuge, die jeder Haushalt braucht
- Streichen wie ein Profi (`/web/painting`) — Vorbereitung, Grundierung, Technik, Reinigung
- Einen undichten Wasserhahn reparieren (`/web/fix-faucet`) — Schritt für Schritt mit Fotos
- Einen Deckenventilator installieren (`/web/ceiling-fan`) — PR-spezifisch (jeder braucht einen)
- Leitfaden für Hurrikan-Fensterläden (`/web/shutters`) — messen, installieren, warten
- Beton & Mauerwerk (`/web/concrete`) — mischen, gießen, aushärten in tropischer Hitze
- Grundlagen der elektrischen Sicherheit (`/web/electrical-safety`) — wann man es selbst macht vs. Elektriker rufen
- Sanitär 101 (`/web/plumbing`) — Absperrventile, grundlegende Reparaturen
- Holzbearbeitung für Anfänger (`/web/woodworking`) — erste Projekte, essenzielle Werkzeuge
- Garten & Außenbereich (`/web/garden`) — tropisches Gärtnern, Bewässerung
- Grillstation bauen (`/web/grill-station`) — das ultimative Wochenendprojekt
- Werkzeugverleih (`/web/rental`) — „kaufen Sie nicht die Fliesensäge, mieten Sie sie“
- Profi-Handwerkertheke (`/web/contractors`) — Mengenrabatte, Geschäftskonten
- Workshop-Kurse (`/web/classes`) — kostenlose Vorführungen am Samstag
- Projekt: Bücherregal (`/web/project-bookshelf`) — komplettes Tutorial mit Materialliste
- Projekt: Hochbeet (`/web/project-garden-bed`) — gleiches Format
- Saisonal: Hurrikan-Kit (`/web/hurricane-kit`) — Checkliste + Einkaufsliste
- Markenvergleich: DeWalt vs. Milwaukee (`/web/dewalt-vs-milwaukee`) — ehrlicher Vergleich
- Werkzeugwartung (`/web/tool-care`) — damit Ihre Werkzeuge Jahrzehnte halten
- Leitfaden für Schutzausrüstung (`/web/safety-gear`) — Augen, Ohren, Lunge, Hände
- Über uns (`/web/about`) — drei Generationen Baumarkt-Expertise
- FAQ (`/web/faq`) — „Schneiden Sie Holz auf Maß?“ (ja)
- Blog: „10-Minuten-Heimwerker-Tipps“ (`/web/quick-fixes`) — wöchentliche Serie
Warum es funktioniert:
- Tutorial-Seiten ranken für „wie repariere ich einen undichten Wasserhahn“ — der Suchende hält einen Schraubenschlüssel in der Hand und braucht JETZT Ersatzteile
- Jedes Tutorial endet mit einer Materialliste, die auf Produkte verlinkt („Dichtungssatz kaufen → rufen Sie uns an“)
- Die Hurrikan-Inhalte machen sie zur Anlaufstelle der Community in jeder Sturmsaison
- Workshop-Kurse sorgen für Laufkundschaft; die Website sorgt für Kursanmeldungen
Wie die Bücher-Seite der Beratungs-Website (die Lesegewohnheit hinter dem Betreiber) → Technologie → Callpages — persönliches Interesse → professionelle Perspektive → Geschäft.
---
🔧 Technischer Deep Dive
Die Tabelle `site_pages`
Jede Website besteht aus Zeilen in D1. Das Schema ist bewusst minimalistisch gehalten:
- `tenant_slug` — verknüpft Seiten mit ihrer Callpage (z. B. `'vasily'`)
- `path` — URL-Slug; `''` ist die Startseite
- `lang` — Sprachcode; derselbe Pfad kann in mehreren Sprachen existieren
- `content_md` — roher Markdown-Quelltext
- `status` — `'published'` oder `'draft'`
- `sort` — steuert die Reihenfolge der Navigation
Der Renderer: `renderMarkdownLite`
Seiten werden als Markdown eingegeben und als HTML ausgegeben. Die Funktion `renderMarkdownLite` in `src/worker.js` verarbeitet:
- Überschriften (`#`, `##`, `###`) → `<h1>`, `<h2>`, `<h3>`
- Absätze → `<p>`
- Listen (Aufzählungszeichen und nummeriert) → `<ul>`, `<ol>`
- Fett/Kursiv → `<strong>`, `<em>`
- Links `text` → `<a href="url">text</a>`
- Bilder `alt` → `<img>` (hinzugefügt in PR #266)
Der Bild-Handler läuft vor dem Link-Handler – das ist entscheidend, da `alt` mit `!` beginnt, gefolgt von etwas, das wie ein Link aussieht. Ohne diese Reihenfolge würden Bilder falsch geparst werden. Bilder erhalten `loading="lazy"`, `max-width:100%`, abgerundete Ecken und eine XSS-sichere Quellenvalidierung.
Routing
``` /p/<tenant>/web/ → Startseite (path = '') /p/<tenant>/web/<path> → erstellte Seite (path = '<path>') /p/<tenant>/web/sitemap.xml → automatisch generierte XML-Sitemap ```
Nur einsegmentige Pfade (z. B. `waymo`, `book-california-decade`). Der Router ist bewusst einfach gehalten – die Komplexität liegt im Inhalt, nicht im URL-Schema.
SEO
- Seiten-spezifischer `<title>` und `<meta description>` aus der Zeile in `site_pages`
- Open Graph-Tags für Social Sharing
- Breadcrumb-strukturierte Daten (Schema.org)
- XML-Sitemap unter `/p/<slug>/web/sitemap.xml` — bei der Google Search Console einreichen
- Saubere URLs — keine Query-Parameter, keine IDs, menschenlesbare Slugs
---
🕸️ Strategie zur internen Verlinkung: Warum sie wichtig ist
Für SEO
Googles PageRank fließt durch Links. Eine Website mit 60 untereinander verlinkten Seiten konzentriert Autorität:
- Die Startseite verlinkt auf alle wichtigen Themen → verteilt Autorität nach außen
- Themenseiten verlinken auf verwandte Seiten → schafft Themencluster, die Google versteht
- "Verwandte:"-Links signalisieren semantische Beziehungen → "diese Seiten gehören zum selben Themenbereich"
- Breadcrumb-Links etablieren eine Hierarchie → Google lernt Ihre Website-Struktur
Ergebnis: 60 Seiten ranken für 60 verschiedene Suchanfragen, die sich alle gegenseitig verstärken.
Für UX
- Reduziert die Absprungrate — Leser folgen Links, anstatt die Seite zu verlassen
- Erhöht die Seiten pro Sitzung — der "nur noch eine Seite"-Effekt
- Baut Vertrauen auf — Tiefe signalisiert Fachwissen
- Führt durch die Reise — vom Gelegenheitsleser → engagierten Follower → Beratungsklienten
Das Muster
Jede Seite auf der Beratungs-Website folgt dieser Vorlage:
``` ← Zurück zur Startseite (Breadcrumb)
Titel
[3+ Bilder zwischen den Inhalten] Textkörper mit Links innerhalb der Absätze --- Verwandt: [Thema A] · [Thema B] (2-3 verwandte Links) Kontakt-CTA ```
Einfach. Wiederholbar. Effektiv. Kopieren Sie es für Ihre eigene Website.
---
🎉 Was kommt als Nächstes
Tenant Websites v1.0 ist live. Die Beratungs-Website ist der Beweis — 60 Seiten, stark untereinander verlinkt, reich illustriert, bereitgestellt über den globalen Edge.
Demnächst:
- Sleep Shop Website — 7 spanischsprachige Anleitungen unter `/p/sleep-shop/web/` (gleiche Standards)
- Weitere Buchkapitel — die Memoiren gehen über Kalifornien hinaus bis in die Revolut-Jahre
- Echte Fotografie — Ersetzung von Stockfotos durch echte Fotos auf allen 60 Seiten
- Ihre Website — wählen Sie eine Callpage, öffnen Sie den Website-Tab und fangen Sie an zu schreiben
Entdecken Sie mehr: callpages.me/p/vasily/web
Erfahren Sie wie: How to Build a Multi-Page Website Inside Your Callpage (Wissensdatenbank-Artikel)
- Lesen Sie die Geschichte: Introducing the Consulting Website (Blog-Beitrag)
---
Erstellt mit Cloudflare Workers, D1 und Workers Builds. Automatisch bereitgestellt bei jedem Merge. Bereitgestellt von über 300 Städten weltweit.
Fragen? Jede Seite auf der Beratungs-Website endet mit einer direkten Leitung: +(650) 523-4953.
---
📸 Visueller Anhang: Die Website in Bildern
Ein Bild sagt mehr als tausend Worte — und diese Website hat über 200 davon. Hier ist eine visuelle Tour:
Die Startseite
Lebensgeschichten-Seiten
Karriereseiten
Beratungsseiten
Buchkapitel
---
🙏 Danksagungen
Erstellt von: Vasily Starostenko, mit Muse (KI-Assistent) als Engineering-Partner
Infrastruktur: Cloudflare Workers, D1, Workers Builds — die globale Edge, die dies ermöglicht
Inhalt: 60 Seiten, verfasst im Oktober 2026, basierend auf 20 Jahren operativer Erfahrung, öffentlichem Facebook-Material und den geltenden Inhaltsstandards für Tenant Websites
Fotografie: Stockbilder (Unsplash) als Platzhalter — authentische persönliche Fotos folgen in der nächsten Generation, gemäß der Anweisung des Eigentümers, dass echte Fotos Stockbilder überall übertreffen
Release-Engineering: PR #266 (Bild-Rendering), PR #268 (kompakte Navigation), PR #267 + PR #269 (Produktions-Releases), alles bereitgestellt über Cloudflare Workers Builds
---
Dies ist v1.0. Die Memoiren gehen weiter. Die Sleep Shop-Website ist als Nächstes dran. Und Ihre Website — diejenige, die in Ihrer Callpage lebt — wartet darauf, geschrieben zu werden.
P.S. — Wenn Sie bis hierher gelesen haben, sind Sie die Art von Person, die Tiefe zu schätzen weiß. Die Beratungs-Website wurde für Leser wie Sie erstellt. Beginnen Sie mit Chapter One — Sie werden nicht bei einem Kapitel aufhören.