Startseite / Beiträge / Webhosting-Anleitungen / So erstellen Sie eine Website: 3 einfache Methoden, Schritt-für-Schritt-Anleitung

So erstellen Sie eine Website: 3 einfache Methoden, Schritt-für-Schritt-Anleitung

Das Erstellen einer Website ist in der heutigen Welt super einfach. Sie müssen kein Technikfreak oder Programmierer sein. Befolgen Sie die richtige Methode, wählen Sie die richtigen Plattformen und verwenden Sie die richtigen Tools – Sie können Ihre erste Website in kürzester Zeit besitzen.

Ich hatte keine Ahnung von Web-Entwicklung, als ich mein Online-Geschäft in 2004 startete. Ich habe erst elf Jahre später einen Webentwickler eingestellt. Und ich habe es gut gemacht.

Heute haben wir innovative Entwicklungstools und bessere Web-Publishing-Plattformen. Sie werden zu 100% in Ordnung sein.

In diesem Artikel werden wir alle Schritte durchgehen, die zum Erstellen einer Website erforderlich sind, und uns drei verschiedene Arten der Website-Erstellung ansehen.

1. Registrieren Sie eine Domain

Registrieren Sie einen Domainnamen bei Namecheap
Eine Standard-.com-Domain kostet 5 bis 15 US-Dollar pro Jahr > Versuchen Sie, mit nach Ihrem Domainnamen zu suchen Namecheap.

Eine Domain ist der Name Ihrer Website. Es muss einzigartig sein und die Marke Ihres Unternehmens vermitteln.

Der einfachste Weg zu suchen und eine Domain registrieren ist zu einem Domain-Registrar zu gehen.

Mit einem Domain-Registrar können Sie Ihren Domainnamen entweder über Jahresverträge oder einen langfristigen Vertrag registrieren.

Wo können Sie Ihre Domain registrieren?

Hier sind einige seriöse Domain-Registrare und ihre Startpreise, die es zu berücksichtigen gilt.

Domain-Registrare.com €XNUMX.net.org €XNUMX.xyz
123 Reg£ 7.99 / Jahr£ 8.99 / Jahr£ 9.99 / Jahr£ 1.99 / Jahr
Domain.com$ 9.99 / Jahr$ 12.99 / Jahr$ 8.99 / Jahr$ 2.99 / Jahr
Gandi€ 14.96 / Jahr€ 17.00 / Jahr€ 8.99 / Jahr€ 3.00 / Jahr
GoDaddy$ 0.19 / Jahr $ 15.17 / Jahr $ 10.17 / Jahr$ 2.17 / Jahr
Hostinger$ 9.99 / Jahr$ 12.99 / Jahr $ 7.99 / Jahr$ 1.99 / Jahr
NameCheap$ 7.98 / Jahr$ 9.98 / Jahr$ 6.98 / Jahr$ 2.00 / Jahr

Tipps zu Domainnamen

  • Wenn Sie Schwierigkeiten haben, einen Domainnamen herauszufinden, können Sie jederzeit Domainnamengeneratoren für Ideen verwenden. Einige der beliebtesten sind Wordroid  und Lean Domain Search.
  • Wenn Sie neu sind, empfehle ich zu gehen Namecheap um einen Domainnamen zu finden und zu kaufen.
  • Lesen Sie auch – Domainname für Dummies.

2. Kaufen Sie einen Webhost

Ein einfaches Hosting einer einzelnen Website kostet -$2 - $4 pro Monat
Ein einfaches Hosting einer einzelnen Website kostet -$2 – $4 pro Monat > überprüfen Hostinger hier handeln.

Ein Webhost ist ein großer Computer (auch bekannt als Server), der Ihre Websites speichert. Einige Riesenunternehmen – wie Amazon, IBM und FB – besitzen und verwalten ihre eigenen Webserver; andere Unternehmen mieten ihre Server einfach bei einem Webhosting-Anbieter (was viel billiger und einfacher ist).

Hinweis: Überspringen Sie diesen Schritt, wenn Sie sich für einen Website-Builder entscheiden, um Ihre Website zu erstellen (Siehe Schritt #3).

Welche Möglichkeiten haben Sie beim Webhosting?

Webhosting gibt es heute in verschiedenen Paketen. 

Traditionell ist ein Webhosting-Anbieter nur an der Vermietung der Server mit Basissoftware und technischem Support beteiligt. Hosten Sie Ihre Website mit a herkömmlicher Hosting-Provider ist in der Regel billiger und flexibler; erfordert jedoch ein wenig zusätzliche Arbeit, um eine Website einzurichten.

Heutzutage bündeln Unternehmen verschiedene Dienste und ermöglichen es Benutzern, Websites von einem Dienstanbieter aus zu erstellen, zu hosten und zu verwalten. Wir nennen diese Unternehmen normalerweise Website-Builder oder Online-Shop-Builder. Das Hosten einer Website auf diesen „Bundle“-Plattformen ist normalerweise teuer und weniger flexibel, aber Sie können problemlos eine Website oder einen Online-Shop erstellen.

Einige anfängerfreundliche Hosting-Dienste zum Ausprobieren.

WebhostGünstigster PlanPreis für eine VerlängerungKostenlose Domain?Kostenlose Standortmigration?Site gehostetGeld-zurück-TestErfahren Sie mehrBestellen Sie jetzt
Hostinger$ 1.99 / mo$ 3.99 / moNeinJa130 TageHostinger ÜberprüfungErhalten Sie Hostinger
InterServer$ 2.50 / mo$ 7.00 / moNeinJaUnbegrenzte30 TageInterserver ÜberprüfungErhalten Sie InterServer
A2 Hosting$ 2.99 / mo$ 10.99 / moNeinJa1JederzeitA2Hosting ÜberprüfungErhalten Sie A2 Hosting
GreenGeeks$ 2.95 / mo$ 10.95 / moJaJa130 TageGreenGeeks RezensionErhalten Sie GreenGeeks
TMD Hosting$ 2.95 / mo$ 4.95 / moJaJa160 TageTMD Hosting ÜberprüfungErhalten Sie TMD Hosting
InMotion Hosting$ 2.29 / mo$ 8.99 / moJaJa290 TageInMotion Hosting BewertungErhalten Sie InMotion Hosting
ScalaHosting$ 3.95 / mo$ 6.95 / moJaJa130 TageScalaHosting RezensionErhalten Sie ScalaHosting
Bluehost$ 2.95 / mo$ 9.99 / moJaJa130 TageBlueHost ReviewHolen Sie sich BlueHost
HostPapa$ 2.95 / mo$ 9.99 / moJaJa130 TageHostPapa ÜberprüfungErhalten Sie HostPapa

Tipps zum Webhosting

  • Es gibt verschiedene Arten von Hosting verfügbar: Shared Hosting, dediziertes Server-Hosting und Cloud / VPS-Hosting.
  • Wenn Sie eine kleine Website sind, ist es günstiger, sich für Shared Hosting-Angebote zu entscheiden. Für größere Websites wird empfohlen, entweder Cloud- oder dediziertes Hosting zu verwenden.
  • Einige wichtige Eigenschaften, die Sie bei der Auswahl eines Webhosts berücksichtigen müssen, sind Benutzerfreundlichkeit, Preisgestaltung, Servergeschwindigkeit und Verfügbarkeitsraten. 
  • Bis heute haben wir mehr als 70 Hosting-Unternehmen angemeldet, getestet und überprüft – Siehe unsere beste Hosting-Auswahl.
  • Erwägen Sie die Verwendung eines Online-Shop-Builders, wie z Shopify or BigCommerce wenn Sie vorhaben, Produkte direkt von Ihrer Website zu verkaufen.
  • Einige Unternehmen erheben unangemessen hohe Servergebühren, denken Sie daran, dies zu lesen unsere Hosting-Marktstudie bevor Sie kaufen.
  • Normalerweise erhalten Sie nach der Zahlung eine Willkommens-E-Mail mit allen notwendigen Informationen zu Ihrem Hosting – hier beginnt Ihre Reise als Website-Eigentümer. Lerne mehr über Webhosting-Onboarding-Prozess in diesem Leitfaden.

3. Erstellen und gestalten Sie Ihre Website

Sobald Sie Ihren Domainnamen und Ihr Webhosting eingerichtet haben, ist es Zeit, die Ärmel hochzukrempeln und mit dem Erstellen zu beginnen! Zum Entwerfen und Erstellen von Webseiten können Sie entweder einen Webentwickler einstellen oder dies selbst tun.

Wir diskutieren im Detail Hier können Sie eine Webentwicklungsaufgabe auslagern. Sie sollten die folgenden Schritte überspringen und zu dieser Seite wechseln, wenn Sie jemanden einstellen möchten, der Ihre Website für Sie entwickelt.

Für die Heimwerker sind hier die drei einfachen Methoden, um eine Website zu erstellen:

Methode Nr. 1: Erstellen einer Website von Grund auf neu in HTML & CSS

Erforderliche Fähigkeiten und Werkzeuge

Sie können Ihre einzigartige und unverwechselbare Website selbst erstellen, wenn Sie die wichtigsten Websprachen und die Grundlagen einer Website kennen.

Andernfalls empfiehlt es sich, zur Methode #2 / 3 zu wechseln. oder, kontaktieren Sie einen Webentwickler.

Grundlegende Websprachen / Tools

  • HTML (Hyper Text Markup Language)
    HTML ist die Grundstruktur von Webseiten und Webanwendungen, die den Inhalt für den Webbrowser semantisch macht. Es besteht aus sequentiellen Tags, die ein öffnendes und ein schließendes Element haben, und strukturell einem Schlüsselwort, das in spitzen Klammern eingeschlossen ist. Ex:
  • CSS (Cascading Stylesheets)
    CSS ist die Stylingsprache, mit der das HTML-Markup einer Webseite gestaltet wird. Ohne CSS würde eine Webseite nur aus einer großen weißen Seite mit ungeordnetem Text und Bild bestehen. CSS ist die Sache, die die Seite ideal macht, wie wir wollen.
  • Skriptsprachen
    HTML und CSS sind nichts ohne Skriptsprachen, weil sie nicht interaktiv sind. Um eine dynamische Webseite zu erstellen, die auf Benutzer reagiert, benötigen Sie Sprachen wie JavaScript und jQuery. Serverseitige Sprachen wie PHP, Python und Ruby könnten im Laufe der Zeit ebenfalls benötigt werden.
  • Database Management
    Um Benutzereingabedaten einer Website zu speichern, zu verwalten und darauf zuzugreifen, wird eine große Informationstabelle betrachtet, die als Datenbank bezeichnet wird. Ein Datenbankmanagementsystem wie MySQL, MongoDB und PostgreSQL werden serverseitig verwendet, um diese Aufgabe effizient zu erledigen.
  • FTP (Dateiübertragungsprotokoll) / sFTP (Secure File Transfer Protocol)
    FTP wird verwendet, Quelldateien einer Website übertragen zu seinem gehosteten Server einfacher. Es gibt sowohl webbasierte als auch computerbasierte Software FTP Clients, die verwendet werden können, um eigene Dateien auf den Server-Computer hochzuladen.

Schritte zum Erstellen einer Website mit IDE

Hier ist der Überblick über den Prozess, wie Sie eine Website aus erster Hand erstellen können, vorausgesetzt, Sie kennen die oben genannten grundlegenden Websprachen und wesentlichen Informationen zur Website.

Schritt 1: Richten Sie eine lokale Arbeitsumgebung ein 

Eine Site mit Subline-Text erstellen
Screenshot der Arbeitsumgebung von Subline Text.

Um Quelldateien einer Website zu erstellen und zu organisieren, ist eine gute lokale Arbeitsumgebung wichtig. Sie können eine Webentwicklungsumgebung auf Ihrem Computergerät erstellen, indem Sie eine IDE (Integrated Development Environment) installieren. Eine IDE besteht im Wesentlichen aus einem Texteditor, einer Build-Automatisierung und einem Debugger.

Sublime Text und Atom sind einige der grundlegenden IDEs für die Webentwicklung, die HTML, CSS, JS, PHP, Python und ähnliche Websprachen.

Auf der anderen Seite gibt es erweiterte IDEs wie Adobe Dreamweaver das eine Handvoll anderer Funktionen bietet (z. B.: Serverkonnektivität, FTP).

Schritt 2: Planen und gestalten Sie Ihre Website mit Adobe Photoshop

Die Planung der Website-Struktur und des Navigationssystems ist von großer Bedeutung. Zunächst müssen Sie verstehen, wie Sie Ihre Inhalte bereitstellen möchten. Planen Sie, wie viele Navigationsmenüs, wie viele Spalten oder Inhaltsfelder, wie viele Bilder Sie wo einfügen möchten.

Die beste Methode ist das Öffnen von Adobe Photoshop und Erstellen einer groben Zeichnung Ihrer Webseiten. Alternativ können moderne Design-Collaboration-Tools wie Figma und Canva ermöglichen es Ihnen, Ihre Arbeit mit Designern und Programmierern auf derselben Plattform zu synchronisieren.

Design-Modell, das wir beim Erstellen dieser Website verwendet haben
Möglicherweise müssen Sie verschiedene Rohlinge für verschiedene Seiten erstellen, z. B. die Startseite, die Infoseite, die Kontaktseite, die Serviceseite usw.ups beschleunigt den Brainstorming-Prozess und hilft bei der effizienten Kommunikation. Screenshots zeigen einige der Mock-ups wir verwenden, wenn wir diese Website in der Vergangenheit umgestalten.

Schritt 3: Codieren Sie das Design mit HTML und CSS

Nachdem Sie mit dem Erstellen von Rohdesigns für Ihre Webseiten in Adobe Photoshop fertig sind, können Sie mit dem Schreiben der Quellcodes beginnen.

Dies ist der einfachste Teil. HTML-Markierung erstellenups für die Webelemente, die Sie einfügen möchten, und verwenden Sie CSS, um sie gemäß den von Ihnen erstellten Designs zu dekorieren.

Schritt 4: Machen Sie es dynamisch mit JavaScript und jQuery

Nur HTML- und CSS-basierte Websites existieren heutzutage nicht mehr, da Front-End-Benutzerinteraktionen nicht über HTML oder CSS gesteuert werden können.

Sie können Skriptsprachen wie JavaScript und möglicherweise die verbesserte Bibliothek jQuery verwenden, um die Benutzeraktivität für Formulare, Logins, Schieberegler, Menüs oder wo immer Sie möchten, zu steuern.

Schritt 5: Laden Sie lokale Dateien mit auf den Server hoch FTP Kunden

FTP Software zur Erstellung von Websites
Beispiel a FTP Kunden.

Der letzte Schritt besteht darin, alle Ihre Quelldateien auf den Webserver hochzuladen. Der beste und einfachste Weg, damit umzugehen, ist durch eine FTP Kunden.

Laden Sie zunächst eine FTP Client auf Ihrem Computergerät und verbinden Sie es über eine mit Ihrem Webserver FTP Konto. Nachdem Sie es erfolgreich mit dem verbunden haben FTP Konto, kopieren Sie alle Ihre lokalen Dateien in das Stammverzeichnis Ihres Webverzeichnisses. Etwas Gutes FTP Kunden sind FileZilla, WinSCP und Cyberduck.

Methode Nr. 2: Erstellen einer Website mit CMS

Erforderliche Fähigkeiten und Werkzeuge

  • Kenntnisse: Grundlegend operavon Computer und Internet; HTML, CSS und PHP (nicht obligatorisch, aber besser, wenn Sie die Grundlagen kennen)
  • Tools: WordPress, Joomla und Drupal

Ein CMS oder ein Content Management System ist so taktisch aufgebaut, dass es für Anfänger bis hin zu erfahrenen Webentwicklern geeignet ist.

Es ist eine Softwareanwendung, die es einfach macht, Online-Inhalte zu erstellen und zu verwalten. Die meisten von ihnen sind Open-Source und frei zu benutzen.

Wenn Sie die Grundlagen von HTML, CSS bzw PHP, es ist vorteilhaft für Sie. Es ist kein großes Problem, wenn Sie es nicht wissen, da diese Plattformen sehr intuitiv sind. Hier sind die drei besten freien CMS-Plattformen, die Sie je nach Bedarf auswählen können.

WordPress

WordPress, wird nach verschiedenen Statistiken in der maximalen Anzahl von Blogs und kleinen bis mittelgroßen Websites verwendet. Trotzdem bevorzugen viele mächtige große Websites WordPress für seine Einfachheit. Der WYSIWYG-Editor ist das einzige, was Sie lernen müssen, um Ihre ersten Inhalte zu erhalten.

Diese Plattform ist sowohl für Anfänger als auch für verschiedene Klassen von Webentwicklern stark entwicklungsfähig. Es hat viele kostenlose Plugins und Themes in seinem eigenen Repository. Da es die beste CMS-Wahl ist, stehen nebenbei zahlreiche Ressourcen von Drittanbietern (bekannt als Plugins) zur Verfügung.

Vorteile

  • Sehr flexibel und anpassbar
  • Einfach zu gebrauchen,
  • Tonnen von Lernressourcen,
  • Hervorragende Community & Unterstützung

Nachteile

  • Benötigt Code für größere visuelle Anpassungen
  • Updates können Probleme mit Plugins verursachen

Joomla

Joomla ähnelt WordPress auf viele Arten. Es ist außerdem einfach zu bedienen, einfach zu installieren und kann mit Hilfe von Modulen einfach erweitert werdendas Äquivalent von WordPress Plugins. Daher ist es die zweitbeste Option für Anfänger.

Anfänger könnten jedoch eher eingeschüchtert sein, sie zu erkunden Joomla aufgrund der vielen verfügbaren Optionen. Zusätzlich zum linken Menü gibt es auch ein Menü in der oberen Leiste direkt über der „Systemsteuerung“ Logoersteller . Um Verwirrung zu vermeiden, denken Sie daran, dass einige der Elemente in den Menüs der linken und oberen Leiste ähnlich sind, einschließlich "Inhalt", "Benutzer" und "Erweiterungen".

Genau wie WordPress, Joomla hat einige Stile und Vorlagen, die Ihrer Website schnell ein unverwechselbares Aussehen verleihen können. Aber von allen drei Content-Management-Systemen Joomla bietet die einfachste Lösung, wenn es darum geht, ein soziales Netzwerk zu erstellen. Mit Plattformen wie EasySocial und JomSocial sind Sie nur wenige Minuten von Ihrer eigenen Social-Networking-Website entfernt.

Websites, die mit erstellt wurden Joomla das LiptonLinux, ebenso gut wie Harvard University. Sie können herunterladen und versuchen Joomla kostenlos registrieren hier.

Vorteile

  • Technisch fortgeschrittener
  • Websites funktionieren im Allgemeinen besser
  • Sicherheit auf Unternehmensebene

Nachteile

  • Module sind schwer zu warten
  • Middleground CMS – Gar nicht so einfach WordPress, nicht so fortschrittlich wie Drupal

Drupal

Erfahrene Webentwickler bestätigen, dass Drupal das leistungsstärkste CMS ist.

Es ist jedoch auch am schwierigsten zu bedienen. Aufgrund seiner Flexibilität ist Drupal das am zweithäufigsten verwendete CMS der Welt, aber bei Anfängern nicht besonders beliebt. Um mit Drupal erfolgreich eine „komplette“ Website zu erstellen, müssen Sie sich die Hände schmutzig machen und die Grundlagen von . erlernen Programmierkenntnissen. Auch für Einsteiger ist der Umgang mit dem CMS eine Herausforderung.

Websites, die mit Drupal erstellt wurden, umfassen TeslaWarner Bros. Aufzeichnungen, und University of Oxford. Um mehr zu lernen, Laden Sie Drupal kostenlos herunter und testen Sie es.

Vorteile

  • Leicht zu lernen
  • Tolles Hilfe-Portal
  • Updates integrieren nahtlosssly
  • Weitere integrierte Optionen

Nachteile

  • Steile Lernkurve in der Startphase - empfohlen für fortgeschrittene Benutzer

Schritte zum Erstellen einer Website mit einem CMS

Für diese Methode verwenden wir WordPress als unser Beispiel. Inzwischen sollten Sie bereits über ein Webhosting-Konto und einen registrierten Domainnamen verfügen.

Schritt 1: Finden Sie die WordPress Installer in Ihrem Webhosting-Panel

Webhosting-Dienste verfügen normalerweise über ein schnelles Installationsprogramm für die Installation WordPress und andere gemeinsame Plattformen.

Melden Sie sich also bei Ihrem Webhosting-Konto an und finden Sie heraus, welchen Installer Sie haben. Die beliebten Namen, nach denen Sie suchen sollten, sind Softaculous, SchnellkInstall oder Fantastico.

Schritt 2: Installieren WordPress über das Installationsprogramm

Softaculous ist der beliebteste Auto-Installer und wird auf cPanel vorgestellt. Ich werde Sie über Softculous durch die Installation führen. Die anderen Installer sind ziemlich gleich.

Hier kommt der wichtige Teil.

Standortkonfiguration

Konfigurieren Sie die Optionen wie folgt, belassen Sie andere Felder auf der Standardkonfiguration (wird später sortiert) und klicken Sie auf Installieren.

  • Protokoll: Sie müssen sich entscheiden, ob Sie das http:// oder das http://www installieren möchten. Version der URL. Was auch immer Sie auswählen, Sie werden keinen großen Unterschied feststellen. Aus technischer Sicht ist http://www. ist besser in Bezug auf Flexibilität und Cookie-Verwaltung. Beachten Sie, dass, wenn Sie eine gültige haben SSL Zertifikat und installieren möchten WordPress Wählen Sie darauf einfach https anstelle von http aus.
  • Domäne: Wählen Sie die Domäne aus, auf der Sie die Website installieren möchten.
  • Verzeichnis: Geben Sie an, wo Sie die installieren möchten WordPress Grundstück. Wenn Sie es auf Ihrer Stamm-URL (z. B. http://www.ihrewebsite.com/) installieren möchten, lassen Sie es leer. Wenn Sie es auf einer Sub-URL haben möchten (z. B.: http://www.ihrewebsite.com/meinblog/), geben Sie das Verzeichnis im Feld an.
  • Admin-Konto: Legen Sie Ihren Benutzernamen, Ihr Passwort und Ihre E-Mail-Adresse fest, mit denen Sie sich bei Ihrem anmelden WordPress Website.

Wenn Sie in den letzten Schritten erfolgreich waren, gut gemacht. Ihre Website ist live!

Melden Sie sich jetzt bei Ihrem an WordPress Grundstück. Die Anmeldeseite Ihrer Website sieht aus wie wp-login.php hinter der von Ihnen festgelegten Website-URL.

Schritt 3: Installiere ein Theme und einige wichtige Plugins

Als nächstes müssen Sie ein Design und die erforderlichen Plugins installieren. Werfen Sie einen Blick auf die linke Seitenleiste Ihres WordPress Instrumententafel.

Es gibt Unmengen von freien fertige Themen erhältlich in der WordPress Verzeichnis.

Um diese kostenlosen Designs zu durchsuchen, gehen Sie zu „Darstellung > Designs > Neu hinzufügen“, suchen Sie nach dem Design, das Ihren Anforderungen entspricht, und klicken Sie auf die Schaltfläche „Installieren“.

WordPress Themenverzeichnis
WordPress Themenverzeichnis.

Sie können auch Designs von Drittanbietern aus dem Abschnitt „Design hochladen“ installieren. Für kostenpflichtige, professionell gestaltete, WordPress Themen, empfehle ich Elegant Themes (für seinen effizienten Code und seine schönen Front-End-Designs).

Suchen Sie nach Plugins unter "Plugins> Neu hinzufügen".

Suchen und installieren Sie die Plugins, die Sie nur brauchen. 3rd Party Plugins können auch aus dem Bereich 'Upload Plugin' installiert werden.

WordPress Plugin-Verzeichnis
WordPress Plugin-Verzeichnis.

Hier möchte ich einige wichtige kostenlose Plugins vorschlagen. Suchen Sie nach ihren Namen auf der WordPress plugins-Verzeichnis, um sie herauszufinden. Beachten Sie, dass es ausreicht, nur ein Plugin aus jeder Kategorie zu installieren.

  • Für SEO: Yoast SEO, All in One SEO Pack
  • Zur Sicherheit: iThemes Security, Wordfence Security
  • Für Site-Statistiken: Jetpack von WordPress.com, Google Analytics For WordPress von Monster Insights
  • Für die Formularerstellung: Kontaktformular 7
  • Für Leistung: W3 Total Cache, WP-Super-Cache

Für Ihre Website-Identität müssen Sie immer noch etwas erstellen, selbst wenn Sie ein großartiges Thema verwenden. Es gibt eine Menge toller Logo-Generatoren herum, aber ich würde es mir ansehen Logaster. Sie sind ein kostenpflichtiger Service, aber was großartig ist, ist, dass sie gestaffelte Preise anbieten. Dies bedeutet, dass Sie einfach für das bezahlen können, was Sie benötigen - nur ein Logo im Webformat - oder sich sogar für ein komplettes Markenkit anmelden können, das Formate für verschiedene Plattformen enthält.

Schritt 4: Sie sind bereit!

Ihre Website sollte bis zum letzten Schritt betriebsbereit sein. Aber es gibt ein paar mehr Dinge, die aussortiert werden sollten.

  • Unter 'Einstellungen> Allgemein': Legen Sie den Site-Titel und den Slogan fest.
  • Unter "Einstellungen> Lesen": Was soll Ihre Homepage anzeigen und wie viele Blog-Beiträge möchten Sie auf einer einzelnen Seite anzeigen?
  • Unter "Einstellungen> Permalinks": Legen Sie die URL-Struktur Ihres Blogposts fest.
Grundeinstellung für eine neue WP-Site
Grundeinstellungen für neu WordPress Website.

Methode Nr. 3: Erstellen einer Website mit Site Buildern

Erforderliche Fähigkeiten und Werkzeuge

  • Kenntnisse: Grundlegend Operavon Computer und Internet
  • Tools: Zyro, Wix und Weebly

Site Builder haben es mühelos und ohne Verzögerung geschafft, eine Website einzurichten. Ohne Kenntnisse der Web-Sprachen kann man seine voll funktionsfähige Website in wenigen Minuten starten. Sie bieten Drag & Drop-Website-Erstellern, für die keine Programmierkenntnisse erforderlich sind.

Es gibt Viele Site Builder sind über das Internet verstreut aber nicht alle können die Bedürfnisse befriedigen.

Die folgenden drei sind die meistgesprochenen und möglichen Website-Builder, die Sie verwenden können.

Wix

Die Wix um eine Webseite zu machen

Wix ist einer der einfachsten Website-Builder auf dem Markt, der über 500 vollständig anpassbare Vorlagen bietet, die in verschiedene Kategorien sortiert sind. So ist es ziemlich sicher, dass Sie einen finden werden, der zu Ihnen passt.

Sie bieten einen flexiblen Drag & Drop-Website-Editor, der immer über den Inhalt sichtbar ist. Sie können ein Element aus der Liste ziehen und an einer beliebigen Stelle auf der Website ablegen, um es hinzuzufügen. Jedes sichtbare Element kann verschoben oder bearbeitet werden.

Der einzige Nachteil ist, dass vor Ort Werbung eingeschaltet ist Wix Kostenloser und Connect-Domain-Plan. Sie können es loswerden, indem Sie es auf den Combo-Plan upgraden, der Sie auf mindestens 8.50 $ / Monat zurücksetzt.

Ausprobieren Wix kostenlos, klicken Sie hier

Hostinger Website-Baukasten (Zyro)

Auch unter Berücksichtigung der Natur von Website-Erstellern, Hostinger Der Website Builder ist absolut einfach zu bedienen. Wenn Sie jemals ein Word-Proceed verwendet habenssor oder eine ähnliche WYSIWYG-Anwendung (What-You-See-Is-What-You-Get) – Sie werden kein Problem haben, eine Website mit dem Tool zu erstellen.

Die Theorie ist dieselbe. Es ist, als würde man mit Bausteinen spielen. Die Blöcke sind vorgefertigte Website-Elemente wie Bilder, Textfelder usw. Das Entwerfen einer Website kann so einfach sein, wie das gewünschte Element auszuwählen und es dann per Drag & Drop an die gewünschte Stelle zu ziehen.

Ausprobieren Hostinger Kostenloser Website-Builder, klicken Sie hier

Weebly

Die Weebly um eine Webseite zu machen

Weebly ist in vielerlei Hinsicht einfacher, wie Navigation und Benutzerfreundlichkeit. Sie bieten Hunderte von Vorlagen zur Auswahl, aber die Personalisierungsoptionen könnten sich begrenzt anfühlen.

Sie verfügen über eine große Anzahl vorgefertigter Seitenlayouts (z. B. Infoseite, Preisseite und Kontaktseite), die verwendet und geändert werden können.

Der Drag & Drop-Builder ist einfacher zu verwenden, aber Sie sind manchmal auf die ausgewiesenen Bereiche für die Anpassung beschränkt. Die Verfügbarkeit von Erweiterungen und Apps von Drittanbietern ist ebenfalls begrenzt.

Ausprobieren Weebly kostenlos, klicken Sie hier

4. Validieren und testen Sie Ihre neue Website

Sobald Ihre Website fertig ist, ist es an der Zeit zu validieren und zu testen, wie sie in den wichtigsten Browsern (Chrome, Firefox, Safari, Microsoft Edge, IE 11 usw.) sowie auf verschiedenen Bildschirmgrößen.

Wir können diese Tests mit Hilfe kostenloser Online-Tools durchführen.

Markup-Validierung

Überprüfen Sie Ihr Website-Markup einfach mit dem W3C Markup Validation Service.
Überprüfen Sie Ihr Website-Markup einfach mit W3C Markup Validation Service.

Was ist eine Markup-Validierung? Programmiersprachen oder Skripte wie HTML, PHP, usw. haben jeweils ihre eigenen Formate, Vokabular und Syntax. Die Markup-Validierung ist der Prozess der Überprüfung, ob Ihre Website diesen Regeln entspricht.

Browsertest

Testen Sie Ihre Website auf einmal auf bis zu 115 verschiedene Browser BrowserShots.

5. Optimieren und erweitern Sie Ihre Website

Die Veröffentlichung Ihrer Website im Internet ist die erste Stufe. Es gibt noch viele andere Dinge zu tun, um den Erfolg Ihrer Website sicherzustellen. Hier sind zunächst einige Aufgaben…

Website-Geschwindigkeit

Google hat das klar gesagt Website Geschwindigkeit ist einer seiner Ranking-Faktoren. Dies bedeutet, dass Ihre Website möglicherweise einen höheren Rang einnimmt, wenn sie schnell geladen wird.

Je schneller Ihre Website geladen wird, desto zufriedener werden Ihre Website-Besucher sein. In unzähligen Fallstudien und Experimenten ist bewiesen, dass eine langsam ladende Website die Benutzererfahrung beeinträchtigt und den Website-Umsatz beeinträchtigt. Amazon hätte geschätzte 1.6 Milliarden US-Dollar Umsatz verloren, wenn seine Website auch nur um eine Sekunde langsamer geworden wäre.

Sichtbarkeit der Website-Suche


Exclusive SEMrush Deal
Derzeit nutzen über 1 Million Menschen SEMrush für ihre Website-SEO und Content-Marketing. Melden Sie sich über unseren speziellen Link für eine Testversion an und Sie erhalten eine verlängerte Testphase von 14 Tagen (Kreditkarteninformationen erforderlich) > Mehr Info

Sie müssen kein Meister darin sein Suchmaschinenoptimierung (SEO) um auf Ihre Website aufmerksam zu machen. Aber einige grundlegende Fähigkeiten zur Suchmaschinenoptimierung sind immer gut zu haben.

Erstellen Sie ein Webmaster-Konto unter Google Search Console um Ihre Website bei Google einzureichen und etwaige SEO-Probleme zu identifizieren. Führen Sie grundlegende Keyword-Recherchen durch und optimieren Sie dann den Seitentitel und die Überschriften für Ihre primären Keywords. Implementieren Sie das Schema-Markup auf Ihrer Site, um sich von den Suchergebnisseiten abzuheben.

Implementieren Sie HTTPS

Seit Google Chrome damit begann, HTTP-Websites als „nicht sicher“ zu kennzeichnen – SSL bescheinigt ist eine große Sache geworden. Um sicherzustellen, dass Ihre Website von den Benutzern als "vertrauenswürdig" eingestuft wird, ist eine HTTPS-Verbindung ein Muss.

Erweitern Sie Ihre Reichweite auf Social Media-Plattformen

Ihre Website sollte auch auf Social-Media-Plattformen präsent sein, auf denen sich die meisten Ihrer Zielgruppen aufhalten. Für unsere Website bedeutet das Facebook und Twitter. Für andere kann es LinkedIn, Tumblr oder Pinterest sein.

Favicon hinzufügen

Hast du den Brief gesehen?W“ in einem blauen Kreis, der links auf Ihrem Browser-Tab angezeigt wird? Das ist als „Favicon“ bekannt. Wie ein Logo ist das Favicon ein kleineres visuelles Element, das eine Website darstellt.

Das Favicon ist eine raffinierte kleine Branding-Technik, die von Website-Eigentümern oft übersehen wird. Wenn das nach Ihnen klingt - nutzen Sie diese Kostenlose Favicon-Generatoren dir zu helfen.

Wichtige Seiten, die Sie auf Ihrer Website haben sollten

Keine zwei Websites sind jemals gleich, da sie unterschiedlichen Zwecken und/oder Funktionen dienen können. Es gibt jedoch drei Standardseiten, die jede Website haben sollte: Index (Startseite), About-Seite und Kontaktseite.

Startseite

Die Homepage ist oft der erste Ort, an den die meisten Besucher gehen, nachdem sie auf Ihrer Website gelandet sind. Ihre Homepage sollte den richtigen Pitch liefern und Ihre Besucher tiefer in Ihre Site hineinführen.

Beispiel - Die Haus-Homepage verfügt über ein übersichtliches Navigationsmenü und ein Design im Galeriestil (perfekt für die Produktpräsentation).

Über die Seite

Bei About Page geht es darum, eine Beziehung zu Ihren Besuchern aufzubauen. Hier können Sie sich vorstellen und detaillierte Informationen (gut?) Über Ihre Website geben. Normalerweise wird empfohlen, Fotos der Personen beizufügen, die die Website besitzen und betreiben.

Beispiel für eine gute Info-Seite - Die Info-Seite von Bulldog Skincare sendet eine liebenswerte und unvergessliche Nachricht.
Beispiel - Die Info-Seite von Bulldog Skincare sendet eine liebenswerte und unvergessliche Nachricht.

Kontaktseite

Es ist wichtig, mit Ihren Benutzern und potenziellen Kunden zu kommunizieren. Daher - die Kontaktseite. Schließen Sie alle möglichen Kommunikationskanäle (Social Media-Profile, Kontaktformulare, E-Mail-Adresse usw.) ein, um sicherzustellen, dass Ihre Besucher Sie erreichen können.

Die Kontaktseite von Survicate ist eine schön gestaltete Seite mit einem einfachen Layout. Es kombiniert große Formularfelder, einen CTA-Button und typische Kontaktinformationen – Firmenadresse, Kontaktnummer, E-Mail-Adresse, Öffnungszeiten operation usw. – auf eine Weise, die einfach zu lesen und zu scannen ist.

Das ist ein Wrap

Und da haben Sie es! Sie wissen jetzt mehr als genug, um eine erfolgreiche Website zu erstellen und aufzubauen. Es ist an der Zeit, Ihr Wissen in die Tat umzusetzen. Starte jetzt durch und rocke das Internet!

Zusammenfassung: Schritt-für-Schritt-Prozess zum Erstellen einer Website

  1. Registrieren Sie eine Domain

    Registrieren Sie einen eindeutigen Domainnamen, der Ihre Unternehmensmarke repräsentiert und leicht zu merken ist, indem Sie Domain-Registrare wie z Namecheap, GoDaddy or Hostinger.

  2. Kaufen Sie einen Webhost

    Wählen Sie den richtigen Webhosting-Anbieter, der Ihren Anforderungen entspricht, unabhängig davon, ob Sie grundlegende Software und Speicherplatz oder Website-Erstellungs- und Verwaltungsdienste wünschen.

  3. Erstellen und gestalten Sie Ihre Website (3 Methoden)

    Erstellen und gestalten Sie Ihre Website mit Hilfe eines Webentwicklers oder mit einer der drei Methoden: 1. Erstellen Sie sie von Grund auf neu, 2. Verwenden Sie ein CMS oder 3. Verwenden Sie einen Website-Builder. Mit Methode Nr. 1 erhalten Sie mehr Flexibilität bei Designs und Seitenfunktionen, aber es erfordert gute Kenntnisse der Websprachen. Der Erstellungs- und Verwaltungsprozess ist mit den Methoden Nr. 2 und Nr. 3 viel einfacher. Je nach Kompetenz sollten Sie sich für eine dieser Methoden entscheiden.

  4. Validierung und Test Ihrer Website

    Validieren und testen Sie die Kompatibilität Ihrer Website mit verschiedenen Browsern und Bildschirmgrößen mit kostenlosen Online-Tools wie Markup-Validierung, Browser-Test und Bildschirmtest.

  5. Feinabstimmung und Erweiterung Ihrer Website

    Optimieren und erweitern Sie Ihre Website, indem Sie ihre Geschwindigkeit, Suchsichtbarkeit, HTTPS und Social-Media-Präsenz optimieren und Standardseiten wie Index, Info und Kontakt haben.

Häufigste Fragen

Wie erstellt man eine kostenlose Website?

Es gibt zwei Möglichkeiten, eine kostenlose Website zu erstellen - die Verwendung kostenloses Webhosting mögen 000Webhost oder eine Plattform zum Erstellen von Websites wie Wix, das einen kostenlosen Plan anbietet.

Is GoDaddy Website-Builder kostenlos?

GoDaddy hat Pläne rund um seinen Website-Builder, die bei 10 $/Monat beginnen.

Was ist der einfachste Website-Builder für Anfänger?

Die meisten Website-Builder sind für Anfänger einfach zu bedienen. Website-Builder richten sich naturgemäß an technisch nicht versierte Benutzer und bieten viel Hilfe. Dies reicht von benutzerfreundlichen Schnittstellen bis hin zu vorgefertigten Vorlagen.

Wo fange ich beim Erstellen einer Website an?

Bevor Sie überhaupt mit dem Erstellen Ihrer Website beginnen, ist es dasselbe wie einen Blog startenDas erste, was angesprochen werden sollte, ist Ihre Absicht. Was Ihre Website sein oder erreichen soll, kann eine wichtige Rolle bei deren Design und Entwicklung spielen.

Wie lange dauert das Codieren einer Website?

Die zum Codieren einer Website benötigte Zeit hängt von ihrer Komplexität ab. Je mehr Sie in Bezug auf Funktionen und Design benötigen, desto länger dauert es. Einfache, statische Websites können in nur wenigen Stunden codiert werden, während größere, komplexe Websites mehrere Monate dauern können.

Weiterlesen

Foto des Autors

Artikel von Jerry Low

Weiterlesen