Das liegt daran, dass der Upload aus Sicherheitsgründen gesperrt ist. Diese Sperre müssen wir zuerst umgehen.

Du brauchst dazu keine Logindaten für den FTP Server, das geht auch vom WordPress Backend aus.

Wieso du deine Google Fonts mit Divi auf den Server hochladen solltest

Lädst du deine Schriften auf den Server, werden sie von dort abgerufen, statt von externen (Drittanbietern) wie Google. Damit bist du datenschutzrechtlich auf der sichereren Seite und ich würde das immer diveren Pluginlösunge bevorzugen.

Nachschauen, woher Schriften geladen werden, kannst du so:

• Öffne eine betroffene Webseite im Inkognito-Modus eines Browsers (idealerweie Google Chrome). Den Inkognito oder privat-Modus findest du, wenn du das Browsericon mit einem Rechtsklick anklickst und Neues Inkognito oder Privates Fenster auswählst.
• Bei erscheinendem Cookie Banner klicke auf alle Cookies ablehnen.
• Klilcke nun mit einem weiteren Rechtsklick auf eine beliebige Stelle der Webseite und wähle im erscheinenden Auswahlfenster Untersuchen (Google Chrome).
• Nun öffnet sich am rechten oder unteren Rand ein weiteres Fenster. Suche darin den Reiter Source.
• Findest du dort Quellen, die irgendwas mit gstatic, googlefonts oder ähnliches im Namen haben, werden die fonts extern geladen. Im Inkognito Modus sollte (bei abgelehnten Cookies) ausschießlich der Ordner der besuchten Website erscheinen.

Das kann dann so aussehen:

Hier besteht dringend Handlungsbedarf.

So lädst du Google Fonts mit Divi auf deine Website ohne FTP Zugang

Google Fonts kannst du dir bei Google direkt herunterladen oder andere Schriften kommerziell erwerben. Schrift aufwählen, downloaden entpacken.

Wähle nur die Schriftgrade aus, die du wirklich für deine Website brauchst. Meist reicht der variable font.

• Installiere das Plugin  Enhanced Media Library.
• Installieren & aktivieren.
• Suche unter Settings den Reiter MIME Types.
• Gib vorne deine Font-Endung an (.ttf oder .otf oä), gib bei MIME Type was ein (zb font) und – ganz wichtig – aktiviere das Kästchen Allow Upload.
• Speichern.

• Jetzt gehe du auf eine beliebige deiner Webseiten,
• aktiviere den Pagebuilder,
• öffne ein Textmodul,
• wechsel zu Design → Text → Schrift.
• Klicke auf Hochladen.
• Vergib einen Namen für die Schrift, wähle die Schrift als .ttf oder .otf von deinem Desktop/Ordner aus und speichern.
• Plugin Enhanced Media Library löschen
• Google Fonts in den Divi Optionen deaktivieren.

Jetzt kannst du die hochgeladene Schrift verwenden.

Google Fonts in Divi Websiteweit ändern

Nun müssen wir die hochgeladene Schrift noch auf der Website einsetzen.

Wenn du sauber mit Presets oder nur mit der Grundeinstellung im Theme Customizer gearbeitet hast, geht das ganz schnell.

Nachdem du die Schriften hochgeladen hast, wechsel in den Theme Customizer.

Hinterlege hier unter Typographie deine neuen Schriften und überall sonst, wo du hier Schriften zuordnen kannst.

Dann wechsel wieder auf eine deiner Seiten, öffne ein Textmodul und bearbeite die Presets. Wie gesagt, wenn alle deine Textmodule mit Presets erstellt wurden, kannst du einfach hier die neue Schrift im Preset hinterlegen und das wars. Wenn du gar nicht mit Modulen, sondern nur mit den Einstellungen im Customizer gearbeitet hast, dann brauchst du diesen Schritt nicht. Dann steht in all deinen Modulen als Schrift Default (also die Schrift, die du im Customizer gewählt hast).

Wenn nicht, dann wäre jetzt der ideale Zeitpunkt, allen Modulen auf deiner Website Presets zuzuordnen. Mehr zu den Presets erfährst du hier: Tricks & Kniffe für DIVI

Das Plugin danach bitte wieder löschen. So wie alle Plugins, die du nur vorübergehend brauchst.

Google Fonts im Divi Builder deaktivieren

Geh dazu in die Divi-Optionen und deaktiviere direkt im ersten Reiter Allgemein die beiden Schalter für die Google Fonts. Wenn du jetzt deine Website anschaust, wirst du merken, ob du sauber gearbeitet hast. Denn alles, was noch von Google geladen wurde, ist jetzt weg.

Wird jetzt noch einen Blick in den Divi-Optionen auf den Reiter Performance, ob hier der Schalter für die Google Fonts deaktiviert ist.

Es werden immernoch Schriften geladen? Dann such mal nach Plugins oder Formularen, die von externen Anbietern Google Fonts auf deiner Website laden. Dann wirst du sie dort noch deaktivieren müssen (zB Recaptcha oder Codeschnipsel in Newsletter-Formularen).

Thats it.

Onlinebusiness-Bundle zum Sofortdownload

• Onlinemarketing-Fahrplan
• E-Mail-Marketing-Guide
• DIY Website-Check

Bundle runterladen

Du hast keine Lust, das selbst zu machen? Ich übernehm das.

Hat keine meiner Lösungen funktioniert? Dann schrei(b).

Dann hast du höchstwahrscheinlich keine saubere Weiterleitung auf https eingerichtet (Stichwort SSL-Zeritifikat). Wir sprechen hier auch vom Mixed Content.

Schriften oder Bilder werden im Divi Frontend nicht anzeigt: Mixed Content beheben

So prüfst du meine Annahme:

• Öffne eine betroffene Webseite deiner Website im Inkognito-Modus eines Browsers (idealerweie Google Chrome). Den Inkognito oder privat-Modus findest du, wenn du das Browsericon mit einem Rechtsklick anklickst und Neues Inkognito oder Privates Fenster auswählst.
• Klilcke nun mit einem weiteren Rechtsklick auf eine beliebige Stelle der Webseite und wähle im erscheinenden Auswahlfenster Untersuchen (Google Chrome).
• Nun öffnet sich am rechten oder unteren Rand ein weiteres Fenster. Suche darin den Reiter Console. Wenn dort eine Fehlermeldung mit Bezeichnung Mixed Content erscheint, gehe ich mit meiner Annahme richtig. 🙂

Der Fehler schleicht sich gerne ein, wenn das SSL-Zertifikat erst nach der WordPress Installation eingerichtet wurde. Darum sollte das immer zuerst geschehen, damit alle Inhalte unter dem https Pfad hochgeladen und gespeichert werden.

Nun zur Lösung:

Budgetfreundliche Starterwebseiten

Schau dir die fertigen WordPress-Webseiten für Business Starter an!

Layouts anschauen

So werden Fonts/Schriften in Divi auch nach dem Speichern im Frontend angezeigt

Wir müssen nun auch die unter http gespeicherten Elemente unter https speichern.

SSL-Zertifikat für alle Inhalte aktivieren

Diesen Schritt brauchst du nur, wenn du kein generelles SSL Zertifikat über deinen Hostinganbieter eingerichtet hast. Hast du das schon getan, aber vorab bereits WordPress installiert, kannst du das überspringen.

Installiere das Plugin Really Simple SSL & aktiviere es.

• Wechel in die Plugin-Einstellungen,
• stelle alles auf https um,
• lösche das Plugin
• und klicke https behalten.

Sicherheitshalber installierst du das Plugin, lädst die Schriften hoch und löscht das Plugin erst dann wieder.

Jetzt noch den Divi-Cache unter Divi Optionen, den Cache deines Optimierungsplugins und deinen Browsercache leeren.

http Inhalte in https Inhalte umwandeln

Installiere das Plugin Better Search Replace & aktiviere es.

• Rufe es unter WordPress Werkzeuge auf,
• gib bei Suchen nach den alten Pfad ein (hier zB http://nadinschmidt.com/)
• bei Ersetzen den neuen ( hier https://nadinschmidt.com/)
• ACHTUNG: überdenke genau, was du hier eingibst. Denn es werden alle entsprechenden Felder in der Datenbank verändert. Die Angabe sollte also möglichst präzise sein.
• Markiere alle Tabellen (die ganzen Einträge da in dem kleinen Fenster in der Mitte. Markiere das oberste, halte Shift gedrückt und markiere das unterste)
• Lass zuerst den Testlauf laufen und schau dir an, ob überhaupt Änderungen zu machen sind
• Wenn ja, dann kannst du das nochmal ohne Testlauf machen
• Lösche das Plugin

Beispiel bei mir: Ersetze http://va-nadin.de/ durch https://va-nadin.de/

Eventuell musst du dich danach neu einloggen, weil sich auch der Anmeldepfad geändert hat.

Das Plugin kannst du jetzt wieder löschen, alle http Einträge wurden durch https ersetzt.

Jetzt noch den DIVI-Cache unter Optionen, den Cache deines Optimierungsplugins und den deines Browsers leeren.

Du kannst das Plugin auch super nutzen, um nach einem Websiteumzug den alten Pfad durch den neuen zu ersetzen und alles sauber zu starten.

In 99% der Fälle werden deine im Divi Builder hochgeladenen Bilder und Schriften jetzt auch nach dem Speichern und Beenden des Visual Builders im Frontend angezeigt.

Du brauchst Hilfe? Dann schrei(b).

Wieso? Weils schneller geht und einfacher ist als eine Website von null aufzubauen.

Was ist ein Website-Relaunch?

Ein Relaunch heißt, es ist bereits eine Website da, welche neu aufgesetzt werden soll. Es handelt sich also nicht um die erste Website zu diesem Thema, sondern um eine Neugestaltung oder einen Umzug.

Schauen wir uns die verschiedenen Arten von Relaunches mal an.

Onlinebusiness-Bundle zum Sofortdownload

• Onlinemarketing-Fahrplan
• E-Mail-Marketing-Guide
• DIY Website-Check

Bundle runterladen

Unterschiede Website Relaunch

Es gibt verschiedene Arten von Website Relaunches.

Website Relaunch – Neugestaltung

Bei der Neugestaltung wird eine aktuelle Website überarbeitet, damit sie wieder modern und zeitgemäß ist. Die Inhalte bleiben in etwa dieselben.

Website Relaunch – Umzug

Beim Umzug wird eine Website von einem Anbieter bei einem anderen Anbieter nachgebaut. Meist mit wenigen Veränderungen. Wozu? Weil zB Baukastenanbieter teurer und weniger flexibel sind, sobald das Business wächst. Meist wird dann zu WordPress und einem flexibleren Theme (in meinem Fall Divi von Elegant Themes) gewechselt.

WordPress-Webseiten oder alte Webseiten wollen meist neu designt werden, während ein Umzug von einem anderen Anbieter zu WordPress eher ein Nachbau ist.

Das Vorgehen beim Website Relaunch

Das Vorgehen ist abhängig vom bisherigen Anbieter der Website. Manchmal reicht es, die Seite nur zu überarbeiten, manchmal muss alles nachgebaut werden.

Website Relaunch: WordPress zu WordPress

Ist bereits eine WordPress Website vorhanden, die neu aufgesetzt werden soll, können wir wie folgt vorgehen:

1. Eine Staging-Umgebung verwenden, auf welcher die Website umgebaut und dann auf die alte Website übertragen wird.

Vorteil: die alte Website bleibt vorhanden und unberührt.

Nachteil: Die aktive Website wird verlangsamt, das Übertragen der Staging-Seite kostet meist.

2. Die Website in den Wartungsmodus stellen und nach Überarbeitung wiederveröffentlichen.

Vorteil: Links, Seiten und Einstellungen bleiben vorhanden.

Nachteil: Die Website ist so lange nicht erreichbar.

3. Die neue Website auf einer Subdomain erstellen und nach Überarbeitung auf die richtige Domain übertragen.

Vorteil: ungehindertes Arbeiten und Erreichbarkeit der alten Website.

Nachteil: alle Links, Beiträge und Einstellungen müssen nachgebaut/kopiert werden.

Am Einfachsten ist das Arbeiten auf einer Staging-Seite. Zumindest dann, wenn an der alten Website nicht zuviel „rumgehunzt“ wurde. Denn Fehler auszubügeln, die sich tief ins System geschlichen haben, ist nicht einfach. In besonders alten oder umfangreichen (zugemüllten) Fällen lohnt es sich eher, die Website komplett und sauber nachzubauen.

Ich bevorzuge die Variante der Subdomain. So hab ich eine frische Basis, auf welcher die Inhalte in ein frisches Design gebracht werden, damit sie den aktuellen Anforderungen entsprechen.

Website Relaunch: Anderer Anbieter zu WordPress

Wenn eine Website von einem Baukastenanbieter zu WordPress umgezogen werden soll, müssen die Inhalte nachgebaut werden. In den meisten Fällen ist hier auch gar kein neues Design erwünscht, sondern nur der Umzug. Wir bauen also die Inhalte exakt in WordPress nach.

Der Umzug ist etwas komplizierter, denn wenn die Domain zu einem Hostinganbieter umgezogen wird, gehen auch die Website-Inhalte verloren.

Also bauen wir zuerst die Website auf einer Subdomain in WordPress nach, ziehen dann die Domain vom alten Anbieter zu einem Hoster um und kopieren dann die fertige Website auf die korrekte Domain. Am liebsten arbeite ich hierfür mit dem Updraft Plus Migrator.

Neulaunch: Website nach fertigem Layout erstellen

Eine Website nach einem Layout nachzubauen ist weniger ein Relaunch, aber fühlt sich so an. Denn es macht keinen Unterschied, ob ich die Website nach einer bereits vorhandenen Website nachbaue oder nach einem Layout. Das Nachbauen von Layouts macht super viel Spaß, weil es schnell geht und einfach umgesetzt wird.

Wann braucht es einen Website-Relaunch?

Deine Website braucht einen Relaunch, wenn

1. das Design nicht mehr zeitgemäß ist. Alle anderen Webseiten sehen viel besser aus? Dann hat das einen Grund. Design und die Anforderungen an morderne Webseiten verändern sich. Was früher nur schwer umsetzbar ist, ist nun dank moderner Page Builder ein Kinderspiel.
2. deine Website zu teuer wird. Dein Business wächst? Dann solltest du dich nach den passenden Anbietern umschauen.
3. sie nicht mehr den technischen und rechtlichen Vorgaben entspricht. Technik verändert sich, (Datenschutz)rechtliche Vorgaben auch. Eine Website muss immer wieder aktualisiert werden.
4. sie älter als 3 Jahre ist, solltest du das mal anschauen lassen. Buch dazu zB einen Websitecheck oder lass einen Experten kurz über deine Website schauen.

Was kostet ein Website-Relaunch?

Grob: die Hälfte einer neuen Website. Je nach Inhalt sogar weniger.

Hier kommt es auf die Menge an Blogartikel und Grad der Neugestaltung an. Ich berechne zB pro Blogartikel, den ich übertragen muss, da ich für jeden Beitrag die Formatierung überarbeiten, das Beitragsbild anpassen und die Metadaten ausfüllen muss.

Je weniger Blogartikel, je weniger Seiten und Änderungen, desto günstiger. Eine 4-seitige Website mit 10 Blogartikeln nimmt in etwa 15 h in Anspruch. Ein Neudesign (ohne Blogartikel) ca. 30 h.

Onlinebusiness-Bundle zum Sofortdownload

• Onlinemarketing-Fahrplan
• E-Mail-Marketing-Guide
• DIY Website-Check

Bundle runterladen

Bereit für deine neue Website? Lass uns starten!

Nein, ein Plugin zur Optimierung übernimmt das nicht. Das ist nur der Feinschliff.

Zusammengefasst optimierst du deine Bilder vor dem Upload auf deiner Website wie folgt:

• Sie sollten in der Abmessung der dargestellten Größe entsprechen. Wenn du z. B. ein Bild in voller Breite einsetzen möchtest, genügt meist die Auflösung HD, welche 1920 px in der Breite entspricht. Ein Bild, welches auf dem halben Inhalt platziert wird, entspricht 960 px Breite etc.
• Die Dateigröße sollte unter 200 KB liegen.

Wie das im Detail funktioniert, schauen wir uns jetzt an.

Onlinebusiness-Bundle zum Sofortdownload

• Onlinemarketing-Fahrplan
• E-Mail-Marketing-Guide
• DIY Website-Check

Bundle runterladen

Zwei Messgrößen für Bildgrößen auf deiner Website: Abmessungen und Dateigröße

Wir sprechen einmal von den Abmessungen in Pixeln und von der „Schwere“, also Größe in KB oder MB.

Die optimale Dateigröße deiner Websitebilder

Bilder in top Auflösung haben locker 12–18 MB. Das Bild ist gestochen scharf, würde aber eine Ewigkeit zum Laden brauchen. Wir wollen Schnelligkeit!

Das heißt: Bilder für Webseiten auf maximal 150 KB verkleinern. Ja richtig, KB.

Wie wir das schaffen? Indem wir zuerst die Abmessungen auf die benötigste Größe reduzieren und dann das ideale Dateiformat wählen. Dazu gleich mehr.

Die idealen Abmessungen deiner Websitebilder

Die Abmessung von Bildern werden in Pixeln angegeben und sorgen für die Schärfe des Bildes. Je mehr einzelne Pixelchen je Millimeter nebeneinander liegen, umso gestochen schärfer das Bild. Leider ist es dann auch schwerer (KB, MB), da mehr Pixel auch mehr Gewicht haben.

Da die Bilder auf deiner Website aber immer in etwa dieselbe Darstellungsgröße haben (deine Website wird meist mit einer festen Inhaltsbreite angelegt, irgendwas zwischen 1080 und 1640px, schau dir mal in Divi die Breite deiner Zeilen in den Einstellungen an) brauchst du hier keine gigantischen Abmessungen. Ausnahme: Vollbreite Bilder brauchen eine Breite ab 1920 px (HD, hier platzieren wir das Bild in der Sektion, welche sich – im Gegensatz zur Zeile – in der Größe an den Bildschirm anpasst).

Wollen wir eine Darstellung in 4k, braucht es entsprechend größere Abmessungen. Aus Erfahrung kann ich hier sagen: Je besser die Qualität der Bilder, umso weiter können wir die Abmessungen reduzieren. Kompromisse zu Lasten der Ladezeit gehen wir hier ein für z. B. Fotografenwebsites, wo die Qualität der Bilder entsprechend wirken soll.

Kleiner Vergleich:

Links siehst du ein scharfes Bild in größer Abmessung und hoher Dateigröße, rechts runtergerechnet, hier als Extrembeispiel zur Verdeutlichung.

Bilder vor dem Upload auf deine Website bearbeiten

Ich zeige dir die gängigen Wege:

Affinity Photo oder Adobe Photshop

Mit gängigen Fotobearbeitungstools kannst du natürlich noch viel mehr Bearbeiten.

Öffne das Bild im jeweiligen Programm und klicke dann direkt wieder auf exportieren. Im Exportmodus kannst du deine gewünschten Abmessungen angeben und siehst die neue Dateigröße. Ist diese noch zu hoch, senke ich bei JPG die Qualität. Speichern, fertig.

Hier kannst du übrigens auch als WebP exportieren und sparst dir so hinterher ein Bildoptimierungsplugin! WebP ist ein Bildformat, das ideal für Browser ist und enorm kleine Dateigrößen ermöglicht. Wenn möglich, verwende das.

Sollte die Qualität des Bildes zu stark gelitten haben, erhöhe deine Abmessungen.

Affinity gibt es übrigens zum Einmalpreis für knapp 50-60€. Vorteil bei beiden Tools: Du kannst mehrere Bilder als Stapel verarbeiten. Damit gehts schneller.

Bilder mit Canva für deine Website optimieren

Dazu legst du in Canva ein neues Design in benutzerdefiniertes Größe an (mehr zu den Größen weiter unten) und ziehst dein Foto rein. Also zB legst du dir Formate in 600×400 px an und platzierst darin dein Bild als Hintergrund. So hast du schon die richtige Abmessung. Speichere jetzt als jpeg und schau, ob die Dateigröße 150 kb überschreitet. Mit dem Pro-Account kannst du die Größe auch nachträglich anpassen.

Ich nutze das nicht so gerne, weil Bilder nach Canve meist etwas unschärfer werden, vor allem Bilder mit Schrift darauf (was du aus SEO-Gründen sowieso nicht machen solltest). Das Titelbild dieses Beitrags wurde so erstellt.

Die Dateigröße zusätzlich minimieren mit tinypng

Egal, womit ich die Bilder bearbeitet habe, vor dem Upload auf die Website lasse ich sie einmal von tinypng optimieren. Das ist eine Cloudlösung. Lade dazu das Bild kurz bei tinypng hoch und du kannst es nochmal enorm verkleinert wieder herunterladen.

Funktioniert auch mit webp Formaten. Vorher sollten die Bilder IMMER zuerst in einem anderen Tool beschnitten worden sein. Tinypng ist nur der extra Schliff und für manche Bilder zuviel des Guten. Wird dein Bild zu unscharf, lass es weg.

Wann welches Dateiformat verwenden?

PNG ausschließlich für scharfe Bilder mit transparentem Hintergrund, z. B. Logos, freigestellte Bilder. Nachteil: Hohe Dateigröße.
(Logos und ähnliches laden wir übrigens NIEMALS mit weißem Hintergrund hoch. Das sieht im Dark Modus nämlich ziemlich besch***en aus.)

JPG für jegliche Art von Bildern. Dateigröße niedriger als png.

WebP kann alles davon, nutzen wir aber nur für Websites. Nachteil: teilweise leidet die Qualität zu sehr, je nach Ausgangsbild.

Brauchst du keinen transparenten Hintergrund und kannst kein WebP auswählen, dann wähle möglichst JPG und lasse WebP über Plugins wie WP Optimize oder Imagify ausliefern.

Wähle die richtige Abmessung für deine Websitebilder

Fast jedes Theme und sogar WordPress hat feste Größen für Bilder. Am Ende solltest du dich aber für die Abmessung entscheiden, die auf möglichst vielen Geräten gut aussieht.

Optimierst du eher für mobil, dann achte auch hier auf separate Mobilbilder in Breiten von ca 500px.

Ansonsten probier die möglichst kleinsten Abmessungen aus und schau, ob dein Bild qualitativ gut aussieht.

Orientiere dich zuerst an der Breite und stimme dann die Höhe darauf ab, denn im Webdesign haben wir Luft nach oben und unten, aber nicht beliebig nach rechts und links (wir wollen ja nicht nach links und rechts scrollen…)

Verwende für die gleiche Darstellung immer dieselbe Bildgröße auf deiner Website

Wenn du zum Beispiel 3 Spalten hast, dann achte darauf, dass jedes Bild darin dieselben Abmessungen hat.

Verwende auch für deine Beitragsbilder immer dieselbe Größe.

Bilder mit voller Breite sollten mindestens (meist ausreichend) 1920 px breit sein. Bei Hintergrundbildern mit Überlagerung darf es auch mal weniger sein.

Wenn du Parallaxen einsetzt, denk daran, das Bild in der Höhe nicht zu sehr zu beschränken. Hier brauchst du mindestens das doppelte an Spiel nach oben und unten als die tatsächlich angezeigte Höhe.

Meine verwendeten Bildgrößen

Hier findest du grafisch Richtwerte, an welchen du dich orientieren kannst. Die Höhe musst du selbst anpassen, je nachdem, wie du dein Bild dargestellt haben willst.

Es kommt immer darauf an, ob du dein Bild als Hintergrund einsetzt, als Bildmodul, als Beitragsbild und ob du Breite und Höhe manuell festlegst (vom Festlegen der Höhe rate ich ab, da die Responsive Anpassung verloren geht!). Es muss nach dem Einsetzen eben gut aussehen und das auf jedem Gerät. Darum orientiere ICH mich nicht an den Divi-Größen. Wenn du das erstmal probieren willst, dann findest du hier die DIVI-Größen.

Übersicht über meine Bildgrößen

Plugins, um deine Websitebilder zu optimieren

Bildoptimierungs-Plugins

Obwohl ich Bilder vor dem Upload bearbeite, gebe ich zusätzlich den Feinschliff durch ein Plugin. Plugins wie WP-Optimize, ShortPixel oder Imagify geben den Bildern nochmal den Kick, optimieren die Dateigröße und liefern da, wo es möglich ist, in Webformaten aus. Das unterstützt zusätzlich die Ladezeit, ist aber kein Ersatz für die richtige Vorarbeit!

Auf CDN solltest du aufgrund des Datenschutzes verzichten. Dabei werden Bilder auf einem externen Server platziert und dort abgerufen.

Websitebilder in der Mediathek austauschen

Mit Enable Media Replace kannst du Bilder direkt in der Mediathek austauschen. Das hat bisher bei mir gut funktioniert. Aktiviere das Plugin, geh in die Mediathek, klicke auf ein Bild und suche den Button Bild ersetzen.

Dann lädst du einfach das verkleinerte Bild hoch und es wird ausgetauscht.

Tipp: probier das erstmal mit einer Webseite und warte einen Tag, ob alles so geklappt hat. Das kann manchmal kurz dauern. Dann kannst du den Rest machen.

Budgetfreundliche Starterwebseiten

Schau dir die fertigen WordPress-Webseiten für Business Starter an!

Layouts anschauen

Weitere Tipps für gute Fotos für die Website

Quer- oder Hochformat für Websitefotos?

Wir neigen alle dazu, bei Fotoshootings vor allem Hochformat-Bilder zu machen. Querformat lässt sich auf Webseiten aber viel öfter und besser einsetzen. Am besten, wenn du rechts oder links platziert bist, sodass sich in der anderen Hälfte Text unterbringen lässt.

Ausleuchtung & Farben der Websitebilder

Achte beim Shooting auf eine gute Ausleuchtung und passende Farben. Auf deiner Website soll die Farbe Rot überwiegen? Dann werden sich Bilder auf grünen Wiesen schlecht unterbringen lassen. Die Farben sollten gut ausgeleuchtet, stark und gesättigt sein.

Stimmung & Thema deine Websitefotos

Fang in den Fotos bereits die Stimmung ein, die auf deiner Website übermittelt werden soll. Möglichst Themennah. Schön, dass du Bilder am Strand hast. Häng sie ins Wohnzimmer, aber pack sie nicht auf deine Website, wenn du Autos verkaufst. Ausnahme: du willst auf der über mich Seite Stimmung vermitteln.

Blickrichtung auf deinen Websitefotos

Schau deine Websitebesucher an. Wähle Fotos mit Blickrichtung zum Text, also nach innen.

Onlinebusiness-Bundle zum Sofortdownload

• Onlinemarketing-Fahrplan
• E-Mail-Marketing-Guide
• DIY Website-Check

Bundle runterladen

Last but not least

Bildgrößen direkt vor Upload anzupassen, ist echt easy. Vor allem wenns mal im Kopf drin ist, passiert das fast schon automatisch.

Ganz wichtig auch: Bilder, die du hochlädst und dann doch nicht verwendest, direkt wieder aus der Mediathek zu löschen! So vermüllt sie nicht und du behältst den Überblick. Bei sehr vielen Bildern bietet sich auch ein Plugin wie Real Media Library an, um die Mediathek zu sortieren.

Viel Spaß und wenn du Hilfe brauchst schrei(b)!

Wann brauchst du für deine WordPress-Website Google Analytics, wann die Google Search Console und wann rate ich zu Matomo, Ubersuggest & Co.?

Schauen wir uns die beliebten gratis Tools genauer an.

Bevor wir starten: Wir beschränken uns hier auf das Tracking ganz normaler Webseiten. Also meist Soloselbständige, die SEO-optimiert schreiben und die Website für ihr Marketing und das Generieren von Kundenanfragen verwenden. Keine Onlineshops, hochkonvertierende Funnel oä. Da kommst du meist um kostenpflichtige Tools nicht rum.

Webseiten-Tracking mit Tools wie Google Analytics, Google Search Console, Matomo und Ubersuggest – der Unterschied!

Einige Tools verwendest du, um explizite Seitenaufrufe zu tracken, andere eher um Keywords zu verfolgen.

Onlinebusiness-Bundle zum Sofortdownload

• Onlinemarketing-Fahrplan
• E-Mail-Marketing-Guide
• DIY Website-Check

Bundle runterladen

Webseiten Tracking mit Google Analytics

Hier siehst du vor allem, welche einzelnen Webseiten oder Beiträge aufgerufen werden oder auch, wie der Weg (also von Seite zu Seite) einzelne Besucher nehmen. Du kannst auch auslesen, woher die Webseiten-Besucher stammen, also ob deine Website organisch über die Google Suche, direkt über die URL oder über Social Media aufgerufen wurde.

Beachte: Google Analytics musst du datenschutzkonform über ein Cookie Consent Tool einbinden. Das Tracking erfordert eine aktive Einwilligung. Analytics zählt somit nicht die Besucher, die das Tracking abgelehnt haben und deine Zahlen spiegeln nicht die Realität wider.

Webseiten Tracking mit Matomo

Statt Google Analytics arbeite ich für Kunden lieber mit dem Plugin von Matomo. Dabei müssen wir ein paar Einstellungen beachten, dann werden alle Besucher getrackt und unsere Zahlen sind aussagekräftig. Hake in den Einstellungen an, dass ausschließlich ohne Cookies getrackt wird und stelle im Matomo Dashboard ein, dass die IP-Adressen anonymisiert werden. Jetzt kannst du damit arbeiten.

Suchanfragen mit der Google Search Console auslesen

Die Goole Search Console ist weniger für das Tracking einzelner Seiten geeignet, sondern zeigt dir, über welche Suchanfragen Besucher auf deine Website gelangen (Clicks) oder zumindest bei welchen Suchanfragen du in der Google-Suche angezeigt wurdest (Impressionen). Sie zeigt auch, welche Seiten am meisten gesucht und aufgerufen wurden.

In der Search Console kannst du auch die Indexierung deiner Seiten und Beiträge anstupsen und Fehlermeldungen beheben, wenn die Seiten nicht richtig ausgelesen werden können.

Beachte: Die Search Console spiegelt ausschließlich die Anfragen von Google wider und sie zeigt dir auch nicht ALLE Websiteaufrufe, sondern eben nur die, welche über die Google Suche geschlossen wurden.

Keywordtracking mit Ubersuggest

Tools wie Ubersuggest sind zwar nicht ganz kostenfrei, aber günstig. Sie eignen sich vor allem dazu, deine Keywords und damit zusammenhängende Seitenaufrufe und deine Position in der Suchmaschine zu tracken. Teilweise siehst du hier auch alle Webseitenbesuche und kannst das Ranking deiner Website nachverfolgen.

Was du grundsätzlich beim Tracking deiner Webseiten beachten solltest

Jedes Tool hat eine eigene Aufgabe. Tools wie Ubersuggest und Search Console brauchst du eher für Keyword-optimiertes Schreiben.

Analytics und Matomo sind besser geeignet, um einzelne Seitenaufrufe nachzuvollziehen. Hier siehst du auch, wo die meisten Besucher absteigen (ohne zu kaufen oder zu buchen) und kannst nachbessern.

Je früher du ein Tool einsetzt, desto mehr kannst du auslesen, da es erst ab dem Zeitpunkt trackt, zu welchem du es einrichtest.

Wenn du dich doch für Analytics entscheiden solltest, achte darauf, es datenschutzkonform einzusetzen und die rechtlichen Aspekte zu beachten. Diese können sich jederzeit ändern.

Um ein allumfassendes Tracking deiner Webseiten zu erlangen, wirst du nicht drum rumkommen, mehrere Tools zu verwenden. Ich verwende für meine SEO-Optimierung fast nur die Search Console und Ubersuggest, für das Nachverfolgen meiner Besucher Matomo oder Analytics. Jedoch muss ich gestehen, dass ich in das zweite kaum reinschaue. Ich verlasse mich eher darauf, meine Website selbst immer wieder mit einem fremden Blick zu betrachten, ob der Aufbau logisch und einfach zu verstehen ist.

Sobald du auf Funnels setzt, brauchst du ein ausgiebiges Tracking, um deine Funnels immer wieder zu optimieren.

Viel Spaß!

Onlinebusiness-Bundle zum Sofortdownload

• Onlinemarketing-Fahrplan
• E-Mail-Marketing-Guide
• DIY Website-Check

Bundle runterladen

Klar kannst du sagen: Na wen interessiert das Backend, Hauptsache vorne siehts gut aus.

Hm nein, nicht ganz. Die Technik im Backend hat enorme Auswirkungen auf die Darstellung. Nicht auf den ersten Blick, aber für Browser und Suchmaschinen schon. Geschwindigkeit, Sicherheit, Datenschutz und Darstellung leiden darunter.

Also bitte kein Pflastern, sondern richtig machen!

Damit dus besser machen kannst, schauen wir uns die gängigsten Fehler an, an denen potentiell tolle Webseiten scheitern.

1. Die falschen Bilder

Viele gute Projekte scheitern an schlechten Bildern.

1. Es werden qualitativ schlechte Bilder geliefert. Das sieht jeder und es stört den Gesamteindruck. Bei Handybildern oder vorab bearbeiteten Bildern kann ich dann auch nix mehr rausreißen und was auf dem Handy schon mau aussah wird auf der Website nicht wow. Oder wenn Hansel mal die Kamera von vor 10 Jahren rausgekramt hat. Je nach Bildschirmauflösung ist das sofort erkennbar. Gerade bei Produktfotos, Models, Photographen etc stehen die Bilder im Vordergrund. Bei manchen Projekten oder meiner eigenen Website nehme ich etwas Qualitätsverluste in Kauf, um so die Ladezeit zu verbessern – geht aber nur, wenn die Bilder nicht im Vordergrund stehen. Besser: auf gute Bilder achten, was Auflösung und Abmessungen angeht.
2. Website-Bilder, die weder farblich noch thematisch zum Thema und Branding passen. Ich sprechs jetzt mutig aus: Viele Kunden haben keinen Blick für Farben und dazu passende Bilder. Das klarzumachen raubt oft Nerven, irgendwann gebe auch ich auf, dann tuts halt weh beim anschauen. Problem: dem Kunden fällt es vielleicht nicht auf, seinen Kunden wiederum schon, wenn auch unbewusst. Besser: Bilder thematisch zum Branding wählen oder machen lassen. Da hilft, zuerst das Branding festzulegen und es dann mit dem Photographen durchzusprechen. Alternativ: Bilder mit viel Weiß-Anteil. Die lassen sich in fast jedes Thema einbauen.
3. Bilder, die unbearbeitet hochgeladen werden. Sieht dann von der Auslösung super aus, aber die Ladezeiten leiden darunter. Wenn dann viele Besucher abspringen, weil die Website lange im Aufbau braucht, bringen auch die tollen Bilder nichts. Besser: Bilder vorher bearbeiten. Korrekt zuschneiden und die Dateigröße optimieren. So siehts gut aus und die Besucher freuen sich über schnelles Laden der aufgerufenen Website.

Mehr zu Bildern findest du hier: https://nadinschmidt.com/tipps-zu-richtigen-bildgroessen-fuer-deine-website/

Onlinebusiness-Bundle zum Sofortdownload

• Onlinemarketing-Fahrplan
• E-Mail-Marketing-Guide
• DIY Website-Check

Bundle runterladen

2. Layout, auf dem Kunden bestehen

…weils halt irgendwo so gesehen wurde und das toll ist und gefällt. Passt nur vielleicht weder zum Thema noch zur Persönlichkeit noch zu Bildern, Farben und Inhalten.

Beim Layout gilt: Sich Beispiele und Vorstellungen bei anderen abzuschauen ist okay. Doch jede Website ist einzigartig. Persönlichkeit und Zielgruppe bestimmen das Layout. Ob verspielt oder clean, bunt oder schwarz, ausdrucksstark oder schüchtern – all das sollte bedacht werden.

Besser: Farben, Schriften, Bilder und Aufbau sollen ein stimmiges, einmaliges Bild ergeben.

3. Technik – Sicherheitslücken, Lange Ladezeiten, Host

Habs oben kurz erwähnt.

Sicherheitslücken können sein:

• Hackerangriffe durch veraltete Plugins
• Update, das schief lief
• Kein Backup vorhanden
• Seiten, die ewig nicht laden

Was passiert? Besucher springen ab und Suchmaschinen strafen die Seite ab. Da bringt das schönste Design nichts.

Vielem kannst du schon durch die Wahl des richtigen Hosts vorbeugen:

• Sitz in Deutschland
• gute, schnelle und sichere Server
• einwandfreier Support
• einfaches Handling

Das erleichtert allen Beteiligten die Arbeit.

Besser: guter Server, nur wirklich benötigte Plugins (so viel wie nötig, so wenig wie möglich), eine gute Firewall, regelmäßige Sicherungen, Caching – all das gehört zur guten Website dazu.

4. Mangelnde Suchmaschinenoptimierung = SEO

Für viele frische Websitebesitzer erstmal zweitrangig. Suchmaschinenoptimierung braucht Zeit, Geld und Verstand. Ist also Aufwand.

Hauptsache, die Website steht. Das Erwachen kommt dann, wenn keiner die Website findet.

Da Nacharbeiten nervig ist: schon beim Aufbau an die gewünschte Nische denken. Keywords recherchieren, passende Texte schreiben, mit der Search Console verbinden und SEO ein paar Monate Zeit geben. Dann nachbessern.

Ganz beliebt: Ewig nichts auf SEO geben, dann stutzig werden wegen fehlender Websiteanfragen und dann ganz schnell SEO wollen. Das geht nicht, denn SEO ist ein kontinuierlicher Prozess, der viel Beobachten und Nachjustieren erfordert.

Mein liebster SEO-Tipp: Gute, Keyword-gestützte Blogartikel schreiben.

Besser: SEO von Anfang an beachten (außer, du bist dir noch totaaaaal unsicher mit deinem Angebot und es wird sich bald ändern).

5. Datenschutz & Internetrecht

Website-Inhaber haften für die Website, nicht die Website-Ersteller. Und zu beachten gibt es da dank deutschem Datenschutz eine Menge.

Wer also selbst keine Ahnung hat, sollte sich einen Webdesigner suchen, der sie hat. Und zwar wirklich!

Fast auf jeder Website, die ich besuche, finde ich Mängel. Obwohl sie von Profis erstellt wurde. Meist betrifft es Anbieter, Datenschutzerklärung, Cookies oder das Tracking.

Besser: lieber von jemandem machen lassen und bereit sein, den Preis für Wissen zu bezahlen, oder selbst recherchieren.

Alles besser als die 100 € Website von Hansel aus der Berufsschulklasse machen zu lassen. Der hat zwar mal gelernt, wie WordPress geht, aber keine Ahnung von allem drum rum.

Denn: Webseiten sind super einfach und schnell erstellt. Von jedem. Das, was kostet, ist das Wissen und die Beratung um Layout, Technik, Datenschutz, Customer Experience und aktuellen Trends.

Hier nochmal: https://nadinschmidt.com/datenschutz-auf-deiner-website-dsgvo-co/

6. Speziell bei DIVI: Schwierige Bearbeitbarkeit

DIVI ist als Theme sowohl genial als auch die Hölle. Denn es kann unglaublich viel.

Auf den ersten Blick sieht es simpel aus, doch wenn ein paar wichtige Kniffe nicht beachtet werden, ist die Nacharbeit nervig. Richtig angewendet, wird die Bearbeitung zum Kinderspiel und mit wenigen Klicks könnte die ganze Website angepasst werden.

Ich liebe es, mit DIVI zu arbeiten, doch ich hasse es, mit einer DIVI-Website zu arbeiten, bei welcher die Grundeinstellungen nicht beachtet wurden. Wenn die Basis schon nicht stimmt, zieht sich eine einfache Änderung, die normalerweise in 10 Minuten erledigt wäre, über Stunden.

Besser: nicht von DIVIs einfachem Aufbau täuschen lassen, sondern intensiv damit auseinandersetzen. Zum Beispiel mit den DIVI Tutorials oder einem Coaching bei mir.

Hier gibts wichtige Kniffe, die viele nicht kennen: https://nadinschmidt.com/tricks-divi/

7. Veraltetes Wissen und unmoderner Aufbau

Das ist auch der Punkt mit den Profis, den ich schon genannt hab. Das Internetrecht und moderne Design ändert sich laufend.

Jeder, der eine Website erstellt, sollte sich über den aktuellen Stand informieren.

Was vor 5 Jahren rechtlich und datenschutzrechtlich relevant war, ist jetzt anders.

Was vor 5 Jahren modern war, ist es nicht mehr. Besucher sind ganz spezielle Ansichten und Funktionen gewöhnt und die erwarten sie unterbewusst, sonst leiden Verweildauer und Vertrauen.

Die Welt wird immer schneller.

Abschließend noch ein passender Artikel: https://nadinschmidt.com/aufbau-deiner-website-verbessern/

Ich empfehle dir generell, dich auf meinem Blog in den Kategorien Website und DIVI umzuschauen, bevor du dich an deine erste Website setzt.

Viel Erfolg und wenn du Fragen hast, schrei(b).

Onlinebusiness-Bundle zum Sofortdownload

• Onlinemarketing-Fahrplan
• E-Mail-Marketing-Guide
• DIY Website-Check

Bundle runterladen

Zugegeben, für Laien ist das schwer nachvollziehbar. Kann sich doch jeder eine Jimdo-Website für wenige Euro machen… oder nicht?

Lass uns mal einen Blick darauf werfen, die Webdesign-Kosten etwas auseinander zu pfriemeln. Dazu hab ich dir alle meine Arbeitsschritte erklärend aufgelistet inklusive der Kalkulation dahinter.

Seit 2021 erstelle ich jede WordPress Website nach demselben Schema. Solltest du selbst eine Website erstellen wollen, kannst du dich gerne an meinem Schema orientieren. So vermeidest du Chaos, dein Aufbau ist logisch und du vergisst nichts.

Klar kannst dus auch anders machen oder was weglassen – dann wird’s halt nicht gut. Sieht dann vorne rum vielleicht ok aus, hintenrum is aber Pfui. Welche Auswirkungen das haben kann, erzähl ich dir zum Schluss.

Außerdem siehst du so, wieso so eine Website eben nicht in 2-3 Stunden gemacht ist und mehr als 300€ wert ist, wenns richtig gemacht wird! Da sind die 1.500-2.500 €, die eine kleine Website im Schnitt kostet, schon berechtigt. 😊

Wenn du dir sagst „Puh, das ist mir echt zu viel, Nadin mach du mir die Website.“ Dann schreib mir und wir beide sorgen dafür, dass du bald deine eigene WordPress Website erstellt hast – von dir oder von mir! Ich coache nämlich auch.

Achso, bevor ich mit irgendwas starte, führe ich ein langes Gespräch mit dem Kunden. Ich lasse mir erzählen, worum es geht, was die Website ausdrücken soll, kläre alle Möglichkeiten und Vorstellungen ab und lasse mir Bilder, Texte, Schriften und Farben schicken. Meist sind das 2-4 h an Abstimmung, bevor in irgendeiner Art losgelegt wird.

Onlinebusiness-Bundle zum Sofortdownload

• Onlinemarketing-Fahrplan
• E-Mail-Marketing-Guide
• DIY Website-Check

Bundle runterladen

Unterschiedliche Websitekosten – Freelancer vs Agentur

Hier spielen meine Erfahrungen rein.

Ein Freelancer ist meist günstiger, weil die Abstimmungen viel kürzer sind. Nimm mal Szenario Freelancer: eine Person, mit der du alles besprichst und die deine Wünsche umsetzt. Ein Freelancer bezahlt meist keine Mitarbeiter, teure Büros oder sonstige Nebenkosten. Du hast somit direkte Abstimmungen, kurze Kommunikationswege. Kontra: Freelancer können nicht alles abdecken. Die Stärken des einen liegen bei der Webentwicklung, die des anderen beim Design, Branding, Fotobearbeitung, Texterstellung, den technischen Skills, Spezialisiert auf Landingpages, Conversion, Shops, etc pipapo. Thema Website ist so umfangreich, weitreichend und facettenreich wie die Meeresforschung. Oder das All.

Agenturen dagegen können dir meist mehrere Themen anbieten. Mehrere Menschen im Team macht auch mehr Expertenwissen – wenn es gut genutzt und strukturiert wird… Denn das ist gleichzeitig der Haken: lange Abstimmungen, Wiederholungsschleifen, lange Kommunikationswege. Achtung: wenn du dich doch für eine höherpreisige Agentur entscheidest, dann sollte sie auch wirklich das leisten, was sie dir verkaufen.

Ich versuche an dieser Stelle neutral zu bleiben, doch aus meiner eigenen Erfahrung in vorherigen Jobs und auch dem, was mir Kunden berichten, kann ich das weitergeben: Wenn die Chemie zwischen dir und dem Freelancer passt, bist du hier besser aufgehoben. Der Bezug zum Projekt ist persönlicher und weniger von der Stange. Zudem meist auch günstiger.

Auch bei Agenturen gilt: nur weil sie angeblich alles abdecken, muss das in real nicht so sein. Schau hier genau hin, informiere dich vorab, worauf es bei deinem Projekt ankommt (Technik, SEO, Rechtliches) und gehe vorbereitet in Gespräche! Das kann durchaus den Unterschied zwischen 2.000€ und 10.000€ ausmachen.

Schauen wir uns doch mal an, in welchen Schritten ich eine Website erstelle inklusive der dahinterliegenden Kosten.

Kosten bei der Website-Erstellung in einzelnen Arbeitsschritten

Meine Kosten sind mit Sicherheit extrem niedrig bemessen. Ich versuche immer möglichst fair und wertschätzend für meine Arbeit bezahlt aus dem Projekt zu gehen. Die Preise kannst du aber auch hochschrauben. Hinter mehr Geld muss aber nicht unbedingt mehr Arbeit dahinter stecken.

Meine Preise kalkuliere ich je nach Projekt mit 80 – 120€ je Stunde. Das ist super wenig, da meine Arbeitsschritte sicher und routiniert sind und somit so eine Website ruck zuck aufgebaut ist, sobald das Konzept steht. Eine Stunde done by me wäre in etwa 3 Stunden done by you. Entwickler und andere kalkulieren mit 180€ aufwärts.

Vorgespräch und Beratung

Ich führe nach Vertragsunterzeichnung ein erstes, langes Gespräch, in welchem ich mir alles zu meinem Kunden, dem Projekt und seiner Vision erzählen lasse. So gewinne ich einen Eindruck über das Projekt und was noch alles dazukommt. Denn meist bleibt es nicht bei der Website bzw. ist dem Kunden nicht klar, dass zB ein Newsletter nicht zur Website gehört, nur weil er darauf platziert ist.

In diesem Gespräch (und meist auch sonst in jedem) berate ich den Kunden zum Design, den Farben, Schriften, Fotos und verfeinere das immer weiter. Mit dazu kommt immer eine Onlinemarketing-Beratung. Denn es geht nicht nur um eine Webpreäsenz, sondern darum, das gesamte Marketing mit aufzunehmen. Die Website ist der Dreh- und Angelpunkt. Keywords, SEO, Blog, weitere Kanäle, Newsletter, roter Faden – all das will bedacht werden.

Zudem gibts während der heißen Phase fast wöchentlich ein Meeting, indem wir den aktuellen Stand besprechen und weiter verfeinern. Denn Webseiten sind meist ein Prozess.

Kosten: das ist neben dem eigentlichen Design der größte Batzen. 10 Stunden kalkuliere ich dafür ein. Mal kommt das hin, mal nicht. Doch bei der Abstimmung schau ich nicht auf die Uhr, die dauern so lang, wie sie eben dauern.

1. Host & Domain

Zuerst kümmern wir uns um darum, der Website ein Zuhause zu geben. Wir suchen uns einen passenden Host (ich liebe AllInkl* ) aus, auf dessen Server die Daten der Website liegen. Denn so eine Website schwirrt nicht etwa wild im www rum, sondern ist ein komplexes Konstrukt aus Code und Dateien, die gesammelt auf einem Server liegen und sich bei Aufruf der Domain im Browser zu einem fragilen Konstrukt zusammenbauen. DAS ist dann die fertige Website, wenn wir sie denn erstellt haben. Mehr zu den technischen Details und allen Begriffen findest du hier: Host bis Plugin – der Komplettüberblick über WordPress-Webseiten

Ich empfehle immer, die Domain erst beim Host deiner Wahl zu registrieren. Sonst hast du sie schon irgendwo reserviert und musst sie umziehen. Notfalls machen wir aber auch das gemeinsam. Einfacher ist es, die Wunschdomain, in meinem Fall nadinschmidt.com, beim Hoster zu registrieren. Jetzt achte ich noch auf die aktuellste PHP Version, aktiviere das SSL-Zertifikat und in den Zertifikatseinstellungen aktiviere ich https erzwingen. So wechselt das http auf https und die Website stellt bei Aufruf eine geschützte, sichere Verbindung her. Diese Einstellungen sind bei jedem Host ein bisschen anders. Bei AllInkl findest du das alles in der Technischen Verwaltung unter Domain.

Kosten: für einen guten Hostinganbieter zahlst du ab 8 € im Monat. Für Shops oder vielbesuchte Webseiten auch gerne mal 30 € je Website. Monatlich. Diese Kosten solltest du selbst tragen, statt das Hosting einer Agentur zu überlassen (so bleibst du unabhängig).

On top kommt hier meine Beratung oder das Einrichten des Hostings. Dazu kalkuliere ich grundsätzlich 1 h in meinen Basispreis.

2. WordPress Installieren und einrichten

Die meisten Hoster bieten eine One Click WordPress Installation an. Bei AllInkl* finde ich das unter Software. Hier wähle ich WordPress und weise es meiner Domain zu. Ich lasse dazu immer eine neue Datenbank erstellen, ich will einfach Datensalat vermeiden. Passiert schnell, wenn du mal mehrere Webseiten hast. Jetzt warte ich kurz, bis WordPress installiert ist.

Mit dem Link Domain/wp-admin kann ich mich dann im Backend einloggen und endlich mit der Website Erstellung starten!

Um bei den Grundeinstellungen Zeit zu sparen, habe ich eine Basis-WordPress-Installation, die ich mir auf die neue Domain kopiere. Hier sind alle meine gängigen WordPress, Divi und Seiteneinstellungen schon vorhanden und ich muss nur die individuellen Einstellungen vornehmen.

Damit meine Website im Aufbau nicht in den Suchergebnissen von Suchmaschinen erscheint, gehe ich einmal in die WordPress Einstellungen und setze bei Lesen den Haken bei Suchmaschinen davon abhalten, diese Seite zu indexieren.

Kosten: Das kalkuliere ich mit 2 Stunden in den Basispreis ein.

3. DIVI und individuelle Einstellungen

Hier arbeite ich am Beispiel von DIVI. Die Schritte sind in jedem Theme dieselben.

Durch meine kopierte Website habe ich schon Divi installiert und muss nur noch eine gültige Lizenz zuweisen. Ansonsten geht das so:

Wechsel zu Design -> Themes und lade DIVI als .zip Datei hoch. Sobald du dich bei Elegant Themes registriert hast, kannst du das dort herunterladen. Manche Hoster haben hier eine Upload-Begrenzung. Solltest du eine Fehlermeldung dazu sehen, dass der Link abgelaufen ist, frag bei deinem Host nach der Upload Begrenzung (oder geh zu AllInkl im Plus Tarif.)

Theme aktivieren nicht vergessen.

Bei Elegant Themes kann ich mir in meinem Account einen neuen API Key erstellen lassen, damit auch diese Website mit Updates versorgt wird. Diesen gebe ich in WordPress in den DIVI Optionen unter Aktualisierungen ein.

Jetzt lösche ich alle Plugins, die ich nicht brauchen werde bzw. installiere die, die bei diesem Projekt gebraucht werden.

Falls du das möchtest, kannst du auch eine Wartungsseite vorschalten. Das geht ganz schnell mit dem Plugin CMP.

4. WordPress Optionen

Jetzt einmal schnell die WordPress Einstellungen durchgehen:

1. Allgemein: Untertitel & Datumsformat

2. Lesen: Sobald ich die Startseite erstellt habe, gebe ich sie hier als Homepage an.

3. Permalinks: Hier wähle ich Beitragsname für die Permalink Struktur

4. Datenschutz: sobald die Datenschutzerklärung erstellt wurde, wähle ich sie hier aus

5. DIVI Optionen

Allgemein: Logo hinterlegen, Brandingfarben in der Farbpalette speichern, Google Fonts deaktivieren, Button nach oben & responsive Images aktivieren. Alles Weitere sollte bereits passen. Da ich gerne mit zusätzlichem Code arbeite, trage ich diesen jetzt direkt unten bei Eigenes CSS ein. Speichern.

Leistung: Google Fonts deaktivieren

Builder: Beitragstypintegration -> Builder für Beiträge deaktivieren. Fortgeschritten -> Klassischen Editor aktivieren (optional. Gutenberg wäre auch ok).

Thats it.

6. DIVI Customizer

Bevor ich den Customizer starte, öffne ich auf einer beliebigen Seite den Visual Builder und lade meine Fonts hoch. Die Anleitung war die hier: https://nadinschmidt.com/schrift-divi-wird-nicht-angezeigt/

Den Customizer klicke ich einmal von oben nach unten durch.

Favicon, allgemeine Einstellungen zu Typografie, Menü und Mobile Designs.

Was ich auslasse, sind die Einstellungen zu Blog, Farbschema, Menüs, Widgets, Footer, Homepage und Eigenes CSS.

Kosten: so, für die ganzen letzten Einstellungspunkte berechne ich 2 h, denn um diese Einstellungen vorzunehmen, muss ich auch entsprechend ein Gespräch zu den Farben und Schriften geführt haben.

7. Custom Footer erstellen

Ich erstelle immer einen eigenen Footer im Theme Builder. Dazu einfach bei den DIVI Optionen den Theme-Builder öffnen und eine globale Fußzeile designen.

Kosten: dafür reichen mir 30 Minuten.

8. Layout erstellen und Presets festlegen

Endlich startet das eigentliche Design!

Dazu kann ich am wenigsten schreiben. Ich öffne eine Seite und erstelle ein grobes Layout.

Dann lege ich meine Presets für die wichtigsten Module wie Text und Buttons fest. Wie das geht, hab ich grob hier erklärt: https://nadinschmidt.com/tricks-divi/

Kosten: das ist mit der größte Teil und wird in und nach den wöchentlichen Meetings immer weiter ausgefeilt. Vom Layout träume ich sogar nachts und probiere hier viel aus, bis alles stimmig wirkt. Demnach kalkuliere ich auch hier mit 10 h, je nach Projekt. Für wenige Seiten und klaren Auftrag auch mal weniger, für größere Seiten, mehr Umfang, viel Spielraum bei der Umsetzung kann sich das verdoppeln.

9. Bilder platzieren

So ein Layout macht erst Sinn mit den passenden Bildern. Jedes Bild bearbeite ich vor dem Upload.

Ausnahme: ich bin noch total unsicher mit der Bildverteilung. Dann lade ich sie einfach mal hoch, wie sie sind und spiele mit der Platzierung rum. Später, wenn ich festgelegt habe, welche Bilder ich haben will, bearbeite ich sie, tausche sie aus und lösche die alten Bilder wieder aus der Mediathek.

Worauf du bei Bildern unbedingt achten solltest, ist hier erklärt: https://nadinschmidt.com/tipps-zu-richtigen-bildgroessen-fuer-deine-website/

Kosten: Bilder sortieren, ins Layout einfügen und bearbeiten (in Abmessungen und Größe optimiert, teilweise auch mal nachbearbeiten), schluckt viel Zeit. Je nach Website sind wir bei 3-6 Stunden.

10. Präsentation des Erstentwurfs

Es ist Zeit, meinem Kunden 2-3 Layouts der Startseite zu präsentieren. Ich baue in jedem Layout unterschiedliche Funktionen und Farbverteilungen ein, um verschiedene Möglichkeiten für die besprochenen Inhalte darzustellen.

Kosten: der Termin dauert etwa 1-2 h.

11. Layout festlegen und restliche Website erstellen

Nachdem wir uns auf ein Layout festgelegt haben, erstelle ich die restlichen Webseiten im gleichen Stil. Da das Layout steht, brauchen die restlichen Seiten je nach Umfang und Schnickschnack jeweils etwa 1-3 Stunden. Wenns wenig Inhalt und sehr cleane Seiten sind gehts ganz schnell, je mehr Bilder/Text und Schnörkel, umso länger.

Auch so eine Landingpage kann gut mal mehr als 5 Stunden Zeit in Anspruch nehmen.

Im Anschluss verbinde ich sie alle im Menü, füge die Datenschutzerklärung und das Impressum ein und erstelle auch hierzu das Footermenü.

Wenn ich die Inhalte schon früher hab, mach ich das im selben Schritt, in welchem ich den Footer gestalte. Meist kann die Datenschutzerklärung aber erst erstellt werden, wenn wir wissen, über welche Plugins und Funktionen die Website zum Schluss verfügen wird. Und das ist nicht immer schon von Beginn an klar….

Kosten: von 3 h-20 h ist hier alles drin. Das kommt wirklich auf das Projekt und den Umfang an. Verschiedene Seiten, Länge der Seiten und natürlich Seitenanzahl.

12. Änderungswünsche umsetzen

Da die Website eigentlich schon fertiggestellt ist, werden jetzt alle Feinheiten angepasst. Zusammen mit dem Kunden spreche ich die Website mehrmals durch, berate und passe an, bis alles sitzt.

Kosten: Das kann 1-5 Termine plus Nachbearbeitung in Anspruch nehmen.

13. Plugins aufsetzen

Wenn die Website an sich steht, gehts an die Backend-Arbeit. Zuerst kümmere ich mich um die Plugins.

Updraft Plus für regelmäßige, automatische Backups und Website-Migrationen arbeite ich gerne mit Updraft Plus. Hier steht, wies geht: https://nadinschmidt.com/backup-fuer-deine-wordpress-website/

Wp Optimize für Bildoptimierung und Ladezeit. Da DIVI bereits über eine Cachingfunktion verfügt, aktiviere ich diese nicht zusätzlich. Bei manchesnWebseiten bringt die Komprimierung von CSS und HTML ein paar extra Ladezeitpunkt, manchmal richtet es aber auch mehr Schaden an. Dann lieber weglassen.

NinjaFirewall für die Sicherheit und Loginbegrenzung.

Matomo, wenn Tracking der Besucherzahlen gewünscht ist. Hier aber dann ohne Cookies und mit anonymisierten IP Adressen.

RankMath als SEO-Hilfsmittel meiner Wahl. Damit kann ich SEO-Tital und Metabeschreibungen ausfüllen, Indexierungen einzelner Seiten deaktivieren, Linkweiterleitungen einrichten und einiges mehr.

Cookie-Consent-Tool, wenn nicht-essentielle Cookies gesetzt werden. Am liebsten nehm ich Borlabs oder Real Cookie Banner.

Plugins die nicht mehr benötigt werden, wie zB Enhanced Media library oder CMP, lösche ich.

Mehr zum Datenschutz und Plugins hier: https://nadinschmidt.com/datenschutz-auf-deiner-website-dsgvo-co/

Ich setze hier auf effiziente Plugins. Das heißt, ich nutze alle Optionen von Divi, um Plugins zu sparen und verwende nur die nötigsten Plugins. So schaffe ich es meist mit unter 10 Plugins auszukommen, was Sicherheit und Schnelligkeit zugute kommt.

Kosten: dafür benötige ich ca. 2 Stunden, wenn ein Cookie Banner vorgeschaltet werden muss.

14. Bilder nochmal optimieren und anpassen

Wenn ich bisher Platzhalter verwendet habe, dann tausche ich die Bilder jetzt aus. Korrekte Abmessungen und geringe Dateigröße sind hier wichtig. Alle ausgetauschten oder nicht verwendeten Bilder werden aus der Mediathek gelöscht.

Mit dem Plugin WP Optimize lasse ich die Bilder zusätzlich komprimieren und als webP ausspielen.

Budgetfreundliche Starterwebseiten

Schau dir die fertigen WordPress-Webseiten für Business Starter an!

Layouts anschauen

Kosten: Je nach Bildanzahl 30 min bis 3 h.

15. Links setzen und testen

Ich gehe Webseite für Webseite durch und setze Querverlinkungen oder Links nach außen. Zum Schluss teste ich jeden Link.

Kosten: 30 Minuten.

16. Responsive Optimierung

Da ich bereits bei den Voreinstellungen auf die Mobile Anpassung achte und auch die Presets direkt für mobil einstelle, muss ich hier kaum etwas anpassen.

Meist sind es Bilder oder besondere, verschobene Module, die ich mit ein paar wenigen Klicks für die Mobilansicht optimiere.

Kosten: Auch hier abhängig vom Projekt. Einfache Webseiten brauchen kaum separate Mobiloptimierung. Ansonsten kann das locker mal eine Stunde je Seite in Anspruch nehmen.

17. SEO, Meta und Bildbeschreibung ausfüllen

Für jede Seite fülle ich noch den SEO Tital und Metabeschreibung sinnvoll mit Keywords aus. Meist schreibe bekomme ich fertige Texte, ansonsten führe ich vor der Texterstellung eine kurze Keywordrecherche durch.

Da ich keine SEO-Texte anbiete und das dem Kunden auch so mitteile, reicht das erstmal aus.

Dasselbe mach ich mit den Bildtiteln und Bild-Alt-Texte sowie -beschreibung. Auch hier arbeite ich – wenn sinnvoll – ein paar Keywords ein.

Kosten: hier reche ich mit 30 Minuten je Seite. Denn vorab geht auch ein Gespräch zu SEO und eine kurze Keywordrecherche.

18. WordPress Index an

Unter Einstellungen -> Lesen stelle ich den Index wieder auf an.

Wenn noch nicht erledigt, gebe ich jetzt auch die Homepage und Datenschutzseiten in den Einstellungen an.

19. Einweisung & Übergabeprotokoll

Alle meine Kunden erhalten eine Übergabe. Hier sage ich ein paar zusammenfassende Worte zur Website, gebe wichtige Links durch und biete eine Einweisung an.

Für Spezialfälle schreibe ich eine kurze Dokumentation. Zum einen für den Kunden, zum anderen auch für mich, falls ich irgendwann wieder an der Website arbeiten muss und nicht mehr genau weiß, was ich wie gemacht habe. Fast jede Website hat 1-2 besondere Dinge eingebaut, für die ich eine spezielle Lösung finden musste.

Die meisten meiner Kunden erhalten einen Zugang zu meiner DIVI Miniacademy. Hier hab ich extra kurze Tutorials erstellt, damit einfache Änderungen an der Website schnell selbst erledigt werden können. Das hat den Vorteil, dass die Kunden auch noch Monate später schnell mal nachschauen können. Denn eine Einweisung bei Übergabe ist wenig sinnvoll, das ist einfach too much information und wird direkt wieder vergessen.

Zum Schluss lasse ich mir noch ein Übergabeprotokoll ausfüllen und so bestätigen, dass die Website nach Wunsch erstellt und vollständig übergeben wurde.

Kosten: Für den Abschluss kalkuliere ich ca 3 h.

Websitekosten

Du siehst, das mit den Kosten hängt von vielen Faktoren ab.

Ich rechne nicht stupide nach Seiten oder Umfang ab, sondern kalkuliere immer auch ein bisschen weiter. So kostet eine kleine, 3-seitige Website mit einfachem Layout ab 1.500 €, während größere Seiten (2-sprachig, umfangreiches Design, viele Unterseiten) 2.000-5.000 € kosten. Immernoch weit entfernt von manchen Agentur-Preisen (von Dumping-Template-Preisen und „garantierter Suchmaschinen-optimierung“ reden wir hier nicht.)

Zusammenfassung & Appell

Alles in allem kommen für das gesamte Projekt zwischen 20-40 Arbeitsstunden zusammen. Abstimmungen, Beratungen, Einweisung und eben die wirkliche Arbeit an der Website. Wissen und Wert wollen ja auch bezahlt werden.

Kostengünstige Webseiten (so wie meine fertigen Webseiten) beinhalten keine Beratung, Abstimmung oder individuelle Anpassungen und sind trotzdem knapp bemessen im Preis. All das könntest du auch selbst machen, aber jetzt sag ich dir ganz konkret, wieso das keine gute Idee ist:

Nach über 2 Jahren als selbständige Webdesignerin kann ich dir sagen, dass KEINE Website, die Laien selbst erstellt haben, gut ist. Nie. Selbst nach meinen Coachings sind immernoch nicht alle Bereiche und Details abgedeckt. Alle Kunden im Coaching klagen über die Zeit und Nerven, die bei der Bearbeitung drauf gehen. Sobald ich einen intensiven Blick auf die Website werfe, stolpere ich von Fehler zu Fehler. Von den 20 unnötigen Plugins (weil halt Wissen fehlt, wies besser geht) ganz zu schweigen. Nein, das sag ich nicht, weil du deine Website bei mir erstellen lassen sollst, sondern weil es Fakt ist. Bevor du also überlegst, deine Website selbst zu erstellen, investiere in einen wirklich guten Kurs oder ein individuelles Coaching. Das hat den Vorteil, dass du dann zumindest deine Website auch nach der Erstellung selbstsicher bearbeiten kannst.

Dem gegenüber stehen Kunden, die sich ein Pauschalangebot von mir kalkulieren lassen und dann eine Website bekommen, die wirklich viele Details beinhaltet. Da wird an die Kleinigkeiten im Backend gedacht, voraussschauend das Marketing mit bedacht und rechtlich sowie technisch das abgeliefert, was aktuell Stand ist und für eine optimierte Website wichtig ist.

Ja, es lohnt sich immer, das einen Profi machen zu lassen. Zudem kannst du die Website als Ausgabe absetzen, somit kostet sie dich ja fast nur noch die Hälfte.

Bist du jetzt bereit, für deine richtige Website?

Vereinbare ein Erstgespräch* mit mir und wir besprechen dein Thema gemeinsam. 🙂

Onlinebusiness-Bundle zum Sofortdownload

• Onlinemarketing-Fahrplan
• E-Mail-Marketing-Guide
• DIY Website-Check

Bundle runterladen

Deine Webseiten oder Blogbeiträge werden von Suchmaschinen besucht und (bestenfalls) einmal komplett durchgegangen, um dann in ein Register aufgenommen zu werden. Dabei vermerkt die Suchmaschine im Registerordner, was sie auf deinen Seiten alles gefunden hat. Wenn jemand in die Suchleiste einer Suchmaschine ein Wort oder einen Satz eingibt, schaut die Suchmaschine blitzschnell alle Registerordner durch, ob in einem davon was Passendes steht und zeigt diese an.

Deine Seiten wurden also indexiert, wenn die Suchmaschine sie besucht und aufgenommen hat. So können deine Webseiten dann von Suchenden bei Google oder anderen Suchmaschinen gefunden und aufgerufen werden.

Für welche Seiten die Indexierung keinen Sinn ergibt

Für deine AGB, Newsletter-Fast-geschafft- und Danke-Seiten, Hilfsseiten, Testseiten und sonstige Webseiten oder Beiträge, die in keiner Suche auftauchen sollten, macht es Sinn, die Indexierung auszuschließen.

Überlege dir, ob ein Besucher auf der Seite etwas Nützliches finden könnte bzw. etwas, das ihn zum Ziel führt.

Onlinebusiness-Bundle zum Sofortdownload

• Onlinemarketing-Fahrplan
• E-Mail-Marketing-Guide
• DIY Website-Check

Bundle runterladen

Wie du die Indexierung prüfen kannst

Wenn du nicht mit der Google Search Console verbunden bist, dann kannst du dir so behelfen:

Öffne den Browser und tippe in die Suchleiste site:deinedomain.xx ein.

In meinem Fall: site:nadinschmidt.com

Schon siehst du alle Seiten, die Google indexiert hat. Hier kannst du übrigens auch mal prüfen, welche Seiten ins Leere laufen und ob sich eine Umleitung lohnt.

In der Search Console wechselst du zum Punkt Abdeckung und gibst dann oben in die Leiste die URL der betreffenden Seite ein.

Wie du die Indexierung mit Yoast oder Rank Math abstellen kannst

Gehe dazu in WordPress auf die jeweilige Seite und scrolle nach unten zu dem Part, in den du bei Yoast oder Rank Math den Metatitel und die Metabeschreibung eingibst.

Rank Math

Bei Rank Math wechselst du auf den Reiter Advanced und setzt unter Robots Meta den Haken bei No Index.

Wenn du jetzt speicherst, wird auch der SEO-Score für diese Seite ausgegraut, denn wenn die Seite in keinem Suchergebnis erscheinen soll macht auch ein Keyword dafür keinen Sinn.

Yoast

In Yoast gehst du einmal ganz runter und öffnest den Toggle Erweitert. Hier kannst du jetzt die Indexierung auf Nein setzen.

Wenn du jetzt speicherst, wird dein SEO-Score in der Seitenübersicht auf blau gesetzt.

Was passiert dabei?

Jede deiner Webseiten besteht aus einem komplexen Code, quasi eine Anleitung für den Browser, wie die Website grafisch aussieht. Wenn du den Index auf nein setzt, dann wird ganz oben auf der Seite in den Code ein kleines Textschnipselchen platziert, dass der Suchmaschine sagt: Stop, hier brauchst du nicht weitergehen.

Thats it.

Caching soll die Ladezeiten deiner Website verbessern, indem Code gebündelt vorgespeichert wird (grob gesagt). Da kann schon mal was schiefgehen und dann gibt das leider auch mal Probleme in der Darstellung.

Wichtig: bevor du startest, mach ein Backup! Wie das geht, erfährst du hier.

Die folgenden Schritte kannst du auch in anderer Reihenfolge durchgehen, so machen sie halt am meisten Sinn.

Onlinebusiness-Bundle zum Sofortdownload

• Onlinemarketing-Fahrplan
• E-Mail-Marketing-Guide
• DIY Website-Check

Bundle runterladen

1. DIVI-Cache leeren – Module korrekt anzeigen lassen

Zuerst leerst du den Cache bei DIVI direkt. Das solltest du möglichst immer machen, wenn du größere Änderungen an deiner Website vorgenommen hast. Von diesem Cache wissen die wenigsten, dabei ist das der Wichtigste.

How to: Geh im WordPress-Backend in der linken Menüleiste auf DIVI → Theme-Optionen → Builder → Fortgeschritten

und klickst da auf Klar... die Übersetzung von clear.

Öffne die Website jetzt in einem anderen Browser oder im Inkognito Modus und schau, wie sie aussieht. Immernoch nicht gut? Dann weiter.

2. Browser-Cache leeren – Anzeigefehler bei dir beheben

Es kann sein, dass nur dein Browser das Darstellungs-Problem aufweist. Denn wenn deine Website im Inkognito-Modus, mit einem anderen Browser wie z. B. Safari, Firefox oder Chrome gut aussieht, nur bei deinem aktuellen nicht, dann liegt es am Browser-Cache.

How to: Geh dazu in die Einstellungen deines Browsers und schau nach Cache, Browserdaten oder Cookies.

Bei Chrome sind die hier:

Dann findest du sie unter Browserdaten und löschst einfach mal soviel du magst (theoretisch reichen die letzten 1–2 h. Der Cache kann aber durchaus ab und an mal geleert werden). Pass auf, du wirst jetzt auch aus deinem WordPress abgemeldet. Allgemein wirst du von allen Logins abgemeldet, denn das sind eben Cookies.

3. Cache von Performance-Plugins – zeigt definitiv jedes Modul in DIVI wieder an!

Gerade wenn du Plugins wie WP Rocket nutzt, wirst du sehr häufig Darstellungsprobleme in DIVI haben. Das minimiert zwar super, aber manchmal halt zu viel.

Such die Einstellungen deines Plugins (manchmal sind die auch unter Werkzeuge oder Einstellungen im WordPress-Menü) und suche nach einer Möglichkeit, wie du den Cache (auch CSS-Cache) leeren kannst.

Bei WP Rocket ist das der zweite Punkt unter Dashboard (in den Plugin-Einstellungen). Bei vielen Plugins kannst du den Cache auch direkt oben in der Schnellzugriffleiste in WordPress leeren. Einfach mal die Augen offen halten, wenn du eingeloggt bist.

Budgetfreundliche Starterwebseiten

Schau dir die fertigen WordPress-Webseiten für Business Starter an!

Layouts anschauen

Wie du vermeiden kannst, dass Module in DIVI falsch angezeigt werden

DIVI hat seit dem Performance-Update 2021 einen zusätzlichen Optionen-Punkt. Dort findest du die Einstellungen zur Optimierung der Ladezeit. Die sind super und machen DIVI um viele Ecken schneller (was nicht so einfach ist), können dir aber auch die Darstellung zerschießen.

Wenn du häufiger Probleme hast und große Änderungen an deiner Website vornehmen willst, dann schalte Dynamic und Critical CSS mal ab. Zumindest so lange, bis du durch bist. Aktiviere es dann wieder, leere den Cache wie oben beschrieben und fertig.

Beachte, dass sich ein dauerhaftes Abschalten auf deine Ladezeiten auswirkt.

Auf welche Fehler triffst du öfter mit DIVI?

Die einzelnen Seiten – Webseiten – einer Website. Alle Begriffe rund um Website hatte ich hier mal erklärt.

Welche einzelnen Webseiten dein umfangreicher Online-Auftritt haben sollte

Die Startseite

Auch Homepage genannt. Sie ist der erste Eindruck von dir, das, was beim Aufruf deiner Webadresse zuerst gesehen wird.

Achte hier auf einen kurzen, aussagekräftigen Einstieg, der mit der H1 & H2 die Wer, wie, wofür, für wen – Fragen aufklärt. Oder zumindest ein paar davon.

Gebe dann einen kurzen Überblick über dich und deine Leistungen, präsentiere jedes Thema kurz und knapp. Dein Besucher soll auf der Startseite bereits erkennen, was für ihn auf deiner (gesamten) Website wichtig ist.

Beispiel: kurzes über mich, was du machst, welche Leistungen du anbietest, Kontaktmöglichkeit (zumindest Buttons), Newsletteranmeldung, Testimonials, Blog, etc. Nicht zu viel, nicht zu wenig.

Die über mich Seite

Eine der wichtigsten Seiten. Sie weckt das Vertrauen der Kunden, gibt einen kleinen, intimen Einblick in die Person hinter der Seite.

Falsch wäre hier ein Lebenslauf oder eine Zusammenfassung über deinen Werdegang. Richtig ist kurz und knapp, wieso DU die Kompetenz hast, deinem Kunden bei exakt seinem Problem zu helfen.

Die Leistungsseiten

Das können schnell mal mehrere sein. Je nachdem, was du anbietest, macht es Sinn, die Leistungen auf mehrere Seiten zu verteilen. Das ist besser für SEO und für den Überblick, da du auf jeder Seite explizit auf das Thema eingehen kannst. Beschreibe hier dein Angebot, gib die wichtigsten Informationen raus. Schreibe Lösungsorientiert.

Die Kontaktseite

Wenn du es nicht schon auf jeder Seite oder gut sichtbar im Footer anbietest, dann gib eine Kontaktseite an. Die muss nicht umfangreich sein, aber den Kontakt so leicht wie möglich machen. Beachte die unterschiedlichen Vorlieben. Die einen nutzen gerne ein Kontaktformular, andere schreiben lieber direkt eine Mail oder rufen an. Schau, was dir und den Kunden am liebsten ist und biete das an. Verwende für Mailadressen immer Directlinks.

Der Blog

Wenn du Blogartikel schreibst (absolute Empfehlung!) dann darf die Blogseite nicht fehlen.

Impressum & Datenschutz

Leider Pflicht. Impressum und Datenschutz gehören zu jeder Website. Am besten platzierst du sie im Footer. So stören sie nicht im Menü und sind von jeder Seite aus mit einem Klick erreichbar → Vorschrift.

Onlinebusiness-Bundle zum Sofortdownload

• Onlinemarketing-Fahrplan
• E-Mail-Marketing-Guide
• DIY Website-Check

Bundle runterladen

Mehr zum sinnvollen Aufbau einer Website findest du in diesem Artikel.

Hast du Fragen? Dann schrei(b).