Webseite erstellen 2023: Der ultimative Leitfaden

Wir erklären Schritt für Schritt, wie Sie bei der Planung und Gestaltung Ihrer Website vorgehen sollten. Dabei stellen wir auch einige Programme und Ressourcen vor, die Ihnen bei der Website-Erstellung behilflich sein könnten, und verraten, was Sie gerade als Anfänger unbedingt beachten sollten.

Wir unterteilen die Website-Erstellung – und somit auch unseren Leitfaden – grob in drei Phasen:

1. 1.
   Planung: Bevor Sie mit der Website-Erstellung beginnen, sollten Sie ein paar grundlegende Fragen zu Ihrem Projekt geklärt haben. Das erleichtert auch die Wahl der Erstellungsmethode.
2. 2.
   Erstellung: Viele Wege führen zur fertigen Website, und alle davon haben Vor- und Nachteile. Je nachdem, wie Sie Ihre Website erstellen, müssen Sie sich auch um eine Domain und das Webhosting kümmern.
3. 3.
   Optimierung: Eine Website ist ein lebendiges Projekt, das nie abgeschlossen ist. Deshalb gibt es auch nach der Veröffentlichung noch viel zu tun.

In den nächsten Kapiteln führen wir Sie durch alle diese Schritte und verraten, wie Sie bei der Planung, Erstellung und Verwaltung Ihrer Website vorgehen sollten.

Eine gute Planung Ihrer Website führt nicht nur zu einem besseren Ergebnis, sondern erleichtert und beschleunigt auch den Weg dorthin. Besonders wichtig sind drei Fragen: Wofür genau benötigen Sie die Website überhaupt, welcher Website-Typ passt am besten zu diesem Vorhaben, und wie groß ist Ihr Budget?

Wichtig ist zunächst der Zweck der Website, die Sie erstellen möchten. Damit hängen alle anderen Aspekte zusammen – von den Inhalten, die Sie benötigen, bis zu den Kosten, die Ihre Website verursachen wird. Benötigen Sie die Website privat oder beruflich? Für die Selbstständigkeit oder das Unternehmen?

Auf EXPERTE.de finden Sie zahlreiche Ratgeber-Texte für unterschiedliche Anwendungsfälle:

Für Unternehmen sind Websites heute Pflicht, doch für die Homepage eines multinationalen Konzerns gelten andere Regeln als für die einer kleinen oder mittelständischen Firma.

Im Vergleich mit privaten Online-Projekten ist in erster Linie wichtig, dass die Website Ihres Unternehmens professionell aufgebaut ist, und dafür sollten Sie einige Regeln befolgen. Wir stellen Ihnen die Best Practices in den Bereichen Design, Inhalte, Technik und Sicherheit vor.

Eine Auswahl passender Ratgeber-Texte für Unternehmens-Websites finden Sie hier:

Andere Branchen, andere Sitten: Je nachdem, welcher Branche Sie angehören, sollten Sie auf Ihrer Website bestimmte Inhalte und Funktionen zur Verfügung stellen. Auf einer Restaurant-Website sollte eine interaktive Speisekarte nicht fehlen, auf einer Ärzte-Website ist ein Tool für die Terminbuchung unentbehrlich.

Besonders wichtig ist eine Website auch für Freiberufler und Selbstständige: Sie sorgt nämlich nicht nur dafür, dass Sie von potenziellen Kunden im Netz auch gefunden werden, sondern dient gleichzeitig als Portfolio: Hier können Sie Ihre Arbeit zur Schau stellen und Referenzen oder Testimonials teilen, um Kunden von Ihren Qualitäten zu überzeugen.

In unseren Ratgeber-Texten finden Sie Tipps und Tricks für die Website-Erstellung für unterschiedliche Branchen:

Von der Bewerbung bis zur Hochzeit: Manche Websites dienen einem ganz bestimmten Anlass, weshalb auch ganz bestimmte Voraussetzungen für sie gelten.

Weil Hochzeitshomepages und ähnliche „Zweck-Websites“ auch für Menschen interessant sind, die mit dem Programmieren und Webdesign gar nichts am Hut haben, gibt es mittlerweile viele anfängerfreundliche Plattformen, die sich auf solche Nischen spezialisiert haben. Homepage-Baukästen bieten zudem praktische Templates für besondere Anlässe.

Wenn Sie eine Website für einen bestimmten Anlass benötigen, können Sie sich von unseren Ratgebern inspirieren lassen:

Ebenso wichtig ist, welche Art Website Sie überhaupt erstellen möchten. Manche Projekte sind komplexer – und somit in der Regel auch aufwändiger und teurer – als andere. Es gibt einige grundlegende Website-Typen, die unterschiedlich aufwändig sind:

Wichtig ist natürlich auch, wie viel Geld Ihnen für die Erstellung Ihrer Website zur Verfügung steht. Davon hängt beispielsweise ab, welche Erstellungsmethode sich anbietet: Wenn das Budget keine Rolle spielt, sollten Sie natürlich die besten Profis anheuern, doch wenn Sie viel Website für wenig Geld benötigen, müssen Sie vermutlich selbst tätig werden.

Glücklicherweise gibt es heute für alle Budgets gute Lösungen. Sogar komplett kostenlose Websites sind möglich – wobei sich jene nur für private Projekte eignen, nicht für professionelle Aufritte oder Unternehmens-Websites.

Wenn Sie eine ungefähre Vorstellung der Website haben, die Sie benötigen, müssen Sie als Nächstes entscheiden, wie Sie sie erstellen möchten. Sie haben prinzipiell vier Möglichkeiten:

1. 1.
   Sie programmieren Ihre Website selbst.
2. 2.
   Sie lassen Ihre Website erstellen, beispielsweise von einem professionellen Webdesign-Freelancer.
3. 3.
   Sie erstellen Ihre Website mithilfe eines Content-Management-Systems.
4. 4.
   Sie erstellen Ihre Website mithilfe eines Homepage-Baukastens.

Sehen wir uns alle Optionen einmal genauer an:

Anfänger können gleich zum nächsten Punkt springen, denn diese Methode ist nur für Profis geeignet. Wer eine professionelle Website selbst programmieren möchte, benötigt nicht nur erweiterte Kenntnisse in HTML, CSS und Skriptsprachen – sondern muss sich auch um alle anderen Aspekte einer Website kümmern. Dazu zählen Technik, Design, Sicherheit und mehr.

Der Vorteil: Weil Sie alles selbst in der Hand haben, haben Sie natürlich hundertprozentige Freiheit, was die Gestaltung Ihrer Website und deren Funktionen angeht. Ihre Kenntnisse (und Ihr Budget) sind das Limit, denn im Prinzip ist alles möglich.

Solche Kenntnisse – und zwar genug für eine wirklich professionelle, und keine experimentelle Website – muss man aber erst einmal besitzen, und das dürfte bei den wenigsten potenziellen Website-Betreibern der Fall sein.

Wenn Sie nicht programmieren können, dafür aber ein ordentliches Budget mitbringen, sollten Sie die Erstellung Ihrer Website in die Hände von Profis geben. Dafür gibt es mehrere Optionen:

• Agenturen: Eine gute Agentur übernimmt die Planung, Gestaltung, Veröffentlichung und Verwaltung Ihrer Website. Sie haben eine oder mehrere Ansprechpersonen, die sich um alles Wichtige kümmern – vom Design bis zur Sicherheit. Weil Sie viele unterschiedliche Services aus einer Hand erhalten, sind Agenturen aber meist auch recht teuer.

• Freiberufler: Freelancer, die Ihre Website für Sie gestalten, gibt es oft schon für etwas weniger Geld. Sie finden sie beispielsweise auf Freelancer-Portalen wie Upwork, Freelance.de oder Fiverr. Weil Sie sich dabei auf die Arbeit einer einzigen Person verlassen, sollten Sie den Freiberufler vorsichtig auswählen, beispielsweise anhand von Referenzen.

Achtung: Auf Plattformen wie Upwork finden Sie übrigens auch viele besonders günstige Freiberufler – wir sprechen hier von wenigen Euro pro Stunde. Sie sollten aber nicht nur auf den Preis schauen, sondern die Website als Investition betrachten, die sich langfristig auszahlt.

Qualität hat ihren Preis. Dementsprechend ist die Wahrscheinlichkeit, dass Sie mit dem Ergebnis zufrieden sind, deutlich größer, wenn Sie Ihre Freelancer fair bezahlen.

Wenn Sie einen guten Mittelweg zwischen der eigenen Programmierung und der Website-Gestaltung mit Baukasten-Systemen suchen, können Sie es mit einem CMS wie WordPress versuchen.

Diese „Inhaltsverwaltungssysteme“ nehmen Ihnen nämlich den Großteil des Coding-Aufwands ab, indem sie die wichtigsten Komponenten Ihrer Website für Sie vorprogrammieren und konfigurieren. Zudem gibt es zahlreiche Designvorlagen (sogenannte „WordPress-Themes“) und Plugins, die Ihnen bei der Gestaltung und Personalisierung Ihrer Website helfen.

Um Aspekte wie das Hosting müssen Sie sich zwar selbst kümmern, doch mittlerweile gibt einige auf WordPress-Websites ausgerichtete Webhoster, die Komplettpakete mit Hosting und Domain zur Verfügung stellen. Oft sind sogar Support und Wartung dabei.

Somit können heute auch Laien ohne Programmier-Kenntnisse mithilfe von CMS wie WordPress eine eigene Website erstellen, und zwar deutlich flexibler als mit Homepage-Baukästen (die wir als nächstes vorstellen).

Natürlich ist WordPress nicht das einzige CMS auf dem Markt – Alternativen gibt es beispielsweise bei Joomla oder TYPO3. WordPress ist aber nicht nur der Marktführer (und mit Abstand das global populärste und meistgenutzte System), sondern auch das anfängerfreundlichste CMS.

Die einfachste Methode, selbst eine Website zu erstellen, ist ein Homepage-Baukasten. Dabei handelt es sich um ein webbasiertes Programm, mit dem Sie auch ohne Programmier-Kenntnisse Websites im Baukasten-Prinzip erstellen können.

Durch vorgefertigte Schablonen und eine einfache, vorwiegend visuelle Bedienung (meist mit Drag-and-drop-System) können auch Laien in relativ kurzer Zeit eine professionelle Homepage zusammenbasteln. Von einfachen Blogs bis zu umfangreichen Online-Shops ist dabei alles möglich.

Jeder Homepage-Baukasten ist ein bisschen anders, doch ein paar grundlegende Funktionen sind beinahe immer vorhanden:

Natürlich gibt es von Baukasten zu Baukasten teils große Unterschiede, was den Funktionsumfang, das Bedienkonzept und die Zielgruppe angeht. Doch als grundsätzliche Software-Kategorie sind sich die meisten Baukästen recht ähnlich und haben somit auch dieselben Vor- und Nachteile – Ausnahmen bestätigen die Regel.

Mittlerweile gibt es unzählige Homepage-Baukästen auf dem Markt, die alle mehr oder weniger dasselbe versprechen, sich jedoch in vielerlei Hinsicht unterscheiden. Wir haben im großen EXPERTE.de Homepage-Baukasten-Vergleich 15 der beliebtesten Anbieter für Sie getestet und unsere Favoriten zusammengestellt:

Wix belegt den ersten Platz in unserem Ranking, weil die Plattform Qualität und Quantität zu einem stimmigen Gesamtpaket kombiniert. Die Website-Erstellung wird dadurch für Anfänger besonders einfach, und gleichzeitig haben fortgeschrittene Nutzer mehr Flexibilität als bei anderen Baukästen.

Die von Hilfslinien durchzogene Benutzeroberfläche von Wix hat etwas von Photoshop, ist aber längst nicht so kompliziert: Mithilfe der Werkzeugleiste und der Drag-and-drop-Bedienung können Sie Ihre Website relativ frei bearbeiten. Es gibt viele vorgefertigte Inhalte, von einzelnen Elementen bis zu ganzen Seiten und Content-Blöcken.

Falls die bereits integrierten Funktionen nicht ausreichen, können Sie beim App-Markt vorbeischauen, wo unzählige Erweiterungen (kostenlos und kostenpflichtig) warten.

Für komplette Anfänger hat Wix zudem einen noch einfacheren, KI-gestützten Editor im Gepäck, der die Website-Erstellung beinahe komplett automatisiert – allerdings müssen Sie dann auch mit vielen Einschränkungen leben.

Jede Website benötigt eine Domain. Dabei handelt es sich – vereinfacht gesagt – um den Namen einer Website und die einzigartige Adresse, unter der sie im Netz zu erreichen ist. Die Domain dieser Website ist also www.experte.de.

Besonders wichtig sind zwei Bestandteile dieser Domain: die sogenannte Second-Level-Domain („experte“) und die Top-Level-Domain bzw. Domainendung („de“).

Um Ihre Website im Internet erreichbar zu machen, müssen Sie sich für eine Domainendung entscheiden und eine Domain darauf registrieren. Das Schwierige daran: Jede Domain kann es mit jeder Endung nur einmal geben, weshalb viele „gute“ Namen längst vergeben sind.

Sie müssen also eine möglichst einprägsame Domain finden, die noch verfügbar ist, und die sinnvollste Domainendung auswählen. Für deutsche Unternehmen bietet sich natürlich eine .de-Domain an, während internationale Firmen eher auf .com setzen sollten. Mittlerweile gibt es aber noch viele andere gängige Domains – beispielsweise .io-Domains, die bei Tech-Startups beliebt sind.

Die Domain-Registrierung können Sie ganz einfach online vornehmen. Wenn Sie einen Domainnamen ausgewählt haben, müssen Sie den Domain-Anbieter Ihrer Wahl besuchen und zunächst überprüfen, ob die Domain überhaupt noch verfügbar ist.

Die Anbieter haben dafür meist eine simple Suchfunktion eingebaut. So sieht es beispielsweise bei IONOS aus:

Die gewünschte Domain ist noch verfügbar? Glückwunsch: Dann können Sie sie nun beim Domain-Anbieter für den festgelegten Preis erwerben. Der Domain-Anbieter informiert im Anschluss die zuständige Vergabestelle.

Komplizierter wird es, wenn die Domain Ihrer Wahl schon vergeben ist. Dann müssen Sie entweder umdisponieren und eine andere Domain wählen (bzw. die bestehende etwas anpassen), oder Sie können versuchen, die gewünschte Domain von ihrem aktuellen Inhaber abzukaufen.

Wie Sie dabei vorgehen müssen, und wie Sie Domains wieder verkaufen oder umziehen können, lesen Sie in unseren Ratgebern zum Domain-Kauf:

Ein weiterer Aspekt, um den Sie sich kümmern müssen, ist das Webhosting. Dabei geht es um die Bereitstellung von Speicherplatz (= Webspace) im Internet, sozusagen das Online-Grundstück für Ihre Website. Egal, wie groß Ihre Website ist, oder ob es sich um einen Blog, eine Unternehmensseite oder einen Online-Shop handelt: Webhosting ist eine technische Grundvoraussetzung für jedes Online-Projekt.

Es gibt jedoch unterschiedliche Methoden, um Webspace in Anspruch zu nehmen: Sie können selbst einen Server betreiben, oder Webspace bei einem Anbieter mieten. Manche Webspace-Betreiber haben sich sogar auf die Insallation bei bestimmten CMS, beispielsweise WordPress, spezialisiert.

Wir stellen die Optionen kurz vor:

Ein eigener Server kommt vor allem für größere Web-Projekte infrage, die besonders großen Wert auf Performance, Skalierbarkeit und individuelle Konfiguration legen. Auch für die Sicherheit Ihres Servers sind dessen Betreiber selbst verantwortlich – haben aber eben auch mehr Kontrolle.

Dabei gibt es unterschiedliche Server-Typen, die Sie nutzen können:

• Dedicated Server: Hierbei handelt es sich um einen dedizierten, also nur für Sie zur Verfügung stehenden Server. Sie müssen sich dessen Ressourcen und Performance nicht mit anderen Kunden teilen und haben die völlige Kontrolle über die Konfiguration des Servers.

• vServer: Ein vServer ist eine virtuelle Instanz auf einem Rechnersystem. Sie teilen sich dabei die Hardware mit anderen Kunden, können aber trotzdem auf einen abgeschotteten, virtuellen Server zugreifen, der sich verhält wie ein eigener Server. Somit sind vServer eine günstigere Alternative zu den dedizierten Servern.

• Cloud Server: Auch Cloud-Server werden virtuell bereitgestellt, doch im Gegensatz zum vServer können Sie Ressourcen wie die Rechenleistung, den Speicherplatz oder die Größe des Arbeitsspeichers in Echtzeit konfigurieren. Auch preislich können Sie die Nutzung der Ressourcen damit genau an Ihre Bedürfnisse anpassen.

• Managed Server: Beim Managed Server geben Sie die Verwaltung des Servers an einen Anbieter ab, der sich um Aspekte wie die Installation von Software, regelmäßige Backups oder Sicherheit kümmert. Sie profitieren von der Flexibilität eines eigenen Servers, müssen jenen aber nicht selbst managen – sondern können darauf vertrauen, dass Profis dies für Sie erledigen.

Alles, was Sie sonst noch zum Thema Server wissen müssen, finden Sie in unseren Ratgebern:

Für kleinere Website-Projekte und reguläre Unternehmens-Websites ist ein eigener Server vermutlich etwas zu viel des guten. Die Alternative ist Webhosting: Dabei mieten Sie etwas Speicherplatz für Ihr Projekt auf einem Server, den Sie sich mit vielen anderen Kunden teilen (deshalb spricht man auch von „Shared Hosting“).

Die Verwaltung dieses Servers wird vom Webhoster übernommen, Sie müssen sich also nicht selbst um nichts kümmern – allerdings sind Sie auch wenig flexibel, was die Installation bestimmter Software oder erweiterte Konfigurationen angeht.

Weil Sie sich die Hardware mit vielen anderen Kunden teilen, gibt es zudem Einschränkungen bei der Performance. Für Websites mit großen Besucherströmen oder Seiten, bei denen Sie keine Performance-Einbußen oder gar Ausfälle riskieren möchten, ist diese Methode weniger geeignet.

Für die meisten reguläre Online-Projekte, von der privaten Homepage bis zu kleineren und mittleren Unternehmens-Websites, sollte Shared Hosting aber absolut ausreichen. Alles, was Sie zum Thema wissen müssen, und eine Auswahl der besten Hosting-Anbieter, finden Sie in unserem Webhosting-Guide:

Wenn Sie WordPress als CMS Ihrer Website nutzen, können Sie für den Webspace auf eigens für WordPress optimierte WordPress-Webhoster zurückgreifen. Sie haben sich auf die Bereitstellung von WordPress-Umgebungen spezialisiert, was einige Vorteile mit sich bringt:

• WordPress ist bereits vorinstalliert oder mit einem Klick installierbar, Sie müssen es also nicht umständlich manuell installieren.
• Der WordPress-Hosting-Anbieter übernimmt viele Aspekte, um die Sie sich sonst selbst kümmern müssten – beispielsweise die Wartung, Sicherheitschecks oder Backups.
• Das Webhosting ist für WordPress optimiert, also möglicherweise performanter und besser skalierbar.

Wir haben einige wichtige Ressourcen rund ums Thema WordPress-Hosting, und Testberichte einiger der beliebtesten Anbieter, für Sie zusammengestellt:

Sie haben ihre Website veröffentlicht? Herzlichen Glückwunsch, das Wichtigste ist geschafft! Das heißt jedoch nicht, dass die Arbeit an Ihrer Online-Präsenz zu Ende ist: Eine Website ist ein Projekt, das niemals wirklich abgeschlossen ist. Es gibt immer was zu tun, was zu verbessern, oder was zu aktualisieren – ob an den Inhalten, dem Design oder den Funktionen.

Neben Ratgebern und Tutorials, die Ihnen dabei helfen, Ihre Website zu verbessern, finden Sie bei EXPERTE.de auch ein paar praktische Homepage-Tools für die technische und inhaltliche Optimierung.

Klar, Geschmäcker sind verschieden. Es gibt aber auch einige objektive Kriterien, anhand der man die Benutzererfahrung auf einer Website einschätzen kann. Und sobald Sie wissen, was falsch läuft, können Sie Verbesserungen vornehmen. Dafür finden Sie bei EXPERTE.de ein paar praktische Tools:

Mit dem Page Experience Check können Sie die Nutzererfahrung, die Sie Ihren Besuchern auf Ihrer Website bieten, anhand einiger handfester Metriken einschätzen. Dabei fließen Faktoren wie die Ladegeschwindigkeit, die Interaktivität und die visuelle Stabilität der Website in die Einschätzung mit ein.

Mit unserem Lesbarkeits-Check können Sie die Artikel auf Ihrer Website anhand bestimmter Metriken, die in einem Lesbarkeits-Index gesammelt sind, auf ihre Lesbarkeit überprüfen. So finden Sie heraus, wie einfach – oder schwer – Ihre Artikel zu lesen sind und ob das Textniveau zu Ihrer Zielgruppe passt.

Wie kommen Menschen mit Behinderungen oder bestimmten Einschränkungen mit den Inhalten auf Ihrer Website zurecht? Das können Sie mit unserem Barrierefreiheit-Test überprüfen.

Anhand von 41 Merkmalen in acht Kategorien finden Sie heraus, ob und wie Sie Ihre Website beispielsweise für seh- oder hörgeschädigte Menschen optimieren können. So stellen Sie sicher, dass möglichst viele Menschen ohne Einschränkungen auf den Content Ihrer Website zugreifen können.

Für Menschen mit Sehbehinderung ist besonders der Farbkontrast wichtig. Mit unserem Farbkontrast-Test können Sie überprüfen, ob die Inhalte Ihrer Website aufgrund der gewählten Farben schwierig zu lesen sind.

Viele Menschen surfen heute überwiegend mit ihrem Smartphone im Internet. Sie müssen also damit rechnen, dass Ihre Website häufig über Smartphones aufgerufen wird, und sollten sie dementsprechend optimieren. Dabei hilft unser Mobile Friendly Test.

Unser Tool durchsucht ihre Website (mit bis zu 500 Unterseiten) und verrät, inwiefern sie für Mobilgeräte optimiert ist.

Nichts setzt Ihre Glaubwürdigkeit so sehr aufs Spiel wie Sicherheitslücken. Die Besucher Ihrer Website verlassen sich darauf, dass Ihre Website keine Malware-Schleuder ist oder für Spam und Phishing genutzt wird.

Besonders wichtig ist, dass Ihre Website über ein SSL-Zertifikat verfügt, das garantiert, dass Inhalte zwischen den Browsern eines Besuchers und dem Webseiten-Server verschlüsselt werden. Glücklicherweise gibt es heute viele kostenlose SSL-Zertifikate, allen voran Let’s Encrypt.

Wenn Sie herausfinden möchten, wie sicher Ihre Website aktuell ist, und sie auf bestimmte Sicherheitslücken überprüfen möchten, können Sie unseren Security Check und/ oder unseren SSL Check durchführen.

Website-Besucher sind heute wählerisch: Wenn eine Seite zu lange lädt oder in anderer Hinsicht schlecht performt, werden sich potenzielle Kunden schnell anderswo umsehen. Deshalb sollten Sie dafür sorgen, dass Ihre Website aus technischer Sicht eine gute Figur macht.

Glücklicherweise gibt es ein paar konkrete Metriken, anhand derer Sie die Performance Ihrer Website messen können. Basierend auf den Ergebnissen können Sie dann bestimmte Aspekte Ihrer Seite optimieren. Dabei helfen unsere Ratgeber rund ums Thema Performance und PageSpeed:

Eine Website ist heute ein Must-Have – nicht nur für Unternehmen und Selbstständige, sondern auch für viele andere Zwecke und Anlässe, privat und beruflich. Glücklicherweise führen viele Wege zur eigenen Website, und so einfach wie heute war die Sache noch nie.

Egal, ob Sie Ihre Website selbst programmieren, sie von Profis programmieren lassen, oder Hilfsmittel wie Content-Management-Systeme oder Homepage-Baukästen nutzen: Auf EXPERTE.de finden Sie Tutorials, Ratgeber, Software-Rezensionen und praktische Tools, die Ihnen bei der Erstellung Ihrer Website helfen.