Eigene Webseite erstellen

Schritt für Schritt zum Ziel

Eigene Webseite erstellen

Schritt für Schritt zum Ziel

Webseite erstellen, so geht’s!

Webseiten zu erstellen ist kein Hexenwerk sondern ein Handwerk. Mit ein paar Profitipps und etwas Durchhaltevermögen sollte es auch für Sie möglich sein, eine eigene Webseite zu erstellen und online zu bringen.

Wo soll die Webseite laufen? Das Hosting.

Um eine Webseite im Internet online stellen zu können, benötigen Sie ein Hosting. Hosting bedeutet, ihre Webseite wird auf einem Server gespeichert und im Internet für Ihre Besucher bereitgestellt. Ein Server ist ein speziell konfigurierter Computer, der rund um die Uhr mit dem Internet verbunden ist.

Hostingpaket auswählen

Hostingpakete gibt es bei vielen Anbietern - zum Beispiel bei uns. Die wichtigsten Eigenschaften eines Hostingpakets, auf die Sie achten sollten:

  1. Webspace: Bei einer "normale" Webseite reichen 1-10 GB Speicherplatz für alle Dateien aus.
  2. MySQL Datenbanken: Für WordPress benötigen Sie nur eine Datenbank.
  3. SSL Zertifikat: Dient der verschlüsselten Übertragung von Daten. Sollte kostenlos in jedem guten Hostingpaket enthalten sein.
  4. Domain: Hostinganbieter bieten oftmals günstige Pakete an. Der Domainname, unter der die Webseite dann erreichbar ist, muss teilweise jedoch separat bezahlt werden. Achten Sie also bei der Auswahl darauf, ob Domains in den Paketen inklusive sind.

In einem Webhostingpaket ist Ihr Server schon fertig konfiguriert und Sie bekommen alle Funktionen, die Sie für Ihr Webseitenprojekt brauchen. Die meisten Hostinganbieter stellen Ihnen eine mehr oder weniger übersichtliche Benutzeroberfläche zur Verfügung, auf der Sie wichtige Funktionen und Einstellungen anpassen können. So können Sie zum Beispiel über unser Dashboard mit wenigen Klicks ein Hostingpaket buchen oder erweitern, Domains bestellen, E-Mail Adressen und Weiterleitungen einrichten, WordPress installieren oder eine Sicherheitskopie Ihrer Website erstellen. Unser Versprechen: Bei uns bekommen Sie persönlichen Support. Wir unterstützen unsere Kunden sofort telefonisch, wenn es Schwierigkeiten bei den Einstellungen gibt. Es gibt keine Warteschleife und kein Call-Center: Sie sprechen direkt mit einem technischen Mitarbeiter.

Außerem bieten wir Ihnen wertvolle zusätzliche Services:

  • Backup-Service (inklusive): Eine tägliche Sicherheitskopie Ihrer Webseite, inklusive der Datenbank(en). Dient zur Wiederherstellung Ihrer Webseite, zum Beispiel nach einem erfolgreichen Hackerangriff.
  • WordPress Update-Service: Regelmäßige Aktualisierungen Ihrer WordPress Instanz und aller Plugins

Das Sixhop Dashboard ist das optimale Werkzeug für Ihr Webhosting

Domain, E-Mail, Webspace: Alle Einstellungen in einem Tool

WordPress installieren

WordPress ist seit einigen Jahren das mit Abstand beliebteste Webseitensystem. Die Vorteile von WordPress? Es ist kostenlos, der Quellcode ist frei zugänglich (Open Source) und es ist einfach zu bedienen.

Vorbereitung

Sammeln Sie diese Informationen:

  1. FTP Zugangsdaten bestehend aus:
    • FTP-Server
    • FTP-Benutzer
    • FTP-Passwort
  2. Domainname für Ihre neue Webseite (adresse-im-netz.de oder www.adresse-im-netz.de)
  3. Pfad zum DocumentRoot Ihres Webhosting Pakets
  4. Datenbankzugangsdaten bestehend aus:
    • Servername (Host)
    • Benutzername
    • Passwort
    • Datenbankname

Laden Sie die aktuelle WordPress Version als gezippte Datei herunter: https://wordpress.org/download/

Dateien auf den Webserver übertragen

Mit Hilfe eines FTP-Clients wie z.B. Filezilla können Sie die entpackten WordPress-Dateien in das DocumentRoot Ihres Hostingpakets übertragen. Wie Sie FTP über Filezilla nutzen haben wir in unserem Blog ausführlich erklärt: Zugriff auf Ihren Webspace per FTP

Installation von WordPress

Nachdem Sie die Dateien von WordPress in Ihr DocumentRoot übertragen haben, können Sie die Installation von WordPress auf Ihrer Webseite starten. Dazu geben Sie https://adresse-im-netz/wp-admin in die Adresszeile Ihres Browsers (nicht in die Google-Suche!) ein. Füllen Sie in die entsprechenden Felder im Installationsdialog mit den vorbereiteten Informationen für Ihre Datenbank und Ihre Webseite.

Nachdem Sie die Installation abgeschlossen haben, können Sie auf Ihre Webseite zugreifen. In die Administrationsoberfläche gelangen Sie immer, indem Sie an die Adresse Ihrer Webseite "/wp-admin" anhängen und sich mit den Zugangsdaten, die Sie während der Installation festgelegt haben, einloggen.

 

Ihre Webseite: Ziel und Zielgruppe

Die wichtigsten Fragen, die Sie allerspätestens jetzt stellen müssen:

  • Ziele: Was will ich mit der Website erreichen?
  • Zielgruppe: Wen will ich mit der Website ansprechen?

Von den Antworten auf diese Fragen hängt einiges ab, sowohl was die Struktur Ihrer Webseite und Ihres Menüs angeht als auch mit welchem Theme Sie eine passende Darstellung der Inhalte erreichen können.

Vorschlag für eine Basis-Struktur

Eine neue Unterseite können Sie erstellen, indem Sie im WordPress Dashboard links auf Seiten gehen und dann oben auf "Seite erstellen" klicken. Als Basisstruktur für den Anfang empfiehlt es sich, die folgenden Seiten anzulegen und mit ersten Inhalten zu "befüllen":

  1. Startseite
  2. Produkte oder Leistungen
  3. Über mich / Über uns / Das Unternehmen
  4. Kontakt
  5. Impressum
  6. Datenschutzerklärung

Menü erstellen und einbinden

Das Hauptmenü ist auf allen Unterseiten Ihrer Website prominent sichtbar. Meistes befindet es sich oben oder links. Es sollte alle wichtigen Inhalte möglichst übersichtlich und mit möglichst wenigen Hiearchie-Ebenen und Unterebenen erreichbar machen.

Um das Hauptmenü zu erstellen, navigieren Sie im WordPress Dashboard im Menüpunkt "Design" -> "Menüs". Dort fügen Sie ein neues Menü hinzu. Wichtig: Wählen Sie aus, dass dieses von Ihnen erstellte Menü als primäres Menü angezeigt werden soll. Fügen Sie dem neuen Menü alle von Ihnen erstellten Seiten hinzu, die Sie im Hauptmenü aufgelistet haben möchten. Rechtlich erforderliche Links wie Impressum und Datenschutzerklärung werden gerne in der Fußzeile der Website verstaut. Damit bleibt das Hauptmenü übersichtlicher und die rechtlich erforderlichen Links sind dennoch über die Fußzeile auf allen Unterseiten erreichbar.

Gutenberg und andere WordPress Pagebuilder

Inhalte erstellen Sie in WordPress mit einem Pagebuilder oder Editor. Vorinstalliert ist seit Anfang 2019 "Gutenberg". Der Editor stellt Ihnen verschiedene Elemente (bei Gutenberg "Blöcke") zur Verfügung, mit denen Sie relativ einfach Textfelder, Bilder, Videos und viele andere Inhalte einbinden können, ohne html beherrschen zu müssen. Für Gutenberg gibt es unzählige Tutorials im Netz, mit denen Sie die Einbindung von Texten und Bildern im Nu beherrschen lernen.

Ein Pagebuilder macht nichts anderes, als Ihre Eingaben in HTML zu übersetzen.

Tipp Schreiben sie Ihre Texte besser nicht in einem anderen Textverarbeitungsprogramm (Word, WordPad oder ähnliche) vor! Beim Kopieren in den Pagebuilder werden sonst Formatierungen und andere störende Codebausteine mit in Ihre Webseite eingefügt. Schreiben Sie lieber gleich im Editor und speichern Sie unfertige Texte als Entwurf. Damit ändert sich der Text auf Ihrer öffentlichen Webseite erstmal nicht. Sie können aber Versionen zwischenspeichern und später Weiterschreiben.

Gutenberg ist zwar vorinstalliert, muss aber nicht unbedingt genutzt werden. Alternative Pagebuilder können als Plugins installiert werden. Manche Premium Themes bringen auch Ihren eigenen Pagebuilder mit - und arbeiten dann auch nur nur mit diesem zusammen. Wer eine sehr einfache "Webvisitenkarte" mit einem einfachen Theme und nur Text und Bildern erstellen möchte, dem sei der "Classic Editor" empfohlen. Wir haben die Erfahrung gemacht, dass unsere Kunden gerne mit dem "Beaver Builder" arbeiten. Beaver Builder ist ein unabhängiger, alternativer Pagebuilder, mit dem man auf der sichtbaren Webseite ("Frontend") Elemente anklicken und modifizieren kann. Die Lite-Version kann als kostenloses Plugin installiert werden.

Themes und der "Customizer"

Ein Theme ändert nichts an den Inhalten der Webseite - verändert aber an der Darstellung! WordPress bringt jedes Jahr ein neues, zeitgemäßes Theme heraus, dass bei einer Neuinstallation schon mitgeliefert wird. Über die "Theme Options" steuern Sie die Darstellung Ihrer Website in dem jeweils ausgewählten Theme. WordPress bringt von Haus aus den "Customizer" mit, bei dem man Änderungen in den Theme-Options live auf der Webseite machen, anschauen und gegebenenfalls speichern kann.

Ein Theme schreibt im Grunde genommen den CSS-Code für die Darstellung Ihrer HTML-Inhalte.

Es gibt sehr große, "mächtige" Themes wie zum Beispiel Avada oder Thrive. Diese sind kostenpflichtig und bringen oft einen eigenen Pagebuilder mit. Andere Themes sind kostenlos, klein und schlank und kooperieren mit den gängigen Pagebuildern wie Gutenberg.

Im Menüpunkte "Design" auf der linken Seite Ihres WordPress Dashboards finden Sie eine kleine Auswahl an vorinstallierten Themes. Weitere Themes können Sie mit einem Klick auf den Button hinzufügen. Auf Webseiten wie https://themeforest.net/ finden Sie sehr günstig, teilweise für nur $59 USD, Templates, die in der Demo sehr professionell aussehen.Dabei muss man allerdings bedenken, dass das professionelle Aussehen der Themes oft auf hochauflösenden großformatigen Bildern beruht, die genau zur Farbstimmung passen. Nur wenn auch Sie solche Fotos zur Verfügung haben, werden Sie den erhofften Effekt bei Ihrer Webseite erreichen.

Themes - schneller Erfolg oder Gefängnis?

Themes bieten Ihnen schnell und einfach die Möglichkeit, eine professionell aussehende Webseite zu erstellen - ohne eine Zeile Code geschrieben zu haben. Aber: Themes schränken auch ein, wie Sie bestimmte Elemente darstellen können. Sobald Sie versuchen, den vom Theme vorgegebenen Pfad zu verlassen, wird es schwierig bis unmöglich.

Profitipp Wir setzen auf ein extrem kleines, schlankes Theme, das nicht viel vorgibt - aber erstmal auch nicht besonders beeindruckend aussieht. In diesem Theme können wir unglaublich kleinteilige Einstellungen vornehmen. Außerdem können wir über so genannte "Widgets" und "Hooks" an fast beliebiger Stelle weitere Elemente hinzufügen oder auch Elemente weglassen.

Plugins - die große Welt der Extras

WordPress an sich war ursprünglich als ein System für einen Blog gedacht. Also, um viele Texte mit Bildern geordnet nach Kategorien und Schlagwörtern in verschiedenen Zusammenstellungen anzuzeigen. Das kann WordPress auch immer noch meisterhaft - aber es kann noch viel mehr. Dabei kommen die meisten interessanten Funktionen nicht aus der WordPress Basisinstallation, sondern über kleine Zusatzprogramme - die Plugins. Plugins stellen verschiedene Funktionen zur Verfügung: Kontaktformulare, Besucherstatistiken, Maßnahmen zur Suchmaschinenoptimierung...

Weil WordPress im Vergleich zu anderen Webseitensystemen wenig "kann", sollten Sie sich schnell mit Plugins vertraut machen. Plugins suchen Sie am besten über Ihr WordPress Backend - denn dort finden Sie ausschließlich Plugins im offiziellen WordPress Marketplace. Diese wurden auf Sicherheitslücken und Schadsoftware überprüft. Benötigen Sie eine Funktion nicht (mehr), deinstallieren Sie das entsprechende Plugin. Damit wird Ihr WordPress nicht durch unnötige Funktionen und Dateien langsam.