Inhalt
Unsicher welcher Kostenlose Website-Baukasten der Richtige ist? Nutze den Webseiten Berater auf ChatGPT
Eine professionelle Webseite zu erstellen ist mittlerweile sehr einfach und auch recht günstig geworden.
Wenn es aber darum geht eine informative Webseite zu erstellen, die nicht all den Schnickschnack hat, sondern nur Informationen liefert, dann sind die gängigen Webseitenbaukasten dennoch recht teuer.
Eine Notion Webseite bietet daher die perfekte Möglichkeit, eine Seite einfach zu erstellen und sie dann online unter eigener Domain zu publizieren, ohne etwas dafür zahlen zu müssen.
Diese Anleitung ist für Leute gedacht, welche keine Programmierfähigkeiten besitzen und alle, die in den nächsten 15 Minuten eine Webseite erstellen möchten.
Vor- und Nachteile
| Vorteile ✔️ | Nachteile ❌ |
|---|---|
| Einfachheit | Änderungen |
| Wenig Zeitaufwand | Design |
| Komplett kostenlos | |
| Keine Werbung | |
| Eigene Domain |
Kostenlose Webseiten – Optionen
| Index | Baukasten | Einfachheit | Zeitaufwand (Min) | Professionalität |
|---|---|---|---|---|
| 1 | Notion.so | Sehr einfach | 15 | tief |
| 2 | HTML Builder (TeleportHQ) | Mittel | 60-120 | hoch |
| 3 | Google Sites | Einfach | 60 | mittel |
| 4 | Blogger | Einfach | 60 | mittel |
| 5 | WordPress (Gratis Version) | Schwieriger | 120 | hoch |
Anleitung: Gratisseite mit Notion
2Erstelle ein Gratiskonto bei Notion.so und klicke dann auf „Neue Seite“
Wenn deine Maus darüber ist zeigt es dir an „Neue Seite“.
3Die neue Seite kannst du nun gestalten wie du willst.
4Klicke auf „Share“
5Beim Feld „Share to web“ klickst du auf das Feld
Sobald es blau ist, wird dir darunter der öffentliche Link zu deiner Seite angezeigt. Notion verwendet dafür einen Notion-Subdomain.
Dieser URL ist zwar nicht sehr einfach zu merken, er erfüllt aber seine Funktion und kann mit Leuten geteilt werden.
6Klicke auf die 3 Punkte
Um die Seite unter einer eigenen Domain zu veröffentlichen, müssen wird sie zunächst exportieren.
7Klicke auf „Export“
8Klicke auf „Export Format“
9Wähle das Format „HTML“
10Klicke auf den Button „Export“
Es wird nun ein Zip-Ordner auf deinem PC heruntergeladen, den wir nun ein wenig bearbeiten müssen.
11Mach einen Rechtsklick auf diesen Ordner und dann „Alle extrahieren…“
Öffne dann den extrahierten Ordner.
12Wähle nun die HTML Datei und benenne sie in „index“ um
13Die Datei wurde erfolgreich umbenannt.
Dieser Schritt ist EXTREM wichtig. OHNE DIE UMBENENNUNG dieser einen Datei funktionert es nämlich nicht!
Der Grund dafür liegt bei Netlify, welche diese Datei erwartet und sonst wie keinen Zugang zu deiner Seite findet.
14So sieht der Ordner aus, in welchem sich die HTML Datei befindet.
Dieser Ordner kann, muss aber nicht, umbenannt werden. Es spielt keine Rolle.
15Besuche die Seite Netlify.com und erstelle eine Gratiskonto
Netlify erlaubt es einem gratis Dateien zu hosten und sie mit einer Domain zu verbinden.
16Klicke auf „Add new site“ und dann auf „Deploy manually“
17Ziehe den von uns bearbeiteten Ordner nun auf das drag and drop Feld.
18Nach erfolgreichem Upload klickst du auf „Domain settings“ um eine Domain zu verbinden.
Nach dem Hochladen unseres Ordners ist die Seite nun unter dem Link: „https://superlative-bienenestich…. “ zu erreichen.
Da dies auch wieder eine Subdomain ist die nicht besonders professionell wirkt, verknüpfen wir in den nächsten Schritten unsere eigene Hostpoint Domain.
19Scrolle runter und klicke auf „Add custom domain“
FYI: Oberhalb des Buttons wäre normalerweise der Link von zuvor zu finden, jedoch musste ich den Screenshot hier wiederholen und musste eine andere Seite verwenden.
20Gib deine Domain an und klicke auf „Verify“
Du musst die Domain besitzen um sie hier verwenden zu können. Schau dir dazu meinen Artikel über Domains von Hostpoint an.
Alternativ kann du hier einen Wunschdomain eingeben und ihn anschliessend über Netlify kaufen.
Ich würde meine Domain aber lieber bei Hostpoint registrieren lassen, da es dort am günstigsten kommt und die Verwaltung am einfachsten ist.
21Klicke auf „Add domain“
Nach dem vorherigen Schritt wird es sich melden und sagen dass die Domain schon irgendwo registriert ist und du sie nur hinzufügen kannst, wenn sie dir gehört.
22Klicke im Dashboard auf „Options“ und dann auf „Set up Netlify DNS“
23Bestätige nochmals dass du die Domain hinzufügen möchtest.
24In diesem Schritt fragt es dich ob du DNS Record hinzufügen möchtest. – Ignoriere das und klicke unten auch „Continue“
FYI: Leider habe ich diesen Screenshot verloren. Falls es hier unklar für dich ist, empfehle ich dir das Youtube-Video anzusehen, wo jeder Schritt zu sehen ist.
25Schlussendlich gelangst du zu den Nameservern von Netlify. Diese müssen nun in den Hostpoint account kopiert werden.
27Bei der Domain Liste klickst du auf den blauen Butten „Bearbeiten“
28Hier löschst du nun alle Nameservers von Hostpoint indem du auf die roten Kreuze klickst.
29Wenn es keine „ns.hostpoint.ch“ Einträge mehr gibt gehst du zu Netlify.
30Kopiere nun einen Eintrag nach dem anderen nach Hostpoint.
31Sobald du den ersten Eintrag eingefügt hast, erscheint ein Feld für den nächsten. Klicke nachdem du alle 4 hinzugefügt hast auf „Check Name Servers“
32Klicke anschliessend auf „Change Name Server Now“
33Alle Änderungen werden nun effektiv. Bei Netlify kannst du nun auf den grünen Button „Done“ klicken.
34Wie man sieht wurde die Domain hinzugefügt. Bis die Seite jedoch erreichbar ist, vergehen in der Regel einige Minuten bis oft mehrere Stunden.
35Wenn du jetzt deine Seite besuchen willst, dann triffst du wahrscheinlich auf eine Fehlermeldung wie diese hier.
Das ist absolut normal. Jetzt müssen wir einfach vielleicht 2 Stunden warten und dann sollte alles funktionieren.
36Ca. 2 h später ist meine Notion Seite online.
Die Seite ist öffentlich unter meiner Domain zu finden.
Es ist keinerlei Werbung vorhanden.
Die Seite verfügt über eine SSL-Verschlüsselung dank Netlify, die das automatisch installiert.
Schritt-für-Schritt Anleitung
Fragen oder Anregungen
