Was macht eigentlich eine erfolgreiche Website aus und auf was solltest du achten? Ich habe in diesem Beitrag die 10 wichtigsten Elemente zusammengefasst, die sich seit vielen Jahren bei Kundenwebsites als auch bei mir stets bewährt haben. Legen wir los.

Die 10 wichtigsten Elemente einer erfolgreichen Website

1. Die 10 Sekunden Regel

„Für den ersten Eindruck gibt es keine zweite Chance.“ Machst Du hier etwas falsch, dann verlierst Du den Besucher bzw. Deinen potentiellen Neukunden. Du hast maximal 10 Sekunden um hier die Aufmerksamkeit Deines Besuchers einzufangen. Wichtig hierbei u.a.: Versteht der Besucher auf den ersten Blick worum es geht und was er kaufen kann?

2. Über Mich – Seite

Hier lädst Du den Besucher dazu ein, mehr zu erfahren, Dich kennenzulernen und den nächsten Schritt zu gehen. Aber!: die „Über mich“-Seite ist nicht über Dich. Sie ist über Deinen Besucher.

3. Dein klares Angebot

Es sollte auf den ersten Blick klar sein, worum es bei dir geht und für welches Problem du eine Lösung bietest.

4. Hochwertige Inhalte

In einem Blog kannst du deinen Expertenstatus hervorheben, Tipps und Lösungen geben Mehrwert.

5. Call to action

Leite deine Besucher zum nächsten Schritt weiter, nach dem er deine Startseite besucht hat. Am besten geschieht dies durch einen Button.

6. klares Webdesign

Eine einheitliche Gestaltung mit der du deine Zielgruppe ansprichst. Deine Website spiegelt dein Corporate Design wieder. Natürlich sollte deine Website auch für alle mobilen Endgeräte optimiert sein (responsive Webdesign).

An dieser Stelle kommst du ins Stocken, bist dir deiner Zielgruppen nicht ganz sicher?
Damit bist du nicht alleine, dass geht vielen so. Nimm an meinem kostenlosen Programm „Website Powerwoche“ teil (Infos unten) und wir finden es gemeinsam heraus, auch ein Arbeitsplatz passend zum Thema erwartet dich.

7. Kontakt

Deine Kontaktseite ist der Dreh- und Angelpunkt in der Kundenkommunikation. Neue Kontakte, Rückfragen von Kunden, Anfragen potentieller Kunden … Im Idealfall hast du sogar einen Newsletter und kannst hierüber mit Interessenten in Kontakt bleiben. Was eine gute Kontaktseite ausmacht, von der du genauso profitierst wie deine Besucher zeige ich dir im nächsten Blogartikel.

8. Lass Dich finden

Die Suchmaschinenoptimierung gehört ebenso zur Website wie die Deine Telefonnummer und E-Mail Adresse auf die Kontaktseite ;) Denn was bringt Dir eine Website, wenn Du nicht gefunden wirst? Richtig, nichts.

9. Eindeutige Bilder

Greife auf professionelle Bilder zurück (es gibt Bildagenturen wie z.B. Fotolia / Adobe Stock). Zu kleine, langweilige und ungeeignete Bilder schaden Deiner Website.

10. schnelle Ladezeiten

Keiner wartet gerne. Ein WordPress freundlicher Webhoster (ich empfehle ALL-INKL.COM*), die geringe Datengröße deiner Bilder, ein entsprechendes WordPress Optimierungsplugin und auch die richtige Auswahl deiner genutzten Plugins helfen dir dabei.

Website Powerwoche

Sicher denkst Du jetzt, dass ist aber ziemlich viel. Keine Sorge, lehne Dich zurück … das ist ganz normal. Man hört irgendwie nie auf an seiner Website zu arbeiten und das ist auch gut zu. Schau Dir in Ruhe Deine Website an und prüfe einfach mal ob Du hinter allen 10 Punkten einen Harken machen könntest oder doch Impulse zur Optimierung sammeln konntest.

An dieser Stelle möchte ich Dich auf mein kostenloses Programm „Website Powerwoche – 5 Tage, 5 Aufgaben, 1 Ziel“ aufmerksam machen. In 5 Tagen zu einer Website, die Begeisterung weckt und so mehr Anfragen generiert und verkauft. Ich bringe Dich nicht nur in die Umsetzung, sondern unterstütze Dich über den gesamten Zeitraum in der Facebook-Gruppe! Klicke für mehr Infos gerne einfach auf den folgenden Banner:

(Noch keine Bewertung)

* Bei diesem Link handelt es um einen Affiliate-Link, wenn Du auf der von mir verlinkten Website etwas kaufst, bekomme ich eine Provision. Einige Tools sind kostenlos, einige kostenpflichtig. Ich empfehle nur Tools bzw. Produkte, die ich selbst benutzte und kenne. Für Dich entstehen keine Zusatzkosten.

Es sind immer wiederkehrende Maßnahmen … Du hast WordPress erfolgreich auf dem Server installiert und hast nun die Basis für einer frische Website geschaffen, die darauf wartet, mit Leben gefüllt zu werden. Du bist voller Tatendrang und möchtest los legen, doch nicht so schnell! Ich möchte Dir hier in diesem Beitrag wichtige Tipps für die ersten Schritte nach der WordPress Installation für die Sicherung Deiner neuen Website an die Hand geben. Außerdem bekommst Du eine Checkliste kostenlos als Download am Ende des Artikels.

1. Admin-Account nicht „admin“ nennen

Du legst mit der Installation von WordPress auch den Zugang für administrative Zwecke an. Gewöhnlich kennt man die Abkürzung für den User als „Admin“ und es liegt natürlich nahe, dieses dann auch zu nehmen. Davon rate ich ganz klar ab! Personalisiere auch den Admin-Zugang! Das ist eine der ersten Sicherheitsregeln. Wähle also beim Usernamen eine Kombination aus Buchstaben und Zahlen, natürlich nicht so schwer wie das Passwort, aber es sollte nicht so leicht zu erraten sein. Beispiel: John-Doe18. Das Passwort sollte natürlich von höchster Sicherheit sein. Also nicht einfach Passwort123! Du kannst die Passwortfunktion von WordPress nutzen, diese gibt Dir auch hoch sichere Passwörter vor.

2. Wartungsmodus

Solange Deine Website „Under Construction“ ist, solltest Du sie in den Wartungsmodus versetzen. Installiere Dir hierfür ein Wartungsmodus-Plugin und erarbeite in Ruhe Deine Website. Das Plugin „Memphis WordPress Custom Login“ würde sich beispielsweise eignen.

3. Permalinks auf lesbare URLs ändern

Eine ganz wichtige Einstellung zu beginn ist, dass die Permalinks auf lesbare URLs geändert sind. Damit punktest Du nicht nur bei den Suchmaschinen, sondern ganz klar auch beim Leser!

Vorher:
https://www.sarah-rattmann.de/?p=5972
Nachher:
https://www.sarah-rattmann.de/wordpress-website-erste-einstellungen-anleitung/

Somit übernimmt WordPress automatisch den gewünschten Beitrags- und/oder Seitentitel und die URLs sind deutlich aussagekräftiger.

Diese Einstellungen findest Du im WordPress Backend unter: Einstellungen > Permalinks

4. Titel und Untertitel anpassen

Titel und Untertitel Deiner Website werden unter anderem im Suchergebnis von Google angezeigt werden, beiden sollten eine kurze Auskunft über den Inhalt Deiner Website geben. Wer bist Du und was machst Du bzw. welche Leistung bietest Du an?

Dazu können auf selber Seite natürlich Datum- und Uhrzeitformat angepasst werden. Außerdem ist dort die hinterlegt E-Mail Adresse des Administrators zu finden.

Diese Einstellungen findest Du im WordPress Backend unter: Einstellungen > Allgemein

5. Demoinhalte löschen

WordPress liefert voreingestellte Inhalte mit, dass sind meist Beispielartikel, Beispielkommentar(e) und Beispielseiten. Lösche sie heraus.

6. Seiten anlegen und Menü festlegen

Erstelle die ersten Seiten, die Deine Website später haben wird. Beginne zumindest mit den wichtigen Seiten wie „Home oder Start, Kontakt, Über mich, Kontakt, Impressum und Datenschutz“. Der Titel reicht erst einmal, dann kannst Du Dein Menü einrichten. Das Impressum und die Datenschutzerklärung sollten allerdings gleich ausgefüllt werden. Was fertig ist, ist fertig. Wenn Du Hilfe beim Impressum brauchst, dann kann ich Dir das Portal www.e-recht24.de empfehlen, dort findest Du kostenlose Generatoren, die Dir diese Inhalte bereitstellen.

Diese Einstellungen findest Du im WordPress Backend unter: Seiten > Erstellen
Diese Einstellungen findest Du im WordPress Backend unter: Design > Menü

7. Startseite festlegen

Du kannst nun festlegen, welche Seite als Startseite Deiner Website zugewiesen werden soll.

Unter Homepage wählst Du, welche Seite Deine Startseite werden soll.
Unter Beitragsseite legst Du fest, welche Seite Deine Blogseite werden soll (sofern Du einen Blog hast).

Diese Einstellungen findest Du im WordPress Backend unter: Einstellungen > Lesen

8. Seite für Datenschutzerklärung festlegen

Lege fest, welche Deiner angelegten Seiten die Seite ist, wo man Deine Datenschutzerklärung findet.

Diese Einstellungen findest Du im WordPress Backend unter: Einstellungen > Datenschutz

9. Automatische Datensicherung einrichten

Genauso wichtig wie ein sicheres Passwort ist die Sicherung Deiner Daten! Hierzu empfehle ich, dass Du Dir diese automatisiert regelmäßig in eine Dropbox speichern lässt. Umsetzen kannst Du das ganze mit dem WordPress Plugin „UpdraftPlus – Backup/Restore“.

10. Suchmaschinen Einstellungen

Stelle sicher, dass Google Deine Website indexieren darf.

Diese Einstellungen findest Du im WordPress Backend unter: Einstellungen > Lesen

10.1. SEO Plugin installieren

Installiere Dir ein SEO Plugin, empfehlen kann ich Dir „Yoast“ und „All in One SEO“.

11. Optimierungs-Plugin

Der durchschnittliche WordPress Nutzer ahnt oft nicht, wie schnell eine WordPress Installation zugemüllt werden kann. Hauptsächlich ist die Datenbank betroffen, dort wird alles gesammelt und abgelegt. Zwar gibt es Möglichkeiten, die Flut an nicht benötigten Infos via Konfigurationsdatei (wp-config.php) im Vorfeld einzudämmen, aber ganz ehrlich, wer macht das? Schließlich wirbt WordPress ja mit der 5 Minuten Installation.

Ich setzte ganz klar auf das „WP Optimize“ Plugin. Mit WP-Optimize kannst Du Deine Datenbank regelmäßig aufräumen und dadurch für mehr Speed sorgen. Das Tool analysiert nicht nur die Datenbanktabellen sondern zeigt ebenfalls Optimierungsmöglichkeiten. Unnötige Daten wie z.B. Spam-Kommentare oder alte Revisionen können problemlos gelöscht werden. Dabei werden gleichzeitig auch noch die Tabellen optimiert. Dieses Plugin kannst du entweder manuell starten oder auch eine automatische Optimierung festlegen. Es arbeitet sowohl auf einer Single Installation als auch in einer WordPress Multisite.

Zusätzlich bin ich für „Autoptimize“. Wenn du die Ladezeit deines Blogs verbessern möchtest, kommst du um Autoptimize nicht herum. Ich verwende es auf fast allen Kundenwebsiten. Das Plugin fasst CSS- und Javascript-Dateien zusammen und komprimiert diese. Allein durch dieses nützliche Plugin Autoptimize, lässt sich bei manchen WordPress Blogs und Websiten die Ladezeit um 50% reduzieren.

12. Google über Deine Website informieren

Zusätzlich zum Punkt 10 solltest Du Google die URL zu Deiner Website / Deinem Blog mitteilen. Dies machst Du in der Google Search Console (bekannt auch noch als „Google Webmaster Tools“). Alle weiteren Schritten werden Dir dann anzeigt (u.a. Inhaberschaft der URL bestätigen).

Du brauchst allerdings ein Google Konto. Falls Du noch keines hast, wird es jetzt höchste Zeit! Zusätzlich kannst Du dort auch Google Analytics einstellen und einrichten.

Checkliste WordPress Erste Einstellungen (107 Downloads)

Jetzt hast Du die besten Grundlagen geschaffen um los zu legen. Sofern Du nicht im Standard WP Theme arbeiten möchtest, installiere Dein Wunsch-Theme.
Diese Einstellungen findest Du im WordPress Backend unter: Design > Themes > Hinzufügen

5,00 / 5 (1 Reviews)

Im zweiten Teil „404 Fehlerseiten“ erkläre ich Dir, wie Du eine eigene 404 Seite innerhalb Deiner WordPress Website integrierst. Zusätzlich habe ich eine individuelle Vorlage für Dich erstellt, die Du gerne für Deine Website verwenden kannst. Den Link dazu findest Du am Ende des Artikels.

eigenes 404 – Template erstellen

In jedem WordPress Theme befindet sich eine Datei mit dem Namen 404.php. Diese enthält das Template für die 404-Fehlerseite innerhalb WordPress. Sie sind im Standartlayout und zudem meist auf englisch. Wenn Du Deine eigene Fehlerseite gestaltet möchtest, solltest Du in jedem Fall im Child-Theme arbeiten und dieses dort erstellen. Die Ausgangsdatei findest Du im linken WordPress Menü. Schauen wir uns das auf meiner Demoseite (für Testzwecke nutze ich das WordPress Theme „Twenty Fifteen“) einmal an:

WordPress Backend > Design > Editor > 404.php

(zur Vergrößerung klicke bitte auf das Bild)

Frontend > https://demo.sarah-rattmann.de/404
(zur Vergrößerung klicke bitte auf das Bild)

Du siehst, die 404 Fehlerseite sieht ziemlich langweilig aus, so ist jedoch im Theme enthalten. Nun peppen wir das ganze auf!

Kostenlose Vorlage

Download 404 Ufo (91 Downloads)

Zu meinen Tipps aus dem ersten Teil möchte ich Dir nun auch eine individuelle Vorlage für die 404-Fehlerseite der Website an die Hand geben. Du brauchst kein zusätzliches Plugin.

Anleitung

Und so geht es:
1) Lade Dir die kostenlose PNG Grafik herunter > Download 404 Ufo (91 Downloads)

2) Lade die Datei auf Deinen Server

3) Öffne die vorhandene 404.php in Deinem Theme und füge beispielsweise den folgenden Code im Content DIV ein:

<div class="error-404">
<img class="aligncenter" src="DEINE_IMAGE_URL" alt="404 Error" width="400" height="431" />
</div>

darunter passender Weise kannst Du noch ein Satz und die Sucheingabe einfügen oder den Satz zum Suchfeld ergänzen:

<p>Vielleicht hast Du Dich nur vertippt? Probiere es doch einfach nochmal.</p>
<?php get_search_form(); ?>

Und das ist das Ergebnis: https://demo.sarah-rattmann.de/404
(zur Vergrößerung klicke bitte auf das Bild)

Wie Du inhaltlich Deine 404 Fehlerseite aufpeppen kannst und welche Inhalte wichtig sind, ließt Du im ersten Teil. Den Artikel habe ich Dir bei den Artikellinks am Ende des Beitrags verlinkt.

(Noch keine Bewertung)