Articles

So richten Sie eine Website im Jahr 2021 ein: Ein aktualisierter Anfängerleitfaden

Tipps zum Erstellen einer Website

Das Einrichten einer eigenen Website ist viel einfacher als Sie denken. Immer mehr Menschen wünschen sich eine eigene Online-Präsenz. Facebook Instagram Sie müssen sich nicht ausschließlich auf ein Instagram-Profil, eine Facebook-Seite oder einen Twitter-Account verlassen.

Warum erstellen Sie nicht Ihre eigene Website?

Werfen wir zunächst einen Blick auf die häufigsten Fragen, die wir in der Vergangenheit von ambitionierten Anfängern wie Ihnen erhalten haben:

Inhaltsverzeichnis

Benötige ich technische Kenntnisse?

Dies hängt vom Zweck Ihrer Website ab. Der komplizierteste Weg wäre, zu lernen, wie man HTML, CSS, JavaScript und PHP codiert – die Grundlagen praktisch jeder Website.

Dies ist jedoch nicht die einzige Möglichkeit, eine Website zu erstellen: Auch wenn Sie mit der technischen Seite nicht sehr vertraut sind, können Sie problemlos eine gute Website einrichten.

Aber wie?

Mit Hilfe eines Website-Baukastens. Wenn Sie Word, Facebook oder PowerPoint verwenden können, können Sie diese Tools problemlos verwenden. Diese benutzerfreundlichen Plattformen bieten einen visuellen Editor, Hosting und Sie können einen Domainnamen über sie erhalten: ein One-Stop-Shop.

So richten Sie eine Website ein: 5 Schritte zum Einstieg

Die meisten Website–Projekte gehen wie folgt vor:

  1. Erstellen Sie einen Plan für die Struktur und den Inhalt Ihrer Website
  2. Registrieren Sie einen Domainnamen – wählen Sie im Idealfall einen aus.com
  3. Finden Sie einen Website-Builder (und Hosting-Provider), um Ihre Website zu erstellen
  4. Optimieren Sie es für Suchmaschinen
  5. Starten Sie Ihre Website

Die 3 beliebtesten Möglichkeiten zum Einrichten einer Website

Lassen Sie uns die beliebtesten Möglichkeiten zum Starten einer Website durchgehen. Es gibt viele Lösungen. Einige sind flexibler als andere, und einige sind komplexer.

Einrichten einer Website mit einem Website-Builder

Beginnen wir mit der einfachsten Option: einem Website-Builder. Dies ist sozusagen ein „All-Inclusive“ -Paket: ein einzelnes Unternehmen stellt normalerweise die Vorlage (Design), den Editor, das Hosting, den Domainnamen, die E-Mail-Adresse und den Support zur Verfügung. Der Web Builder kümmert sich um die schwierigen Aufgaben.

Dies ist nicht nur für Anfänger nützlich. Es hängt einfach vom Projekt ab. Warum komplizieren Sie Ihr Leben, wenn es einfache Möglichkeiten gibt, Dinge zu tun? Mit fast allen Site Buildern können Sie eine kostenlose Basis-Website auf einer Subdomain erstellen (z. yourname.sitebuildername.com ), die werbefinanziert ist. Mit einem solchen Plan können Sie es im Detail ausprobieren, bevor Sie entscheiden, ob sich die Kosten lohnen.

Die Preise beginnen bei etwa $ 8 / Monat, aber es beinhaltet alles Wesentliche. Wenn Sie keine E-Mail-Adresse benötigen, kann dies sogar noch günstiger sein.

Um genau zu verstehen, wie es funktioniert, sehen Sie sich bitte unsere Schritt-für-Schritt-Anleitung zur Website-Erstellung an!

Haben Sie sich jemals gefragt, wie schwierig es ist, eine Website zu erstellen? Wir haben gute Nachrichten, es ist sehr einfach! Schauen Sie sich hier unser vollständiges Tutorial an: … Wie erstelle ich eine Website? Lernen Sie es in weniger als 5 Minuten! 2018-08-09T09:41:25.000Z https://i.ytimg.com/vi/FXNSB-XmtLY/default.jpg

Vorteile:

  • Es ist sehr einfach zu bedienen.
  • Sie benötigen keine zusätzliche Software.
  • Sie können ohne technische Kenntnisse starten.
  • Updates und Sicherheitsaspekte werden vom Website Builder selbst verwaltet.
  • Vordefinierte Designvorlagen, die Sie nach Belieben anpassen können

Nachteile:

  • Sie können nicht immer zusätzliche Funktionen hinzufügen (abhängig vom Website-Builder).
  • Es ist nicht so flexibel, da Sie vom Anbieter abhängig sind.
  • Sie sind nicht für sehr komplizierte Projekte gedacht, die eine Datenbank benötigen (z. job- oder Immobilien-Verzeichnisse)

Die bekanntesten Website-Builder sind Wix, Weebly und Shopify (für Online-Shops). Andere Website-Builder finden Sie in unserem vollständigen Vergleich.

Sie können den Wix Website Builder kostenlos und so lange ausprobieren, wie Sie möchten.

Testen Sie Wix kostenlos

Erstellen einer Website mit einem Content-Management-System

Content-Management-Systeme (CMS) sind etwas komplizierter. Obwohl sie im Wesentlichen genauso funktionieren wie ein Website-Builder, sind sie weitaus schwieriger zu verwenden.

Mit einem Website-Builder können Sie nicht nur einfache Inhalte wie Texte und Bilder hinzufügen, sondern auch eine ganze Website entwerfen. Ein klassisches Content-Management-System wäre in diesem Fall viel eingeschränkter, und was das Erscheinungsbild betrifft, sind Sie auf die verfügbaren Vorlagen beschränkt.

Zwar gibt es viele Systeme wie Joomla!, Drupal und Typo3 konzentrieren wir uns auf das beliebteste CMS, nämlich WordPress. Dank Hosting-Unternehmen, die eine Ein-Klick-Installation anbieten, ist die Einrichtung nicht schwierig.Empfehlenswerte sind Dreamhost (extrem günstig), Siteground (etwas teurer, aber super leistungsstark) und Bluehost (beliebte Wahl mit 24/7 Support).

Erfahren Sie hier mehr darüber, welche Webhosting-Unternehmen wir für WordPress empfehlen.

Sie können eine Vorlage auch einfach installieren und mit den Designoptionen anpassen. Aber: Wenn Ihnen etwas nicht gefällt, müssen Sie wahrscheinlich das CSS oder HTML ändern (Sie oder ein Programmierer).

Das Hosting, die Domain, die E-Mail-Adresse, die Installation und der Grad des Supports, den Sie wählen, hängen davon ab, wie viel Sie ausgeben möchten und von Ihrem technischen Wissen. Es kann ziemlich billig sein, wenn Sie es selbst tun.Ein enormer Vorteil, insbesondere für WordPress, ist, dass Sie Tausende von Plugins haben, mit denen Sie Ihrer Website spezielle Funktionen hinzufügen können, die zunächst nicht enthalten sind. Ein typisches Beispiel wäre WooCommerce, ein Plugin, das einen kompletten Online-Shop hinzufügt.

Standardmäßig ist WordPress in einer einzigen Sprache konzipiert, aber es gibt Plugins wie WPML, mit denen Sie die Seite übersetzen können. Ein weiterer meiner Favoriten ist das Yoast SEO Plugin, mit dem Sie die Suchmaschineneinstellungen (z. B. Google) ändern können.

In unserem Einführungsvideo werfen wir einen Blick darauf, was Sie bei der Einrichtung von WordPress beachten müssen.

Lassen Sie uns schnell überprüfen, wie Sie WordPress mit dem Hosting von SiteGround installieren. SiteGround ist einer der Top-Hosting-Anbieter für WordPress-Sites. Du kannst es versuchen … Erfahren Sie, wie Sie WordPress mit dem Hosting von SiteGround installieren 2019-10-23T07:54:23.000Z https://i.ytimg.com/vi/XMLMT_mKZhQ/default.jpg

Sie können sich hier für Siteground anmelden.

Vorteile:

  • Sie können das Hosting-Unternehmen auswählen.
  • Ideal für mehrsprachige Websites.
  • Technische Flexibilität: Sie können auf den gesamten Quellcode zugreifen (wenn Sie wissen, was Sie tun).
  • Sie können mehr Funktionen mit Plugins erhalten.

Nachteile:

  • Kein persönlicher technischer Support.
  • Kreative Freiheit hängt von der Vorlage ab.
  • Es können zusätzliche Kosten für die Plugins entstehen.
  • Möglicherweise benötigen Sie einen Programmierer, um kleine ästhetische Änderungen vorzunehmen.

Weitere Beispiele für Content Management Systeme sind Joomla! Und Drupal, aber sie sind viel komplizierter zu bedienen als WordPress, also werden wir nicht darauf eingehen. Weitere Informationen zu WordPress finden Sie in unserem WordPress Anfängerleitfaden.

Wie man eine Website selbst programmiert (oder jemanden damit beauftragt).

Das ist die Königsdisziplin: Den Editor öffnen und mit dem Programmieren beginnen. Diejenigen, die totale Freiheit brauchen, müssen die Seite selbst erstellen. Sie brauchen Geduld dafür, und für Anfänger ist es normalerweise überwältigend (und frustrierend).Ein guter Anfang sind Websites wie Codecademy, Mozilla oder W2Schools, die Schritt-für-Schritt-Anleitungen für Anfänger bieten. Aber erwarten Sie eine lange Reise, bevor Ihre Website fertig ist.

In diesem Fall ist es nicht möglich, einen allgemeinen Preis anzugeben, da dies vom Projekt abhängt. Vor allem wird es viel teurer sein, wenn Sie einen Programmierer einstellen müssen: Die Zahlung von 8-10 USD pro Monat für einen Website-Builder ist immer billiger als das, was ein Designer oder eine Agentur für eine Stunde Arbeit berechnet.

Einige Favoriten sind NetBeans, Aptana Studio oder Brackets. Alle erlauben mindestens HTML, CSS, JavaScript, PHP und sind kostenlos. Eine weitere Option ist Webflow, ein visueller Quellcode-Editor.

brackets Quellcode Editor

brackets Quellcode Editor

Brackets Screenshot

Vorteile:

  • Die Möglichkeiten sind unbegrenzt, wenn Sie programmieren können.
  • Kostengünstiges Hosting.
  • Maximale Flexibilität.

Nachteile:

  • Keine Unterstützung.
  • Die Lernkurve ist steil.
  • Die Kosten sind schwer kalkulierbar.
  • Erfordert viel Studien- und Implementierungszeit.

Was ist mit dem Domainnamen?

Wenn Sie keinen kostenlosen Domainnamen verwenden möchten (der ziemlich hässlich aussieht, da er den Namen eines anderen Unternehmens enthält), müssen Sie Ihre eigene Domain kaufen. Dies wird dann so aussehen www.mycompany.com . Normalerweise ist es am besten, die Erweiterung .com zu erhalten, es sei denn, Sie arbeiten ausschließlich in einem Land wie Kanada (.ca) oder Großbritannien (.co.uk).

Domäne

Domäne

Unser eigener Domainname

An sogenannten Registraren, die Domainnamen verkaufen, mangelt es nicht. Wir selbst kaufen sie meistens bei Namecheap, da sie ziemlich billig sind, aber die Unterschiede sind nicht so signifikant, da sie zwischen 9 und 18 US-Dollar pro Jahr liegen.

Aber je nachdem, wo Sie Ihre Website erstellen, können Sie sie auch in Ihr Website-Builder-Paket aufnehmen lassen. Wix, Weebly und Jimdo zum Beispiel haben alle den Domainnamen im ersten Jahr kostenlos enthalten. In den folgenden Jahren berechnen sie zum Beispiel etwas mehr als Namecheap, aber der zusätzliche Komfort, nur mit einem Unternehmen zu tun zu haben, lohnt sich normalerweise.

Wenn Sie WordPress.org oder erstellen Sie die Website selbst, Sie müssen auch Ihren eigenen Webspeicher organisieren. Dies kann am selben Ort gekauft werden, von dem Sie Ihren Domainnamen erhalten, oder bei einem anderen spezialisierten Unternehmen wie Siteground oder WPEngine. Aber wenn Sie erst anfangen, wird das vorerst keine große Rolle spielen.Tipp: Wenn Sie auch E-Mail-Adressen benötigen, können Sie Zoho Workplace ausprobieren. Es ist ein ähnlicher Dienst wie Google Workspace, aber Zoho bietet auch einen kostenlosen Plan.

Design und Planung einer Website

Genauso wie es nicht immer eine gute Idee ist, mit dem Kochen zu beginnen, ohne einem Rezept zu folgen, zumindest wenn Sie keine Erfahrung haben, gilt dies auch für die Erstellung einer Website. Hier ist Improvisieren keine gute Idee. Die Planung hilft Ihnen bei der Entscheidung, welche Abschnitte Sie benötigen, welche Inhalte für Sie am besten geeignet sind und wie Ihre Website gestaltet werden soll.

Mindmap-Website

Mindmap-Website

Mindmap für ein Online-Schuhgeschäft

Ein guter Anfang ist die Erstellung einer Mindmap mit den Ideen, was Ihre Website benötigt. Die Hauptelemente dieser Mindmap können für Ihre Navigation verwendet werden.

Tipps für die Planung Ihrer Website:

  1. Verwenden Sie Papier und Stift und schreiben Sie alles, was Sie möchten, auf die Website. Brainstorming und das Erstellen einer Mindmap sind die perfekten Möglichkeiten, um Ihre Gedanken zu organisieren.
  2. Werfen Sie einen Blick auf andere interessante Websites sowohl in Bezug auf Design und Inhalt. Notieren Sie, was Ihnen gefällt und was nicht.
  3. Sobald Sie einen Entwurf von dem haben, was Sie auf Ihrer Website wollen, fragen Sie die Leute, denen Sie vertrauen, was sie denken. Sie werden sicherlich einige interessante Perspektiven finden, die Sie integrieren können.
  4. Erstellen Sie eine Liste (z. B. in Excel) mit allen Seiten, die Ihre Website haben wird. Notieren Sie sich den Titel, welche Art von Inhalt Sie haben werden, Schlüsselwörter, den Zweck, die Art der Seite und ihre Bedeutung.
  5. Bonus: Wenn Sie sich in Suchmaschinen gut positionieren möchten, sollten Sie herausfinden, welches Keyword jede Seite haben wird, und sie der Liste in Punkt 4 hinzufügen. Lesen Sie diesen SEO-Leitfaden für weitere Informationen.

Was ist mit dem Website-Design?

Das Erstellen visueller Webdesigns ist keine leichte Aufgabe. In der Tat würde ich sagen, dass es online mehr Beispiele für schreckliche Designs gibt als gute. Lassen Sie Ihre Website nicht eins sein.

Genau wie Bell-Bottom-Jeans in den 70er Jahren stilvoll waren, waren sie in den 80er und 90er Jahren lächerlich. Das gleiche passiert mit Webdesign. Sie müssen sich daran erinnern, dass das, was vor 5 Jahren als gute Praxis angesehen wurde, jetzt irgendwie alt oder veraltet erscheinen kann. Lesen Sie diesen Artikel, um zu erfahren, welche Praktiken zu vermeiden sind.

Dies ist kein Leitfaden für professionelle Designer, aber es gibt Ihnen einige Tipps, von denen ich denke, dass sie immer funktionieren:

  1. Versuchen Sie, eine helle (oder weiße) Farbe für den Hintergrund zu verwenden.
  2. Wählen Sie attraktive Farben, die sich ergänzen. Verwenden Sie Adobe Color, wenn Sie Hilfe benötigen.
  3. Halten Sie das Design sauber und einfach und lassen Sie zwischen den Elementen Leerraum. Weitere Informationen..
  4. Verwenden Sie nicht zu viele Schriftarten: eine für die Titel und eine andere für den Text reicht normalerweise aus. Dieser Leitfaden hilft Ihnen bei der Auswahl.
  5. Konsistenten Stil und Format beibehalten. Die Benutzer sollten keine Unterschiede zwischen Ihren Seiten bemerken. Erschaffe keinen Frankenstein.
  6. Ihre Website sollte auch perfekt an mobile Geräte angepasst sein.
  7. Alle Bilder, die Sie hinzufügen, müssen professionell aussehen. Laden Sie kein Selfie hoch, das Sie vor einem Badezimmerspiegel gemacht haben. Denken Sie daran, dass die heutigen Smartphones sehr schöne Fotos machen. Wenn Sie richtig planen, können Sie großartige Kopfschüsse erhalten.
  8. Weniger ist mehr. Wenn Sie Zweifel haben, gehen Sie minimal.

Wenn Sie tiefer mit dem Webdesign gehen wollen, werfen Sie einen Blick auf Wix Blog. Es gibt unendlich viele Tutorials und Anleitungen zu leicht verdaulichen Designs.

Welche Elemente haben gute Webseiten gemeinsam?

1. Das Logo und die Bildauswahl sind entscheidend für eine professionell aussehende Website. Heute können Sie ganz einfach viele kostenlose Fotos finden: Am besten schauen Sie sich Creative Commons an.

cc-Suche

cc-Suche

Darüber hinaus finden Sie auf vielen anderen Websites professionell aussehende Fotos (ab 1 US-Dollar), wie Adobe Stock und andere . Hier sind einige großartige kostenlose Fotooptionen.

Es ist wichtig, dass Sie die verfügbaren Bildformate verstehen: .gif, .jpg und .png sind die wichtigsten Formate. Außerdem müssen Sie die Größe und Qualität des Bildes für den Webstandard-Browser optimieren. Alles, was Sie zu diesem Thema wissen müssen, finden Sie hier.

Natürlich können Sie immer Websites wie TinyPNG oder ShortPixel verwenden, um Ihre Fotos kostenlos zu komprimieren.

Ebenso ist es nützlich, ein Bearbeitungsprogramm zu haben, um die Größe der Bilder bearbeiten und ändern zu können. Eine professionelle und kostenlose Option ist Gimp, aber es ist ziemlich kompliziert zu bedienen. Eine weitere Photoshop-Alternative ist Affinity Photo, das nur einen Bruchteil des Preises des Originals kostet und kein Abonnement erfordert.

Es gibt jedoch immer mehr Tools, mit denen Sie grafische Ressourcen einfach und ohne Photoshop oder Illustrator erstellen können. Zum Beispiel können Sie Schablone oder Snappa verwenden.

Schablone

Schablone

2. Denken Sie daran, dass das Schreiben für eine Website nicht dasselbe ist wie das Schreiben eines Briefes oder eines Buches. Im Web sind wir in der Regel weniger formell und müssen gleichzeitig vielbeschäftigten Personen helfen, die benötigten Informationen schnell zu finden. Das bedeutet, dass wir unsere Inhalte scannbar machen müssen, indem wir:

  • eine Überschriftenstruktur verwenden, die Sinn macht,
  • die Textabsätze nicht zu lang werden lassen,
  • Aufzählungszeichen hinzufügen und
  • Schriftarten auswählen, die leicht zu lesen sind.

Wir haben tatsächlich einen ganzen Leitfaden zu diesem Thema geschrieben, den Sie hier finden.

3. Kontaktformular und ein sinnvolles Navigationsmenü

Um Ihren Besuchern einen professionellen Eindruck zu vermitteln, sollten Sie anstelle einer E-Mail-Adresse ein Kontaktformular verwenden. Es ist sehr einfach, Kontaktformulare mit Lösungen wie Wix, Jimdo, Weebly oder WordPress zu integrieren.

Kontaktformular

Kontaktformular

Denken Sie daran, dass die Navigationsleiste Ihrer Website für Besucher von entscheidender Bedeutung ist, um von einer Seite zur anderen zu gelangen. Achten Sie darauf und stellen Sie sicher, dass es logisch fließt. Wenn Ihr Ziel beispielsweise darin besteht, dass Benutzer Ihnen eine Nachricht über das Kontaktformular senden, wäre es ein epischer Fehler, zu vergessen, im Menü oder in der Seitenfußzeile darauf zu verlinken.

Stellen Sie sicher, dass Sie auch eine Testanmeldung durchführen, bevor Sie Ihre Website veröffentlichen!

Schritte zum Einrichten einer Website

Wir können den Website-Erstellungsprozess in folgende Schritte unterteilen:

  1. Planen Sie Ihre Website und ordnen Sie die Ideen in einer Mindmap an.
  2. Entscheiden Sie, welche Inhalte Sie für Ihre Website benötigen.
  3. Kaufen Sie den Domainnamen zum Beispiel bei Namecheap (Sie können ihn aber auch danach kaufen).
  4. Wählen Sie den besten Website-Builder.
  5. Erstellen Sie den Inhalt (z.B. Texte und Bilder) für jede Seite.
  6. Fügen Sie den Inhalt Ihrer Website hinzu und optimieren Sie die SEO.
  7. Veröffentlichen und bewerben Sie die Seite.

Offensichtlich kann jeder der oben genannten Punkte auf viel mehr aufbauen. Wir haben ein (kostenloses) eBook, in dem Sie weitere Informationen erhalten.

Ihre Website ist online. Was nun?

Wenn Sie Ihre Website bereits erstellt und veröffentlicht haben, können Sie damit beginnen, sie zu bewerben und zu optimieren, um die Besuche zu erhöhen und die Benutzererfahrung zu verbessern.

  • Aktualisieren Sie Ihre Website: Websites sind keine Bücher. Einmal veröffentlicht, können sie immer noch aktualisiert werden. Stellen Sie sicher, dass Sie neue und relevante Inhalte erstellen, wenn Sie die Gelegenheit dazu haben, und dass Sie die Website ständig aktualisieren. Stellen Sie sich zum Beispiel die Website eines Restaurants vor: Wenn sich das Menü ändert, sollte es so schnell wie möglich auf der Website angezeigt werden.
  • Online-Positionierung: Um so viele Besucher wie möglich anzulocken, müssen Sie die SEO Ihrer Website optimieren. Dies ist nicht sehr kompliziert, erfordert aber Zeit und Arbeit. Weitere Informationen finden Sie in diesem Handbuch.
  • Webanalyse: Ihre Bemühungen bei der Online-Positionierung (oben) sind nutzlos, wenn Sie Ihren Website-Traffic nicht messen. So wissen Sie, ob es funktioniert oder nicht. Das beliebteste Website-Analyse-Tool ist Google Analytics. Und es ist kostenlos!

Google submit URL

google submit URL
  • Sobald Sie Ihre Website veröffentlicht haben, sollten Sie sich natürlich bei der Google Search Console registrieren, um Google über die Existenz Ihrer Seite zu informieren und Informationen abzurufen. Oder senden Sie zumindest die URL (Adresse) Ihrer Website an Google, damit diese indiziert werden kann.E-Mail-Marketing: Eine weitere übliche Strategie, insbesondere für Unternehmen, besteht darin, regelmäßig E-Mails an die Besucher zu senden, um den Kontakt nicht zu verlieren. Dies ist besonders nützlich für Online-Shops, kleine Unternehmen und Blogger. E-Mail-Marketing ist eine Wissenschaft für sich. Sie können diese Anleitung lesen, um weitere Informationen darüber zu erhalten, wie Sie mit dem Versenden von Newslettern beginnen können.Facebook Instagram, Twitter, LinkedIn, etc.:
  • Social Media: Schließlich haben die meisten Websites auch Social Media Profile (z.B. Facebook, Instagram, Twitter, LinkedIn, etc.), um mit ihren Besuchern (und potenziellen Besuchern) außerhalb der von Ihnen erstellten Website interagieren zu können. Dies funktioniert besonders gut für visuelle Profis wie Illustratoren, Juweliere oder Fotografen.

Ich hoffe, dass diese kleine Anleitung Ihnen geholfen hat, zu verstehen, wie Sie eine Website von Anfang bis Ende erstellen.

Neben der Anleitung, die Sie gerade gelesen haben, haben wir auch ein paar branchenspezifische Anleitungen:

  1. Einrichten einer Website für kleine Unternehmen und Unternehmer
  2. Anleitung zum Starten eines Online-Shops
  3. Website-Builder für Künstler (z. B. Künstler und Designer)
  4. Erstellen von Fotografie-Websites
  5. Erstellen einer Website mit WordPress