RocketCake:     Über     Neues    Tutorials    Professionelle Edition   Handbuch   Forum   Download

Vollständige Anleitung für die Erstellung einer eigenen Website - für Anfänger


Eine kurze, vollständige Anleitung, die zeigt, wie Sie Ihre eigene moderne Website erstellen können, ohne von anderen abhängig zu sein - und wie Sie die häufigsten Fehler vermeiden. Sowohl für kleine Unternehmen als auch für private Websites.

Dieses Tutorial zeigt folgendes:
Dann geht's los:

Schritt 1: Einen freien Domainnamen finden



Zunächst müssen Sie sich einen Domainnamen für Ihre Website überlegen. Zum Beispiel example.com oder johns-best-tomato-soups.com oder ähnlich. Um herauszufinden, ob die gewünschte Domain noch frei ist, verwenden Sie ein Tool zur Suche nach Domainregistrierungen, z. B. ICANN Lookup oder whois:



Geben Sie einfach den Namen der gewünschten Domain ein und klicken Sie auf „Lookup“. Wenn Sie eine Meldung wie „Die angeforderte Domain wurde nicht gefunden [...]“ erhalten, dann ist die Domain wahrscheinlich noch frei.


⚠ Wichtig: Verwenden Sie nicht die ähnlichen Tools eines Webhosting-Anbieters, um zu prüfen, ob eine Domain noch frei ist. Einige Webhosting-Anbieter sind dafür bekannt, dass sie eine freie Domäne kaufen, nachdem Sie sie nachgeschlagen haben, um sie Ihnen später zu einem höheren Preis zu verkaufen.



Schritt 2: Die Webseite erstellen



Bevor Sie sich eine Domain für Ihre Website zulegen, sollten Sie Ihre Website erstellen. Während dieses Prozesses erhalten Sie in der Regel einen Eindruck davon, ob der von Ihnen gewählte Domänenname tatsächlich gut ist und Ihren Bedürfnissen entspricht - falls Sie also Ihre Meinung über einen Namen ändern, ist es noch nicht zu spät.

Moderne Websites erstellen - wie's heute geht



Die Erstellung einer Website ist heute etwas komplizierter als noch vor ein paar Jahrzehnten, denn die Menschen erwarten heute, dass Websites eine ganze Reihe von Anforderungen erfüllen. Sie müssen:

  • Responsive sein: Das bedeutet, dass sie auf allen Arten von Bildschirmen und Geräten gut funktionieren müssen: Von Smartphones bis zu Desktop-PCs.
  • Schnell und flott sein: Auch auf langsamen Handys muss Ihre Website benutzbar sein
  • Auffindbar durch Suchmaschinen: Dies wird als SEO bezeichnet und ist wichtig, damit Nutzer Ihre Website überhaupt finden können.

Zum Glück gibt es kostenlose Editoren, mit denen Sie Websites mit all diesen Funktionen leicht erstellen können.

⚠ Wichtig: Einige Editoren versuchen, Sie „einzusperren“: Wenn Sie Ihre Website mit einem solchen Editor erstellen, ist es manchmal nicht ohne weiteres möglich, Ihre Website an einen anderen Ort zu verschieben oder sie ohne diesen Editor weiter zu benutzen. Achten Sie darauf, einen Editor zu verwenden, der dies nicht tut.

Für dieses Tutorial werden wir zur Erstellung der Website den Website-Builder RocketCake verwenden:


Es ist in der Basisversion kostenlos und reicht aus, um eine nützliche Website zu erstellen. Er funktioniert wie ein Texteditor ähnlich wie Microsoft Word, kann aber responsive Websites erstellen. Sie können aber auch jeden anderen guten WYSIWYG-Offline-Desktop-Editor für diese Aufgabe verwenden.


Gestalten Sie Ihre Website nach Ihren Bedürfnissen



Herunterladen, installieren und starten Sie RocketCake. Dann können Sie mit einer leeren Website oder mit einer der vorhandenen Vorlagen beginnen.
Es gibt eine ausführliche Anleitung, wie man mit RocketCake responsive Websites erstellt, aber es ist ziemlich einfach:

Platzieren Sie einige Container, geben Sie etwas Text ein, fügen Sie Komponenten wie ein Navigationsmenü und Bilder hinzu, und schon sind Sie fertig:



Sie können die Container-Funktion nutzen, indem Sie Ihrer Seite ein Container-Element hinzufügen. Dieser Container fungiert als Hülle für Ihren Inhalt und hilft, dessen Layout und Reaktionsfähigkeit zu steuern. Platzieren Sie innerhalb des Containers Ihre Inhaltselemente wie Text, Bilder oder andere Komponenten. Passen Sie die Eigenschaften des Containers an, z. B. Breite, Auffüllung und Ränder, um sicherzustellen, dass sich Ihr Inhalt gut an verschiedene Bildschirmgrößen anpasst. Fügen Sie bei Bedarf weitere Container für weitere Inhalte hinzu.

Wenn Sie auf „Vorschau“ klicken, können Sie bereits im Browser sehen, wie Ihre Website aussieht. Vergewissern Sie sich, dass die Website auf verschiedenen Bildschirmgrößen gut aussieht - Sie können einfach die Größe des Browserfensters ändern, um zu sehen, wie sie aussieht, und in RocketCake den Schieberegler am unteren Rand des Editors bewegen, um sie im Editor zu sehen. Wenn Sie Interesse haben, sehen Sie sich die ausführliche Anleitung zur Erstellung der Website im Detail an.

Sobald Sie die Website erstellt haben, veröffentlichen Sie Ihre Website (klicken Sie auf „auf lokaler Festplatte veröffentlichen“) und müssen sie nur noch ins Internet hochladen.



Schritt 3: Die Webseite im Internet veröffentlichen



Um Ihre Website ins Internet stellen zu können, brauchen Sie einen Webhosting-Dienst. Dort können Sie in der Regel auch gleich eine Domäne kaufen. Es gibt viele Webhoster, und wenn Sie nach „Webspace“ oder „Webhosting“ googeln, finden Sie schnell einen. Für eine kleine Website brauchen Sie nicht viel: Ein bisschen Speicherplatz (für eine kleine statische Website reichen ein paar MB bereits aus!), und es ist immer eine gute Idee, dass Ihr Webhosting-Paket PHP unterstützt und die Möglichkeit bietet, ein SSL-Zertifikat hinzuzufügen, z. B. ein kostenloses von Let's Enrypt.

Sobald Sie sich für einen Webhosting-Anbieter entschieden und ein Paket gekauft haben, können Sie sich per FTP (oder FTPS oder SFTP - das sind die sichereren Varianten von FTP) mit Ihrem Webspace verbinden. Normalerweise erhalten Sie ein Passwort und einen Benutzernamen sowie eine URL wie ftp://example.com, um sich auf Ihrer Website einzuloggen. Verwenden Sie dazu ein kostenloses FTP-Client-Programm wie Filezilla. Dann gibt es normalerweise ein Verzeichnis, in das Sie Ihre Website hochladen können.

Tipp: Wenn Sie herausgefunden haben, wie Sie sich per FTP mit Ihrem Webspace verbinden, können Sie Ihre Website auch mit einem Klick mit RocketCake hochladen. Benutzen Sie dazu den Button „Ins Internet hochladen“ und geben Sie die gleiche URL, den gleichen Benutzernamen und das gleiche Passwort ein, wie Sie es mit Ihrem FTP-Client gemacht haben.



Häufige Fallstricke, die bei der Erstellung einer Website zu vermeiden sind



Bei der Erstellung einer Website gibt es manchmal einige Fallstricke zu vermeiden. Hier sind einige der wichtigsten davon:

Bildlizenzen



Wenn Sie Ihre Website erstellen, möchten Sie in der Regel einige Bilder hinzufügen, um sie schöner aussehen zu lassen. Achten Sie darauf, keine zufälligen Bilder zu verwenden, die Sie im Internet finden - sie gehören in der Regel jemandem und Sie haben in der Regel keine Lizenz, sie zu verwenden. Sie können billige Lizenzen für Bilder von Stock-Image-Websites wie „Adobe Stock“ und ähnlichen kaufen, aber es gibt auch kostenlose Stock-Image-Websites. Die Bilder auf den kostenlosen Vorlagen-Websites von RocketCake sind ebenfalls kostenlos.


Online Website builder



Sie werden feststellen, dass es Online-Site-Builder gibt, mit denen man Websites leicht zusammenklicken kann. Beachten Sie aber, dass Sie bei der Verwendung dieser Website-Baukästen wahrscheinlich an deren Rahmen gebunden sind. Wenn Sie Ihre Website von einem solchen Builder wegbewegen oder weiter ausbauen wollen, ist das oft nicht oder nicht ohne weiteres möglich. Sie haben dann wahrscheinlich keinen Zugang mehr zu einer unabhängigen Code-Basis für Ihre Website und sind von nun an auf dieses System angewiesen. Es ist immer eine gute Idee, stattdessen einen Offline-Desktop-Editor zu verwenden, der Ihre HTML-Seiten auf Ihrem eigenen PC/Mac erstellt, auf den Sie vollen Zugriff haben. Auf diese Weise bleiben Sie unabhängig und haben die volle Kontrolle über Ihre Website und Ihre Kosten.


Suchmaschinen


Damit Ihre Website in den Suchmaschinen gut platziert wird, sollten Sie sich auf die Auswahl relevanter Schlüsselwörter konzentrieren, die mit dem Inhalt Ihrer Website zusammenhängen, und diese auf natürliche Weise in den Text, die Überschriften und die Meta-Tags Ihrer Website einbauen. Es ist wichtig, dass die „Titel“ Ihrer Websites den Inhalt beschreiben und dass Sie jeder Seite einen Meta-Tag mit einer Beschreibung hinzufügen.

Stellen Sie sicher, dass Ihre Website mobilfreundlich ist und schnell lädt, da die Benutzerfreundlichkeit ein entscheidender Rankingfaktor ist (siehe nächster Absatz). Erstellen Sie außerdem hochwertige, originelle Inhalte, die Ihren Besuchern einen Mehrwert bieten. Verwenden Sie aussagekräftige URLs und optimieren Sie Bilder mit Alt-Text.

Anschließend können Sie Ihre neue Website bei Suchmaschinen wie Google anmelden: Sie können Google manuell auffordern, Ihre Website über die Google Search Console zu crawlen und zu indexieren. Außerdem ist es eine gute Idee, Ihre Website zu bewerben: Veröffentlichen Sie die URL Ihrer Website auf Social-Media-Plattformen und erwägen Sie den Aufbau von Backlinks aus seriösen Quellen, um ihre Sichtbarkeit zu verbessern.


Mobile und Desktop-User



Websites müssen heute sowohl auf mobilen als auch auf Desktop-Plattformen nahtlos funktionieren. Die Verwendung eines WYSIWYG-Editors (What You See Is What You Get) wie RocketCake erleichtert die Erstellung von responsiven Websites erheblich, aber Sie müssen trotzdem testen, ob Ihre Website sowohl auf Telefonen als auch auf PCs oder Macs gut funktioniert. Mit einem kleinen Trick können Sie jedoch eine Vorschau darauf erstellen, wie Ihre Website auf den meisten Geräten funktioniert: Drücken Sie in Ihrem Browser (z. B. Chrome oder Edge) die Tastenkombination STRG+Umschalt+I. Daraufhin werden die Entwicklertools geöffnet. Drücken Sie nun STRG+Umschalt+M, und es öffnet sich eine Symbolleiste, in der Sie auswählen können, wie Ihre Website auf einem bestimmten Gerät (z. B. dem iPhone 11) aussehen wird.


Weitere allgemeine Fragen für Website-Ersteller



Benötige ich ein Impressum?
Das hängt von der Rechtsprechung in Ihrem Land ab. Aber zum Beispiel für Deutschland und Österreich: Ja, Sie müssen höchstwahrscheinlich ein Impressum auf Ihrer Website haben.

Wo kann ich eine Domäne und Webhosting kaufen?
Das hängt von Ihrem Land, Ihrer Situation und Ihrem Budget ab. Am besten kaufen Sie Webhosting bei einem Unternehmen im selben Land oder zumindest in derselben Zeitzone, in der Sie sich befinden - so kann man Ihnen im Fall der Fälle leichter helfen. Domains sind in der Regel beim Kauf eines Webhosting-Pakets inbegriffen - nutzen Sie das, so ist es einfacher.

Benötige ich einen Vertrag für die Auftragsabwicklung? (DSGVO / GDPR)
Ja, in der Regel müssen Sie das heutzutage tun. Die meisten Hoster verfügen heute über einen automatischen Mechanismus für diesen Vertrag, den Sie mit einem Klick auf eine Schaltfläche starten können, wenn Sie auf ihrer Weboberfläche angemeldet sind.

Woher bekomme ich ein Analysetool, um die Besucher auf meiner Website zu analysieren?
Für die meisten kleinen Websites reichen die integrierten Statistiken Ihres Webhosters in der Regel aus. Für mehr Details sollten Sie ein anspruchsvolles Tool wie Google Analytics oder Matomo verwenden. Es ist zumindest ein wenig umstritten, ob diese Tools datenschutzkonform sind, aber auf den jeweiligen Websites erfahren Sie, ob und wie sie es sind.

Brauche ich Cloudflare oder Google Cloud CDN? Oder Amazon Cloud?
Nein, für kleine oder mittelgroße Websites werden Sie das nicht brauchen. Sollte Ihre Website groß und sehr populär werden, brauchen Sie sie vielleicht später, aber in diesem Fall werden Sie schon früher mit vielen anderen Problemen konfrontiert und brauchen sowieso Leute, die Ihnen helfen.

Ist meine Website SSL/TLS-verschlüsselt? Sollte sie das sein?
Heutzutage sind sie in der Regel standardmäßig so verschlüsselt. Sie werden feststellen, dass die Adresse Ihrer Website mit „https://“ statt mit „http://“ beginnt oder dass der Browser kein gruselig aussehendes Symbol neben Ihrer Adresse anzeigt. Wenn Ihre Website nicht verschlüsselt ist, können Sie diese Funktion in der Regel mit einem Klick in der Verwaltungskonsole Ihres Webhosters aktivieren. Normalerweise bieten sie eine Art Verschlüsselungszertifikat wie „Let's encrypt“ an, das sogar kostenlos ist.

Verwende ich Cookies auf meiner Website?
Bei einfachen statischen Websites in der Regel nicht. Wenn Sie nicht wissen, ob Sie Cookies verwenden, verwenden Sie sie wahrscheinlich nicht. Cookies sind in der Regel nur für fortschrittlichere Dinge gedacht, z. B. wenn sich ein Benutzer auf Ihrer Website anmelden muss und ähnliches.

Verwende ich Google-Formulare?
Wahrscheinlich nicht, wenn Sie nicht wissen, dass Sie sie benutzen.

Welche Schriftarten kann ich auf meiner Website verwenden? Brauche ich Adobe Fonts? Google-Schriftarten?
Die heutigen Betriebssysteme (Android/Windows/macOS/iOS) haben viele gut aussehende Schriftarten eingebaut. Und die Editoren (wie RocketCake, das im obigen Tutorial verwendet wird) wissen, wie man diese verwendet. Wenn Sie nur eingebaute Schriftarten verwenden, brauchen Sie keine Adobe Fonts oder Google Fonts, und das ist auch gut so: Ihre Website wird viel schneller geladen. Wenn Sie aber eine bestimmte Schriftart verwenden möchten, können Sie das tun, aber natürlich müssen Sie die richtige Lizenz für die Verwendung dieser Schriftart erwerben.