top of page

Hostinger Website erstellen - Tutorial auf Deutsch

Autorenbild: Julian WeberJulian Weber

Möchtest du eine professionelle Website erstellen, ohne Programmierkenntnisse zu haben? Dann ist Hostinger.com eine großartige Wahl.


In diesem Schritt-für-Schritt-Tutorial zeige ich dir, wie du mit dem Hostinger Website Baukasten eine ansprechende Website erstellst – von der Wahl des richtigen Tarifs bis zur Veröffentlichung deiner Seite.


Hostinger Website erstellen - Tutorial auf Deutsch

1. Anmeldung bei Hostinger & Auswahl eines Tarifs 🔑

Bevor du loslegen kannst, musst du dich bei Hostinger registrieren. Hierzu kannst du gerne meinen Partnerlink nutzen: https://www.hostinger.de/julianweber damit unterstütz du mich und meinen Kanal. (Anzeige)


Welcher Tarif ist der richtige?

Hostinger bietet verschiedene Pakete an. Die wichtigsten Unterschiede sind:

  • Standard-Tarif: Günstig, aber ohne KI-Tools

  • Premium-Tarif (+ KI-Tools & E-Commerce-Funktionen): Perfekt, wenn du deine Website mit künstlicher Intelligenz erstellen möchtest

Empfehlung: Wähle den Premium-Tarif, da du hier Zugriff auf KI-gestützte Website-Erstellung bekommst und auch einen Online-Shop hinzufügen kannst.


Rabatt sichern mit dem Couponcode 🎉

Du kannst zusätzlich 10 % sparen, indem du an der Kasse den Gutscheincode "JULIANWEBER" eingibst.


2. Erstellen einer Website mit der KI von Hostinger 🤖

Nach der Buchung fragt Hostinger dich, ob du eine Website neu erstellen oder eine bestehende Website übertragen möchtest. Wir entscheiden uns für "Neue Website erstellen".


WordPress oder der Hostinger Website-Baukasten?

Hostinger bietet zwei Möglichkeiten an:

  • WordPress: Für erfahrene Nutzer

  • Website-Baukasten: Ideal für Anfänger – kein Coding notwendig!

Ich empfehle dir den Website-Baukasten, da er einfacher zu bedienen ist und du innerhalb weniger Minuten eine komplett fertige Website hast.


Auswahl der Domain 🌐

Du kannst dir eine eigene Domain registrieren oder eine temporäre Domain nutzen. Falls du unsicher bist, welche Domain am besten passt, hilft dir ChatGPT oder ein Domain-Generator bei der Auswahl.


Tipp: Achte darauf, dass deine Domain kurz, einprägsam und leicht verständlich ist.


3. Die KI erstellt deine Website automatisch ⚡

Nach der Domainauswahl startet die KI von Hostinger mit der Website-Erstellung. Du musst lediglich:

  1. Die Art der Website auswählen (Unternehmen, Blog, Online-Shop, etc.)

  2. Den Namen der Marke eingeben

  3. Eine kurze Beschreibung deiner Website angeben – je genauer, desto besser!


Beispiel für eine Fitnessstudio-Website 🏋️‍♂️

Ich habe als Beispiel ein Fitnessstudio in Köln gewählt. Ich gebe also folgende Prompt ein:

"Ich möchte ein Fitnessstudio in der Kölner Südstadt eröffnen. Wir bieten individuelle Trainings an, Kurse für Yoga, Cycling und Kraft. Wir haben zudem eine Bar mit Proteingetränken und Snacks."

Nach ca. einer Minute ist die Website fertig – mit automatisch generierten Bildern, Überschriften und Texten. Jetzt geht es ans Anpassen und Individualisieren.


4. Texte, Bilder und Layout anpassen ✍️

Jetzt kannst du die Inhalte deiner Seite nach deinen Wünschen verändern. Der Hostinger Website-Baukasten macht es dir leicht:


4.1 Überschriften und Texte bearbeiten 📝

  • Klicke auf die Überschrift und ändere den Text.

  • Verwende wichtige Keywords (z. B. „Krafttraining & Yogakurse in der Kölner Südstadt“), damit deine Website bei Google gefunden wird.

  • H1 bis H3 Überschriften sorgen für eine klare Struktur.


4.2 Bilder austauschen 🖼️

  • Nutze eigene Bilder, lade sie hoch oder erstelle KI-generierte Bilder direkt im Baukasten.

  • Alternativ kannst du kostenlose Stockfotos von Unsplash verwenden.

  • Achte darauf, dass jedes Bild einen Alt-Text hat – das verbessert die Barrierefreiheit und das SEO-Ranking.


4.3 Buttons & Verlinkungen einfügen 🔗

  • Jeder Button kann mit einer Webseite oder Sektion innerhalb deiner Website verlinkt werden.

  • Setze einen Hover-Effekt, damit der Button beim Überfahren mit der Maus eine andere Farbe annimmt.


5. Weitere Seiten hinzufügen (Impressum, Kontakt)

Eine Website besteht meist nicht nur aus einer Startseite. Füge weitere Seiten hinzu, indem du im Menü "Seite hinzufügen" klickst.


Notwendige Seiten für eine professionelle Website

  • Startseite

  • Über uns

  • Kontakt (mit Formular & Standort)

  • Leistungen / Angebote

  • Impressum & Datenschutzerklärung (wichtig für rechtliche Sicherheit!)


Tipp: Nutze einen Rechtstexte-Generator wie eRecht24 oder Händlerbund, um DSGVO-konforme Texte für deine Website zu erstellen.


6. Design & Mobile-Optimierung 📱

6.1 Globale Design-Einstellungen 🎨

Unter "Website-Stilarten" kannst du:

  • Farben & Schriften für die gesamte Website festlegen

  • Button-Designs & Animationen anpassen


6.2 Mobile-Optimierung 📏

  • Klicke auf das Smartphone-Symbol, um die mobile Ansicht zu checken.

  • Verschiebe Elemente oder passe die Schriftgröße an.

  • Verstecke unnötige Abschnitte, um das Design übersichtlich zu halten.


7. SEO & Veröffentlichung 🚀

7.1 SEO-Einstellungen vornehmen 🔍

Damit deine Website gut bei Google gefunden wird, solltest du die SEO-Einstellungen anpassen:

  • Titel & Meta-Beschreibung für jede Seite festlegen

  • Wichtige Keywords wie „Fitnessstudio Köln Südstadt“ einfügen

  • Social Media Vorschau-Bild setzen (wird bei WhatsApp & Facebook angezeigt)


7.2 Veröffentlichung der Website 🌍

  • Aktiviere das Cookie-Banner (wichtig für DSGVO!)

  • Setze ein Favicon (kleines Symbol in der Browser-Registerkarte)

  • Klicke auf "Veröffentlichen" – und deine Website ist live!


Fazit: Mit Hostinger einfach eine Website erstellen 🎯

Mit dem Hostinger Website-Baukasten kannst du ohne Vorkenntnisse eine professionelle Website erstellen. Dank der KI-Unterstützung ist die Grundstruktur schnell fertig und du kannst Inhalte einfach anpassen.


Falls du direkt loslegen möchtest, nutze meinen Rabattcode "JulianWeber", um 10 % zu sparen. Hat dir das Tutorial gefallen?

Lass es mich in den Kommentaren wissen! 😊



Zusatz: Hostinger OnlineShop erstellen 🛒

Falls du nicht nur eine Website, sondern auch einen OnlineShop mit Hostinger.com erstellen möchtest, bietet der Website-Baukasten dafür integrierte E-Commerce-Funktionen.

Hostinger Onlineshop erstellen - Tutorial auf Deutsch

8.1 Shop aktivieren

  • Öffne das Hostinger Dashboard und navigiere zu „OnlineShop“.

  • Aktiviere den E-Commerce-Modus.

  • Wähle ein passendes Shop-Template aus oder erstelle dein eigenes Design.


8.2 Produkte hinzufügen 🏷️

  • Gehe zu „Produkte“ und klicke auf „Neues Produkt hinzufügen“.

  • Lade Bilder hoch, füge eine Beschreibung und den Preis hinzu.

  • Bestimme die Versandoptionen und Zahlungsarten.


8.3 Zahlungsmethoden einrichten 💳

  • Wähle zwischen PayPal, Kreditkarte oder anderen Zahlungsmethoden.

  • Lege fest, welche Währungen du akzeptieren möchtest.


8.4 Rechtstexte & AGB hinzufügen 📜

  • Ergänze AGB, Impressum und Datenschutzrichtlinien.

  • Nutze einen Rechtstext-Generator, um DSGVO-konforme Texte zu erstellen.


8.5 Shop veröffentlichen 🚀

  • Überprüfe alle Einstellungen in der Vorschau.

  • Klicke auf „Veröffentlichen“, um den Shop live zu schalten.


Mit diesen Schritten kannst du mit Hostinger nicht nur eine Website, sondern auch einen vollwertigen OnlineShop erstellen. Perfekt für alle, die Produkte oder Dienstleistungen online verkaufen möchten. 🎯


Alternativen zu Hostinger

Falls du merkst das Hostinger nicht ganz dein Ding ist, dann kann ich dir einen Blick in meinen Homepage-Baukasten Vergleich zu werfen.


12 Ansichten0 Kommentare

Aktuelle Beiträge

Alle ansehen
bottom of page