Schlagwortarchiv für: wordpress website

Website Relaunch – Der ultimative Leitfaden zum kompletten Ablauf

Wann ist es Zeit für einen Website Relaunch, und wie ist ein solches Projekt mit Hilfe einer Checkliste für den Relaunch zu organisieren?

Deine eigene Webseite ist mittlerweile in die Jahre gekommen und entspricht nicht mehr den aktuellen Design-Trends. Ebenso lassen Struktur der Seiten und der technische Zustand zu wünschen übrig. 

Jetzt ist es Zeit für etwas Neues – Einen Website Relaunch!

Doch der ist nicht mal so nebenbei gemacht. Ein Website Relaunch ist durchaus komplex – aber mit dem richtigen Plan stressfrei und Schritt für Schritt umsetzbar. 

Damit der Relaunch Deiner Webseite gelingt und Du mit einer modernen, technisch optimierten WordPress Website durchstarten kannst, haben wir die wichtigsten Schritte und Tipps auf dem Weg zur neuen Website für Dich als umfassenden Leitfaden zusammengefasst.

Website Relaunch

Definition – Was ist ein Website Relaunch?

Ein Website Relaunch ist der Neuaufbau einer veralteten Website. Er umfasst in der Regel grafische, funktionale und inhaltliche Verbesserungen. Die Stellschrauben Webdesign, Technik und Content sollen im Ergebnis die gesamte Darstellung, das Nutzererlebnis und im besten Falle auch die Sichtbarkeit der Website optimieren. Vorab wird analysiert, was an einer Webseite gut und was verbesserungswürdig ist. Zeigen sich dabei so viele Ansatzpunkte für Verbesserungen, dass man besser alles von Grund auf neu gestalten müsste, ist es Zeit für einen Website Relaunch.

Konkrete Gründe für einen Website Relaunch

Was sind letztlich die handfesten Kriterien, die für einen kompletten Website Relaunch sprechen?

  1. Optik und Design: Der offensichtlichste Grund für einen Relaunch ist schlicht das gesamte Aussehen einer Website. Betrachtest Du Deine Website einmal komplett, und Dir fallen nicht nur einzelne Verbesserungsmöglichkeiten auf, sondern Du bist mit dem gesamten Design nicht mehr zufrieden, dann ist es Zeit für einen Relaunch.
  2. Funktionen und technische Probleme: WordPress und das gesamte Ökosystem aus Themes, Plugins etc. um WordPress herum entwickeln sich laufend weiter. Geht Deine Website diese Entwicklungen über einen längeren Zeitraum nicht mit, entstehen meist zwei Probleme:
    • Erstens sind bestimmte Funktionen, die bei neuen Website mittlerweile üblich sind, auf Deiner Website nicht möglich.
    • Und zweitens kann es technisch hier und da knirschen, mal ganz abgesehen vom Aspekt der WordPress Sicherheit und den dazugehörigen WordPress Updates.
  3. Sichtbarkeit in Suchmaschinen (SEO): Die Sichtbarkeit Deiner Website bei Google und Co. ist abgestürzt oder befindet sich im stetigen Sinkflug. Das kann vor allem technische Gründe und inhaltliche Gründe haben, manchmal ist es auch eine Mischung aus beidem. Beispielsweise können Deine Ladezeiten zu lang sein, und gleichzeitig bietest Du nur veralteten Content an. Unterm Strich werden in solch Fällen kleine Eingriffe nicht viel bringen, sondern es ist eine neue SEO-Strategie inhaltlicher und technischer Art nötig.

Es gibt also gleich eine ganze Reihe guter Gründe für einen Relaunch Deiner Webseite. Wichtig ist, dass Du nach einer ersten Analyse klar definierte Ziele für Deine Unternehmenswebseite hast und der Relaunch diese Ziele unterstützt.

Genügt ein Redesign?

Relaunch und Redesign liegen begrifflich nah beieinander. Genau genommen ist der Redesign ein Teil des Relaunchs. Während der Relaunch die komplette Website inklusive Content, Seitenstruktur, Usability und Technik umfasst, liegt beim Redesign der Fokus nur auf der reinen Optik.

Vorteil am Redesign ist, dass erstmal weniger Aufwand anfällt, da eben bestimmte Bereiche ausgeblendet werden. Normalerweise musst Du Dir beim Redesign auch keine Gedanken um die Rankings bei Google & Co. machen, denn die werden voraussichtlich gleich bleiben.

Ob ein reiner Redesign ausreicht, entscheidet sich daran, ob Content, Seitenstruktur etc. auch wirklich auf einem aktuellen Stand sind.

Ein Redesign kann auch sinnvoll sein, wenn sich die Unternehmensausrichtung beispielsweise hinsichtlich Markenbotschaft oder Zielgruppe ändert. Doch selbst dann ist genau zu prüfen, ob der Rest wirklich beim Alten bleiben kann, denn zumindest die Inhalte werden damit sicher ebenso zu aktualisieren sein. Und zudem ist ein Redesign oft auch leichter, wenn die technische Basis der Website ebenso auf den neuesten Stand gesetzt wurde.

Die Checkliste zum Überblick beim Website Relaunch

checkliste für website relaunch

Eien Checkliste schafft Überblick im Website Relaunch

Da der Website Relaunch diverse unterschiedliche Bereiche wie Programmierung, Webdesign und Content umfasst, kann er schnell zu einem komplexen Projekt werden. Der Relaunch steht und fällt deshalb mit einer gründlichen Analyse und mit einem umfassenden Konzept oder Briefing für den Relaunch – je nachdem, ob Du das Projekt selbst umsetzt oder über eine externe Agentur beauftragst.

Für den gesamten Relaunch Prozess ist es eine gute Idee, mit Checklisten zu arbeiten. Sie verschaffen einen Überblick über bereits erledigte Aufgaben und solche, die noch zu erledigen sind. Schreibe Dir also stichpunktartig alle wichtigen Schritte und Checks mitsamt ihrer Aufgaben auf.

Der Website Relaunch lässt sich als Ablauf in folgende Phasen als Relaunch Checkliste aufteilen:

Relaunch-Phase 1: Analyse + Konzept

In der ersten Phase des Relaunchs geht es zunächst darum, klar zu machen, wie die neue Website aussehen soll, was sie technisch können soll, und was inhaltlich drauf sein soll. Das Ganze mündet am Ende in einem umsetzbaren Konzept oder einem Briefing für die beauftragte Agentur.

Subjektiver Website Audit

Im ersten Schritt der Analyse geht es um eine grobe Sammlung unterschiedlichster Aspekte. Folgende Fragen und Anasatzpunkte können einen Anfang machen:

  • Steuere Deine Webseite im Browser an und notiere Dir die Dinge, die Dir sofort auffallen. Was fällt an der aktuellen Website eher Negativ oder Positiv auf?
  • Was lässt sich auf Webseiten der unmittelbaren Konkurrenz an positiven Beispiel finden? Vielleicht gibt es dort das ein oder andere abzuschauen.
  • Braucht Dein Logo auch eine Auffrischung oder sogar das gesamte Corporate Design?
  • Frage auch im Familien- und Bekanntenkreis oder bei Deinen Kunden nach Feedback zu Deiner Webseite.
  • Hast Du bereits Social Media Kanäle, kannst Du diese Reichweite nutzen und Deine Follower ebenfalls um Anregungen und Kritik bitten.

Du bekommst einen wertvollen Blick von Außen und von Deiner Zielgruppe auf die Homepage und kannst diese Meinungen mit in das Briefing aufnehmen. Aus diesen Informationen kannst Du eine Ist-/Soll Gegenüberstellung zusammenfassen. Häufig fallen bei so einem Audit auch noch andere Dinge auf, die für ein noch umfassenderes Make-Over sorgen.

Hast Du durch den Blick aus der Vogelperspektive einige offensichtliche Punkte gefunden, die auf jeden Fall erneuert werden sollen, dann beginne nun zu clustern:

Unterteile alles in die Bereiche Inhalt, Webdesign und Programmierung.

Je genauer Du Deine Vorstellungen für den Relaunch beschreiben kannst, desto einfacher und schneller können die an der Umsetzung Beteiligten Deine neue Homepage erstellen. Zusätzlich bist Du so im Thema und hast einen Überblick über den Ablauf des Relaunch.

Kennzahlen

Beim Vergleich Deiner Website mit dem Wettbewerb solltest Du neben den rein subjektiven Kriterien auch möglichst quantifizierbare Kriterien finden.

Nutze daher Analyse Tools wie beispielsweise SE Ranking, um ein Bild zu bekommen, wie Du im Wettbewerb dastehst, und an welchen Konkurrenten Du Dich in bestimmten Feldern orientieren solltest. Gehe Deinen Google Analytics Account durch, um an weitere Infos und Verbesserungspotentiale zu kommen.

Mögliche Fragen Deiner Analyse vor dem Website Relaunch könnten beispielsweise folgende sein:

  • Auf welchen einzelnen Seiten verweilen Deine User besonders lange? Wo springen sie hingegen schnell wieder ab?
  • Welche Rankings bei Google haben meine einzelnen Seiten zu den wichtigsten meiner Keywords?
  • Wo stehen meine wichtigsten Wettbewerber in den Rankings?
  • Wie sieht es mit der Ladezeit meiner Seiten aus?

Aus diesen Ergebnissen werden sich wahrscheinlich viel Handlungsbedarf ergeben, der gar nichts mit dem Website Design zu tun hat. Umso mehr sollte im Zuge des Relaunchs also die Gelegenheit genutzt werden, auch technische und inhaltliche Aspekte der Website anzugehen.

Dein Unternehmen

Vielleicht hat sich auch an Deinem Unternehmen in letzter Zeit einiges geändert, dem eine neue Website Rechnung tragen muss. Wofür steht Ihr eigentlich? Und welchen Nutzen bietet Ihr Euren Kunden? Solche Fragen können Startpunkt einer tiefergehenden Analyse bilden, deren Ergebnis einiges zum Fundament der neuen Website beitragen kann.

Denn wenn die Webdesignerin oder der Webdesigner genau weiß, um was für ein Unternehmen mit welchen Strategien, Werten, Kunden und Mitarbeitern es geht, wird die Website das am Ende auch widerspiegeln.

Ganz konkret kannst Du solchen Fragen nachgehen:

  • Welche Produkte oder Leistungen bieten wir, und welchen Nutzen stiften diese?
  • Was ist unsere Branche und unser Marktumfeld?
  • Was sind die Schwerpunkte unserer Unternehmenskommunikation?
  • Für welche Vision und für welche Werte steht das Unternehmen?

Optik und User Experience

Beim Vergleich Deiner alten Website mit neuen Seiten aus Deiner Branche sind sicherlich schon einige gestalterische Dinge zutage getreten, die ganz klar nicht mehr state of the art sind.

Vielleicht hat sich auch generell das Corporate Design Deines Unternehmens geändert, dem nun Rechnung zu tragen ist. Allein die Änderung des Firmenlogos kann diverse Anpassungen von Design-Elementen mit sich bringen, die damit harmonisieren müssen.

Stelle für das Briefing am besten eine Liste mit Punkten zusammen, die Du auf jeden Fall erneuert haben möchtest, und illustriere sie mit Beispielen von anderen bestehenden Websites. So kann sich die WordPress Agentur, beziehungsweise der Webdesigner ein genaueres Bild Deiner Vorstellungen machen.

Die Erneuerung der Optik sollte idealerweise mit einer Verbesserung der sogenannten User Experience einhergehen. Gemeint ist damit vor allem sein nutzerfreundliche Gestaltung.

Am einfachsten und gleichzeitig wirkungsvollsten lässt sich beispielweise die Navigation anpassen. Ist diese beispielsweise zu komplex, findet der User nicht zu den Infos, die er braucht, und somit wohl auch nicht auf die Landingpages etc., auf die Du ihn lotsen möchtest.

Die neue Website soll zwar nicht blindlings alle neuen Webdesign Trends widerspiegeln, aber schon Darstellungsformen wählen, die es vor allem dem User leichter machen und mehr Übersichtlichkeit schaffen.

In der Neugestaltung sollte das Design auf jeden Fall in sich konsistent sein: Achte also auf Einheitlichkeit beim Redesign. Auch das verbessert indirekt die Usability. Denn wenn sich alle Elemente in wiederkehrender Form zeigen, hilft das dem Nutzer wiederum bei der Orientierung auf der Website.

Responsive Design in mobiler Darstellung

Immer mehr unterschiedliche Smartphones und Tablets bringen immer mehr Bildschirmgrößen mit sich. Idealerweise sieht Deine Website auf allen möglichen Screens stimmig aus. Tut sie das nicht, ist am responsive Design zu arbeiten, um eine optimale mobile Darstellung zu schaffen.

responsives wordpress design

Responsive Design für optimale mobile Darstellung

Durch responsive Design verschieben sich die Layoutelemente auf einer Website automatisch mit der Bildschirmgröße ganz flexibel, so dass überall die gleiche Funktionalität möglich ist und es immer gut aussieht.

Relaunch der Inhalte

Bei der Neugestaltung Deiner Homepage spielen die Inhalte eine mindestens ebenso wichtige Rolle, sprich Texte, Bilder und Videos. Es bietet sich an, den Relaunch als Anlass zu nehmen einmal ordentlich auszumisten.

Häufig finden sich auf älteren Websites veraltete Inhalte. Nicht mehr aktuelle Kontaktinformationen oder Mitarbeiter, die schon lange in Rente sind können aus dem Content-Fundus rausfliegen. Das gleiche gilt für alte Media Dateien.

Was sind die aktuellen Produkte, Ziele und Zielgruppen Deines Unternehmens? Richte die Inhalte im Website Relaunch daran aus, und wirf überflüssiges Zeug einfach raus.

Zum Relaunch der Inhalte gehört auch die Seitenstruktur. Diese sollte die Inhalte in logischer Form gliedern. Eine gute Möglichkeit zur Strukturierung ist zum Beispiel eine sogenannte Silo-Struktur der Inhalte, ausgehend von den Produkt Landingpages:

Wie in getrennten Silos separierst Du Deine einzelnen Seiten und Beiträge und ordnest sie in der Seitenstruktur bestimmten Produktseiten zu. Die Produktseiten selbst verlinken auf die jeweils untergeordneten Seiten, und diese wiederum auf die Produktseiten. Verlinkungen kreuz und quer zwischen den einzelnen Content Silos sollten eher vermieden werden.

Einfache Sitemap

Einfache Sitemap

So macht man die Orientierung nicht nur dem Nutzer leichter, sondern vor allem auch den Suchmaschinen, die eine solche klare Struktur mit guten Rankings honorieren.

Die Suchmaschinenoptimierung wird auf diesem Weg ebenso zum Bestandteil des Relaunchs.

Neue Inhalte sind sind nicht so schnell erstellt. Wenn also mehr als eine Handvoll an Blogbeiträgen geschrieben werden soll, dann erstelle am besten gleich einen richtigen Redaktionsplan für die Website mit Fristen und Verantwortlichen für die einzelnen Beiträge, Seiten und anderen Content-Elemente.

Technisches Audit

In der Vorbereitung zum Relaunch solltest Du auf jeden Fall auch die generelle Technik beleuchten. Analysiere im Einzelnen, wo es bei Deiner Webseite so hakt. Mit einem solchen Check erkennst Du die Faktoren, die zum Beispiel für eine schlechte Ladezeit sorgen oder Deine Rankings in den Suchmaschinen beeinträchtigen.

Das Audit gibt ebenfalls Aufschluss über das im Hintergrund laufende System und den Server. Eventuell ist für schnellere Ladezeiten ein Providerwechsel notwendig. Dies trägt nicht unwesentlich zur Suchmaschinenoptimierung bei.

Wenn Dir selber die Expertise für ein detailliertes, technisches Audit fehlt, können wir unseren Partner wp-wartung24 empfehlen. Dort findest Du Experten, die Deine Webseite auf Herz und Nieren prüfen und Dir eine voll umfassenden Bericht über den Zustand der Homepage und Handlungsempfehlungen zur Verbesserung zukommen lassen.

Konzept oder Briefing für den Website Relaunch

Am Ende der Phase 1 steht die Konzeption auf der Relaunch Checkliste: Deine Ziele, Wünsche und Anforderungen hinsichtlich Technik und Webdesign sollten jetzt klar sein, so dass Du sie als Briefing an die Agentur geben oder selbst umsetzen kannst.

Strukturiere das Briefing am besten analog zu den Checkpunkten oben: Webdesign, Inhalte und Technik/Programmierung.

Bei den Inhalten bist Du in der Regel selbst am meisten gefordert. Denn je fachlicher diese sind, umso mehr kannst nur Du oder jemand aus Deinem Unternehmen diese erstellen, oder zumindest vorformulieren. Der weitere Prozess der Umsetzung durch die Agentur wird sicherlich schneller und reibungsloser laufen, wenn Du schon inhaltliche Vorarbeit geleistet hast.

Relaunch-Phase 2: Umsetzung

Jetzt geht der Relaunch Prozess richtig los. Die neue Website wird erstellt. Und es kommen Webdesigner und gegebenenfalls auch Programmierer ins Spiel.

Abstimmung mit der Agentur

Bevor jemand an der alten Website rumfummelt oder sich an die Gestaltung der neuen macht, ist eine Abstimmung der Beteiligten sinnvoll. Das Briefing wird gemeinsam durchgegangen, um sicherzustellen, dass alle auch das Gleiche meinen.

Möglicherweise muss das Briefing hier und da noch ergänzt oder konkretisiert werden. Auch wird die Agentur höchstwahrscheinlich eigene Vorschläge oder ein komplett eigenes Konzept vorschlagen, dass es zu diskutieren gilt.

Technisches Setup

Wenn alle Punkte abgestimmt sind, kommt des technische Setup der neuen Website. Dieser Prozess läuft normalerweise verdeckt, also in einer sogenannten Testumgebung.

In dieser Testumgebung setzt ein Administrator das CMS WordPress (Content Management System), das Theme und die erforderlichen Plugins neu auf oder spielt eine modifizierte Kopie der alten Website ein.

Als Testumgebung kannst Du Dir auch mit wenigen Klicks bei TasteWP eine kostenlose Test-WordPress-Website erstellen. Für Demo-Zwecke und zum Testen genügt dies allemal.

Programmierung neuer Funktionen

Sind neue Funktionen geplant, setzt der Programmierer diese entweder an dieser Stelle um, oder er programmiert die Funktionen nach dem nächsten Schritt, der grafischen Gestaltung des grundlegenden Layouts.

Auch für bestimmte Design-Anpassungen muss ggf. ein Programmierer eingreifen. Das betrifft vor allem Anpassungen, bei denen nicht nur innerhalb der Möglichkeiten des Themes variiert wird, sondern wo das Theme selbst umprogrammiert wird.

Egal wann die Programmierung stattfindet, schließt sich auf jeden Fall eine Testphase an, um die neuen Funktionen zu prüfen.

Grafische Gestaltung des grundlegenden Layouts

Der am meisten sichtbare Part des Relaunch der Website ist sicherlich das Redesign, also die Umgestaltung des grundlegenden Layouts und einzelner Design-Elemente. Dies ist die ureigene Aufgabe des Webdesigners.

Gerade in dieser Phase kommen die Beschreibungen und Beispiel-Websites aus dem Briefing zum Tragen.

Je bessere Beispiele und je klarere Infos hier vorliegen, umso effizienter wird der Prozess. Denn so kann der Designer am besten die Wünsche des Auftraggebers treffen.

Inhalte einfügen

Das Einfügen der Inhalte geht oft parallel mit dem Gestalten des Designs einher. Denn am besten lässt sich das neue Design veranschaulichen, indem man es mit den realen Texten und Bildern umsetzt, anstatt nur auf Dummy zu setzen.

Es werden die alten (noch brauchbaren Inhalte) eingespielt, und dazu kommt dann der neue Content mit den entsprechenden neuen Seiten. Wie in der Konzept-Phase beschrieben, spielt hier auch die Suchmaschinenoptimierung eine starke Rolle.

Relaunch-Phase 3: Launch mit Umzug der Website

Die eigentliche Arbeit ist nun gemacht. Die Website kann umziehen. Dazu ist jedoch nochmal technisch Feinarbeit erforderlich, die auf keinen Fall auf der Relaunch Checkliste fehlen darf.

Weiterleitungen

Einzelne URLs werden aufgrund der neuen Seitenstruktur nach dem Relaunch zum Teil geändert sein, oder bestimmte Einzelseiten existieren gar nicht mehr. Möglicherweise existieren aber noch Links externer Websites auf diese Seiten und URLs. Zudem werden diese URLs wahrscheinlich auch in den Suchmaschinen indexiert sein.

Damit diese Links künftig nicht ins Leere laufen, und damit die Suchmaschinen kein Chaos vorfinden (negativer Rankingfaktor), sollten solche URLs unbedingt auf neue Seiten weitergeleitet werden. Das ist der Job des Administrator oder Programmierers.

Letzer Check

responsive design

Nach dem Website Relaunch sollte die Seite auf allen Bildschirmgrößen optimal laufen.

Eigentlich ist jetzt alles getan, um die neue Website live zu stellen. Aber vorher empfiehlt sich nochmal ein ausführlicher Testlauf: Dazu gehören …

  • eine inhaltliche Qualitätskontrolle,
  • das Testen aller Funktionen, Kontaktformulare etc. und
  • die Freigabe.

Wichtig: Teste die Website nicht nur auf Deinem

Launch

Der Administrator zieht nun die komplette Website aus der Testumgebung auf den Live-Server. Bis die neue Homepage auch sichtbar wird, können ein paar Stunden vergehen, denn diese muss sich erstmal über die Knotenpunkte des Internets überall verteilen.

Danach ist sicherheitshalber nochmal alles funktionsmäßig zu testen. Stimmt alles, noch eine Empfehlung: Bevor es nun business as usual weitergeht, kann durchaus mal eine Flasche Sekt geköpft werden. Denn schließlich ist ein komplexes Projekt erfolgreich bewältigt worden!

Die Relaunch Checkliste ist ein roter Faden, der Dich durch den Relaunch führt. Bei all den Dingen die Du beachten musst, kann schnell ein Gefühl der Überforderung eintreten. Die Liste kannst Du ganz einfach abarbeiten und gleichzeitig sehen, dass die fertige Homepage immer näher rückt.

Kosten beim Website Relaunch

Wenn Du beim Website Relaunch nicht selbst alles umsetzen kannst oder willst, wirst Du natürlich eine Reihe von Kosten für die vielen genannten Einzelpunkte haben. Die Höhe der Kosten lässt nicht allgemein beziffern, weil ein Relaunch einfach sehr individuell ist.

Je nachdem, welche technischen Neuerungen notwendig sind, wie tiefgreifend die grafischen Änderungen sind und welchen Umfang die inhaltlichen Erweiterungen haben, entsteht ein abzuschätzender Aufwand.

Bei einer WordPress Website beginnen die Kosten für einen Relaunch bei etwa 2.000 Euro. Darunter kann es eigentlich nicht seriös sein, oder es ist kein richtiger Relaunch, sondern vielleicht nur ein Redesign.

Dieser Wert hilft allerdings nicht allzuweit, denn wie beschrieben, ist letztlich der individuelle Bedarf entscheidend. Und je klarer das Konzept oder das Briefing sind, umso besser lässt sich der tatsächliche Aufwand im Vorfeld abschätzen. Was einzelne Maßnahmen kosten lässt sich deutlich einfacher bestimmen als ein allgemeiner Relaunch.

Nach dem Relaunch ist vor dem Relaunch

Um den Erfolg Deiner neuen Homepage zu messen, sollten mit dem Relaunch auch Analyse Tools wie Google Analytics oder die Search-Console aktualisiert und mit der neuen Sitemap gefüttert werden. Dort lässt sich auch überprüfen, ob die Webseite nun besser oder schlechter performed in puncto Suchmaschinenoptimierung.

Es ist ärgerlich, wenn nach einem Relaunch Seiten, die bisher ein gutes Ranking hatten, plötzlich nicht mehr auffindbar sind. Das kann an einer neuen Link-Struktur liegen, daher ist es wichtig im Vorfeld zu klären, welche Seiten eine Weiterleitung auf den neuen Link benötigen. Das gilt auch, wenn von externen Quellen auf die eigene Webseite verlinkt wird.

Mögliche Fehler beim Website Relaunch

Da bei einem Website Relaunch im Regelfall die komplette Website angefasst wird, bringt ein solches Projekt auch immer eine gewisse Komplexität mit sich. Und je komplexer die Sache wird, umso leichter können sich natürlich auch Fehler einschleichen.

Kleinere Fehler sind hier und da auch durchaus zu verkraften. Doch die ganz groben Fehler solltest Du möglichst umgehen:

Nur hübsch machen mit reinem Redesign

Es ist verlockend beim Relaunch nur auf das Webdesign zu achten. Schließlich ist das Webdesign am Ende der sichtbarste Faktor einer Website. Doch ebenso wichtig sind die Bereiche Content und Nutzer-Führung.

  • Content: Wer veraltete Inhalte auf seiner Website hat, macht sie mit einem neuen Design auch nicht besser.
  • Nutzer-Führung: Ein Relaunch ist die Chance die gesamte Nutzer-Freundlichkeit zu verbessern. Gehe also deine Website mit den Augen eines neuen Nutzers durch, und sorge dafür, dass er sich leicht zurechtfinden kann.

Drauflosarbeiten statt Planung

Gerade weil ein Website Relaunch meist recht komplex ist, muss eine vernünftige Planung her. Ohne definierte Ziele des Relaunches und ohne ein echtes Konzept arbeitest Du ins Blaue.

Analysiere vorab auch das bisherige Nutzerverhalten auf Deiner Homepage. So wird schnell klar, was eigentlich schon gut läuft, und wo es hapert.

Link-Fehler

Bevor die neue Website live geht, oder spätestens direkt danach, solltest Du auf jeden Fall checken, ob die bestehenden Links und auch die Weiterleitungen funktionieren.

Klar, man sieht diese nicht auf den ersten Blick. Für´s Funktionieren der Seiten sind sie aber wichtig, vor allem hinsichtlich Ihrer Rankings in den Suchmaschinen.

So gelingt der Relaunch der eigenen Webseite

Hast Du die weiter oben beschriebenen Tipps beherzigt, bist Du auf einem guten Weg den Relaunch Deiner Website erfolgreich durchzuführen. Je detaillierter und strukturierter Du vor dem eigentlichen Website Relaunch arbeitest, desto besser ist das Ergebnis. Checklisten helfen Dir während des Relaunch-Prozess den Überblick zu behalten.

Unsere Partner können Dir übrigens an vielen Stellen helfen, dass Deine Webseite nach dem Relaunch …

  • gut bei Google und Co gefunden wird
  • Deine Webseitenbesucher mit Dir in Kontakt treten
  • Sie Dein Angebot schnell erfassen
  • und letztendlich aus Besuchern Kunden werden.

Dein Website Relaunch mit unseren Partnern

Website Relaunch anfragen

bei unseren Partnern

Damit Du dich weiter auf Dein Kerngeschäft konzentrieren kannst, wickeln unsere Partner den kompletten Homepage Relaunch für Dich ab. Vom Konzept angefangen, über das Layout bis hin zum Hochladen auf den Server. Deiner neue WordPress Website steht also nichts mehr im Wege.

WordPress Kosten: Damit kannst Du für Deine Website rechnen

Welche Kosten entstehen bei der Erstellung einer Website mit WordPress?

Zunächst mal: Wenn Du Dich dazu entschieden hast, Deine Website auf Basis von WordPress aufzubauen, hast Du bereits eine wichtige Hürde auf dem Weg zur Realisierung genommen. Nämlich die der Wahl des passenden Content-Management-Systems (CMS). Eine gute Wahl, auf die ein großer Teil im Netz vertraut. Etwa 30 Prozent aller Webseiten nutzen WordPress als Grundlage.

Dank WordPress ist die Erstellung einer eigenen Website auch für jedermann möglich. Und ganz ohne Programmierkenntnisse umzusetzen. Mit Hilfe eines Themes und ggf. funktionserweiternder Plugins ist das Grundgerüst schnell gebaut und es kann an das Einpflegen von Inhalten gehen.

Und das Beste: WordPress ist auch noch kostenfrei. Moment! Kostenfrei und ganz umsonst? Ja und nein. Ganz abhängig vom Anspruch und den Erwartungen fallen schon verschiedene einmalige oder regelmäßige Ausgaben an. Mit etwas Lust und Geduld, kannst Du aber auch Geld sparen.

Die wichtigsten Kostenstellen sortiert und im Überblick – hier in diesem Blogbeitrag.

WordPress.com vs. WordPress.org

Was ist eigentlich der Unterschied zwischen WordPress.com und WordPress.org? Eine Frage, die man von WordPress-Neueinsteigern nicht selten zu hören bekommt. Und, ganz klar: Dass es gefühlt zwei verschiedene Anbieter mit quasi dem selben Namen gibt, kann zu Beginn tatsächlich verwirrend sein.

Kommerzielle Plattform vs. Open-Source-Software

Der Unterschied liegt darin, dass es sich bei WordPress.com um eine Plattform handelt, die einen kommerziellen Zweck verfolgt. Während hingegen unter WordPress.org die eigentliche Software bzw. das Content-Management-System (CMS) verstanden wird. Diese kann als Open-Source-Anwendung frei angeboten, grundsätzlich kostenlos heruntergeladen sowie ebenso auch selbst gehostet werden.

Dass auch bei WordPress.org an verschiedenen Stellen Kosten anfallen, darauf werden wir im Verlauf dieses Beitrags noch detailliert eingehen. Als Open-Source-Software ist WordPress.org zudem der digitale Ort, an dem Entwickler ihren Beitrag zur Weiterentwicklung der Software leisten können.

Für wen eignet sich was

Wenn Du „nur mal etwas Bloggen“ oder z.B. eine längere Reise dokumentieren möchtest, um damit Deine Lieben auf dem Laufenden zu halten, dann reicht eine Website bei WordPress.com wohl aus. Ebenso, wenn Du keine Gedanken an Domains, Hosting, SEO & Co. verschwenden möchtest und mit Deinem Tun auch keinerlei kommerzielle Ziele verfolgst, kann WordPress.com die passende Lösung für Dich sein. In allen anderen Fällen solltest Du besser auf eine Website bei WordPress.org zurückgreifen.

Kosten bei WordPress.com

Im Gegensatz zu WordPress.org bietet WordPress.com verschiedene Pakete an, die allesamt das Hosting bereits beinhalten. Du musst Dich hier lediglich einen Account anlegen, mit dem Du dann Deine Website aufbauen. WordPress.com übernimmt für Dich alle technischen Aufgaben im Hintergrund.

Wer mehr als die Funktionen der kostenlosen oder preisgünstigen Paket-Varianten haben möchte, der muss jedoch tief in die Tasche greifen und bei WordPress.com Gebühren von bis zu 45 Euro pro Monat berappeln. Hinzu kommt, dass Du zwar die Website nutzen kannst, jedoch keinen Zugriff auf den Quellcode hast. Das hört sich sehr fortgeschritten an. Es kann aber auch für den Laien schnell zum Stolperstein werden. Erweiterungen oder ein Domain-Wechsel lassen sich z.B. nur schwer umsetzen.

Zudem gesellen sich bei mit WordPress.com gehosteten Websites folgende weitere Nachteile hinzu:

  • Mehrere Nutzer teilen sich einen Webserver (samt IP), was zu Performance-Einschränkungen und Problemen in der Zustellung von E-Mails führen kann
  • Die Anpassung von Themes, Plugins und Design ist mit zusätzlichen Kosten verbunden
  • Eingeblendete Werbung muss zunächst mittels kostenpflichtiger Pakete „weggekauft“ werden

WordPress Kosten für die Einrichtung

Hinweis: Wenn wir im Folgenden von WordPress sprechen, ist damit immer WordPress.org gemeint.

Grundsätzlich ist WordPress nicht nur eine technisch leicht zu bedienende Möglichkeit, eine Website umzusetzen, sondern auch eine günstige. Fixkosten hast Du bei WordPress nur wenige, vorausgesetzt Du machst im Anschluss Vieles selbst.

Wenn Du einen WordPress Blog erstellen willst (oder eine anderweitige Website), fallen diese Kosten immer an:

  1. Hosting und Domain

    Deine WordPress Seite braucht wie jede andere Website online einen festen Platz, an dem sämtliche Daten liegen bzw. gehostet werden. Sprich, einen Webserver, auf dem die Website installiert ist.

    Deine WordPress Seite braucht auch einen Namen, also eine Domain. Wenn Du eine Domain registrierst, kaufst Du damit eine Site-URL bzw. eine Adresse, über welche Nutzer die Inhalte Deiner Website erreichen und anschauen können.

    Hosting-Anbieter vermieten ihre Server meist auf Monatsbasis. Eine Domain für Deine Website erhältst Du dabei meist gleich mit dazu.

    Anfallende WordPress Kosten: etwa fünf bis zehn Euro im Monat.

  2. Download und Installation

    Nach dem Hosting kannst Du das bereits fertig programmierte CMS herunterladen und auf dem Webhoster installieren. Mit etwas Fingerspitzengefühl und unter Zuhilfenahme einer Anleitung, sollte Dir dies auch als Anfänger gelingen. Im Anschluss ist WordPress einsatzbereit. Download und Installation sind bei WordPress kostenfrei und sollten etwa 3-6 Stunden in Anspruch nehmen.

    Beim WordPress Installieren kann ich Dir auch unseren Partner WP-Wartung24 empfehlen, wenn Du Dich nicht selbst damit herumschlagen willst.

    Anfallende Kosten: Ab ca. 90 Euro

  3. Theme und Templates

    Ein WordPress Theme gibt die grundsätzliche Gestaltung Deiner künftigen Website vor, beispielsweise wie Bilder oder die Navigation angeordnet werden können. Zwar gibt es auch hier kostenfreie Angebote, wir empfehlen aber den Kauf eines kostenpflichtigen Themes. Warum?

    Zum einen sind viele dieser Themes bereits für einen bestimmten Zweck oder eine Branche vorgesehen, so dass Du Dir Arbeit bei der Anpassung sparen kannst. Zum anderen kannst Du hier meist sicher sein, dass diese kostenpflichtigen Themes aktuell gehalten und weiterentwickelt werden. Ein häufig genutztes Theme für verschiedene Zwecke ist beispielsweise Enfold.

    Die Themes verfügen in der Regel über mehrere Templates, also über verschiedene Musterseiten, die Du als Vorlagen für Deine unterschiedlichen WordPress Seiten (z.B. Startseite) nutzen kannst.

    Anfallende WordPress Kosten: einmalig ab etwa 60 Euro aufwärts.

    Das Theme-Setup wird bei der WordPress-Installation auch oft gleich miterledigt.

  4. Plugins/Erweiterungen

    Wenn Du mehr als eine Website mit Bildern, Texten, Videos und einer Navigation haben möchtest, sind meist WordPress Plugins nötig, um die Funktionalität Deiner Website zu erweitern. Einige Themes bringen ausgewählte Plugins bereits mit und Du kannst im Backend kostenfreie Erweiterungen hinzufügen. Wenn es um komplexere Funktionalitäten, beispielsweise eine Shop-Funktion geht, kannst Du auf Seiten wie Codecanyon entsprechende Plugins kaufen.

    Anfallende WordPress Kosten: je nach Komplexität einmalig ab etwa zehn bis 100 Euro.

    Tipp: Wenn Du Dir noch nicht sicher bist, was WordPress und entsprechende Plugins alles können, empfehlen wir Dir unseren Beitrag zum Thema WordPress Plugins.

Deine Zeit: Wieviel ist sie Dir wert?

Ein Faktor, den man gerne vergisst, wenn man den Aufbau einer Website startet, welchen man aber unbedingt in all seinen Überlegungen berücksichtigen sollte, ist: Deine Zeit. Man geht gerne davon aus, dass, wenn man es selbst macht, die Dinge umsonst sind. So ist es aber nicht. Deine Zeit ist Geld wert.

Und wenn man eine Website erstellt, wird dies einiges an Zeit in Anspruch nehmen. Zeit, die Du Dir womöglich besser sparen könntest, um derweil in Deine Kompetenz und Dein eigentliches Business zu investieren.

Folgende Fragen solltest Du Dir vorab der Erstellung einer Website also stellen:

  • Wieviel ist Dir Deine Zeit wert?
  • Wieviel Deiner Einnahmen bist Du bereit zu opfern, um Dir die Dinge selber beizubringen?
  • Haben Du aktuell mehr Zeit oder mehr Geld?

Zeit ist Geld. Der Faktor Zeit kann einer der wichtigsten überhaupt sein.

Weitere wichtige Kostenfaktoren

Nachdem Du Dich um das Grundgerüst für Deine Website gekümmert hast, geht es an die Erstellung der einzelnen Seiten und um deren Konfiguration. Vor allem hier gilt: Je mehr Du selbst machst, desto geringer sind die Ausgaben. Welche Kosten beim Website erstellen dann tatsächlich anfallen, hängt natürlich auch von Deinen eigenen Fähigkeiten ab. Bedenke dabei die folgenden Kostenfaktoren:

  • Kosten für WordPress Online-Shop/E-Commerce

    Einen Online-Shop mit AGBs, Produktbeschreibungen und passenden Bilder zu erstellen, ist ohne einem Experten schon nicht mehr ganz so einfach. WordPress hat auch keinen standardmäßig vorkonfigurierten Shop. Dafür aber jede Menge Lösungen, um über Deine Website zu verkaufen.

    Eine gängige E-Commerce-Lösung ist das kostenlose All-In-One-Plugin WooCommerce.

    Wahrscheinlich ist, dass weitere Plugins hinzukommen, um sicherzustellen, dass alles so funktioniert, wie Du es Dir wünschst. Aufwand und Kosten für den Aufbau hängen entsprechend auch von der Shop-Struktur (Stichpunkte z.B.: Mehrsprachigkeit, Membership, Zahlungsoptionen, Buchungsfunktion) und der Anzahl der anzulegenden Produkte oder Dienstleistungen ab.

  • Texte für Blogbeiträge

    Wenn Du selbst ein gutes Sprachgefühl hast und Deine Website-Texte schreiben möchtest – klasse. Wenn nicht, gibt es auf vielen Portalen Freelancer, die Dich bei der Texterstellung unterstützen. Auch Textagenturen sind eine Möglichkeit.

    Solltest Du Deine Seite mehrsprachig betreiben, bedenke eventuelle Kosten für Übersetzungen.

    Tipp, um die WordPress Kosten hier gering zu halten: Studenten sind oft eine günstige Lösung, die Dir gerne Arbeit abnehmen – entweder aus Deinem thematischen Fachbereich oder Studenten der Germanistik.

    • Design, professionelle Bilder und Videos

      Screenshot Bilddatenbank Pixabay

      WordPress Kosten sparen mit kostenlosen Bildern von Online-Bilddatenbanken

      Innerhalb eines Themes kannst Du das Basis-Design Deiner Website leicht selbst bestimmen. Nur wenn es um eine ausgefeiltere CI geht, fallen ggf. Kosten für die Entwicklung und Umsetzung des Designs an. Zur Gestaltung Deiner kompletten Website mit individuellem Design empfehlen wir Dir unsere Partner.

      Wenn Du ergänzendes Bildmaterial suchen und selbst nicht der geborene Fotograf bist, wirst Du bei Bilddatenbanken sicher fündig.

      Tipp, um WordPress Kosten zu vermeiden: Nutze Datenbanken wie Pixabay oder Unsplash, denn hier sind die Bilder kostenfrei. Beachte dabei aber in jedem Fall eventuelle Beschränkungen beim Verwendungszweck und gebe die Quelle an, sofern der Fotograf das wünscht.

  • Kosten WordPress Seiten bauen

    Je nach Umfang Deiner Website kann das Zusammenbauen der einzelnen Seiten sehr viel Zeit in Anspruch nehmen. Wenn Du die Zeit selbst nicht investieren möchtest, fallen hier zusätzliche WordPress Kosten an. Gerne unterstützen unsere Partner Dich hier beim initialen Aufbau und/oder im laufenden Betrieb.

  • WordPress Kosten für Pflege, Wartung und Backups

    Nicht zu vergessen sind auch die Kosten, die durch den Zeitaufwand für Pflege, Wartung und Backups Deiner WordPress Seite entstehen. Du solltest monatlich etwa zwei bis fünf Stunden einplanen, um Deinen WordPress Blog up to date zu halten. Das WordPress System an sich, das Theme und/oder das Plugin sollten in regelmäßigen Abständen aktualisiert werden. So werden eventuelle Sicherheitslücken geschlossen und Fehler behoben oder sogar direkt vermieden.

    Hier lohnt es sich oft auch, einen Wartungsvertrag mit einer entsprechenden Firma abzuschließen. So hast Du auch bei Fragen stets einen kompetenten Ansprechpartner. Dieser kann Dich ggf. auch beraten, wenn es um den Aus- oder Umbau Deiner Website geht und es wird auf Wunsch ein regelmäßiges Backup Deiner Seite gesichert.

    Anfallende WordPress Kosten: ab ca. 25 Euro im Monat.

  • Suchmaschinenoptimierung

    WordPress unterstützt Dich im SEO-Bereich mit unterschiedlichsten Funktionen. Wenn Du Dich mit SEO für WordPress-Seiten allerdings wenig auskennst, lohnt es sich einen externen Experten mit einem sogenannten SEO-Audit zum Start Deiner Website zu beauftragen. Dabei wird Deine Website auf wichtige SEO-Kriterien geprüft und Optimierungsvorschläge unterbreitet. Für das Audit zahlst Du meist einen einmaligen Festpreis.

    Tipp, um die WordPress Kosten nachhaltiger zu gestalten: Lass Dich im Bereich SEO schulen, um die wichtigsten Dinge selbst prüfen und optimieren zu können. Es gibt gute kostenlose Online-Kurse oder kostenpflichtige, aber sehr kompakte Workshops mit Profis.

Marketing und andere optionale WordPress Kosten

Wenn Deine Website inhaltlich wie optisch fertig ist, heißt das noch nicht, dass die Arbeit komplett getan ist. Je nach Ausrichtung können nämlich noch weitere Aufgaben und WordPress Kosten im Betrieb anfallen. Zu bedenken sind hier:

  • Analysetools

    Computer mit Analyse-Programm

    Mit Analyse-Tools können Sie Ihren Website-Traffic auswerten.

    Während Google Analytics in der Basisfunktion kostenlos ist, fallen für bestimmte Funktionen und Auswertungen eventuell Kosten an. In manchen Fällen ist der Einsatz von Google Analytics aufgrund von Bedenken beim Datenschutz außerdem nicht erwünscht. Alternative Analyse-Tools, die ihre Server zum Beispiel in Deutschland stehen haben, kosten oftmals einen monatlichen Betrag.

  • Kosten für Marketing

    Wenn Du Deine Website bewerben möchtest, musst Du entweder sehr lange sehr hart für natürlich gewachsene Werbung arbeiten – oder gezielt Marketing machen. Das Schalten von Google AdWords oder Anzeigen auf Facebook setzt nicht nur eine gewisse Fachkenntnis voraus, sondern bedeutet auch immer zusätzliche Ausgaben.

     

    Die Höhe der hier anfallenden WordPress Kosten lässt sich nicht ohne Weiteres prognostizieren, da es hier auch sehr auf die jeweilige Markt- und Wettbewerbssituation ankommt.

  • Sonstige Dienstleister

    Je nach Funktionalität entstehen beim Website erstellen Kosten durch Drittanbieter. Beispielsweise bei der Anbindung von Payment-Anbietern und Versanddienstleistern bei einem Shop.

Fazit: Wenig fixe WordPress Kosten, viele Variablen

Du siehst: Eine konkrete Zahl hinter die zu erwartenden WordPress Kosten zu schreiben, ist nahezu unmöglich. Neben den wenigen „verpflichtenden“ Fixkosten gibt es zu viele Variablen. Vor allem was und wie viel Du selbst machen möchtest und kannst, bestimmt maßgeblich die finale Summe. Kleine Websites mit Basisfunktionen können leicht ohne fremde Hilfe und mit wenig finanziellen Mitteln umgesetzt werden. Je größer das Vorhaben und desto mehr Aufgaben Du auslagern möchtest, desto eher lohnt sich das Einbinden von Partnern.

Du willst gleich mit der Gestaltung Deiner Website anfangen? Dann lohnt sich ein Blick in unser WordPress Tutorial.

25 WordPress Beispiele großer Marken und nützlicher Funktionen

Als Online User trifft man immer stärker auf Websites, die mit WordPress erstellt wurden, und es werden von Jahr zu Jahr mehr WordPress Beispiele. Und dabei sind es nicht nur Blogger und kleine Unternehmen. Auch große Unternehmen, Organisationen und Marken erstellen ihre Website mit WordPress als CMS. 

Mit der richtigen Konfiguration eignet sich WordPress nämlich auch für richtig große Websites mit hohem Traffic-Aufkommen. Deshalb setzen auch immer mehr große Marken bei ihrer Homepage oder ihrem Blog auf das weltweit am stärksten verbreitete CMS (Content Management System).

In der folgenden Liste habe ich 18 WordPress Beispiele großer Marken aufgeführt, die sich für WordPress entschieden haben.

Bei einigen Unternehmen war ich selbst überrascht, dass sie eine WordPress Website nutzen. Das zeigt aber umso mehr, dass WordPress auch mit hohen Anforderungen klar kommt und sich nicht nur für kleine Projekte und Seiten eignet.

Schließlich lassen sich mit WordPress heute auch immer mehr Funktionen sehr einfach umsetzen. Auch das ist sicher ein Treiber für das Entstehen der vielen WordPress Beispiele. So findest Du unten noch 7 Beispiele von interessanten und nützlichen Funktionen, die dafür sorgen, dass sich das CMS immer weiter verbreitet.

WordPress Beispiele deutscher Unternehmen

SAP

Bei SAP laufen gleich mehrere Blogs sowie das News Center mit WordPress. Auf diesen gibt es spannende und nützliche Beiträge zum Einsatz von SAP Analytics, SAP Hana oder weiteren SAP-Anwendungen.

website mit wordpress

EURONICS

In seinem Trendblog informiert EURONICS zu News und Trends aus der Unterhaltungselektronik sowie Haushaltstechnik.

website mit wordpress

IONOS

Internetriese Ionos bietet nicht nur Hosting für WordPress an, sondern betreibt auch einen Blog auf WordPress-Basis. Auf diesem findest Du unterschiedliche Beiträge zum Unternehmen sowie Neuigkeiten zu Produkten und allgemeinen Internet-Themen.

Freie Universität Berlin

Auch Universitäten betreiben Blogs! Die FU Berlin richtet sich hierbei an Studierende, die ein besonderes Interesse an E-Learning haben. Hier finden sich auch Neuigkeiten zu Social-Media-Plattformen und anderen Themen, welche die heutigen Studierenden interessieren.

Piratenpartei Deutschland

Selbst in der Politik kennt man die Vorzüge: Auch die Webseite der Piratenpartei basiert auf WordPress.

WordPress Beispiele internationaler Marken

Sony Playstation

Der offizielle PlayStation-Blog für die USA liefert Informationen zu Spielen für die PlayStation, neuen Produkten oder aktuellen Gewinnspielen.

website mit wordpress

TechCrunch

Das US-amerikanische Technik-Magazin zeigt, dass WordPress auch mich hohen Auslastungen zurechtkommt. Denn TechCrunch verzeichnet jeden Monat rund 50 Millionen Besucher aus aller Welt.

website mit wordpress

The Walt Disney Company

Disney ist einer der größten Medien- und Unterhaltungskonzerne der Welt und hat sich ebenso für WordPress als Basis für sein durchaus aufwändig gestaltetes Theme entschieden.

 website mit wordpress

Renault Group

Auch der französische Automobilhersteller nutzt WordPress für seinen Internetauftritt.

Microsoft

Der internationale Soft- und Hardware-Hersteller Microsoft war ebenso von WordPress überzeugt und setzt es für sein News Center ein. Jeden Monat besuchen rund eine Millionen Nutzer die Seite und informieren sich über aktuelle Neuigkeiten des Tech-Giganten.

website mit wordpress

Time Magazine

Die Online-Version des bekannten Nachrichtendienstes Time Magazin läuft ebenfalls mit WordPress: Das Time Magazine berichtet auf seiner Seite über das aktuelle Weltgeschehen.

website mit wordpress 

Harvard Gazette

Auch der Onlineauftritt der Harvard-Zeitung läuft mit WordPress. Auf der Seite finden sich nicht nur Neuigkeiten zum Unigeschehen, sondern auch allerhand Wissenswertes zu Kunst, Kultur und Wissenschaft aus aller Welt.

website mit wordpress

The Rolling Stones

Auch Künstler wie die Kultband The Rolling Stones haben die Vorzüge einer Website mit WordPress für sich entdeckt. Ob News, Tour-Termine oder offizielle Stones-Artikel ­– über die Seite bekommen Fans alles, was ihr Herz begehrt. 

website mit wordpress

Katy Perry

Doch nicht nur Rocklegenden, auch Weltstars wie Katy Perry setzten bei ihrer Online-Präsenz auf WordPress.

Snoop Dogg

Die US-Rapplegende Snoop Dogg setzt bei seinem Webauftritt ebenfalls auf WordPress.

Portland

Doch nicht nur Unternehmen und Künstler setzen auf WordPress: In Portland ist man so überzeugt vom CMS, dass sogar die offizielle Website des beliebtes Reiseziels darauf basiert.

This is Finland

Und auch die offizielle Website von Finnland informiert Interessierte, Besucher und Druchreisende via WordPress über die vielseitige Kultur und Gesellschaft des Landes.

The White House

Selbst die offizielle Website des Regierungssitzes des Präsidenten der Vereinigten Staaten wird mit WordPress betrieben. Neben Informationen über den Präsidenten, sein Team und Ankündigungen zu aktuellen Themen, findest Du hier auch einen Blog, der die Fortschritte der Regierung dokumentiert.

Das waren jetzt 18 große Marken, die ihre Website mit WordPress betreiben. Kennst Du noch weitere?

7 WordPress Beispiele für nützliche Funktionen

Einen Text schreiben und zusammen mit dem passenden Bild veröffentlichen – das ist eine Basisfunktion von WordPress. Doch das CMS WordPress kann noch viel mehr als die klassische Blog-Funktion.

Dank tausender Themes und Plugins, gibt es fast nichts, was Du nicht mit WordPress machen kannst. Glaubst Du nicht?

Hier kommen 7 WordPress Beispiele, die die funktionale Vielfalt eindrucksvoll beweisen.

WordPress Beispiel für ein Portfolio

Ob als Fotograf, Designer oder Architekt: Wenn Du Deine Arbeiten übersichtlich und ansprechend präsentieren möchtest, ist das Enfold Theme perfekt geeignet. Auch wir verwenden das Theme, das einmalig für knapp 60 Euro gekauft werden kann, gerne.

Nahezu unendlich viele Gestaltungsmöglichkeiten treffen hier auf eine einfache Konfiguration. Slider, Galerien und Übersichtsseiten in Kacheloptik – egal wie Du Dein Portfolio gestalten möchtest, mit dem Enfold Theme ist das spielend möglich.

Beispiel für Enfold Theme Immobilien Portfolio

Architekturbüro Scholz präsentiert seine Objekte mit Hilfe des Enfold Themes

Aufgrund der Flexibilität ist das Enfold Theme nicht nur ein beliebtes WordPress Beispiel für die Portfolio-Präsentation. Auch als Basis für nahezu jede andere Art von Website kann es verwendet werden, beispielsweise als klassischer Blog oder für die Unternehmenspräsentation. Notwendige Plugins lassen sich einfach integrieren.

Recruiting mit WordPress

Du bist im Recruiting-Bereich unterwegs und willst Dich nicht (nur) auf die öffentlichen Jobportale verlassen? Dann wird Dir sicher das WordPress Beispiel für eine professionelle Jobbörse gefallen.

Das Theme WorkScout bringt alle Funktionalitäten mit, die Du auch von Monster, Stepstone und Co. kennst: Zum Beispiel eine Suche nach Jobtitel und/oder Region und die Möglichkeit verschiedene Filter für die Beschäftigungsart oder Bezahlung zu setzen. Jobprofile können einfach erstellt und verwaltet werden.

Kostenpunkt: Knapp 60 Euro einmalige Lizenzgebühr. Wenn Du bereits ein WordPress betreibst und dieses lediglich um eine Job-Datenbank ergänzen möchtest, gibt es außerdem verschiedene Plugins, die Du in Dein bestehendes Theme integrieren kannst.

WordPress Beispiel für ein Jobportal

Nach Jobs suchen oder direkt in eine Kategorie einsteigen

Online-Shops: Verkaufen über WordPress

Eines der populärsten WordPress Plugins ist WooCommerce – eine kostenfreie Erweiterung, mit der Du Deine WordPress Seite um Shop-Funktionen erweiterst.

Der Analysedienst BuiltWith geht davon aus, dass rund 37 % aller E-Commerce-Auftritte mit Hilfe von WooCommerce betrieben werden. Insgesamt wurde das Plugin über 15 Millionen Mal heruntergeladen.

WooCommerce Beispiel Online Shop für Wakeboarding

Klassische Kategorie-Seite in einem Online-Shop

Verschiedene Produktkategorien anlegen, Produkte mit Fotos, Texten und sonstigen Informationen präsentieren, Preise und Bestände verwalten und verschiedene Zahlungsanbieter anbinden – das alles ist mit WooCommerce möglich. Im Backend kannst Du außerdem Deine Verkäufe beobachten und nach verschiedenen Kriterien auswerten.

Termine buchen und verwalten

Eine Massage im Lieblingsspa, ein Ferienhaus für den nächsten Urlaub oder Tickets für das nächste Festival buchen: Was für uns als Nutzer meist in wenigen Klicks erledigt ist, bedeutet im Hintergrund oft einen immensen Verwaltungsaufwand.

Personal und Räume müssen koordiniert und entsprechend ihrer Verfügbarkeit gematcht werden. Preise müssen richtig berechnet und Daten von Bestandskunden verwaltet werden.

Ein gutes WordPress Beispiel für die einfache Anlage und Verwaltung von Terminen und Buchungen ist das Plugin Bookly Pro. Im Backend kannst Du beispielsweise in verschiedenen Kalenderansichten Termine nach Art oder Teammitglied sortieren.

WordPress Beispiel für ein Terminbuchunngsformular

Schritt für Schritt ein Termin buchen mit Bookly Pro

Neben den eben genannten Aufgaben erleichtert das Plugin die Verwaltung beispielsweise auch durch die Synchronisation mit dem Google Kalender, CSV-Exportfunktionen und eine komfortable Anbindung unterschiedlicher Payment-Anbieter. Dieses WordPress Beispiel kostet in der regulären Lizenz knapp 90 Euro.

WordPress Beispiel für einen Event-Kalender

Etwas simpler in der Funktionalität ist ein Event-Kalender. Plugins wie EventOn erlauben esd Dir, Termine in einem durchsuch- und filterbaren Kalender anzeigen zu lassen.

WordPress Beispiel für einen Event-Kalender

Events nach Datum anlegen und ausführlich beschreiben

Fülle jedes Event mit Fotos, wichtigen Informationen und einer ausführlichen Beschreibung. Innerhalb des Kalenders kann der Nutzer nach konkreten Terminen, Orten oder Veranstaltungstypen suchen.

Ein WordPress Beispiel, bei dem wir den Kalender verwendet haben, ist die Website der Unternehmensdemokraten.

Da der Funktionsumfang etwas überschaubarer ist, als beispielsweise bei einem Buchungs-Plugin, erhältst Du EventOn bereits für etwas mehr als 20 Euro. Wenn Du Deinen Event-Kalender um eine Buchungsfunktion ergänzen möchten, kannst Du dieses Plugin beispielsweise auch mit WooComerce verbinden. So stehen Dir dann ähnliche Möglichkeiten zur Verfügung, wie bei dem bereits vorgestellten Terminbuchungs-Plugin.

Für Food-Blogger: Rezeptdatenbanken

Essen, kochen und backen ist und bleibt ein Online-Trend, der vor allem über leckere Bilder Lust auf mehr machen soll. Während für die reine Präsentation von Gerichten auch unser Theme Favorit Enfold zum Einsatz kommen kann, gibt es speziell für die Darstellung von Rezepten eigene Plugins. Eine besondere Herausforderung bei Rezepten ist beispielsweise die Umrechnung der Menge der Zutaten je nach Personenanzahl.

Ein Word Press Beispiel, das diese Herausforderung elegant löst, ist das Plugin Ultimate Recepice. Außerdem bietet es weitere nützliche Funktionen, wie die Erstellung einer bildreduzierten Druckversion des Rezepts und die Einbindung von Schritt-für-Schritt-Anleitungen. Auch Kommentare und Bewertunge sind vorgesehen, ebenso wie das Teilen eines Rezepts auf sozialen Netzwerken.

WordPress Beispiel für ein Rezept

Die klassische Rezept-Optik ist auch in WordPress möglich

Die Basisversion ist kostenlos erhältlich. Zusätzliche Funktionen, wie das Erstellen einer Einkaufsliste auf Basis eines Rezepts, erhältst Du in der kostenpflichtigen Premium-Version.

WordPress Beispiel für eine Crowdfunding-Plattform

Spenden sammeln und Gutes tun steht ebenso hoch im Kurs, wie die Finanzierung innovativer Produktideen über privates Kapital. Mit dem auf WooComerce basierenden Plugin WordPress Crowdfunding kannst Du Crowdfunding-Kampagnen anlegen, verwalten und auswerten.

WordPress Beispiel für eine Crowdfunding-Plattform

Beispiel für eine Detailseite einer Crowdfunding-Kampagne

Leg Dir eine ausführliche Projektbeschreibung inklusive Fotos und Videos an. Definiere Spendenziele und Kampagnenlaufzeiten und werte im Backend aus, wie viele Personen in welchem Zeitraum gespendet haben. Verschiedene Payment-Anbieter kannst Du einfach anbinden und die gesammelten Spenden aus dem Plugin heraus zum jeweiligen Empfänger transferieren.

Das WordPress Beispiel für Crowdfunding gibt es sowohl in einer kostenlosen als auch in einer kostenpflichtigen Version und kann mit verschiedenen Themes kombiniert werden.

WordPress Beispiele gleich umsetzen?

Du bist inspiriert von unseren WordPress Beispielen und willst gleich loslegen? Dann empfehlen wir Dir unser WordPress Tutorial.

Wer übrigens glaubt, dass WordPress nur etwas für kleine und mittelständische Unternehmen ist, der irrt. Walt Disney, Microsoft, Xing und andere große Unternehmen setzen ebenfalls auf das CMS. Überzeuge Dich selbst mit unseren 20 berühmten WordPress Beispielen.

Mit dem Enfold Layout-Builder einzelne Seiten gestalten

Mit über 100.000 Verkäufen ist das Enfold-Theme eines der erfolgreichsten WordPress Templates weltweit. Als Multipurpose Theme ist es eine flexible Allzweckwaffe, mit der jede erdenkliche Seite auch ohne Programmierkenntnisse gebaut werden kann. Denn dank des Layout-Builders ist das Erstellen von Seiten in WordPress ganz einfach.

Warum wir immer und immer wieder mit diesem wirklich genialen Theme arbeiten, kannst Du hier lesen. Mit diesem Beitrag soll es jedoch praktischer werden. Wir möchten Dir damit eine kurze Einführung geben in die Möglichkeiten und Funktionsweise des Layout-Builders für einzelne Seiten im Enfold-Theme.

Allgemeine Webdesign-Einstellungen

Mit einem WordPress-Theme arbeitest Du an zwei ganz grundlegenden Bereichen:

  • Die allgemeinen Einstellungen (zu, Beispiel Farben und Schriften), die sich auf das Aussehen der kompletten Website auswirken.
  • Die Ausgestaltung aller einzelnen Seiten (das Hauptthema dieses Beitrags)

Die allgemeinen Einstellungen werden in der Regel ganz zu Beginn eines Website-Projekts definiert. Übernimmst Du nach einem durchgeführten UltraPress-Auftrag Deine Website, ist dieser Part komplett abgeschlossen. Dennoch möchten wir Dir hier kurz zeigen, wie Du einzelne Justierungen am Website- und Blog-Design vornehmen kannst.

Der Enfold Layout-Builder bietet hierfür eine zentrale Schaltstelle, in der Farben und Schriften für unterschiedliche Bereiche der Webseite definiert werden können:

  • Logo Area: Header, also der Bereich mit Logo und Menü
  • Main Content: Hauptbereich unterhalb der Logo Area
  • Alternate Content: Zweiter Stil für bestimmte Sektionen im Hauptbereich der Seiten
  • Footer: Unterer Bereich, der auf allen Seiten zu sehen ist
  • Socket: Eine weitere kleine Seite unterhalb des Footers

Enfold-Theme mit allgemeinen Einstellungen

Über das „erweiterte Styling“ können zusätzlich spezielle Farb- und Schriftdefinitionen vorgenommen werden. Darüber hinaus können die einzelnen Layout-Elemente und Texte bei der Gestaltung der Seiten nochmals individuell formatiert werden.

Seiten mit dem Enfold Layout-Builder in WordPress gestalten

Wenn Du nun einzelne Seiten bearbeiten oder neu anlegen willst, kommt der sogenannte Layout-Builder (oder auch „Avia Layout Architekt“) ins Spiel. Mit diesem lassen sich die einzelnen Seitenlayouts unkompliziert via Drag & Drop zusammenstellen und mit Inhalt füllen.

Um mit dem Layout Builder zu arbeiten, klickst Du Dich einfach in die Bearbeitungsansicht einer Seite oder legst eine neue an. Normalerweise ist dann schon der Layout Builder aktiv, ansonsten müsstest Du ihn mit dem blauen Button oben rechts „Erweiterter Layout-Editor“ für die Seite aktivieren.

Seiten mit dem Enfold-Theme erstellen

Nun findest Du die Menüleiste des Layout-Builders mit folgenden Reitern:

  • Layout Elemente: Hier bestimmst Du in erster Linie die Spalten-Einteilungen einzelner Abschnitte der Seite. Auch Hintergründe aus Farben und Bildern können definiert werden.
  • Inhaltselemente: Inhaltliche Elemente wie Texte, Trennlinien, Icons, Promo Boxen, Kontaktformulare, Testimonials, Slider oder einfache Textbereiche.
  • Media Elemente: Über diesen Reiter kannst Du zum Beispiel Bilder, Slider, Videos oder eine Google Map einbauen.

Gestaltungselemente im Enfold-Theme

Um nun ein Element in die Seite einzufügen, muss dieses lediglich per Drag & Drop in das Textfeld gezogen werden.

Damit Du das gleiche Element nicht jedes Mal vom Reiter in das Textfeld ziehen musst, kannst Du dieses beliebig oft duplizieren.

Kopieren von Elementen im Enfold-Theme

Elemente können beliebig oft dupliziert werden.

Zur Bearbeitung eines Elements musst Du auf das Bearbeiten-Symbol (rechtes Symbol auf der linken Seite) klicken. Anschließend öffnet sich ein neues Fenster, in dem Du die gewünschten Einstellungen vornehmen kannst.

Am Beispiel eines Kontaktformulars wird dies noch einmal genauer erläutert.

Kontaktformular mit Enfold

Hier kannst Du den Titel bearbeiten, Elemente wie Name, Betreff oder Nachricht hinzufügen oder löschen, die Beschriftung für den Senden-Button festlegen oder auch eine Autoresponder-Nachricht einrichten. Zusätzlich hast Du die Möglichkeit, ein Captcha anzeigen zu lassen sowie ein Farbschema auszuwählen.

Entspricht alles Deinen Vorstellungen, genügt ein Klick auf Speichern und Du kannst Dir die ganze Seite ansehen. Gefällt Dir eine Einstellung doch nicht, kannst Du diese über den Layout-Builder einfach erneut anpassen.

Passt alles, musst Du nur noch auf Speichern / Veröffentlichen klicken und schon ist Deine Seite online. Solltest Du später noch etwas hinzufügen oder ändern wollen, ist das kein Problem. Denn über den Layout-Builder kannst Du Deine Seiten jederzeit anpassen.

Title Bar-, Sidebar- und Footer-Einstellungen

In der rechten Seitenleiste kannst Du zusätzliche Title Bar-, Sidebar- und Footer-Einstellungen vornehmen. Du kannst beispielsweise die Sidebar für diese Seite entfernen oder eine benutzerdefinierte Sidebar auswählen. Auch Titel Bar und Footer können ganz ausgeblendet oder nur einzelne Bereiche angezeigt werden.

Enfold 2017 Demo zur Inspiration

Das Kriesi-Team als Herausgeber des Enfold-Themes stellt mit seiner neuesten Enfold-Demo eine Vielzahl von Möglichkeiten bereit. Dies ist ein ziemlich guter Fundus an Inspirationen und bietet einen Überblick über diverse Gestaltungmöglichkeiten.

Über den Menüpunkt Pages lassen sich die neuesten Features einsehen, die auch Du auf Deiner Webseite einbauen kannst.

WordPress-Theme Enfold – Warum wir immer wieder und wieder auf dieses geniale Theme setzen

Warum arbeiten wir bei UltraPress immer und immer wieder mit dem Theme Enfold*? 

Beim Aufbau einer neuen WordPress Website ist das WordPress Theme absolut entscheidend für den Look der Seite. Und zur Auswahl stehen tausende WordPress Themes, weshalb die Suche nach einer passenden Webdesign-Vorlage recht langwierig werden kann. Allein der Marktplatz Themeforest bietet derzeit fast 7.000 unterschiedliche WordPress Themes! Wie soll man sich da entscheiden?

Eigentlich ist die Antwort darauf ganz einfach. Wir haben eine ganze Reihe von unterschiedlichen Themes ausprobiert, doch mittlerweile bauen wir jede neue Website mit dem gleichen WordPress Theme:

Dem Theme Enfold aus dem Hause Kriesi. 

enfold

Enfold ist mit aktuell fast 100.000 Verkäufen eines der erfolgreichsten Webdesign Templates weltweit.

Stellt sich die Frage: Sehen die einzelnen Websites auf Basis von Enfold dadurch nicht zu ähnlich aus? Die Antwort heißt: Nein!

Jede einzelne mit dem WordPress Theme Enfold erstellte Seite ist ein absolutes Unikat.

Denn das Enfold Theme ist als sogenanntes Multipurpose WordPress Theme eine absolut flexible Allzweckwaffe, die sich für die unterschiedlichsten Websites einsetzen lässt.

Diese Flexibilität ist aber nur einer von sehr vielen Vorteilen, die ich in diesem Blogpost aufzeigen möchte….

WordPress Theme Enfold als Allzweckwaffe

Wer die Welt der Themes durchstöbert, sieht schnell, dass die allermeisten Webdesign-Vorlagen auf ganz bestimmte Zwecke ausgerichtet sind. Beispielsweise gibt es spezielle Themes für die Immobilienbranche, welche für Magazine oder sogar welche speziell für Hochzeiten.

Grundsätzlich ist das im ersten Moment auch praktisch, wenn Du selbst eines dieser Themen mit Deiner WordPress Website abdecken willst. Doch genau durch diese Spezialisierung sind viele dieser Themes auch recht starr. Du kannst ganz bestimmte Layouts damit erstellen, bist daran aber weitgehend gebunden, ohne selbst größere Anpassungen vornehmen zu können, solange Du nicht selbst programmieren willst.

Das WordPress Theme Enfold hingegen ist ein sogenanntes Multipurpose Theme, also für unterschiedlichste Zwecke ausgerichtet. Multipurpose Themes heben sich damit klar von herkömmlichen Vorlagen ab, sind aber in der Regel nur ein paar Dollar oder Euro teurer. Dafür bringen sie äußerst flexible Webdesign-Möglichkeiten mit, aus denen sich nahezu jede erdenkliche WordPress-Website bauen lässt – und zwar OHNE Programmieren zu müssen und natürlich im responsive design, also auch für mobile Geräte ausgelegt..

Komfortabler Enfold-eigener Layout-Builder

Eigene Programmierkenntnisse sind nicht erforderlich, weil das Enfold Theme wie die meisten anderen Multipurpose Themes über einen praktischen Layout-Builder verfügt, mit dem sich Seitenlayouts via drag-and-drop zusammenstellen lassen. Beim Theme Enfold heißt der Layout-Builder „Avia Layout Architekt“.

Damit kannst Du zum einen für jede Sektion einer Seite die Spaltenanzahl und -größen festlegen sowie Hintergründe aus Farben und Bildern definieren. Zum anderen stehen Dir eine große Palette an einzelnen Layout-Elementen zur Verfügung, die Du via drag-and-drop auf Deine Seite ziehen kannst.

wordpress-theme-layout-builder

Enfold Layout Builder mit diversen Layout-Elementen

Jedes dieser Layout-Elemente ist von Haus aus responsiv. Das heißt, egal wie Du Deine Seite mit den unterschiedlichen Layout-Elementen bestückst – die Seite wird immer auch für Smartphones und Tablets kompatibel sein und ihr Aussehen den einzelnen Bildschirmgrößen so anpassen, dass sie jeweils gut les- und klickbar ist.

Speziell für den Header einer WordPress-Website gibt es einen eigenen Bereich mit Einstellungen, so dass man diesen Kopfteil der Website ebenso flexibel und komfortabel gestalten kann.

Vorgefertigte Layouts mit Enfold-Demo-Content

Was noch praktischer ist: Du brauchst beim Webdesign nicht bei Null anzufangen. Denn das WordPress Theme Enfold liefert gleich einen ganzen Satz vorgefertiger Layouts mit, die sich wie einzelne herkömmliche WordPress Themes auf bestimmte Einsatzzwecke richten.

Derzeit bietet das Theme Enfold 21 fertige Layouts (deren Anzahl auch stetig erhöht wird) mit dazugehörigem Demo-Content (also Dummy-Texte und -Bilder) und bringt immer wieder neue dazu. Beispielsweise bietet das Kriesi-Team Layouts mit Demo-Content für Berater, für Startups, für Shops, für Restaurants, für Kreativ-Agenturen, für App-Anbieter und viele weitere Branchen.

enfold demo content

Beispiele für Demo-Content im WordPress Theme Enfold

Wird Dein Website-Stil nicht von den Enfold-Demo-Versionen abgedeckt, ist das auch kein Problem. Schließlich hast Du ja mit dem Layout Builder vollkommen freie Hand, was die Seitengestaltung angeht. So haben wir auch eine eigene Vorlage gebaut, auf dessen Basis wir diverse WordPress-Projekte gestaltet haben.

wordpress theme enfold bei ultrapress

UltraPress-Vorlage zum WordPress Theme Enfold

Praktische Webdesign-Einstellungen

Ein großes Thema bei der Gestaltung einer neuen WordPress Website ist neben dem Layout das Design, beziehungsweise die Einstellungen dazu. Das heißt vor allem:

Welche Farbwelt und welche Schriften sollen den generellen Stil der Website prägen?

Dazu bietet das Theme Enfold eine zentrale Schaltstelle, in der Du die Farben und Schriften für unterschiedliche Bereiche Deiner Website definierst. Dazu gehören:

  • Logo Area: Bereich mit Logo und Menü. Generell gibt es für den Header im Enfold-Theme einen eigenen Bereich mit Einstellunegn.
  • Main Content: Hauptbereich unterhalb der Logo Area
  • Alternate Content: zweiter Stil für bestimmte Sektionen im Hauptbereich der Seiten
  • Footer: Unterer Bereich, der wie die Logo Area auf allen Seiten zu sehen ist (z.B. für Adressangaben, Social Media oder komplette Menüs nutzbar)
  • Socket: Eine weitere kleine Zeile unterhalb des Footers

 

webdesign mit enfold wordpress theme

Enfold Design-Beispiel ultrapress.de

Mit dem „erweiteren Styling“ kannst Du über die Einstellungen noch spezielle Farb- und Schriftdefinitionen festlegen. Und darüberhinaus lassen sich beim Gestalten der einzelnen Seiten auch die einzelnen Layout-Elemente und Texte nochmal individuell formatieren.

WordPress Theme mit Shop und etlichen Plugins

Ob Du Deine Website mit bestimmten Spezial-Funktionen versehen oder sogar einen eigenen Shop integrieren willst – Enfold ist hier fast immer kompatibel (vor allem für Woocommerce Shops). Für viele andere Webdesign Templates ist das nicht selbstverständlich, weil sich Funktionen teils in die Quere kommen.

Beim Gestalten und im Betrieb einer WordPress Website sind solche Bugs absolut nervig. Mit dem Theme Enfold ersparst Du Dir diesen Hickhack normalerweise.

Ständige Verbesserungen und Top-Support durch Enfold-Team

Der große Erfolg von Enfold bringt einen weiteren Vorteil mit sich: Da die Enfold-Entwickler von Kriesi ihre Verkäufe auch weiterhin auf hohem Niveau halten wollen, ist das Team bestrebt, permanent Verbesserungen einzubauen. Im Gegensatz zu kleinen Nischen-Themes profitierst Du deshalb jedesmal von diesen Optimierungen und Erweiterungen in Form von kostenlosen Updates des Themes. Ein Enfold Update kann, immer wenn die Kriesi-Entwickler ein neues Update herausgegeben haben, mit einem Klick für die eigene Website übernommen werden. Alle individuellen Einstellungen bleiben dabei erhalten. Auch mit neuen Demo-Content-Versionen wartet Enfold immer wieder auf.

Daneben steht das Enfold-Team als Support bereit. Hast Du also irgendwann ein Problem oder eine Frage, dann findest Du entweder im großen Theme-Forum eine Lösung oder Du bekommst direkt vom Team ein qualifizierte Antwort.

Vorteile gegenüber anderen Multipurpose WordPress Themes

Klar gibt es auch andere erfolgreiche Mehrzweck-Themes für WordPress, die die genannten Enfold-Vorteile zu großen Teilen ebenso bieten. Populäre Vertreter sind zum Beispiel die WordPress Themes Avada, X Theme oder Bridge. Für mich hat unter diesen Multipurpose WordPress Themes das Theme Enfold* jedoch klar die Nase vorn.

Ausschlaggebend ist in meinen Augen dabei der Layout Builder, mit dem man wirklich sehr komfortabel anspruchsvolle Seiten erstellen kann. Jedes der Multipurpose WordPress Themes hat einen solchen Layout Builder, doch die Enfold-Variante hat für mich einfach die richtige Balance aus einer großen Palette an Layout-Elementen, Flexibilität und Einfachheit in der Handhabung. Alles ist hier aufgeräumt und übersichtlich.

Grundsätzlich ist es übrigens auch empfehlenswert, bei einem WordPress Theme zu bleiben, weil sich damit mit der Zeit einfach ein gewisser Übungseffekt einstellt, so dass Du mit dem Theme immer besser umgehen kannst.

Welche Enfold Demo passt für meine WordPress Website am besten?

Wenn Sie sich für das Theme Enfold entscheiden, dann bekommen Sie eigentlich gleich über 30 WordPress Themes auf einmal. Welche Demo für welche Art von Website gut passt, lesen Sie in dieser Übersicht der Enfold Demos.

Weiterlesen

14 Tipps für ein Homepage-Design, das Besucher an Deine Website fesselt

wordpress webdesign

Ein schönes neues Homepage-Design zu haben, ist eine tolle Sache, nur wie sieht es mit den Website-Besuchern aus? Bleiben die Besucher bei Dir auf der Website? Und noch wichtiger: Kommen die Besucher nach ihrem ersten Besuch bei Dir auch wieder?

Ist Dein Homepage-Design also „sticky“, dass Deine Besucher bei Dir förmlich hängenbleiben?

Um eines vorweg klarzustellen: Bei sticky Websites geht es nicht darum, für den Website-Besucher irgendwelche technischen Hürden aufzubauen, wie wilde Popups oder ähnlichen Nonsens. Es geht darum, dass er selbst motiviert ist, auf der Seite zu bleiben und gern wieder zu kommen.

Was kannst Du also nun konkret mit Deinem Homepage-Design tun, damit ein Besucher möglichst lange auf Deiner Website bleibt, und nicht sofort wieder in den Weiten des Netzes verschwindet?

Homepage-Design mit einfacher und klarer Navigation

Wer sich länger mit seiner eigenen Website beschäftigt, kennt natürlich alle Inhalte und alle Navigationswege mehr oder weniger auswendig. Dabei kann es schnell reizvoll sein, noch mehr Verwinkelungen in Form von Untermenü-Punkten oder anderen Sonderseiten einzubauen. Mach das lieber nicht, wenn überhaupt, sehr dosiert.

Denk an den Website-Besucher, der zum ersten Mal bei Dir reinschnuppert. Versuch, sie in ihn hineinzuversetzen. Dieser will auf den ersten Blick sehen, was los ist, was ihn auf Deiner Website erwartet.

Eine Website braucht also nicht tausend Features und Schnickschnack, der die User ablenkt, sondern stattdessen eine klare und einfache Navigation.

Richte deshalb vor allem eine zentrale Navigationsleiste ein. Die oberste Ebene sollte gleich die wichtigsten Inhalte Deiner Website unmissverständlich darstellen und möglichst nicht mehr als 5 bis 7 Navigationspunkte enthalten. Warum nur 5 bis 7?

Es gibt mittlerweile eine Reihe von sogenannten Usability-Tests, die gezeigt haben, dass die meisten Menschen in kurzer Zeit gar nicht mehr erfassen und für sich sortieren können. Gruppier Deine Inhalte also möglichst schlüssig und pack zusätzliche Navigationspunkte lieber in die zweite Navigationsebene oder ins Footermenü. Don´t make me think!

Professionelles Homepage-Design

Die Entscheidung eines Besuchers, ob er Deine Website mag oder nicht, wird zu einem großen Teil binnen Sekunden unterbewusst getroffen. Und wie bei Menschen oder Dingen im realen Leben, spielt hier das Äußere eine große Rolle.

Kommt also ein neuer Besucher zu Dir und sieht ein Sammelsurium aus wild zusammengeschusterten Grafiken, kleinteiligen Textwüsten und konfusen Farbwelten, zieht er ruckzuck wieder von dannen.

Ein gutes Homepage-Design ist also eminent wichtig – und zwar nicht nur für den ersten Eindruck, gutes Design wertet auch Deinen Content auf. Soll heißen, ein Text oder eine Produktvorstellung im Rahmen einer professionell designten Website wird unterbewusst ganz anders bewertet als der gleiche Text auf einer schlecht designten Website.

Bringen Persönlichkeit auf Deine Website

Menschen verbinden sich lieber mit Menschen als mit anonymen Konstrukten. Eine Binsenweisheit, aber auf etlichen Websites wird diese Einsicht zu wenig beherzigt. Dabei ist es wirklich eine der einfacheren Wege, Deine Website sticky zu machen.

Inwieweit man seine eigene Person auf der Website in den Vordergrund stellen will, hängt natürlich von der eigenen Persönlichkeit ab, und welchen Zweck man mit der Seite verfolgt. Ein Coach oder ein Berater muss natürlich viel stärker auf seine Person setzen als beispielsweise eine B2B-Website für Maschinenteile.

Trotzdem lohnt es sich für jeden Website-Betreiber zu überlegen, ob es persönliche Aspekte gibt, die sinnvoll wären auf die Website zu bringen. Gibt es Fotos vom Team oder einzelner Mitarbeiter, die für die Kundenkommunikation zuständig sind, würden diese die Bindung zu den potenziellen Kunden sicherlich stärken, wenn sie sich auch auf der Website zeigen würden.

Oder gibt es eine interessante Story der Geschäftsführung oder anderen Menschen im Unternehmen, ist das immer ein Anlass es auch auf der Website zu bringen.

Sticky Content

So banal es ist, ohne gute Inhalte läuft nichts. Du kannst ein noch so tolles Homepage-Design haben und Features im Übermaß bieten – solange der Besucher sich von dem wirklichen Inhalt nicht angesprochen fühlt, solange ihm der Inhalt nichts bringt, wird er nur schwerlich zu halten sein.

Die allererste Priorität müssen also wirklich gute Inhalte sein, die den Nerv Deiner Zielgruppe treffen.

Die besten Inhalte nach vorn

Hast Du gute Inhalte für Deine Website erstellt, sei es in Form von Blogposts, Services oder Produktvorstellungen, versteck diese nicht irgendwo im Navigationsdickicht. Greif Deine besten Inhalte heraus, und versuch, die möglichst prominent auf Deiner Website darzustellen.

artikel

Best-of-Inhalte nach vorn stellen

In der Seitenleiste lässt sich beispielsweise gut ein Abschnitt platzieren mit den meistgelesenen Artikeln. So findet jeder Leser gleich die beliebtesten Inhalte, was ihn wiederum zum Weiterklicken animiert.

Ähnliche Inhalte verknüpfen

Ein ähnlicher Weg, um Website-Besuchern passende Inhalte zu präsentieren, die sie sich gern anschauen und damit länger auf der Seite bleiben, ist die Darstellung von ähnlichen Inhalten.

Jeder kennt es von Amazon: Leser, die dieses Buch gekauft haben, kauften auch diese Bücher. Nach dem gleichen Prinzip können Du es mit Deinen Website-Inhalten machen:

Zeige zu jedem Produkt oder jedem Artikel ähnliche Produkte oder Artikel. Zum Glück musst Du dies nicht manuell machen, denn es gibt dazu eine Reihe recht praktischer Plugins.

Track Your Readers‘ Habits

Je mehr Du über Deine Website-Besucher und ihr Verhalten auf Deiner Website weißt, umso besser kannst Du Dich darauf einstellen und Deine Seite immer mehr sticky machen.

Setze also auf ein Analyse-Tool wie Google Analytics, um zu sehen, wie viele Besucher wann auf Deine Seite kommen, woher diese kommen, wie lange sie welche einzelnen Seiten betrachten, und zwischen welchen Seiten sie hin und her klicken. Und das ist nur ein ganz kleiner Vorgeschmack: Google Analytics kann Dir je nach individuellem Bedarf noch etliche weitere Analysen liefern, auf deren Basis Du Deine Website nach und nach verbessern kannst.

Biete Abo-Möglichkeiten (selbstverständlich kostenlos)

Dass ein Besucher wiederkommt, liegt in der Regel an neuen guten Inhalten. Stellt sich die Frage: Reicht es nicht, diese Inhalte einfach nur zu veröffentlichen? Die Antwort lautet eindeutig: Nein!

Erwarte nicht, dass Besucher, die einmal auf Deiner Seite gesurft haben, später von sich aus immer wiederkommen. Einige User machen das zwar, aber der Großteil würde Deine Seite trotz guter Inhalte wohl wieder vergessen. Schließlich ist das Angebot an Inhalten und Kommunikationsmöglichkeiten im Internet gigantisch.

Es wimmelt nur so an Angeboten jeglicher Couleur und Qualität. Viele Menschen verlieren hier schnell den Überblick, und selbst Lesezeichen werden aufgrund ihrer schieren Masse wertlos. Was heißt das für Dich als Website-Betreiber?

Schaffe einerseits Anlässe zum Wiederkehren. Und sorge andererseits dafür, dass Deine Besucher die neuen Veröffentlichungen auch jeweils mitbekommen.

Dies ist teils eine Frage des richtigen Timings, aber vor allem eine Frage der technischen Möglichkeiten, die sie Deinen Besuchern in Form einer Art Abonnement bieten.

Ein solches Abonnement sollte in jedem Fall kostenlos sein, und kann technisch unterschiedlich ausgestaltet sein. Am besten, Du nutzt gleich mehrere der im Folgenden aufgeführten Möglichkeiten.

Social-Media-Profile verknüpfen

Hast Du parallel zu Deiner Website Social-Media-Profile, zum Beispiel bei Facebook, Google+ oder Twitter, dann verknüpfe diese am besten mit Deinem kompletten Homepage-Design:

Baue die entsprechenden Social-Media-Buttons zum Folgen im jeweiligen Kanal auf Deiner Website ein. So kann sich ein Website-Besucher mit Deinen Social-Media-Profilen verknüpfen.

Gibt es nun etwas Neues auf Deiner Website, dann poste dies auch gleich auf Deinen Social-Media-Kanälen. So werden Deine „Follower“ informiert und kommen somit auch wieder auf Deine Seite – natürlich immer unter der Voraussetzung, dass Du auch wirklich interessante Inhalte aufbietest.

RSS-Button

Mit dem Klick auf den RSS-Button auf Deiner Seite abonniert Dein Website-Besucher die Neuigkeiten Deiner Seite für seinen sogenannten „RSS-Reader“. Deine neuen Beiträge erscheinen also regelmäßig bei ihm neben den anderen News von den für ihn interessanten Seiten.

Du selbst musst somit also nicht weiter tun, um den User über Neues zu informieren, denn er bekommt die Aktualisierungen schließlich automatisch.

Nicht jeder Mainstream-User kennt RSS, aber vor allem technikaffine Nutzer bedienen sich dieser Technologie.

Email-Newsletter

Oft unterschätzt, aber dennoch sehr effektiv, ist das Email-Marketing. Integriere ein Newslettersystem, wie beispielsweise Cleverreach oder MyMail, und biete dem User eine einfache Möglichkeit, seine Email-Adresse bei Dir zu hinterlassen.

So erhält er jedes Mal eine Email, wenn Du etwas neues veröffentlichst, wobei der Turnus für die Emails natürlich von Dir frei definierbar ist. Dies sollte auch mit Bedacht gewählt sein, denn Email-Marketing ist ein sensibles Thema. Niemand möchte mit Mails überschwemmt werden, geschweige denn Spam bekommen.

Geh also möglichst sorgsam mit den Dir anvertrauten Adressen um, und schreibe wirklich nur dann an, wenn es wirklich etwas Neues gibt, das Deinen Abonnenten einen Nutzen bieten kann.

Warum so viele Optionen?

Mit den Social-Media-Kanälen, dem RSS-Stream und dem Email-Marketing stehen dem User jetzt wirklich eine ganze Reihe an Abo-Möglichkeiten zur Verfügung, die alle weitgehend den gleichen Zweck verfolgen sollen. Doch warum eigentlich so viele Kanäle, reicht nicht ein einziger?

Die Antwort darauf ist eigentlich ganz einfach. Natürlich würde aus rein technischer Sicht eine Abo-Möglichkeit ausreichen. Doch man kennt es doch von sich selbst: Jeder hat so seine eigenen Gewohnheiten und Systeme, sich mit News zu versorgen. Und indem Du diesem Umstand Rechnung trägst, erhöhst Du ganz einfach die Wahrscheinlichkeit, dass sich ein Website-Besucher den Neuigkeiten Deiner Seite folgt.

Platziere die Abo-Optionen hervorgehoben

Optionen müssen nicht nur vorhanden sein, sie müssen auch entsprechend gezeigt werden. Stelle die Abo-Optionen auf Deiner Website also an möglichst prominente Platzierungen, damit sie auch genutzt werden. „Call to action“ ist das Stichwort, wenn es darum geht, die User dorthin zu lotsen, wo sie in Aktion treten können.

Zum Beispiel bietet es sich an, oben rechts und/oder in der Sidebar der Seite die Abo-Buttons einzusetzen. Publiziere Blogbeiträge oder ähnliches, können Sie auch am Ende eines jeden Beitrages auf die Abo-Optionen verweisen.

Biete zusätzliche Anreize zum Dranbleiben

Um dem Ganzen noch einen Kick zu geben, bieten sich sogenannte „Freebies“ an. Das sind kostenlose Beigaben, die jeder User bekommt, wenn er den Newsletter abonniert.

Je nach Art der eigenen Website kann das eine Produktprobe sein, ein White-Paper oder ein anderes Download-Produkt. Hier bei UltraPress setze ich dazu ein z.B. WordPress Tutorial als Ebook ein:

tutorial als ergänzung zum Blogartikel

Fazit

An technischen Möglichkeiten mangelt es wahrlich nicht, wenn es darum geht, Dein Homepage-Design sticky zu machen. Nutze diese Möglichkeiten, damit aus einmaligen Besuchern Deiner Website Dauergäste werden.

Aber lass auch das nötige Fingerspitzengefühl walten, um Deinen User wirklich nur nutzenstiftende Inhalte anzubieten statt plumper Reklame.

 

Bildquelle: © zest_marina – Fotolia.com

Bildquelle: © corepics – Fotolia.com

Wie gestaltet eine WordPress-Agentur Preise für Websites?

Wer eine neue Website mit dem CMS WordPress erstellen oder seine alte Website erneuern lassen möchte, will natürlich wissen wie eine WordPress-Agentur Preise gestaltet.

Welche Faktoren fließen in den Preis einer WordPress Website ein? Welche Arten von Preis-Modellen bieten die verschiedenen WordPress-Agenturen? Und welcher Preis ist für die eigene WordPress-Website angemessen?

Eine einfache Pauschal-Antwort gibt es auf diese Fragen nicht. Deshalb möchten wir in diesem Artikel die wichtigsten Aspekte der WordPress-Agentur-Preise beleuchten, und Dir zeigen, wie wir selbst bei der Gestaltung unserer Preise vorgehen.

Großes Spektrum an WordPress-Agentur-Preisen

Naheliegend ist für jeden sicher eine kleine Recherche bei Google. Aber wirklich schlauer wirst Du daraus auch nicht. Denn was sich zeigt, ist in der Regel eine sehr große Spanne an möglichen WordPress-Agentur-Preisen.

Teils geht es mit den WordPress-Agentur-Preisen schon um die 100 Euro los. Was sich hinter solch Angeboten verbirgt, ist normalerweise nur eine reine Installation eines Content Management Systems (CMS) wie WordPress in Verbindung mit einem Standard-Theme. Das Thema Webdesign und die komplette Erstellung der Inhalte obliegt einem dabei selbst, das heißt, die eigentlich Arbeit geht dann erst los.

Auf der anderen Seite gibt es Preise für das Erstellen von WordPress-Websites in Höhe von mehreren tausend Euro.

Stellt sich also die Frage: Wo kannst Du Deine WordPress-Website realistischerweise in dieser großen Preisspanne einordnen?

Welche Faktoren beeinflussen bei WordPress-Agenturen die Preise?

Schön wäre natürlich, wenn jede WordPress-Agentur auf eine Anfrage zu einer Webseite sofort einen konkreten Preis nennen könnte – ein Summe X und das war´s.

Ganz so einfach lässt sich die Frage nach den Kosten der Website-Erstellung aber nicht beantworten. Das liegt daran, dass einfach sehr unterschiedliche Faktoren in die Preise für eine WordPress-Website hineinspielen.

Welche Faktoren sind das im Einzelnen?

Art der Website

Je nachdem, ob lediglich eine Web-Visitenkarte erstellt werden soll, oder ob der Kunde etwas komplexeres wie einen Online-Shop oder Mitglieder-Community für seine Webseite wünscht, birgt die Erstellung der Website ganz unterschiedliche Aufwände.

Ein Handwerker benötigt eventuell nur einen One-Pager, um sich im Netz zu präsentieren. Ein Coach oder Trainer will auf seiner WordPress-Website vielleicht seine Seminare und Workshops präsentieren und Buchbar machen lassen.

Und das mittelständische Unternehmen möchte nicht nur informieren und die Nutzer zur Interaktion bewegen, sondern im eigenen Online-Shop noch Produkte oder Dienstleistungen verkaufen.

wordpress-agentur-preise bei websites für Einzelpersonen

WordPress-Website für Solopreneurin

wordpress website industrie

WordPress-Website mit diversen Leistungen etc.

Umfang der Website

Eine Webvisitenkarte als Homepage mit nur einer statischen Seite und wenig Inhalten kann zügig umgesetzt werden.

Eine Firmenhomepage, wo viele Informationen, unterschiedliche Produkte und vielleicht auch Referenzen und ein Blog Platz finden sollen, ist im Aufwand deutlich umfangreicher und dauert länger. Dieser Zeit- und Arbeitsaufwand will bezahlt werden.

Und das spiegelt sich letztlich wider in den Preisen für die Gestaltung der Website.

Webdesign

Schon bei der besagten Webvisitenkarte oder dem OnePager wird bereits ein individuelles Webdesign erstellt und gegebenenfalls auf Sonderwünsche eingegangen. Genügt dem Kunden hingegen ein Standard-Design eines WordPress-Themes, dann hat der Webdesigner deutlich weniger an kreativem Input für die Webseite zu leisten, als wenn ein wirklich individuelles Webdesign gebraucht wird.

Und gibt es weitere Designelemente zu beachten? Brauchst Du für Deine Homepage zum Beispiel ein neues Logo? Brauchst Du eine farblich abgestimmte Visitenkarte? Diese und andere Elemente können wir Dir bei Bedarf auch liefern. Klar ist natürlich, dass damit auch die gesamten Projektkosten jeweils steigen.

Content

Hinsichtlich der Inhalte für die Website spielt zum einen die Menge der Texte, Bilder und Videos in den Preis der WordPress-Agentur.

Und zum anderen ist es auch die Frage, ob die WordPress-Agentur selbst die Inhalte erst erstellen muss, oder ob Texte und anderen Medien vom Kunden gestellt werden. Aber auch bei gestelltem Material hängt der Projektaufwand und somit die WordPress-Agentur-Preise davon ab, ob noch Bearbeitungen, zum Beispiel von Bildern, nötig sind.

Je nach Art des Auftrags (Thema, Bildrecherche, etc.), muss hier ansonsten mit zusätzlichen Kosten gerechnet werden.

Und Stichwort Texte: Du erstellst die Texte selber oder hast hierfür jemanden „Inhouse“? Perfekt, denn so lassen sich die Kosten senken. Andernfalls wird ein Texter, Journalist oder Online-Redakteur benötigt.

Funktionen und Features

Jede WordPress-Website lässt sich mit etlichen Features und Zusatzfunktionen bestücken. Man kann einen Blog erstellen, eine Buchungsfunktion, ein komplexes Formular, oder einfach nur ein paar grafische Spielereien einbringen.

Jede Integration einer solchen Funktionalität bringt einen gewissen Aufwand für die WordPress-Agentur mit sich, der sich im Preis für die WordPress Website widerspiegelt.

Hast Du Sonderwünsche, die unbedingt Berücksichtigung finden sollen? Das Einfügen von Slidern, Formularen, Animationen oder sonstigen Elementen kostet Zeit und damit auch, … tja, Du weißt schon ;-).

Sollen solche Features noch im Design abgewandelt oder in der Programmierung verändert werden, ist das glücklicherweise mit WordPress-Websites relativ leicht möglich, aber dennoch mit Zusatzaufwand verbunden.

Dazu kommen Vorteile von kurzen Ladezeiten oder Sicherheitseinstellungen, die nicht in jedem Web-Projekt selbstverständlich sind, deren Aufwand sich aber in der Regel lohnt.

Shops, Communities und Co.

Dass WordPress-Websites heute deutlich mehr können als nur als Blogsystem zu dienen, ist mittlerweile hinlänglich bekannt. Doch das Aufrüsten zu einem Shop, einer Community oder anderen erweiterten Funktionen ist immer individuell und bedeutet Aufwand.

In beiden genannten Fällen ist nicht nur eine reine Installation, sondern eine eigene Planung für die Umsetzung notwendig.

Suchmaschinenoptimierung

Wer bei Google und Co. gefunden werden will, tut gut daran, seine Seite von Anfang an darauf zu optimieren – Stichwort „SEO“ (Search Engine Optimization). Dass so etwas gemacht wird, ist nicht selbstverständlich.

Empfehlenswert ist es zunächst einmal ein SEO-Tool in die Seite einzubauen, dass die Struktur und viele Dinge „unter der Haube“ für die Suchmaschinen optimiert. Wir machen dies standardmäßig.

Darüberhinaus ist zu überlegen, ob nicht auch zusätzlich Texter die Seite manuell optimieren, um hier noch einen Schritt weiterzugehen. Dies bieten wir beispielsweise optional an.

Individuelle Wünsche vs. Festpreise für die WordPress-Website

Wir vergleichen die Konzeption einer Website gern mit dem Bau eines Hauses. Jeder Bauherr hat eigene Wünsche und Bedürfnisse. Und so gibt es logischerweise die unterschiedlichsten Häuser mit den unterschiedlichsten Preisen. Und selbst bei Häusern gleicher Größe driften die Preise stark auseinander, weil einfach wie bei Websites unterschiedlichste Faktoren auf die Preise Einfluss nehmen.

Dein Projekt kann also komplett individuell nach Deinem eigenen Corporate Design erstellt werden, wobei heute zumeist auch die Umsetzung für mobile sinnvoll ist.

Deshalb sind Preise für Häuser in der Regel sehr individuell. Kein Architekt wird Ihnen einen Preis nennen, ohne die Rahmenbedingungen zu kennen. Natürlich gibt es auch Fertighäuser mit Festpreisen, doch auch hier ist die Parallele zu den Preisen bei WordPress-Agenturen zu ziehen:

Deshalb sind Preise für Häuser in der Regel sehr individuell. Kein Architekt wird Dir einen Preis nennen, ohne die Rahmenbedingungen zu kennen. Natürlich gibt es auch Fertighäuser mit Festpreisen, doch auch hier ist die Parallele zu den Preisen bei WordPress-Agenturen zu ziehen:

Ein Fertighaus ist im Bereich der Webseiten gleichzusetzen mit einer Baukasten-Website. Dies ist eine Website, die streng nach Schema F aufgebaut ist und ein vorgegebenes Design hat. Für ganz schmale Budgets und den Hobby-Bereich kann sich das durchaus anbieten. Sobald jedoch ein eigenes Design oder Seitenaufbau gewünscht werden, wird die Website individuell.

Klar lässt sich auch ein Fertighaus mit der Integration zusätzlicher Komponenten individueller gestalten, doch hat der Kunde hier natürlich mit Aufpreisen zu rechnen, die wiederum individuell sind.

Freelancer vs. WordPress-Agentur – wie unterschieden sich die Preise?

Nicht nur die verschiedenartigen Anforderungen beeinflussen die Website-Kosten, sondern auch die Wahl des Webdesigners. Hier bietet sich ein weites Feld an Anbietern, und es konkurrieren Freelancer mit Website-Agenturen, die durchaus unterschiedliche Preis-Modelle bieten.

wordpress-freelancer-preise

WordPress-Freelancer

Du als Kunde hast hier die Qual der Wahl und sollten mit Bedacht wählen. Du findest diverse Freelancer, die Websites teilweise für kleines Geld erstellen. Das muss nicht immer gleichbedeutend mit schlechter Qualität sein, aber es muss gerade in solchen Fällen die Frage nach der Expertise des Freelancers gestellt werden.

Es gibt aber auch WordPress-Freelancer mit recht hohen Stundensätzen. Tendenziell sollte man hier von besserer Qualität ausgehen, doch klar ist es nicht. Am besten man schaut sich einfach mal die Referenzen an WordPress-Websites des Freelancers an, um sich so ein Bild zu machen.

Die Preise pro Stunde bei einer WordPress-Website sind jedoch nicht alles. Hast Du beispielsweise einen Super-Webdesigner ausfindig gemacht, stellt sich die Frage, ob dieser auch über die technische Expertise verfügt, ob er also zum Beispiel auch ein sicheres Setup der WordPress-Website bietet.

Der versierte WordPress-Entwickler hingegen kann sicher tolle Website-Funktionen bieten, aber ob er auch das Design beherrscht, steht auf einem anderen Blatt.

WordPress-Projekte sind zwar nicht mit der Komplexität eines Atomkraftwerks zu vergleichen, doch in der Regel sind hier doch verschiedenartige Qualifikationen (Webdesign, Webentwicklung, Content, …) gefordert, die nicht jeder Webdesigner oder Entwickler gebündelt anbieten kann.

wordpress-team

WordPress-Agentur mit Team

Ähnlich ist es mit Plattformen wie fiverr. Kleine, einzelne Arbeiten wie die Erstellung einer Grafik oder dem Intro für ein Unternehmensvideo kannst Du hier für wenig Geld relativ problemlos beauftragen. Bei größeren Projekten werden Dir die Qualifikation, der Service und die individuelle Betreuung fehlen.

Eine WordPress-Agentur hingegen sollte über Spezialisten unterschiedlicher Disziplinen verfügen und Dich von Deiner Anfrage bis zur Fertigstellung der WordPress-Website begleiten. Und im Idealfall werden Dir Anschluss-Angebote zur WordPress Wartung und Support für Deine Webpräsenz angeboten.

Wie werden die Preise für die Webseitengestaltung konkret kalkuliert?

Klar ist: Die oben genannten Kriterien spielen so oder so in den Preis hinein.  Jeder Webdesigner und jede WordPress-Agentur macht dies auf seine oder ihre Art und Weise.

Zum bestimmen der WordPress-Agentur-Preise oder der Freelancer-Preise kommen üblicherweise folgende Methoden zum Einsatz:

Stundenpreise

Es wird für das Website-Projekt ein fester Stundensatz festgelegt, und je nachdem, wieviel Aufwand eine WordPress-Website mit sich bringt, kommt es am Ende zu einer Addition aller Stunden. Und diese wird mit dem Stundensatz multipliziert.

Als Kunde solltest Du Dir bei dieser Methode vor allem handfeste Schätzungen des voraussichtlichen Aufwandes geben lassen. Das hilft spätere böse Überraschungen zu vermeiden.

Festpreise

Bei der Festpreis-Kalkulation gibt die WordPress-Agentur für jede einzelne Leistung oder für die Website gesamt Festpreise an. Die Leistungen sollten dabei sehr klar definiert sein, um spätere Missverständnisse zu vermeiden.

Das macht die Sache für den Kunden sehr transparent, aber auch etwas unflexibel. Denn kommen während der Erstellung der Website zusätzliche Wünsche auf, kann es schwer werden, diese mit den definierten Leistungspaketen abzudecken.

Komponenten eines WordPress-Angebots

Welche einzelnen Komponenten oder Posten kann ein Angebot einer WordPress-Agentur beinhalten? Dies sind die gängigsten und wichtigsten Angebotskomponenten:

Technische Setup

Die meisten Agenturen haben einen Workflow mit festen Standards, der Dir Planungssicherheit bietet und trotzdem die Möglichkeit lässt, individuelle Websites zu erstellen. Einer dieser Standards ist das technische Komfort-Setup.

Eine WordPress-Website muss später im Betrieb einwandfrei laufen und vor Viren und anderen externen Angriffen geschützt sein. Deshalb startet in der Regel ein Entwickler gleich zu Beginn mit einer sicheren WordPress-Installation und der Integration eines Plugin-Sets, das für die notwendige Sicherheit und gute Performance sorgt. Außerdem werden Plugins installiert für die Suchmaschinenoptimierung und für eine komfortable Bedienung.

Dazu kommt das Einrichten eines guten Themes (wie z.B. das Theme Enfold). Dies ist so flexibel, dass wirklich jedes erdenkliche Design mit dieser Installation umsetzbar ist, und keine Website wie die andere aussieht.

Aufgrund der Standardisierung gibt es den Posten des technischen Setup oft als Festpreis. So hat beispielsweise auch unser Partner WP-Wartung24 die dazugehörigen Leistungen mit festen Preisen versehen.

Design und Layout

Während der Design- und Layout-Phase stehst Du meist in engem Kontakt mit der Person für´s Webdesign, die mit Dir den „Look & Feel“ – also das Konzept Deiner individuellen Farben, Schriften und Layouts – entwickelt und abstimmt. So entsteht ein einzigartiges Webdesign, das Deine Unternehmensidentität widerspiegelt. Responsive Design sollte natürlich Standard sein.

Die Entwicklung des generellen Designs hinsichtlich der WordPress-Agentur-Preise ist sehr aufwandsabhängig, aber auch recht sicher einschätzbar.

Content und Erstellung einzelner Seiten

Dieser Part ist in der Regel am zeitaufwändigsten und auch am individuellsten. e nachdem, wie viele Einzelseiten Du benötigst und welchen Umfang diese Seiten haben sollen, bemisst sich die Kalkulation des Aufwands. Passende Bilder müssen eventuell recherchiert und bearbeitet werden. Texte müssen aufbereitet werden.

Aus Erfahrungswerten kann eine WordPress-Agentur die erforderlichen Aufwände aber recht gut einschätzen. Sollten einzelne Aufwände im laufenden Projekt dennoch deutlich abweichen, ist dies normalerweise jeweils vorab zu besprechen, damit Kosten-Überraschungen vermieden werden.

Features & Funktionen

Diese Phase ist ebenso sehr individuell und hängt stark von Deinen Wünschen und Bedürfnissen für Deine Website ab. Zusätzliche Funktionen können zum Beispiel Online-Formulare, Chat-Plugins, Email-Marketing-Tools oder Dein Unternehmens-Blog sein. Je nachdem steht Arbeitsaufwand für den Web-Entwickler an, oder die Installation zusätzlicher teils kostenpflichtiger Plugins wird erforderlich.

Auch hier richten sich die Preise nach dem tatsächlichen Aufwand.

Die Übergabe und Live-Schaltung Deiner Website

Bevor eine Website dann endlich live geschaltet werden kann, kommt noch das abschließende Feintuning, bei dem die letzten Kleinigkeiten behoben und angepasst werden.

Erst dann gibst Du das Go und Deine Website geht online.

An diesem Punkt erhältst Du die Zugangsdaten, damit Du ab sofort auch selbst Deine Website bearbeiten und Deinen Blog führen kannst.

Welche Kosten sind neben den WordPress-Agentur-Preisen zu beachten?

Für den Aufbau Deiner Website bekommst Du bei einer WordPress-Agentur zwar alle Leistungen aus einer Hand, doch gibt es immer noch ein paar Posten der technischen Infrastruktur mit ihren Preisen für Deine Website zu beachten:

  • Webhosting: ca. 5-10 € monatlich
  • Lizenz-Gebühren für das WordPress-Theme Enfold: einmalig 59 $
  • eventuell Lizenz-Gebühren für weitere kostenpflichtige Plugins (je nach Funktionen etwa 10 – 100 €)
  • Optionale WordPress Wartung und Support nach Abschluss des Projekts (ab 25 €)

Fazit

Wer eine individuelle WordPress-Website haben möchte, bekommt in der Regel von der WordPress-Agentur einen individuellen Preis. Dieser Preis hängt in erster Linie ab vom Umfang der Website, vom Anspruch ans Design und vom Entwicklungsaufwand.

Eine WordPress-Agentur listet Dir die Preise als Festpreise oder aufwandsabhängige Komponenten auf, oder das Angebot enthält einen Mix aus beidem. Durch eine gute Beratung im Vorfeld der Angebotserstellung lassen sich diese individuellen Aufwände und die damit verbundenen Preise jedoch recht sicher einschätzen.

Landingpage-Aufbau – Guide zur Gestaltung und Tools für mehr Conversion

Der Landingpage-Aufbau ist eine der wichtigsten Aufgaben im Online Marketing. Planst Du ein neues Produkt, oder willst Du sonst etwas online ins Rollen bringen, dann solltest Du auf jeden Fall eine effektive Landingpage erstellen.

Die Landingpage ist eine spezielle Seite für bestimmte Kampagnen, Zielgruppen oder Produkte. Du kannst Du ein Angebot präsentieren, und die Website-Besucher können über die Landingpage direkt mit Dir interagieren. Landingpages sind deshalb ein absolutes Kernelement so gut wie jeder Online-Strategie.

Doch wie muss eine Landingpage aufgebaut sein, die wirklich funktioniert und für Conversion sorgt? Wie baust Du also eine Landingpage, die aus Website-Besuchern Follower, Fans oder Kunden macht? In diesem Artikel erfährst Du, was einen effektive Landingpage-Aufbau ausmacht, und welche Elemente Du für deine eigenen Pages benötigst, damit diese erfolgreich funktionieren.

Was ist eine Landingpage?

Bei einer Landingpage handelt es sich um eine Webseite, auf die Leser oder potenzielle Kunden gezielt geleitet werden. Das kann über Suchmaschinen, Emails oder andere Online Marketing Maßnahmen geschehen.

Es kann sich um die Startseite einer WordPress-Website handeln oder auch eine Sonderseite, die sich von der eigentlichen Website unterscheidet. Die Landingpage ist damit zentraler Teil einer Werbekampagne zu einem bestimmten Produkt oder Service.

Unterschied zwischen Homepage und Landingpage

Die Struktur einer Homepage und einer Landingpage mögen auf den ersten Blick ähnlich erscheinen, und dennoch unterscheiden sie sich in einigen wichtigen Punkten. Eine Homepage hat eine eher allgemeine Aufgabe. Sie liefert generelle Informationen über ein Unternehmen, Produkt oder eine Dienstleistung.

Der Landingpage-Aufbau verfolgt hingegen ausschließlich einen einzigen Zweck – die Conversion. Das heißt, die Landigpage richtet sich an eine bestimmte Zielgruppe und bietet ihr eine bestimmte Aktion mittels Call-To-Action (CTA) an. Die Website dient also dazu, den Nutzer zu einer gezielten Aktion (Conversion) zu bewegen.

Beispiele zum Einsatz einer Landingpage

  • Seiten für bestimmte Produkte oder Services
  • Landingpage für Adwords-Anzeigen
  • Auf bestimmte Traffic-Kanäle abgestimmte Seiten, beispielsweise Email Newsletter oder Social Media

Im Gegensatz zu einem Blogartikel wird eine Landingpage nicht immer auf bestimmte Keywords optimiert, sondern zielt darauf ab, Leads beziehungsweise Umsätze zu generieren und somit Conversions zu unterstützen. Landingpages stehen in solchen Fällen oft an zweiter oder dritter Stelle in einem Sales Funnel, so dass der User vorab schon andere Stationen durchlaufen hat.

Der Aufruf zur Interaktion, also der sogenannte „Call To Action“ (= CTA) ist bei dieser Art von Website daher ein besonders wichtiges Merkmal. Durch diesen CTA sollen Besucher zu einer Aktion animiert werden wie zum Beispiel dem Abonnieren des Newsletters, dem Kauf eines Ebooks oder dem Anfordern einer Online-Demo.

Die Landingpage kann somit Einstieg in einen Sales Funnel sein, aber auch letzter Kontaktpunkt vor der Conversion zum Kauf.

Die 6 wichtigsten Elemente im Landingpage-Aufbau

Die folgenden Gestaltungselemente finden sich in so gut wie jedem erfolgreichen Landingpage-Aufbau. Mach´ es Dir also leicht, und nimm diese Elemente als generellen Leitfaden für Deine Landingpage. Die wichtigsten davon sollten direkt im sogenannten Stage-Bereich untergebracht werden, also im oberen sichtbaren Bereich der Webseite. Und damit geht´s jetzt los:

Die Landingpage des Newsletter-Tool-Anbieters Rapidmail ist ein schönes Beispiel, das die einzelnen Elemente des oberen Bereichs einer Landingpage exemplarisch zeigt:

Landingpage-Aufbau bei Rapidmail

Elemente im Landingpage-Aufbau im Beispiel Rapidmail

Überschrift

Der britische Werbetexter David Ogilvy sagte einmal, dass 80 Prozent der Leute die Überschrift lesen und 20 Prozent den Text. Du musst also bereits mit Deiner Headline überzeugen und das Beste aus ihr herausholen.

Da die Überschrift das Erste ist, was der Besucher auf einer Page sieht und liest, solltest Du mit ihr eindeutig beschreiben, welchen Nutzen er aus Deiner Landingpage ziehen kann. Konkret bedeutet dies, Dein Alleinstellungsmerkmal (USP) hervorzuheben.

Am besten fährst Du mit einer Headline, die Deinen USP kurz und präzise beschreibt. Zusätzlich kannst Du eine Unterüberschrift einbinden, mit der sich Deine Headline verlängern lässt. So kannst Du Deine Message erweitern.

Gerade technikaffinen Gründern und Unternehmern unterläuft hierbei häufig ein entscheidender Fehler: Vollkommen begeistert von der eigenen Technik werden gern lauter „Features“ und Funktionen des angebotene Produktes gelobt. Vergessen werden beim Landingpage-Aufbau jedoch Emotionen, die deshalb so wichtig sind, weil es eben nicht primär um Technik geht, sondern um die Wünsche und das Lösen von Problemen von Menschen.

Der USP sollte also nicht als reines Technik-Feature dargestellt werden. Stattdessen gilt es, den zentralen Vorteil, den ein Website-Besucher mit der besagten „Action“ des Call-To-Action hat (also Kauf, Newsletter-Abo, Download, Anfrage, …), nach vorn zu stellen. Das kann durchaus emotional sein, und nichts mit Technik zu tun haben.

Die Überschrift ist letztlich eines der entscheidenden Werkzeuge bei der Frage, ob Website-Besucher auf der Seite bleiben oder nicht.

Hero Shot

Der Hero Shot auf der Landingpage bezeichnet ein großes, auffälliges Bild oder eine Grafik, das bzw. die ganz oben auf der Landingpage steht. Getreu dem Motto „Ein Bild sagt mehr als 1.000 Worte“ solltest Du Dir die positive Wirkung von Bildern auf Deiner Page zunutze machen. Die visuelle Veranschaulichung hilft Deinen Besuchern, besser zu verstehen, worum es auf deiner Seite geht und wie Dein Produkt aussieht.

Der Hero Shot kann verschiedene Elemente enthalten, wie beispielsweise ein Produktbild, eine Illustration, ein Hintergrundvideo oder eine andere visuelle Darstellung. Aufgabe des Hero Shots im Landingpage-Aufbau ist es, die Aufmerksamkeit der Website-Besucher zu gewinnen, damit sie auf der Seite bleiben, tiefer in Deine Inhalte eintauchen und dann einen Kauf tätigen oder sich für etwas anmelden.

Deshalb wird der Hero Shot in der Regel mit Call-To-Action-Elementen kombiniert, also zum Beispiel mit einem Button oder einem Anmeldeformular. Aber dazu weiter unten mehr.

Ein guter Hero Shot weckt also das Interesse der User und trägt zur Glaubwürdigkeit der Landingpage bei. Es ist jedoch wichtig sicherzustellen, dass der Hero Shot zum Rest der Seite und zum Ziel der Landingpage passt, um die Seite konsistent zu halten.

Im Idealfall zeigt der Hero Shot nicht nur das Produkt, sondern stellt direkt dessen Nutzen dar. Ein Beispiel: Du willst eine Landingpage erstellen, um Werbung für Deine neue Leiter zu machen. Du kannst die Leiter nun einfach vor einem weißen Hintergrund platzieren. Fotografierst Du aber jemanden, wie er mit Deiner Leiter etwas Hochgelegenes erreicht, hast Du für Deine Kunden gleichzeitig einen Nutzen dargestellt.

Produkt Hero Shot

Klassischer Hero Shot mit Produkt

Hero Shot SaaS Toggle

Hero Shot für SaaS-Unternehmen

Hero Shot Chris Guillebeau

Hero Shot mit Person

Hier gibt es übrigens noch eine ziemlich große Präsentation mit etlichen Hero-Shot-Beispielen…

Kernbotschaft mit Vorteilen

Mit Headline und Hero Shot hast Du bereits Aufmerksamkeit erzeugt. Jetzt gilt es, nähere Informationen zu liefern und die Vorteile sowie Eigenschaften des Angebots genauer zu beschreiben.

Da es beim Landingpage-Aufbau nicht darum geht, möglichst viel Content zu platzieren, solltest Du Dich beim Schreiben immer in deine potenziellen Kunden hineinversetzen. Diese stellen sich beim Besuch deiner Page nämlich die Frage „Was nützt mir das?“ – und wollen genau dafür Antworten.

Fokussiere Dich darauf, vorteilsbezogen zu schreiben und darzustellen, welche Probleme mit Deinem Angebot gelöst werden. Fasse die Vorteile dabei kurz in einem Absatz als Stichpunkte zusammen und vermeide überflüssigen Wortschwall.

Da nicht jeder direkt von einem Kauf überzeugt ist und noch weitere Informationen benötigt, kannst Du im weiteren Verlauf der Landingpage-Struktur näher auf die Vorteile eingehen und sie durch kurze Beschreibungen untermauern.

Call-to-Action

Ziel einer erfolgreichen Landingpage ist es, den Besucher zu einer Aktion zu bewegen. Diese Aktion gilt als Conversion, Du konvertierst also den reinen Website-Besucher zum Kunden oder Abonnenten. Die Handlungsaufforderung, der sogenannte Call-to-Action, ist daher das zentrale Element einer Landingpage. Du solltest Dir bei Umsetzung und Design also gut überlegen, wie Du ihn gestaltest, wo Du ihn platzierst und was darauf steht.

Mit dem Call-to-Action zeigst Du Besuchern an, was sie als Nächstes machen sollen. Halte ihn daher einfach und platziere nicht zehn verschiedene Handlungsaufforderungen auf Deiner Landingpage. Es kann sich allerdings lohnen, eine weitere Alternative anzugeben, um Besuchern, die noch nicht sicher sind, die Möglichkeit zu geben, sich weiter über Dein Angebot zu informieren.

Damit der CTA-Button überhaupt effektiv ist und für Conversion sorgt, musst Du Dir außerdem überlegen, wie Du ihn beschriftest. Bestimmte Wörter sprechen Besucher einfach besser an und steigern so die Conversions. Dazu gehören zum Beispiel die Begriffe „Du“, „Weil“ oder „Jetzt“.

Die richtige Wortwahl ist beim Landingpage-Aufbau aber nur die halbe Miete. Denn standardmäßige Texte wie „Hier klicken“ oder „Jetzt senden“ ziehen schon lange nicht mehr. Besser ist es, die Belohnung direkt auf dem Button oder in der Nähe dessen zu formulieren, die ein Besucher durch Ausführen der Handlung erhält. Gehört zu Deinem Angebot zum Beispiel ein kostenloses Ebook, könnte Deine Beschriftung „Jetzt kostenloses E-Book sichern“ lauten.

Kurzbeschreibung von Funktionen und Nutzen

Bei den wenigsten Produkten und Services genügt die obere Sektion der Landingpage mit Überschrift, Hero Shot, Kernbotschaft und Call-To-Action, um den User zu überzeugen. Das muss aber auch nicht sein. Es ist schon viel gewonnen, wenn die Website-Besucher nach dem Scannen des obersten Bereichs der Landingpage tiefer ins Thema eintauchen. Und darum geht es in dieser und den weiteren Sektionen.

Nachdem im oberen Bereich vieles stichpunktartig zusammengefasst steht, bietet sich nun mehr Raum für nähere Beschreibungen. Beschreibe also kurz und prägnant das Produkt mit seinen Funktionen oder den Services mit seinen Bestandteilen.

Wen die oberste Sektion der Landingpage neugierig gemacht hat, findet hier also etwas detailliertere Produkt-Infos.

Und dazu gehört natürlich auch der Nutzen. Denn die Funktionen eines Produktes sind nichts wert, wenn die Zielgruppe deren Nutzen nicht erkennt. Mach´ es Deinen Website-Besuchern also leicht, und zeige ihnen klipp und klar auf, welchen Nutzen für sie drin ist.

Und auch hier geht es wieder um die gleichen Themen wie oben: Bilder, Vorteile („Was habe ich als User davon?“), Vertrauen, CTA.

Vertrauen und Testimonials

Ein Besucher versucht auf deiner Landingpage, nicht nur herauszufinden, ob Dein Angebot für ihn nützlich ist, sondern auch, ob er Dir vertrauen kann. Um dieses Vertrauen aufzubauen, kannst Du auf Vertrauensindikatoren – sogenannte Trust Elements – zurückgreifen.

Dazu gehören beispielsweise Testimonials (also Original-Zitate von Kunden), Rezensionen, Artikel aus der Presse oder Zertifizierungen externer Anbieter. Überzeuge, indem Du Deine Kunden für Dich sprechen lässt. Aber: Hüte Dich vor leeren und schlimmstenfalls selbst geschriebenen Floskeln. Bestenfalls enthält jedes Kundenzitat den Namen und ein Foto des jeweiligen Kunden.

Noch glaubwürdiger wird ein Kundenfeedback, wenn Du auf die Website des Kunden verlinkst oder Deine Testimonials in Videoform präsentieren kannst.

Darüber hinaus kannst Du mit Social Proofs zeigen, dass andere Menschen bereits Kunden sind und Dir vertrauen. Diese sozialen Signale sind etwa die Zahl der Follower auf Twitter oder Google+.

Weitere Sektionen im Aufbau der Landingpage

Wie oben schon angesprochen, reichen ein paar kurze Infos neben einem Bild meist nicht aus, dass sich ein User entscheidet dem Call-To-Action zu folgen. Daher muss die Struktur der Landingpage nach unten inhaltlich sinnvoll erweitert werden:

Persönlichkeit 

Wer beispielsweise einen Berater, Trainer oder Coach sucht, sucht einen Menschen. Viel zu oft aber sind Websites steril und unemotional. Daher lautet die oberste Regel beim Erstellen der Landingpage: „Zeige Gesicht“ – gerade wenn Deine Person im Business zentraler Bestandteil ist.

Nicht selten ist der Sympathiefaktor entscheidender als ein Zertifikat. Viele Menschen entscheiden bereits binnen weniger Sekunden, ob Sie mit einer Person zusammenarbeiten wollen oder nicht. Je schneller und lebendiger Dich ein Neukunde kennenlernen kann, desto größer ist die Wahrscheinlichkeit, dass Du seine Aufmerksamkeit gewinnst.

Fragen und Antworten

Ein guter Berater überzeugt durch Kompetenz. Zeige Deinem potenziellen Kunden, dass Du seine Probleme kennst, verstehst und Antworten hast. Ideal wäre es daher, wenn Du einen Blog erstellst.

Schreibe über Deine Arbeit. Lege Probleme dar, auf die Du in der Zusammenarbeit mit Deinen Kunden häufig stößt und erläutere erste Lösungsansätze. Eine Übersicht der Blogbeiträge lässt sich dann ideal auf der Landingpage einbinden, was übrigens auch hinsichtlich SEO nicht unerheblich ist.

Habe keine Angst davor, Fachwissen preiszugeben. Der Grund ist einfach: Wissen allein ist nicht alles. Du bist das entscheidende Glied in der Kette. Mit Deinem Blog belegst Du deine Kompetenz und schaffst Vertrauen. Die Anwendung und Umsetzung dieses Wissens erlernt der Kunde jedoch nur durch einen: Dich.

Darüber hinaus erfüllt ein Blog zahlreiche weitere Vorteile. Eine Website, die regelmäßig neue Inhalte erhält, wird wesentlich häufiger von Suchmaschinen besucht. Dadurch werden beispielsweise neue Angebote schneller indexiert und besser gefunden.

Kontakt-Möglichkeiten im Landingpage-Aufbau

Alle bisher erläuterten Schritte sind zwecklos, wenn Du Deinen Kunden im Landingpage-Aufbau keinerlei oder die falschen Möglichkeiten bietest, Dich zu kontaktieren. Mache es Deinen Kunden so einfach wie möglich.

So kannst Du beispielsweise per Button einen Live-Chat oder eine direkte Anruffunktion über Skype als Ziel der Conversion anbieten. Unterscheide dabei Wege, um direkt in Kontakt zu treten wie

  • Live-Chat
  • Kontaktformular
  • E-Mail-Adresse
  • Telefonnummer

von Kommunikationskanälen, die eher dazu dienen, das Kundeninteresse dauerhaft aufrechtzuerhalten. Dazu gehören beispielsweise:

  • sämtliche Social Media Kanäle
  • Newsletter
  • Blog-Feeds

Prinzipien beim Landingpage-Aufbau

Neben dem Aufbau der einzelnen Elemente und Sektionen auf Deiner Landingpage gilt es, eine wichtige Prinzipien zu beachten, um die Landingpage wirklich effektiv zu machen:

Navigation: Vermeide Ablenkungen

Ein User, der auf Deine Landingpage gestoßen ist, sollte mit allen Mitteln dort gehalten werden. Neben überzeugenden Inhalten ist deshalb darauf zu achten, folgendes möglichst wegzulassen:

  • Vermeide jegliche Inhalte, die nichts mit dem Produkt oder der Kernbotschaft zu tun haben. So verlockend es auch sein mag, ins Schwadronieren zu kommen, was Du und Dein Unternehmen noch so auf dem Kasten haben – den User interessiert es erstmal nicht.
  • Vermeide Links und Buttons, die den Nutzer irgendwie von der Landingpage weglotsen könnten. Hast Deine Website ansonsten zum Beispiel eine Sidebar mit verschiedenen Links, blende sie am besten auf der Landingpage aus, um den User gar nicht erst auf den falschen Pfad zu leiten. Möglicherweise lohnt es sich sogar, die Hauptnavigation auszublenden oder zumindest ganz zurückhaltend darzustellen.

Text: Schreibe einfach, klar und mit den richtigen Keywords

Versuche nicht, Deine Website-Besucher mit einer pseudo-wissenschaftlichen Sprache oder sonstiger Schwurbelei zu beeindrucken. Sie werden Dich sonst mit Nicht-Beachtung strafen.

Die meisten Nutzer scannen sich bekanntlich durchs Internet und überfliegen die meisten Texte nur. Stelle Dich darauf ein, indem Du …

  • einfache Sätze formulierst und
  • eine klare und unmissverständliche Botschaft kommunizierst.

Zudem ist die Wahl der richtigen Keywords für den Erfolg deiner Landingpage essenziell. Denn nur damit wirst Du einerseits die richtigen Personen auf die Landingpage leiten, sprich, die Personen, die das suchen, was Du anbietest. Und andererseits wirst Du mit dem Benutzen der richtigen Keywords die Erwartungen der Website-Besucher bestätigen, die sie mit dem Aufrufen Deiner Landingpage haben.

Emotionen im Landingpage-Aufbau ansprechen

Willst Du eine (nicht nur technisch) funktionierende Landingpage erstellen, achte von vornherein auf einen wichtigen Punkt: Gute Landingpages erzeugen Vertrauen und bauen auf Emotionen.

Vergiss nicht, dass Du über Deine Website mit Menschen kommunizierst, die zwar nach Antworten für ihre Bedürfnisse suchen, aber nicht einfach nur objektive Fakten vor der Nase haben wollen.

Es ist viel einfacher und effektiver, jemanden von Deinem Angebot zu überzeugen, wenn Du zuallererst (sprich ganz oben im Landingpage-Aufbau) auf Emotionen und Geschichten setzt statt auf reine Logik und Vernunftargumente.

Emotionen helfen darüber hinaus, das Vertrauen in Dich aufzubauen. Dies ist wichtig, denn wenn der Besucher kein Vertrauen in Dich und Dein Angebot hat, wird er auch nicht kaufen, seine Kontaktdaten hinterlassen oder sonst etwas machen, das Du gern hättest.

Testen: Erstelle A/B-Tests zum Landingpage-Aufbau und hol´ Feedback ein

Bist Du selbst vom Aufbau Deiner Landingpage überzeugt, ist das schon mal gut. Ob und wie Deine Zielgruppe damit zurecht kommt, steht auf einem anderen Blatt.

Um nun also zu checken, wie Du die Seite optimieren kannst, bieten sich sogenannte A/B-Tests an. Für einen solchen Test baust Du zwei Varianten Deiner Landingpage, und zwar möglichst so, dass sie sich in einem Merkmal klar unterscheiden. Nun versuchst Du den Traffic auf beide Landingpage-Versionen zu lenken. Das geht zum Beispiel, indem Du für Deine Adwords-Anzeigen unterschiedliche Ziele definierst und/oder die beiden unterschiedlichen Versionen zeitlich nacheinander abwechselnd live stellst.

Im Ergebnis wirst Du unterschiedliche Conversion-Werte erreichen oder auch unterschiedliche Absprungraten und Verweildauern messen können. Dies zeigt Dir, welchen Landingpage-Aufbau Du beibehalten solltest.

Neben solch quantitativen Tests empfiehlt es ich natürlich auch qualitatives Feedback einzuholen in Form von verbalem Feedback. Befrage also Deine Zielgruppe, oder lass´ die Landingpage zumindest mal von Freunden und Verwandten testen.

Technische Aspekte: Achte auf Performance, SEO und Sicherheit

Je schneller eine Landingpage lädt, umso weniger Nutzer verlassen diese entnervt. Achte deshalb auf eine gute Seitenladegeschwindigkeit. Testen kannst Du das ganz einfach mit den PageSpeed Insights von Google.

Die Geschwindigkeit zahlt auch generell auf die Suchmaschinen-Optimierung ein. Ohnehin ist das Thema SEO für den Erfolg von Landingpages extrem wichtig. Denn was nützt die schönste Landingpage, wenn sie niemand im Netz findet. Okay, Du kannst natürlich auch Traffic via Adwords-Anzeigen oder Social Media erzeugen, jedoch ist der organisch erzeugte Traffic durch Suchmaschinen der komfortabelste, da Du damit keinerlei direkte Kosten hast.

Nutze in dem Zusammenhang auch eine passende URL für Deine Landingpage. Diese sollte nach Möglichkeit die wichtigsten Keywords der Seite beinhalten und kurz sein.

Auch das Thema Sicherheit spielt beim Landigpage-Aufbau eine Rolle. Denn schließlich verlangst Du Interaktion vom User. Soll er beispielsweise Kontaktdaten in ein Formular eintragen, ist eine SSL-Verschlüsselung bei der Datenübertragung unerlässlich.

Landingpage-Aufbau responsive gestalten

Gehe mal von Dir selbst aus: Wann hast Du Zeit für spontane Recherche? Neue Impulse? Kreative Ideen? In Wartezimmern, auf Bahnhöfen oder in öffentlichen Verkehrsmitteln. Die Wahrscheinlichkeit, dass ein potenzieller Neukunde es ähnlich hält und Dir über Smartphone oder Tablet begegnet, ist entsprechend hoch. Immer mehr Menschen entdecken Deine Landingpage über ein Smartphone oder Tablet.

Eigentlich eine Binsenweisheit, doch möchte ich dennoch drauf hinweisen: Stelle sicher, dass Deine Landingpage responsive, also auf mobilen Endgeräten gut darstellbar ist. Dazu gehören auch kurze Ladezeiten und eine übersichtliche Menüführung. Eine Internetpräsenz, die nicht responsiv ist, rankt übrigens auch in den Suchergebnissen schlechter.

Premium Themes wie Enfold sind sozusagen von Haus aus schon responsive eingestellt. Dennoch ist es beim Abschluss des Landingpage Erstellens immer wichtig alle Bereiche der Landingpage auf Responsiveness zu prüfen. Daher ist im Prozess bei UltraPress am Ende auch immer ein Mobile Check fest eingeplant, wo entsprechende Justierungen vorgenommen werden.

Landingpage Tools

Beim Erstellen einer Landingpage hast Du rein technisch ganz unterschiedliche Möglichkeiten:

Theme Builder

Die einfachste Variante, um eine erfolgreiche Landingpage zu erstellen ist: Du baust die Seite einfach mit den Bausteinen Deines bestehendes WordPress Themes.

Je nachdem, welches Theme Du nutzt, eignet sich die Methode gut oder weniger gut. Ganz grob lassen sich WordPress Themes aufteilen in Themes für spezielle Zwecke (beispielsweise für Arzt-Websites) und Mehrzweck-Themes.

Die großen Mehrzweck-Themes wie Enfold haben meist so komfortable Website Builder, dass Du damit wunderbare und sehr individuelle Landingpages erstellen kannst. Auch sind bei diesen Themes meist Vorlagen für bestimmte Seitentypen, wie eben Landingpages integriert.

Da die Spezial-Themes hingegen im Funktionsumfang meist eher eingeschränkt sind und oft keine expliziten Landingpage Vorlagen haben, solltest Du hier lieber auf eine der beiden folgenden Methoden setzen.

WordPress Plugins zum Landingpage-Aufbau

Für WordPress Websites haben sich einige auf Landingpage-Aufbau spezialisierte Tools etabliert. Diese Tools sind als WordPress Plugins erhältlich, so dass Du sie direkt in Deine Website integrieren kannst.

Zu den populärsten Landingpages Plugins gehören diese fünf Tools:

OptimizePress

Zum Erstellen von Landingpages und Sales Funnels innerhalb der bestehenden WordPress-Website.

landing page plugin optimizepress

Thrive Architect

Baukasten für Landingpages mit diversen Conversion-Elementen innerhalb einer WordPress Website. Vor allem geeignet, wenn man auch das zugehörige Theme nutzt.

landing page plugin thrive architect

Seedprod

Individualisierbare Landingpage Vorlagen für diverse Zwecke. Ebenso innerhalb bestehender WordPress-Websites zu integrieren.

landingpage erstellen mit seedprod

beaverbuilder

Setzt auch auf vielfältige Landingpage Vorlagen mit einem Drag-And-Drop-Konfigurator zum Individualisieren des Landingpage-Aufbaus.

landing page builder beaverbuilder

Instabuilder

Hat auch viele Vorlagen, wobei mir persönlich die Vorlagen der obigen Landingpage Tools deutlich eleganter erscheinen.

instabuilder

Externe Landingpage Tools

Hast Du noch gar keine WordPress Website, dann sind für Dich auch externe Landingpage Tools interessant. Diese kommen komplett ohne WordPress-Gerüst aus, können aber auch mithilfe von Plugins in Deine bestehende WordPress Website eingebaut werden.

Diese beiden Anbieter sind explizit auf Landingpage-Aufbau spezialisiert:

Leadpages

Große Plattform zum Erstellen von Landingpages, die in WordPress Websites integrierbar sind.

landing page tool leadpages

Instapage

Funktioniert ähnlich wie Leadpages als Plattform mit hunderten schön designten Vorlagen. Hat Schnittstellen zu WordPress, Email Marketing Tools und diversen anderen Systemen.

landing page erstellen mit instapage

Unter den Lösungen abseits von WordPress kommen dann natürlich auch noch die großen Website Baukästen wie Jimdo in Frage, die ihrerseits teils ebenso Landingpage Vorlagen eingebaut haben.

Was kostet eine Landingpage?

Wenn Du Deine Landingpage nicht per Theme Builder oder Landingpage Tool selbst erstellen möchtest, dann stellt sich die Frage, welche Kosten eine WordPress Agentur für eine Landingpage aufruft.

Wie so oft im Designbereich gibt es auch beim landingpage-Aufbau eine große Spanne. Und da kommt es vor allem auf den Umfang der Landingpage an, und ob dafür eine komplett neue Website erstellt werden soll, oder ob die Landingpage Teil einer bestehenden Website sein soll.

In der Regel ist eine Landingpage eine Seite innerhalb einer umfassenderen Website. Allgemeines Layout und Design bestehen also bereits, so dass nur noch die Landing Page als solche gestaltet werden muss. Lieferst Du als Kunde dazu die Bilder und Texte, dann fangen die Kosten für die Landingpage bei etwa 500 € an.

Fazit: Landingpage-Aufbau bedeutet mehr emotional als technisch zu denken

Du möchtest eine hochkonvertierende Landingpage erstellen? Das ist kein Hexenwerk!

Sage Deinen Besuchern auf der Landingpage klar und präzise, was Du zu bieten hast, und wie Du damit ihre Bedürfnisse befriedigen kannst. Hältst Du Dir dies bei der Erstellung kontinuierlich vor Augen und berücksichtigst es auch beim Design Deiner Landingpage, kannst Du Dich schnell über mehr Conversions freuen.

Vergiss außerdem nicht, die Ergebnisse Deiner Landingpage zu verfolgen. Nur mit der richtigen Analyse siehst Du, wo es im Landingpage-Aufbau noch hakt und wo Du schon gute Arbeit leistest. Die Analyse hilft Dir dadurch wiederum, zukünftige Pages noch besser und Dein Marketing so effektiver zu machen.

Landingpage erstellen mit dem Enfold Theme – 100% Flexibilität im Design

Landingpage erstellen

Ob Du eine komplette Website oder nur eine reine Landingpage erstellen möchtest – für WordPress Websites bieten sich im Dschungel von tausenden Themes einige an, die designmäßig so ziemlich alles drauf haben. Eines davon ist das das Enfold-Theme von Kriesi*, mit dem wir auch bei UltraPress in fast allen Projekten arbeiten, wenn es um eine neue WordPress-Website geht.

Denn dieses sogenannte Multipurpose (also „Mehrzweck“) WordPress Theme ist dermaßen flexibel und individuell, so dass damit so gut wie jedes erdenkliche Design für Deine Landingpage umsetzbar ist. Zudem bringt es zahlreiche Funktionen und Features mit, die zu einer modernen Website dazugehören.

Alle Gründe, warum wir immer wieder auf dieses geniale Theme setzen, sind in diesem Artikel nachzulesen. Hier soll es jedoch insbesondere um die Frage gehen, wie mit einer der Demo-Versionen des Enfold Themes Deine Landingpage erstellen kannst, ohne dass Du daran größere Anpassungen vornehmen müsstest. 

Eine Landingpage erstellen mit vorgefertigtem Layout

Praktischerweise liefert Kriesi bei seinem Enfold-Theme eine ganze Reihe vorgefertigter Layouts mit. Das heißt für Dich: Du musst in Sachen Design und Layout nicht bei Null anfangen, wenn Du eine WordPress Website oder Landingpage erstellen willst.

Stattdessen bekommst Du gerade für Landingpages unterschiedliche Layout-Gerüste zur Auswahl, die Du mit einem Farbset Deiner Wahl ausstatten kannst. Es würde also genügen, wenn Du hier lediglich Texte, Bilder und Links auswechselst, und schon steht Deine Landingpage. Neben den standardmäßigen Demo-Versionen Default und Enfold 2017 gibt es aktuell 25 weitere Layouts für Startups, Hotels, App-Anbieter und weitere Branchen.

Die totale Flexibilität in Design und Layout Deiner Website

Mit den vorgefertigten Layouts hast Du schon mal eine stimmig aussehende Page. Wird der gewünschte Stil aber nicht von einer der Demo-Versionen abgedeckt, ist auch das kein Problem. Denn möchtest Du die Landingpage nun an das Corporate Design Deines Unternehmens anpassen und eigene, beziehungsweise individuelle Layout-Vorstellungen umsetzen, so ist dies mit dem Enfold WordPress Theme ebenso möglich.

Zugegeben: Für diese Art von Individualisierungen ist es definitiv nötig, sich eine Zeitlang in die Handhabung des WordPress Themes einzuarbeiten. Es lohnt sich aber, wenn Du eine wirklich vollkommen einzigartige Landingpage erstellen willst.

Dieses Vorgehen ist für unsere Website-Projekte bei  UltraPress auch der Normalfall. Denn unser Anspruch ist immer, dass wir Websites abliefern, die die Individualität des jeweiligen Unternehmens auch widerspiegeln und einzigartig sind. Sprich, dass es keine weiteren Websites irgendwo gibt, die genauso aussehen.

Per Demo-Version eine perfekte Landingpage erstellen

Greifst Du auf eine der Demo-Versionen zurück, um Deine Landingpage mit WordPress zu erstellen, hast Du die Qual der Wahl. Daher zeige ich Dir eine Auswahl verschiedener Layouts, mit denen Du individuelle und moderne Websites oder Landingpages erstellen kannst.

Enfold Default

Die Enfold Default Demo ist das standardmäßige Theme-Layout. Diese Version ist nicht auf eine spezielle Branche ausgelegt, sondern kann für verschiedene Bereiche genutzt werden, um eine Website oder Landingpage zu erstellen.

Schon beim Slider hast Du die Wahl zwischen verschiedenen Varianten wie etwa einem 3D-Layerslider oder einem Fullscreen Slider. Aufgeteilt in übersichtliche Abschnitte kannst Du anschließend Deine Inhalte anordnen und potenziellen Kunden so eine moderne Page bieten.

Bei der Default Demo sind außerdem Portfolio- oder Blog-Seiten voreingestellt, die Du nach deinen Wünschen anpassen kannst. Darüber hinaus liefert Dir Kriesi bei diesem Layout gleich eine vorgefertigte Landingpage mit. Im Gegensatz zur Standard-Startseite ist diese optimal für die Lead-Generierung ausgerichtet. So ist beispielsweise bereits ein Call-to-Action vorhanden – natürlich kannst Du aber auch noch weitere einrichten.

Landingpage erstellen mit Enfold default 

Enfold 2017

Enfold 2017 ist die überarbeitete Version der Default Demo. Auch diese ist also nicht an eine spezielle Branche gebunden und kann flexibel eingesetzt werden. Grundsätzlich ist diese Demo gleich aufgebaut wie die Default Version, allerdings ist das Design moderner und an die Entwicklungen aus diesem Jahr angepasst.

Auch beim Enfold 2017 Layout sind Portfolio- und Blog-Seiten bereits voreingestellt. Außerdem kannst Du problemlos Preistabellen einfügen, Dich und Dein Team vorstellen oder einen FAQ-Bereich einrichten.

Wie bei der Default Demo bietet Dir Enfold 2017 außerdem auch einen speziellen Landingpage Style, mit dem Deine Landingpage zu einem echten Hingucker für mögliche Kunden werden.

landingpage erstellen mit Enfold 2007 

 

Startup Business

Mit der Startup Business Demo von Enfold verleihst Du Deiner Landingpage eine ganz besondere Note. Denn hier kannst Du für den Headerbereich ein Video wählen und sorgst so direkt für mehr Aufmerksamkeit.

Bei dieser Version hast Du die Möglichkeit, Deine Informationen in verschiedenen Formen und Formaten darzustellen: Von Icons mit Beschreibungen über Projektzähler und Preistabellen bis hin zum übersichtlichen Fragenkatalog – die Startup Demo liefert Dir alles bereits vorgefertigt. Du musst die gewünschten Elemente für Deine Landingpage also nur noch richtig anordnen und mit Deinen Inhalten befüllen.

Gleichzeitig kannst Du Bildergalerien einfügen, Dich und Dein Team vorstellen oder einen Blog inklusive Sidebar einrichten.

Landingpage erstellen mit Startup Business
 

Creative Studio

Bei der Enfold Creative Studio Demo steht die Kreativität im Vordergrund. Für Kreativ-Agenturen oder Studios ist dieses Layout optimal, um der eigenen WordPress Website einen besonderen Touch zu verleihen.

Die Demo-Version ist als One Pager aufgebaut, das heißt, ein Nutzer scrollt mit Klick auf einen Menüpunkt automatisch zum entsprechenden Abschnitt. Dieses One-Pager-Layout ist absolut prädestiniert, wenn Du eine Landingpage erstellen möchtest für Dein Unternehmen oder vielleicht auch nur für ein Produkt.

Durch das schlichte, minimalistische Design wirkt die Seite aufgeräumt und klar, was sie ideal für kreative Websites und Landingpages macht.

Landingpage erstellen mit Creative Studio

Construction

Mit der Construction Demo von Enfold präsentierst Du Dein Bauunternehmen oder Handwerkerbetrieb optimal.

Im Layout sind die entsprechenden Abschnitte so eingestellt, dass Du Dein Angebot übersichtlich darstellen und Kunden- sowie Partnerlogos problemlos einbinden kannst. Darüber hinaus kannst Du potenzielle Kunden mit Deinem Projekt-Portfolio überzeugen und sie über das übersichtliche Kontaktformular für dich gewinnen.

Landingpage erstellen mit construction

Health Coach

Die Health Demo von Enfold ist in erster Linie für Personenen und Unternehmen aus dem Gesundheitsbereich optimiert. Beim ersten Öffnen dominiert zunächst das Titelbild, welches den ganzen Bildschirm einnimmt.

Besonderheit dieses Layouts ist die Aufteilung der Inhalte in zwei Spalten. Das heißt, Du hast auf der einen Spaltenseite ein Bild und auf der anderen einen Text. Genauso gut kannst Du Deinen Text statt auf weißem Hintergrund auch mit einem Bild hinterlegen. Zusätzlich hast Du die Möglichkeit, wichtige Informationen mithilfe von Icons übersichtlich und interessant auf Deiner Landingpage darzustellen.

Für den Blog hast Du bei der Health Coach Demo die Wahl zwischen einfachen Blogbeiträgen, Beiträgen mit Audio oder Video sowie Artikeln mit einer Galerie. Je nach Bedarf kannst Du außerdem auch problemlos eine Sidebar einbinden.

Landingpage erstellen mit health coach

Fazit: Landingpage erstellen leicht gemacht

Enfold bietet mit seinen verschiedenen Demo-Versionen optimale Voraussetzungen , damit Du eine moderne und conversionstarke Landingpage erstellen kannst. Jede Demo hat seine eigenen Besonderheiten, und mit einigen Anpassungen wird Deine Enfold-Seite zum echten Unikat.

landingpage erstellen mit enfold theme

Welche Demo-Version ist Dein Favorit für eine Landingpage? Schreib es in die Kommentare!

ultrapress big

Das WordPress Tutorial für Dein Business

Du willst eine professionelle WordPress Website ohne Programmierkenntnisse bauen? Hier ist das Handwerkszeug dazu mit WordPress-Anleitungen, Tools und Business-Wissen aus der Praxis.

Alle Inhalte sind kostenlos. Die nötigen Einnahmen erzielt UltraPress hauptsächlich über Partnerprogramm-Links in den einzelnen Artikeln.

Mehr dazu …

Themen

Neueste Beiträge

Lassen Sie uns über Ihr Projekt sprechen ...

 
Wenn Sie für Ihre Website NUR Wartung und Updates wünschen, dann empfehlen wir Ihnen unseren Partner WP-Wartung24.

Wann würde Ihnen ein unverbindliches Telefonat zu Ihrem Projekt gut passen?
Bitte geben Sie bis zu 3 mögliche Terminwünschen an. Wir melden uns dann zurück, wann es bei uns am besten passt.
Terminwunsch 1
Terminwunsch 2
Terminwunsch 3