Website erstellen

Hosting, Design, Umsetzung, SEO & AI-Ready

Eine Website zu erstellen in 2026 ist definitiv keine “Rocket-Science” mehr. Starte ChatGPT, gib einen Prompt ein, lade die index.html auf deinen Webserver hoch und et voilà. Theoretisch könntest du jetzt meinen Best-Practise Website-Guide Artikel verlassen und loslegen. Aber wenn du jetzt gehst, wirst du einiges verpassen, den die KI wird nur jenes tun, was du vorgibst. Egal ob Anfänger, Chef, Coder, Marketing-Experte oder Freestyler, hier ist für jeden etwas dabei.

Ing. Alexander Koch, MA - Website & SEO Experte
Alexander Koch
Webentwicklung & SEO

Seit 2017 gestalte und entwickle ich Websites, beschäftige mich intensiv mit SEO- und KI-Trends und kreiere Content auf allen Ebenen. Heute unterstütze ich als Freelancer im DACH-Raum Agenturen, StartUps, Traditionsbetriebe und all jene, die digital etwas bewegen möchten.

Jahre Erfahrung
DACH-Projekte
Bei Google
Kurze Übersicht

Der Artikel hats in sich. Nimmst du den [short_code] und navigierst direkt zum jeweiligen Themenblock oder jumpst du von Kapitel zu Kapitel. Die Entscheidung liegt ganz bei dir. 

Domain & Hosting: Wo alles beginnt

Deine Domain (mein-unternehmen.at) ist deine Adresse im Netz, das Hosting dein Grundstück. Du kannst eine Domain bei den verschiedensten Anbietern ganz einfach kaufen. Vertrauenswürdige Websites zum Registrieren einer Domain sind nic.at (für Österreich) oder inwx.com (International). Viele Anbieter werben mit einer kostenlosen Domain im ersten Jahr. In den darauffolgenden Jahren berechnen sie jedoch oft doppelt so viel, wie die Domain eigentlich kosten würde. Lies daher immer das Kleingedruckte. Deine Domain ist nur das digitale Namensschild an der “Straße”. Der wesentlich wichtigere Teil ist das Grundstück darunter – dein Web-Hosting.

Arten von Webhostings

Shared Hosting

01

Viele Websites teilen sich einen Server — wie eine WG. Günstig und einfach, aber du teilst dir Speicher und Leistung mit den Nachbarn.

Leistung geteilt Für Blogs & kleine Seiten

Dedicated Hosting

02

Ein ganzer Server nur für dich. Volle Leistung und Kontrolle — aber Wartung, Sicherheit und Updates musst du selbst übernehmen.

€€-€€€ Volle Kontrolle Für große Shops & Projekte

Managed Hosting

03

Ein eigener oder geteilter Server, um den sich jemand für dich kümmert. Updates, Backups und Sicherheit laufen automatisch im Hintergrund.

€€ Performance, Wartung Best-Case

Was macht gutes Webhosting aus?

Deine Website kann noch so schön, nützlich und leicht bedienbar sein – wenn sie im Web nicht oder nur extrem langsam erreichbar ist, verärgert das deine potenziellen Kunden. Ein Hosting, dass auf Performance ausgelegt ist, ist daher essenziell. 

  • Verfügbarkeit (SLA): Ein Server sollte eine Erreichbarkeit von mindestens 99,8 % garantieren. Klingt nach viel, bedeutet aber immer noch bis zu 18 Stunden potenziellen Ausfall pro Jahr. Je höher der Wert, desto stabiler läuft deine Website.
  • Sicherheits-Backups: Regelmäßige automatische Datensicherungen sind empfehlenswert. Sollte etwas schiefgehen oder gehackt werden, muss sich ein funktionierendes Backup per Knopfdruck einspielen lassen.
  • Server-Geschwindigkeit: Schnelle Ladezeiten (TTFB) sind der härteste Hebel für eine gute Nutzererfahrung und Top-Rankings bei Suchmaschinen wie Google & Co.. Bonus Tipp: hoste deine Website bei cloudflare.com. Wie das geht und was du dafür brauchst erkläre ich dir in einem anderen Blogartikel (in Arbeit). 
  • Server-Standort: Je näher der Server an deiner Zielgruppe steht (z. B. in Niederösterreich, Österreich oder Deutschland), desto schneller lädt die Seite und desto einfacher ist die Einhaltung der DSGVO. Für internationale Projekte schalte ich ein CDN (Content Delivery Network) vor.
  • Support & Monitoring: Wenn ein Notfall eintritt (Hardware-Fehler oder Hacker-Attacken), zählt jede Minute. Ein guter Hoster überwacht die Server rund um die Uhr (Monitoring) und bietet einen schnellen, zuverlässigen Support.

Günstiges Webhosting mit Betreuung

Solltest du nach einem Webhosting suchen, das von A bis Z gemanagt wird, wähle eines meiner folgenden Pakete aus. Außerdem hast du bei mir auch einen Priority-Support dabei, wo ich monatlich den Health-Status deiner Website überprüfe und dir Verbesserungstipps mitgebe. It’s up to you.  

StartUp
ab
25,-
exkl. UST
  • Technischer Support zu den Geschäftszeiten (Q&A im Ausmaß einer Stunde pro Monat)

  • 10 GB High-Speed Web-Hosting

  • Monatliche Wartung und Einspielung aller Sicherheitsupdates der Website

  • Gratis SSL-Zertifikat

  • Echtzeit Viren- & Malwarescan

  • Page-Caching

  • Monatliche Backups

Business
ab
50,-
exkl. UST
  • Technischer Support zu den Geschäftszeiten (Q&A im Ausmaß von zwei Stunden pro Monat)

  • Alle Leistungen von StartUp

  • Automatischer Website-Report (Statistiken)

  • Cloudflare Integration (DNS & CDN)

  • FylingPress für WordPress Websites

Mit welchen Tools kann ich Websites erstellen?

Tja, die Auswahl und die Möglichkeiten sind enorm. Nachfolgend findest du die aktuelle Nutzungsstatistik an Content-Management-Systemen weltweit.

Marktanteil (Nutzung in Klammern)

Basis: 70,1 % aller Websites, die ein bekanntes CMS einsetzen — die übrigen 29,9 % nutzen kein bekanntes CMS und sind hier nicht als Marktanteil abgebildet. 28 Sonstige: alle übrigen erfassten CMS zusammen, auf 100 % Marktanteil ergänzt.

01
WordPress
59.2%(41.5% Nutzung)
02
Shopify
7.5%(5.2% Nutzung)
03
Wix
6.1%(4.3% Nutzung)
04
Squarespace
3.5%(2.5% Nutzung)
05
Joomla
1.7%(1.2% Nutzung)
06
Webflow
1.2%(0.9% Nutzung)
07
Tilda
1.2%(0.8% Nutzung)
08
Duda
1.1%(0.7% Nutzung)
09
Drupal
1.0%(0.7% Nutzung)
10
GoDaddy Website Builder
0.9%(0.6% Nutzung)
11
Adobe Systems
0.9%(0.6% Nutzung)
12
Google Systems
0.8%(0.6% Nutzung)
13
PrestaShop
0.7%(0.5% Nutzung)
14
Bitrix
0.6%(0.4% Nutzung)
15
Weebly
0.6%(0.4% Nutzung)
16
TYPO3
0.5%(0.4% Nutzung)
17
OpenCart
0.5%(0.3% Nutzung)
18
Jimdo
0.4%(0.3% Nutzung)
19
Nuvemshop/Tiendanube
0.4%(0.3% Nutzung)
20
Hostinger Systems
0.3%(0.2% Nutzung)
21
Framer
0.3%(0.2% Nutzung)
22
GitHub Pages
0.3%(0.2% Nutzung)
23
Microsoft Systems
0.2%(0.2% Nutzung)
24
HubSpot CMS
0.2%(0.2% Nutzung)
25
team.blue Systems
0.2%(0.2% Nutzung)
26
IONOS MyWebsite
0.2%(0.2% Nutzung)
27
Astro
0.2%(0.2% Nutzung)
28
Sonstige
9.3%(6.3% Nutzung)

Quelle: W3Techs.com, 12. Juli 2026

Bevor man sich aber auf ein System festlegt, sollte man sich eine wichtige Frage stellen: 

Unpopulär aber berechtigt – braucht es in 2026 überhaupt noch ein CMS um Websites zu erstellen?

Die Antwort aus meiner Sicht: NEIN. Viele Landingpages oder KMU Websites brauchen kein aufgeblähtes CMS. Aus Erfahrung kann ich leider sagen, nur sehr wenige Kunden ändern Inhalte später wirklich selbstständig und kontinuierlich, obwohl das sehr sehr wichtig wäre. Es kommt immer auf den Case an, nicht jedes CMS eignet sich für jeden Anwendungsfall gleich gut.

Ein klassischer Friseur-Salon der auf lokaler Ebene sehr gut sichtbar sein möchte, go-static – start small, grow big!

Statische Websites

Jap, du liest hier richtig – statische Websites in 2026, really? Absolut, schönes DOM (=Document Object Model), semantisch korrektes HTML, schlank und flexibel, performant, gut lesbar für Crawler & CO – all das wird dir beim Indexieren deiner Website zugutekommen. Auch komplexe Designs können hervorragend mit CSS und ein wenig JavaScript umgesetzt werden. Weiters profitierst du von minimalen Hosting- & Domainkosten. Der einzige Nachteil ist, dass du keine Scheu vor Programmiercode haben solltest. Aber bei HTML spricht man streng genommen eh nicht von programmieren. Dive-In!

index.html 1<!DOCTYPE html> 2<html lang="de-at"> 3<head> 4<meta charset="UTF-8"> 5<title>Dachdecker Niederösterreich | Dachdeckerei Steiner</title> 6<link rel="stylesheet" href="style.css"> 7</head> 8<body> 9<h1>Ihr Dachdecker im Mostviertel – seit 1988 zuverlässig.</h1> 10<p class="hero__description">Dachdeckung, Spenglerei & Sanierung im gesamten Mostviertel.</p> 11</body> 12</html>

Klassische CMS

Wie oben in meiner Übersicht dargestellt, sind WordPress, Shopify, oder Wix am weitesten verbreitet. Man sollte sich demnach wieder die Fragen stellen: Was brauche ich alles? 

  • Habe ich einiges an Content den ich verwalten möchte?
  • Benötige ich zu meiner Website einen Shop?
  • Laufen über meine Website geschäftskritische Transaktionen, Bestellungen oder Anmeldungen etc.?
  • Möchte ich meine Website mit schönen Animationen erstellen, ohne dass ich eine einzige Codezeile schreiben muss?
  • Ich möchte eigentlich nur bloggen.
  • Welche Möglichkeiten gibt es zu weiteren Schnittstellen und Diensten?
  • Welches Budget habe ich zu Verfügung?
  • Wir können die Liste jetzt endlos weiterführen.

Was all diese Systeme zum Großteil eint: Sie trennen Inhalte (Texte, Bilder) vom Design. Über eine grafische Benutzeroberfläche (PageBuilder) kannst du oder dein Team Inhalte völlig ohne Programmierkenntnisse flexibel einpflegen und verwalten. Sie bieten maximale Unabhängigkeit im Alltag, erfordern je nach System regelmäßige Sicherheitsupdates. Je nach Auswahl bist du dafür verantwortlich (z.B. bei WordPress) oder du verlässt dich ganz auf das jeweilige SaaS (z.B. Webflow).

PageBuilder von Webflow (integriert)

Webflow - PageBuilder

Der klassische Block-Editor von WordPress: Gutenberg

Subjektive Meinung: Zum bloggen ganz gut und einfach, für aufwendige Layouts definitiv nicht geeignet. Alternativen dazu findest du gleich unterhalb. 

WordPress - Gutenberg, Block-Editor Ansicht

PageBuilder Erweiterungen (Plugins: wpbakery.com oder Elementor – Beginner Level)

Selbsterklärender Backend-Editor, wo man Elemente sehr einfach per Drag and Drop verschieben kann. Es gibt vorgefertigte Sektionen und Templates die man leicht einfügen und abändern kann. Vorteil: Du kannst sehr einfach eine schöne Website gestalten ohne technischem Know-How. Nachteil: Es hat wenig mit moderner Webentwicklung zu tun. Aufgeblähte Codebasis, Performance-Killer und Defizite bei Loops und Logik sind die Folge. 

WP Bakery Page Builder für Beginner

PageBuilder und Theme zugleich bei WordPress  (bricksbuilder.io – Expert Level)

Hier wird’s schon interessanter. Bricks ist ein umfassender PageBuilder mit Fokus auf Performance, Accessibility und Skalierbarkeit. Weiters ist Bricks voll kompatibel mit WooCommerce und du hast auch einige Möglichkeiten, einen AI-Agent in deine WordPress Umgebung einzubinden.  

Bricks Builder

AI-Agent in WordPress einbinden

Novamira.ai ist ein MCP Server und baut eine Brücke zwischen externen KI-Agenten (wie Claude Code, Cursor oder Windsurf). Der Vorteil hierbei, die KI kann nicht nur mit dir chatten, sondern auch direkt als Agent Änderungen und Erweiterungen auf deiner Website durchführen. Novamira versteht dein Ökosystem und kann auch native Elemente, Templates und dynamische Loops für dich bauen. Es ist gratis, check it out!

Novamira-AI MCP Server mit Wordpress verbinden

Vibe-Coding Tools

Diese Methode nutzt KI-gestützte Workflows, um moderne Web-Apps, Websites, Designs in Rekordtempo zu entwickeln. Als Entwickler habe ich mir diesen Workflow ebenso angesehen und bereits ein LIVE Projekt erstellt. Als Vibe-Coding Tool habe ich lovable.dev ausprobiert und es hat erstaunlich gut funktioniert. Die Anmeldung ist kostenlos und man kann direkt drauf los prompten. 

Website mit KI erstellen

Um gute Ergebnisse zu erzielen kopiere dir meinen vorgefertigten prompt und ändere die [your-content] Abschnitte auf dein Business ab. 

Text Prompt
Build a modern, high-end one-page website for a [your-content] business. Style & Branding Aesthetic: minimalist, premium, trustworthy Primary accent color: [your-content] Secondary colors: [your-content] Typography: [your-content] Large typography and strong visual hierarchy Large professional [your-content] images Rounded buttons Images with soft border radius Clean spacing and generous whitespace Layout Components Hero Section (Full Screen) Create a full viewport hero with a calm [your-content] image. Headline: [your-content] Intro text: [your-content] Primary CTA: [your-content] Secondary CTA: [your-content] Interactions: Parallax hero background, Headline reveal animation, Button hover animation Highlighted Treatment Section (Feature Focus) Create a visually emphasized section for [your-content] with an image + text layout. Title: [your-content] Description: [your-content] Subsections with icon cards: [your-content] CTA: [your-content] Interactions: Card hover effects, Scroll reveal Services Section (Feature Grid) Title: [your-content] Create a responsive 3-column grid with animated cards. Cards: [your-content] Interactions: Hover elevation, Icon animations Trust / Philosophy Section (Image + Text) Title: [your-content] Points: [your-content] Add: Large practice imagery, Sticky scroll image effect FAQ Section Title: [your-content] Accordion layout: Questions and Answers: [your-content] Contact Section Title: [your-content] Practice details: Name: [your-content] Address: [your-content] Phone: [your-content] E-Mail: [your-content] Add: Google Maps embed, Appointment CTA card, Contact buttons Footer Impressum Datenschutz Cookie-Einstellungen Interaction Requirements Parallax scroll effects Sticky sections Reveal animations Hover micro-interactions Smooth scroll navigation Modal open for contact/appointment Performance & Technical Checklist Optimized for Core Web Vitals WCAG 2.2 AA accessibility compliance SEO optimized (meta tags, structured data for [your-content] practice, sitemap) Browser compatibility: Chrome, Safari, Firefox, Edge Fully responsive mobile-first layout Optimized touch targets for mobile Logo - attached. Photos - attached

In lovable.dev hast du auch die Möglichkeit, Dinge direkt anzuklicken und der KI zu sagen, was sie ändern soll. Du kannst das solange tun, bis deine Credits aufgebraucht sind. Je nachdem wie komplex deine Anforderungen sind braucht die KI einmal mehr und einmal weniger Tokens. Bitte sei dir bewusst, dass diese KI gestützten Systeme dafür ausgelegt sind, Credits zu verbrauchen und darauf abzielen, dass du deinen Plan upgradest oder Tokens nachkaufst.

Point of no return: Es kann der 22te oder aber auch der 4.031 Prompt sein, wo die KI dein Vorhaben nicht so umsetzen kann wie du es willst. Du hast unzählige Credits gekauft, Zeit und Nerven investiert und jetzt kommst du nicht mehr weiter. Mark my words.

Der Technologie-Vergleich auf einen Blick

Alex, komm zum Punkt – was ist jetzt der Way-to-go? Okay gut, die Tabelle zeigt den direkten Vergleich der Systeme.

Kriterium Statische Websites CMS-Websites Vibe-Coded Websites
Bestens geeignet für... Digitale Visitenkarten, kleine Firmenwebsites ohne ständige Änderungen Regelmäßige Blogposts, starker Fokus auf Inhaltspflege, Schnittstellen zu anderen Systemen, Shop-Anbindung Effiziente, moderne Ergebnisse ohne technischem Know-How
Skalierbarkeit & Ausbau Eingeschränkt. Größere Erweiterungen erfordern oft hohen manuellen Programmieraufwand, da jede Änderung im Code umgesetzt werden muss Sehr hoch. Neue Funktionen, Plugins oder Onlineshop-Erweiterungen lassen sich auch nachträglich flexibel integrieren Sehr hoch. Die KI schlägt dir Lösungen vor die zu deinem Vorhaben in der Regel gut passen
Ladezeit & Speed Überragend (weit unter 1 Sekunde, da keine Datenbankabfragen nötig sind) Gut bis sehr gut (erfordert intensives Caching & Server-Optimierung) Exzellent (Single-Page-Application, meisten React basiert)
Wartung & Sicherheit Absolut wartungsfrei & nahezu unhackbar Regelmäßige Updates für Plugins & Core zwingend notwendig (Hacker-Ziel Nr. 1) Minimaler Aufwand, wird von der jeweiligen Plattform durchgeführt
Inhaltspflege Über den Entwickler oder selbstverantwortlich Sehr einfach (über visuelle Editoren komplett selbstständig ohne Code möglich) Prompt-based. Inhalte werden so generiert, wie du es der KI sagst
Struktur / SEO / Accessibility Exzellent. Reines HTML, strukturiertes DOM, schlank und sehr gut für Crawler zum Indexieren Sehr stark. Vorausgesetzt du nutzt PageBuilder die dafür ausgelegt sind. Etwas höherer Aufwand React, JS-Anwendungen sind viel schwieriger und komplexer zu Crawlen für Suchmaschinen. Mehr fachwissen erforderlich
Laufende Kosten Extrem niedrig. Günstigstes Hosting reicht aus, da keinerlei Server-Wartung anfällt Mittel bis hoch. Höhere Serveranforderungen (Datenbanken) + laufende Kosten für Sicherheits & Wartung. Außer man macht alles selber Hoch. Alle zukünftigen Änderungen basieren auf Credits- bzw. Abomodellen
Dein größter Vorteil Sorgenfreie Stabilität, unschlagbarer PageSpeed & minimale Fixkosten Volle Unabhängigkeit & Kontrolle über die eigenen Website oder Anwendung, tägliche Content-Änderungen maximale Kompatibilität zu anderen Systemen Keine Coding-Skills erforderlich, einfach & schnell Anwendungen aller Art zu erstellen

Webdesign Matters

Ein häufiger Fehler beim Erstellen einer Website: Es wird sofort drauflos programmiert oder geprompted. Das Ergebnis ist meistens ein digitaler Fleckerlteppich – wenig stimmig, und später bringt er auch keine Leads. Deshalb rate ich dir, überspringe diesen Schritt nicht. Mit dem visuellen Wireframing baust du deine Screens schnell auf und weißt schon vorher genau, wie deine Website aussehen wird. Auch wenn du die Entwicklung später auslagerst, lohnt sich dieser Schritt. Dadurch erfolgt die Umsetzung exakt nach deinen Vorstellungen, und du bist  gegenüber Dritten rechtlich abgesichert.

Beispiel: Personal Portfolio-Webdesign, gemacht in Figma. 

Screendesign - Personal Portfolio - Awwwards - Philipp Benkovich

Für das Webdesign gibt es heute mehrere Wege – je nachdem, wie viel Vorwissen du mitbringst:

  • Canva

    Drag-and-drop, viele Vorlagen, in Minuten erlernbar. Gut für eine erste grobe Struktur, stößt aber bei komplexeren, interaktiven Prototypen schnell an Grenzen.

  • Figma

    Der Industriestandard für professionelles UI/UX-Design. Pixelgenau, mit echten Interaktionen, Komponenten-Systemen und nahtloser Team-Zusammenarbeit. Hier erstelle ich euren interaktiven Prototyp, durch den ihr euch klicken könnt, bevor auch nur eine Zeile Code geschrieben wird.

  • paper.design

    Ein browserbasiertes Design-Tool mit stark KI-gestütztem Workflow. Screens lassen sich per Prompt generieren, statt jedes Element händisch zu platzieren. Klingt nach Abkürzung, setzt aber ein gutes Gespür für Design und Struktur voraus, um aus den KI-Vorschlägen tatsächlich ein stimmiges Ergebnis zu formen – deshalb eher etwas für Fortgeschrittene als für den ersten Einstieg.

  • Figma MCP-Integration (Der KI-Bonus)

    Moderne KI-Workflows lassen sich mittlerweile direkt an Figma anbinden (via MCP-Schnittstelle). Das bedeutet: Euer fertiges Figma-Design lässt sich strukturiert an KI-gestützte Entwicklungs-Workflows übergeben, die daraus sauberen, produktionsreifen Code ableiten. Das verkürzt den Weg vom Design zur fertigen Website nochmal deutlich, ohne dass dabei an Qualität oder Genauigkeit verloren geht.

UI Figma Webdesign - Kosmetik Template

Content-Is-King: Die richtige Strategie & Balance machts

Guter Content folgt heute nicht mehr nur starren Text-Mustern. Standardtexte kann mittlerweile jeder per KI generieren. Wenn ich deine Website erstelle, setze ich auf echte, einzigartige Inhalte und interaktive Erlebnisse, die dich sofort vom Markt abheben. 

Was du vermutlich an dieser blockquote erkennen konntest, wurde dieser Absatz mit KI generiert. Wenn du bei deinem Projekt immer nur die KI einsetzt um Inhalte zu erstellen, wirst du vermutlich keinen Mehrwert davon haben. Die Folge, du wirst vermutlich nicht gut ranken, eine höhere Absprungrate haben und von anderen ersetzt. Was bleibt, du bist Komparse und siehst nur zu. Change it!

Kennst du die ABC-Strategie. Nein? Steht auch nirgends aber es bedeutet Always best Content wins! Das ist FACT, auch in 2026 und darüber hinaus. 

  • Einzigartige Medien (Bilder & Videos): Erstelle Inhalte die einzigartig sind. Einzigartig bedeutet, diese Inhalte können von anderen nicht so schnell nachgebaut werden. Inhalte die echt und nicht alltäglich sind. Deine Zielgruppe will genau das sehen. Also weg mit austauschbaren Stock-Fotos, erstelle eigene!
  • Interaktionsbereiche (Erleben statt nur Lesen): Vorher-Nachher-Vergleiche, Konfiguratoren, Live-Rechner, Spiele usw. – all das fesselt die Besucher und erhöht die Verweildauer. Be creative!
  • Der glasklare USP (Unique Selling Proposition): Warum sollte ein Kunde ausgerechnet bei dir kaufen? Warum bist du besser als andere?

Wie umfangreich sollte eine Website sein?

Als Onepage oder Landingpage bezeichnet man eine thematische und etwas umfangreichere Seite. Nicht zwei oder drei Seiten, sondern genau eine. Meistens besteht die Onepage-Website aus mehreren Sektionen die mit Ankersprüngen im Menü verbunden sind. Klickt man auf einen Menüpunkt, springt man zur jeweiligen Sektion.

Vorteil – unabhängig davon ob du bereits eine bestehende Website hast oder nicht, du kannst damit schnell LIVE gehen und das wichtigste sichtbar machen. Außerdem wird die Landingpage-Taktik gerne auch für Werbekampagnen genutzt, weil du deine bestehende Website nicht großartig umbauen musst. Du schaltest einfach eine weitere neue und wichtige Seite dazu. 

Hier ein Vergleich

Landingpage Website

Landingpage

Hier geht es zur Website: planung.tischlerei-edelmann.at

Für AD-Promotion entwickelt Fokus auf Conversion € 2.500,- Dauer der Umsetzung: 1 Woche
Multi-Page Website

Multi-Page

Hier geht es zur Website: www.medizintechnik-peters.at/

Mehrere Rank-Pages Fokus auf Conversion € 5.500,- Dauer der Umsetzung: 4 Wochen

Als Gegenstück zur Landingpage ist die Multi-Page. Wie der Name schon sagt, besteht die Multi-Page aus mehreren Unterseiten wo verschiedenste Suchbegriffe auf mehreren Seiten abgedeckt sind.

Was rankt jetzt besser? 

Die Multi-Page rankt in der organischen Suche meistens besser als nur eine einzelne Seite. Du kannst deutlich mehr Inhalt auf Seiten aufteilen und gegenseitig verlinken. Außerdem kannst du auf diverse Keywords optimieren und so eine langfristige Autorität im Web aufbauen. 

Landingpage vs. Multipage, was rankt besser.

Betrachte deine Website als Baum im Wald. Mit nur einem Ast wirst du nicht herausstechen, mit vielen Ästen und dichten Verzweigungen wirst du für Menschen (jetzt AI-Agents) besser sichtbar sein. 

Suchmaschinenoptimierung - Best Practise SEO

Beim Thema Suchmaschinenoptimierung könnten wir uns wochenlang unterhalten. Die Topics würden uns nie ausgehen. Im organischen (SEO) Bereich unterscheiden wir zwischen, On-Page-Faktoren und Off-Page-Faktoren.

On-Page-Faktoren

Das technische und inhaltliche Feintuning, das du direkt auf deiner Website durchführen kannst, um den Crawlern das Auslesen so einfach wie möglich zu machen:

  • Strategische Keyword-Pages: Egal ob du gerade optimierst oder neue Seiten erstellst, überlege dir vorher genau, mit welchen Suchbegriffen (Keywords) du später ranken möchtest. Beispiele findest du bei meinem Best-Practise-Guide hier: “Website erstellen”. 
  • Qualitativer Content & Rich Media: Suchmaschinen lieben Relevanz. Erstelle deshalb rund um deine Suchbegriffe qualitativen Content, der das Topic vollumfänglich abdeckt. 
  • Saubere HTML-Struktur (schönes DOM): Hier wirds wieder ein wenig technisch aber ein schlanker, semantischer Code ohne unnötigen Ballast wird von der KI und Crawlern besser und schneller indexiert. Diese Sorte interessiert sich nicht für Design oder ob das Bild schön aussieht, viel wichtiger wäre ob das Bild mit einem alt-Attribut beschrieben ist oder nicht. 
  • Effiziente Bildkomprimierung: Bilder machen oft den größten Teil des Website-Gewichts aus. Je nachdem welches Tool du für den Websitebau nutzt, komprimiere die Bilder bevor du sie uploadest. Bildformate wie .webp oder .avif sorgen dafür, dass deine Bilder komprimiert  sind (KB) ohne Qualitätsverlust. 
  • Alt-Attribute für Bilder: Wie vorher schon kurz angeteasert: Suchmaschinen können deine Bilder nicht “sehen”. Nutze deshalb alt-Attribute und beschreibe deine Bilder (z.B.: Was ist am Bild zu sehen?). Du erhöhst damit die Barrierefreiheit deiner Website und verbesserst dadurch auch deinen SEO-Score deutlich. 
  • Digitale Barrierefreiheit (WCAG-Richtlinien): Spätestens seit dem European Accessibility Act ist Barrierefreiheit für viele Unternehmen Pflicht. Bereits durch Maßnahmen wie kontrastreiche Farben, passende Schriftgrößen oder die volle Bedienbarkeit per Tastatur weist deine Website Ansätze der Barrierefreiheit vor. 
  • Meta-Tags & Strukturierte Daten: Aussagekräftige Meta-Titel und Descriptions sind Pflicht und können sehr rasch und einfach implementiert werden. Bonus-Tipp sind strukturierte FAQ-Sektionen (Schema.org).
  • Interne Verlinkung: Stärke deine interne Verlinkung, indem du auf weitere Unterseiten von deiner Website verlinkst. Weitere Inhalte zu anderen Themen oder Produkten könnten deine Zielgruppe auch interessieren. Crawler lieben es sowieso. 

Off-Page-Faktoren

Alles, was abseits deiner Website passiert, um deine Autorität in den Augen von Suchmaschinen wie Bing & Co. und den KI-Sprachmodellen zu stärken:

  • Hochwertige Backlinks: Verweise von anderen, themenrelevanten und vertrauenswürdigen Websites sind für Suchmaschinen nach wie vor der härteste Beweis dafür, dass deine Seite wichtig ist. Trage dich deshalb in gratis Branchenverzeichnissen ein. Welche das sind, werde ich in einem weiteren Blog-Artikel zeigen. 
  • Digitale Markenpräsenz (Brand Mentions): Moderne KI-Suchmaschinen scannen das gesamte Netz. Wenn dein Name im Web (auch ohne direkten Link) oft im Kontext deines Fachbereichs genannt wird, versteht die KI dich als Experten und schlägt dich Suchenden vor.

Weitere Informationen findest du hier: https://developers.google.com/search/docs/essentials?hl=de

Lokale Sichtbarkeit bei Google & CO.

Neben der klassischen und KI-basierten Suche ist für die meisten Unternehmen im DACH-Raum vor allem eines entscheidend: In der eigenen Region gefunden zu werden, wenn jemand in der Nähe nach genau deinem Angebot sucht.

  • Google Business Profile: Ein vollständig gepflegtes Profil (Öffnungszeiten, Fotos, Kategorien, Kundenbewertungen) ist oft der erste Kontaktpunkt zwischen dir und potenziellen Kunden und Grundvoraussetzung, um in der lokalen “Karten-Box” bei Google zu erscheinen.

Google myBusiness Profil optimieren

  • NAP-Konsistenz: Name, Adresse und Telefonnummer (NAP) müssen auf deiner Website, im Google Business Profil und in allen Branchenverzeichnissen exakt identisch hinterlegt sein. Widersprüchliche Angaben verwirren Google und schwächen dein lokales Ranking.
  • Lokale Keyword-Strategie: Ergänze deine Kern-Suchbegriffe um regionale Begriffe wie z. B. “[Deine Leistung] in [Deine Stadt/Region]”), damit du genau dann gefunden wirst, wenn jemand in deiner Umgebung sucht. Achtung, Keyword-Stuffing.
  • Lokale Verzeichnisse & Citations: Einträge in relevanten Branchenbüchern und Verzeichnissen stärken zusätzlich deine lokale Autorität gegenüber Google.

Der Performance-Check bevor dem Live-Gang

Der Mitbewerb bezieht sich immer sehr gerne auf den PageSpeed Insight Test von Google und bewertet demnach deine gesamte Website. Du kannst dort deine Website eingeben und Google präsentiert dir einen Score von 0-100 in den jeweiligen Kategorien Performance, Barrierefreiheit, Best-Practise, SEO und seit 2026 auch Agentic-Browsing. 

Performance Test - PageSpeed Insights

Wenn du bei der Umsetzung auf meine Empfehlungen und Tipps geachtet hast, wirst du von Haus aus einen guten Score erreichen. Bitte reduziere aber deine Arbeit nicht ausschließlich auf das Scoring vom PageSpeed Insights, wie das gerne oft andere machen. Es spielt in 2026 keine Rolle ob du einen Score von 95 oder 70 hast, viel wichtiger ist, ob du ausreichend qualitativen Content bereitstellt den deine Zielgruppe sucht. Solltest du in einer Sparte unter 50 sein, kannst du dir ansehen welche Optimierungen Google vorschlägt.

Core-Web-Vitals

Überprüfe deine Core Web Vitals einmal pro Monat, mehr dazu: https://developers.google.com/search/docs/appearance/core-web-vitals?hl=de

Google Search Console & Tag Manager

Die Google Search Konsole ist ein absolutes MUST-HAVE! Gehe zu https://search.google.com/ füge deine Website hinzu, zeig Google deine sitemap.xml Datei und warte danach ein paar Tage. Nach ein paar Tagen kannst du nachsehen, zu welchen Suchbegriffen deine Website oder dein Onlineshop rankt. 

Google Tag Manager Insights

Google Tag Manager: Mit dem GTM kannst du Interaktionen wie z.B. Klicks überwachen, Formularsendungen tracken oder benutzerdefinierte Events messen. Durch die Messung diverser Conversios auf deiner Website kannst du später genau nachvollziehen, wie gut dein Lead-Funnel performt, ansonsten tappst du im Dunklen. 

Website Trigger - Google Tag Manager

Alle wichtigen Ereignisse wie z.B. ein Button-Klick auf deine Telefonnumer oder E-Mailadresse, Shop-Käufe etc. sollten meiner Meinung nach zu Google-Analytics gesendet werden. 

Einhaltung der DSGVO

Datenschutz ist im DACH-Raum kein optionales Extra, sondern Pflicht. Solltest du Nutzerdaten auf deiner Website analysieren, musst du dir die ausdrückliche Zustimmung deiner Nutzer holen. Am besten funktioniert das über einen Cookie-Banner der die Skripte (intern oder extern) erst dann lädt, wenn die Einwilligung des Users erfolgt ist. Wenn du mit WordPress arbeitest ist das Cookie-Banner Plugin von Borlabs die beste Wahl. Leichte Installation und mit den gängigsten Themes kompatibel. 

Borlabs Cookie - DSGVO Konformität

Index and AI-ready (AEO/GEO) ?

Ja und schon wieder eine neue Abkürzung. Kurze Einordnung:

  • AEO: Answer Engine Optimization (Optimierung für Antwort-Engines)
  • GEO: Generative Engine Optimization (Optimierung für generative Engines)

Halt Stopp! Bevor dein SEO nicht optimiert ist, brauchst du über die Sichtbarkeit in KI-Suchergebnissen nicht nachzudenken. SEO ist nicht Tod!

Was Google dazu sagt, findest du hier: https://developers.google.com/search/docs/fundamentals/ai-optimization-guide?hl=de

  • robots.txt

    Inhalte müssen crawlbar sein, um Sichtbarkeit in den KI-Suche zu gewährleisten. In deiner robots.txt Datei kannst du bestimmen, welcher Bot, welche Inhalte crawlen darf und welche nicht. So sehen meine Anweisungen an die Bots aus.

robots.txt 1# ================================================ 2# AI Discovery Signals – Come in 3# ================================================ 4Content-Signal: ai-train=yes, search=yes, ai-input=yes, use=full 5# Explicit AI bot allowlist 6User-agent: GPTBot 7Allow: / 8User-agent: ClaudeBot 9Allow: / 10User-agent: PerplexityBot 11Allow: / 12User-agent: CCBot 13Allow: / 14User-agent: anthropic-ai 15Allow: / 16User-agent: OAI-SearchBot 17Allow: / 18User-agent: Google-Extended 19Allow: / 20User-agent: * 21Disallow: /wp-admin/ 22Allow: /wp-admin/admin-ajax.php 23Sitemap: https://www.alex-koch.at/sitemap.xml
  • sitemap.xml

    Die Sitemap.xml Datei ist die Landkarte deiner Website und listet alle Seiten deiner Website auf, die indexiert werden dürfen. Das hilft Crawler zu verstehen, wie deine Website aufgebaut ist. Der Vorteil davon, Crawler bekommen alle URLs direkt übermittelt und müssen die Seite nicht mühsam durchsuchen.

Wie man eine sitemap.xml aufsetzt.

  • llms.txt & Markdown File

    Die llms.txt ist eine kleine Übersichtsdatei speziell für KIs. Sie enthält Links zu wichtigen Inhalten und Hintergrundinformationen zum Projekt oder verweist direkt zur Markdown-Version der Website. Das Markdown File (.md) ist purer Text mit klarer, sauberer Struktur – ganz ohne HTML. Inhalte können dadurch schneller und präziser von KIs gelesen werden.

llms.txt 1# Alexander Koch - Web Design - FrontEnd Development - SEO - Freelance 2 3> A portfolio and professional services website of Alexander Koch, a freelance web designer and developer based in Austria. This site showcases completed projects (case studies) and provides detailed information regarding high-end web design, UI/UX, WordPress development, and performance optimization. 4 5This is a machine-readable directory for AI agents, LLMs, and crawlers to efficiently discover and understand the provided services and references. 6 7## Navigation 8 9- [Home](https://www.alex-koch.at/): The main landing page outlining core philosophy, services, skills, and the entry point to the portfolio. 10- [Services](https://www.alex-koch.at/#services): Detailed descriptions of custom development solutions, WooCommerce setups, and performance optimizations. 11- [Work](https://www.alex-koch.at/#work): The creative portfolio (case studies) showcasing successfully delivered digital solutions and custom web designs. 12- [Voices](https://www.alex-koch.at/#voices): Client testimonials and feedback from businesses and agency partners. 13- [Contact](https://www.alex-koch.at/#contact): Contact channels and inquiry form for professional collaboration. 14 15## Voices 16 17- [Testimonials](https://www.alex-koch.at/#voices): "The Word on the Street" — Honest feedback and reviews from direct clients and agencies regarding technical quality, reliability, and project delivery, highlighting a 5-star Google rating. 18 19## Services 20 21- [Custom Web Development](https://www.alex-koch.at/#services): Creation of 100% fluid, lightning-fast, and dynamic landing pages and multi-pages built on a clean, semantic HTML foundation. Features custom fields and role management for maximum performance and easy client maintenance. 22- [E-Commerce & WooCommerce](https://www.alex-koch.at/#services): High-performance WooCommerce projects optimized from product pages to checkout. Includes smart cross-selling features and clean data feeds for the Google Merchant Center to drive sales. 23- [SEO & Analytics](https://www.alex-koch.at/#services): Technical and local SEO coupled with clean tracking infrastructure. Implementation of Google Tag Manager (GTM) setups and thorough SEO audits to measure success and prove ROI. 24- [PageSpeed & Optimization](https://www.alex-koch.at/#services): Core Web Vitals optimization by streamlining bloated website stacks. Maximizes Google Lighthouse and PageSpeed Insights scores for long-term stability. 25- [Maintenance & Support](https://www.alex-koch.at/#services): Reliable website maintenance, emergency support, continuous updates, and bug fixing to ensure maximum uptime and security with zero maintenance effort for agency teams. 26- [AI Integration & Digital Trends](https://www.alex-koch.at/#services): Practical implementation of modern AI technologies, including smart search functionalities and efficient vibe-coding workflows (e.g., using Claude Code) to optimize agency processes. 27 28## Data Structures 29 30- [Sitemap Index](https://www.alex-koch.at/sitemap_index.xml): The comprehensive, structured index of all URLs and subpages for efficient crawling. 31- [WordPress REST API](https://www.alex-koch.at/wp-json/): The native site interface allowing automated agents to query pages and content as structured JSON data. 32 33## Legal 34 35- [Legal Notice](https://www.alex-koch.at/impressum/): Legal notice, ownership disclosure, and regulatory framework. 36- [Privacy Policy](https://www.alex-koch.at/datenschutz/): Privacy policy and GDPR compliance information.

Weitere Informationen findest du hier: https://llmstxt.org/

  • index, follow

    Ein Befehl reicht aus, ob du die Sichtbarkeit zulässt oder nicht. Wenn du deine Website auf deine LIVE Domain überspielt hast, überprüfe bitte ob dieser Meta-Tag im Seitenquelltext enthalten ist. 

index.html 1<meta name='robots' content='index, follow' />

Damit stellst du sicher, dass Crawler deine Website indexieren dürfen. Aus Erfahrung kann ich nur sagen, dass das sehr gerne vergessen wird.

Wie es nach dem Website-Launch weitergeht

Kleiner Spoiler, jetzt geht’s erst los und wird niemals aufhören. Viele glauben, dass sie sich nach dem Launch zurücklehnen können, da sie ab jetzt für alle und jeden 24/7 erreichbar sind. Ja das stimmt vielleicht zum Teil, aber wenn du in den Ruhemodus verfällst, wirst du nicht 365 Tage im Jahr relevant sein und ein Konkurrent wird vielleicht das Fenster nutzen und dich auf Seite 2 bei den Suchergebnissen zu versetzen. Im schlimmsten Fall kennt dich die KI nicht mehr. Deshalb bleib am Ball. 

Kurze Checkliste der weiteren Maßnahmen

  • Regelmäßige Content-Updates (z.B. Blogartikeln, Newsletter, Google myBusiness Artikel oder Produkte veröffentlichen).
  • Ranking und Traffic beobachten, Maßnahmen ableiten.
  • Content produzieren den deine Zielgruppe sehen will.
  • Deine Social-Media Kanäle bespielen, unterschiedlicher Content, kein 1:1 posten.
  • Kundenrezensionen / Reviews einholen.
  • Bei Podcasts teilnehmen, nutze jede Bühne. 

Zusammenfassung

Long-Story short, du siehst also es gibt unzählige Wege wie du schlussendlich ans Ziel kommst. Diesen einen Weg gibt es nicht und wer es dennoch behauptet lügt. Informiere dich vorab, hol dir Angebote ein, überprüfe Referenzen, schau dir Videos zum Thema XY an, probiere Dinge aus und bleib hungrig auf Neues. Ich verfolge den hybriden Ansatz, wo ich KI in mein Setup integriere. Zum Beispiel lasse ich mir Sektionen oder Komponenten erstellen und finetune diese dann. Wenn du dich nachhaltig mit Webentwicklung beschäftigen möchtest empfehle ich dir die Basics zu lernen: https://www.freecodecamp.org/. Ohne Grundkenntnisse in technischen Sachverhalten, wird es schwer werden – nachhaltige Ergebnisse zu erstellen.

Frequently Asked Questions

Ganz klar, die klassische Google Search Console aber auch ahrefs.com. Beides sind sehr gute Tools um zu verstehen, wie gut du auf bestimmte Keywords und Seiten rankst. Die Tools geben aber auch Aufschluss darüber, wo der Content-Gap zwischen dir und deinen Mitbewerbern liegt. 

Ja, theoretisch schaffen wir auch etwas tolles innerhalb eines Tages. Die Sache ist die, einige Aspekte die ich oben genannt haben werden sicherlich nicht vollständig sein. Wer dir etwas Anderes anbietet oder verspricht, versteht relativ wenig. Auch mit sehr vielen KI-Credits. Angefangen vom Design – Freigabeprozessen – Umsetzung und Abnahme sind 3-6 Woche ein guter Horizont den du einplanen solltest. 

Die Antwort ist kurz und simple: Eine Website die Leads, Kunden, Anfragen, Sales bringt. 

Ja davon bin ich überzeugt. Die eigentliche Frage wird eher sein, wer besucht die Seiten überhaupt noch. Hier lautet meine Antwort, vermehrt AI-Agents anstelle von echten Menschen. Dein persönlicher AI-Agent wird für dich die Suche übernehmen und auch später einkaufen. Deshalb ist es jetzt umso wichtiger deine Seite AI-Agent FIT zu machen.  

Wie genau, ist relativ. Ich würde Social-Media aktiv nutzen, um meine Sichtbarkeit zu erhöhen. Mach dir einen Content-Plan, erstelle hochqualitative und abwechslungsreiche Beiträge, die deine Zielgruppe sehen will. Verlinke deine Website oder Produktseiten ab und an, mache Gewinnspiele, Aktionen und interagiere direkt mit den Leuten. Bleib immer am Ball.