Schlagwortarchiv für: WordPress

Die Frage nach den Kosten einer Webseite ist nicht pauschal zu beantworten. Ich probiere es trotzdem. Diese 8 Kostenblöcke beeinflussen den Preis Deiner Webseite: Konzept, Technik, Funktionen, Hosting, Design, Texte, Bilder und Promotion (SEO). Wie und was am meisten kostet, lest Ihr in dem Artikel. Unter dem Beitrag steht eine beispielhafte Kalkulation für eine Webseite mit WordPress. (update: Im Dezember 2018 habe ich diesen Teil überarbeitet.)

Gleich vorweg, eine gute Webseite gibts nicht gratis

Im letzten Jahr hat mich ein potenzieller Kunde mit einem Angebot für eine WordPress Webseite konfrontiert.
250 Euro bei MyHammer. Lasst Euch das mal auf der Zunge zergehen: zwei-hundert-fünfzig-euro.

Ich hatte schon ein Mini-Mini-Angebot gemacht, mit Übernahme der Texte, obwohl ich normalerweise eine Webseite immer „fertig“ übergebe. Und das mit Bauchschmerzen. Die Texte dieses potenziellen Kunden waren alles andere als gut. Aber ich kenne diesen Mann entfernt aus unserem Businessnetzwerk und wollte ihm entgegenkommen.

Er ist natürlich nicht mein Kunde geworden.

Ich gebe zu, dass es nicht so einfach ist, einen passenden Webseiten-Entwickler zu finden. Da sind die Super-Schnäppchen-Anbieter von MyHammer, aber auch professionelle Grafiker, gestandene Webdesigner, Webentwickler, Marketing-Agenturen, richtig gute Autodidakten, Neffen von Kollegen… Sie alle machen Webseiten, alle „buhlen“ um Kunden und versprechen viel. Aber nicht alle halten, was sie versprechen.

Die Eier legende Wollmichsau-Webseite zum Nulltarif gibt es natürlich nicht, auch nicht für 250 Euro. Wie eine solche kostenlose Homepage angelegt wird, habe ich hier beschrieben.

Aber was kostet nun eine professionelle Webseite ohne Haken?

1 Webkonzept: Wichtig, und trotzdem wird es oft vergessen.

Jeder, der eine neue Webseite erstellen lässt, erwartet, dass die Webseite „schön“ ist und „bei Google ganz oben” steht. Dafür ist ein theoretisches Konzept vor Erstellung der Webseite unerlässlich, sogar erfolgsentscheidend. In diesem Konzept, es ist so ähnlich wie ein Marketingkonzept, sollte die Frage beantworten werden: Für wen mache ich diese Webseite und was sollte der User darauf finden?

Oft, wirklich sehr oft, sehe ich Webseiten, bei denen sich niemand vorher ein Webkonzept gemacht hat. Manche Webagenturen verkaufen auch ihr Angebot als Konzept. Ist es aber nicht. Ein Konzept ist etwas anderes. Ein Angebot, ist ein Angebot. Ein Webkonzept ist ein Konzept für eine Webseite.

Solch ein „richtiges“ Konzept dauert je nach Umfang zwischen 2 und vielen Stunden. Es erfordert Vorarbeit, Fachwissen und Erfahrung. Üblicherweise ist die Zahlungsbereitschaft für Konzepte niedrig. Im Agenturumfeld werden dem Kunden in einem Pitch Konzepte zum Nulltarif vorgestellt. Davon halte ich gar nichts. Deshalb ist das Konzept ein Kostenfaktor.

2 Technik: So wird eine Webseite gemacht.

Die Technik kann ganz unterschiedliche Kosten produzieren. Heute werden die meisten Seiten mit einen Content Management System (CMS) erstellt, so dass auch der Laie seine Webseite ohne Programmierkenntnisse pflegen kann.

Im Prinzip gibt es vier technische „Lösungen“ eine Webseite zu erstellen:

  1. Webseiten auch Gratis-Webseiten mittels Homepage-Baukasten
  2. Webseiten mit einem Open Source CMS
  3. Webseiten mit einem proprietären CMS (ein kostenpflichtiges CMS)
  4. Webseiten komplett selbst programmiert (ohne CMS, als eigene Programmierung)

Die genauen Unterschiede erkläre ich dem interessierten Kunden gern :-)

Die “technischen Kosten” einer Webseite müssen wiederum unterteilt werden: Kosten für Einrichtung der Webseite (einmalig), Kosten für die einzelnen Funktionen (einmalig bzw. auch langfristig), Kosten für Wartung (langfristig). Auch das erkläre ich meinen Kunden in der Angebotsphase genau und würde an dieser Stelle zu weit führen.

Für kleine Unternehmen sind Webseiten, die mit einem Homepage-Baukasten erstellt werden, eine Alternative. Diese Webseiten haben einen „wirklichen“ und einen „scheinbaren“ Vorteil: Der wirkliche Vorteil ist, dass jeder Laie, ohne technischen Sachverstand eine Webseite erstellen kann. Der scheinbare Vorteil ist, dass Webseiten per Homepagebaukasten preiswert sind. Das stimmt nur zum Teil. Denn das Teuerste an einer Webseite ist der Inhalt. Professionelle Bilder und richtig gute Texte kosten immer gleich viel, egal ob sie auf einer Webseite mit WordPress oder auf einer Webseite mit Baukasten stehen.

Gratis Webseite mit WordPress

Hier habe ich eine kostenlose Webseite für eine Verein mit WordPress erstellt. Es fallen keine Einrichtungs- oder Hostinggebühren an. Aber natürlich hat die sich nicht selber gemacht. Die Kosten für die Webseite entstehen durch das Einpflegen der Inhalte und Bilder. Der Zeitaufwand dafür betrug etwa 4 Stunden, aber nur, weil ich das Objekt kenne, weil ich alle Daten und Bilder vorliegen hatte, weil ich mich mit der Erstellung von Webseiten auskenne und weil ich WordPress kann. Ein Laie würde dafür viele Stunden, wenn nicht sogar Tage benötigen.

Wie ich die kleine Vereinswebseite erstellt habe, seht Ihr hier.

3 Webfunktionen: Was kann die Webseite?

Die alles entscheidende Frage ist: Was soll die Webseite machen? Soll sie einen Onlineshop beinhalten? Falls ja, mit wie vielen Produkten? Soll die Webseite ein Forum, einen Blog, ein Umfragetool, ein Buchungstool oder sogar eine spezielle (selbst programmierte) Anwendung haben?

Die Funktionen sind wichtige Kostenfaktoren. Je mehr „Spielereien“ eine Webseite hat, umso teurer wird sie.

Und da kommt wieder WordPress ins Spiel. Das CMS hat hunderte Funktionen, die so genannten Plugins. Viele dieser Plugins werden in der Grundversion sogar kostenlos angeboten und können innerhalb von Minuten „dazu geschaltet“ werden. Auch später noch, wenn sich die Webseite (mit dem Business) weiterentwickelt.

Diese Flexibilität schätze ich. Aber nicht alle Systeme sind gleich flexibel. Bei Baukasten-Systemen gibt es weniger Tools als z.B. bei WordPress. Bei Typo3 ist die Installation der Module insgesamt aufwendiger.

4 Hosting: Fixe Kosten für das Zuhause einer Webseite.

Das Hosting für eine Webseite ist u.U. abhängig von der Technik. Entscheidet man sich für einen Homepage-Baukasten, dann ist das Hosting quasi inklusive. Eine Webseite kostet bei 1und1 z.B. gerade 0,99 Euro pro Monat. (April 2017)

Viele Hostinganbieter setzen dauerhaft auf Dumpingpreise. Doch die Unterschiede finden sich in den Leistungen, so unterscheiden sich z.B. die Anzahl der E-Mail-Postfächer, Größe der Datenbank etc. Bei der Auswahl helfe ich, denn die geplanten Funktionen einer Webseite bestimmen welches Webhosting-Paket Sie benötigen.

Ich schwöre auf guten Service, z.B. wann und ob der Hosting-Anbieter telefonisch erreichbar ist. Seit einer negativen Erfahrung, als ich meinen Hoster per Telefon gebraucht hätte und E-Mails stundenlang nicht bearbeitet wurden, bin ich bei einem großen Hosting-Unternehmen mit 24-Stunden-Support. Die Mehrkosten dafür zahle ich gern – ca. 30 Euro pro Jahr.

5 Design: Schickes Layout von der Stange

Die Grafiker werden mich jetzt verhauen, aber aufgrund des technischen Fortschritts gibt’s jetzt schicke Webdesigns von der Stange. Das habe ich in meinem letzten Artikel ganz genau auseinander genommen. WordPress bietet hunderte Design-Vorlagen. Die Vielfalt der Vorlagen ist ein Grund, warum ich ein bekennender WordPress-Fan bin.

Doch nun die schlechte Nachricht: Es fallen trotzdem Kosten für das Design an. Einer muss doch die ganzen Inhalte zusammenfügen. Die Designvorlagen sind extrem komplex geworden. Es können Farben, Schriftarten, Menüs eingestellt werden und dann muss der Inhalt nach „angeordnet“ werden. Das kostet viel Zeit und je umfangreicher so ein Theme ist, um so aufwendiger sind die Einstellungen bis alles passt. Kosten pro Unterseite 2 – 8 Stunden Arbeit.

6 Text: Webtexte schreiben sich nicht von alleine.

Der Inhalt, der so genannte Content (Bilder, Texte, Filme etc.) ist der entscheidende Erfolgsfaktor für eine Webseite. Und er ist der teuerste Brocken. Falls nicht, dann ist etwas schief gelaufen.

Moderne Unternehmens-Webseiten bieten ihren Usern i.d.R. eine Vielzahl von Informationen. Nach und nach kommen weitere Texte und Inhalte hinzu: Nicht irgendwelche Phrasen oder blabla, sondern richtig gute, inhaltlich hochwertige Webtexte. (Habe ich schon erwähnt, dass Webtexte anders klingen als z.B. journalistische Texte in einer Zeitung oder Texte für eine Broschüre? Nein. Dann wirsst Ihr es jetzt.) Ich spreche vom strategischen Content-Aufbau. Viele nutzen die Funktion eines Blogs, um regelmäßig neue Beiträge zu veröffentlichen. Immer unter dem Gesichtspunkt dem User noch mehr, einzigartige und bessere Inhalte zur Verfügung zu stellen.

Diese Webseite einer Zahnarztpraxis betreue ich seit mehr als 3 Jahren. Nur über den Inhalt, die Texte, wird die Webseite bei Google gefunden. Doch dazu habe ich einen eigenen Artikel ein geschreiben.

Google will viele Zeichen, eine gute Struktur und guten Inhalt

Google will viele Zeichen in einem Text, aber nicht irgendwelche. Das heißt, besser weniger Text, dafür aber relevant. Die Qualität des Webtextes ist wichtig, wenn die Webseite „bei Google ganz oben stehen“ soll. Ein professioneller Text für eine Webseite enthält die relevanten Schlüsselworte und Informationen für die Besucher und sorgt für das gute Ranking bei Google.

Und er muss auch richtig formatiert werden. Du siehst, dass die Überschriften in diesem Artikel größer sind, als der Fließtext. Dass manche Worte gefettet sind. Andere sind kursiv. Durch Formatierungen verbessert sich nicht nur die Lesbarkeit des Textes, sondern Google erkennt leichter, was auf der Webseite wichtig ist.

Ebenso wichtig sind Verlinkungen. Alle Links müssen geplant, rausgesucht und beschriftet werden.

Für diesen langen Blogbeitrag, ein für Suchmaschinen optimierter Webtext, inklusive Recherche, Schreiben, Korrektur, Formatierungen, Verlinkungen habe ich etwa 4 Stunden gebraucht.

7 Ganz wichtig: Gute Bilder

Ähnlich verhält es sich mit den anderen Content-Elementen: Bilder, Videos und Audio-Material – Die Qualität bestimmt maßgeblich den Preis einer Webseite.

Große schöne Bilder sind heute ein wichtiges Designelement. Es gibt die Möglichkeit Bilder zu kaufen. Ja, das machen viele. Und oft sieht man es. Aber nichts geht über eigene, vom professionellen Fotografen gemachte, genau zum Inhalt passende, Bilder. Wichtig ist, dass die Bilder auf der Webseite wie „aus einem Guss“ aussehen. Format und Größe müssen zusammen passen. Auch das Zurechtschneiden der Bilder dauert. Das Benennen sowieso. Kosten für ein Fotoshooting ab ca. 600 Euro. Kosten pro Bild für den Webentwickler in Summe etwa 1 Stunde Arbeit.

Das Bildkonzept und die Organisation einen Fotoshootings ist ein wichtiger Teil meiner Arbeit. Dafür erstelle ich für den Fotografen einen professionellen Shooting-Plan. In diesem Plan brösele ich auf, welche Botschaft in welchem Bild vermittelt werden soll. Passend zu den Texten. Das sieht man, z.B. auf dieser Webseite von dieser Unternehmensberatung in Unterschleißheim, die ich im Juni 2016 konzeptioniert habe.

Videos und Audiodateien bekommen immer mehr Bedeutung. Aber das wird Sie nicht wundern, der eigene Film auf der Webseite ist teuer. Aber es lohnt sich. Pro Filmminute sollten Phi-mal-Daumen ca. 1000 Euro gerechnet werden.

Wie Sie es drehen und wenden, der Kostenanteil für den Inhalt einer Webseite ist meistens der größte.

8 Kostenfaktor Promotion

Was nutzt eine Webseite, wenn sie nicht gefunden wird? Der Konkurrenzkampf wird härter und härter. Im Internet konkurrieren Millionen von Webseiten miteinander. Und nicht jede kann „bei Google ganz oben stehen“. Nur die besten. Die für den User bzw. den Suchbegriff den größten Wert haben.

Eine Webseite bei Google ganz oben zu platzieren ist eine Wissenschaft für sich. Sie heißt SEO. Mehr als 60 Rankingfaktoren spielen eine Rolle. Und viele von denen muss man bereits vor der Erstellung einer Webseite beachten. Deshalb arbeiten wir mit einem ordentlichen Konzept, einer sorgfältigen Keyword-Auswahl, wir erstellen professionelle Inhalte, also gute Texte und gute Bilder usw.

Doch dann ist die Arbeit noch nicht getan. Wichtig ist, die „Performance“ einer Webseite im Auge zu behalten, d.h. zu schauen wie die Webseite von den Nutzern (und von Google) angenommen wird.

Was kostet nun eine Webseite? Alle Kosten auf einen Blick

Hier habe ich die wichtigsten Kostenblöcke für eine kleine Website mit WordPress, z.B. für eine Zahnarztpraxis aufgelistet.

Seiten / Unterseiten:

  • Startseite
  • Kontaktseite
  • Über uns / Teamseite
  • die wichtigsten Leistungen
  • Portfolioseiten: Prophylaxe, Karies, Parodontitis, Zahnersatz, Zahnästhetik, Implantate
  • Blog für Neuigkeiten aus der Praxis, inklusive ein erster Artikel
  • Impressum und Datenschutzerklärung

Theme: z.B. Enfold via Themeforest

Plugins: u.a. Anti-Spam-Plugin, SEO-Plugin etc.

Im folgenden Beispiel habe ich mal beispielhaft aufgestellt, was eine professionelle Webseite mit WordPress kostet.

Der Stundensatz in meinem Beispiel ist mit 65,00 Euro realtiv niedrig. Die Texte habe ich extern schreiben lassen. Bilder haben wir in einem Shooting anfertigen lassen.

Kostenfaktor Zeit in h Kosten in Euro
Konzept, Technik und Funktionen    
Positionierung in Verbindung mit Zeilgruppenanalyse, Marketingkonzept, Webkonzept 5 325
Webseite aufsetzen: manuelle Installation (Technik) 2 130
Plugins (Funktionen) installieren und einstellen 3 195
Menüs, Sidebars, Navigation anlegen

 

3 195
Content / Inhalt erstellen und einpflegen    
Bildermanagement / auswählen / zuschneiden
3 195
Texte extern ca. 10h /65€
Inhalt (Texte, Bilder und Funktionen) anordnen, Bilder vertaggen, Inhalte verlinken, Meta-Descriptions, Alt-Tags etc. 15 975
optional: Shootingplan und Kommuniaktion mit Fotograf (4) (260)
Kosten für Fotograf bzw. gekaufte Bilder nach Aufwand

 

Promotion und Pflege    
Webmaster-Tool und Google Analytics anlegen 2 130
Website launchen
2 130
optional: WordPress-Schulung – übergabe (3) (195)

Texte (extern)

+ optional: Shootingplan und WordPress-Schulung

35

 

7

2275

650

455

Fotoshooting ½ Tag (kostet der Fotograf etwa) 600
Kosten für WordPress-Theme, ca. 65 Euro 65
Gesamtkosten: (einmalig, ohne laufende Kosten)

 

4045

Wie gesagt, das ist eine Beispiel-Kalkulation. Die genauen Kosten für eine Webseite können erst nach einem ausführlichen Gespräch und einer Analyse der Ausgangslage kalkuliert werden.

Ich freue mich über Deine Anfrage

Hier schreibe ich, wie Ihr eine kostenlose Webseite mit WordPress erstellen könnt. Es fallen kein Gebühren für Einrichtung oder Hosting an. Aber natürlich ist eine kostenlose Webseite nicht komplett kostenlos. Denn das Teuerste an einer Webseite ist die Erstellung der Inhalte für eine Webseite: Texte schreiben, Bilder heraussuchen und ggf. bearbeiten, PDF erstellen usw. Insbesondere, wenn Du das erste Mal eine Webseite baust, solltest Du den Zeitfaktor nicht unterschätzen. Alles dauert länger, als Du denkst. Aber eine kostenlose Webseite hat noch einen Haken. Die URL hat einen Zusatz. Was ich damit meine, liest Du hier im Beitrag. Aber jetzt lass uns loslegen…

Diesen Text habe ich am 11. September 2019 aktualisiert.

Ich habe es im Teaser schon erwähnt: Eine kostenlose Webseite gibt es nicht. Eine gute Webseite kostet immer Zeit oder Geld. Ersteres wird i.d.R. unterschätzt. Insbesondere wenn die Webseite gefunden werden soll und einen messbaren Auftrag hat, z.B. Anmeldungen über die Webseite, dann sollte man die notwendige Arbeit nicht unterschätzen.

Wenn Du nicht sicher bist, ob Du eine Webseite selber gestalten kannst oder lieber jemanden beauftragen solltest, der sich auskennt, dann empfehle ich Dir eine Gastartikel von mir. In diesem Text liste ich alle Baustellen auf, die auf Dich zukommen: Kann ich als Laie eine professionelle Webseite erstellen?.

Doch nun gehts los!

Wenn Du Dir ein Beispiel vorher anschauen willst, gehe mal auf https://sportvereinsedlitz.wordpress.com/

Webkonzept und Content für Webseite vorbereiten.

Ehe Du beginnst, solltest Du Dir ein kleines Konzept machen. Um eine professionelle Webseite zu erstellen, solltest Du Dir Gedanken zu zwei grundlegenden Dingen machen:

  1. Das Ziel bzw. den Zweck Deiner Website
  2. Die Zielgruppe Deiner Website

Dreh- und Angelpunkt: Zweck einer Website und Zielgruppen

Nehmen wir an, Du erstellst eine Webseite für einen Sportverein. Was wäre der Zweck dieser Webseite? …. Hier meine Ideen dazu:

  • Vereinsmitglieder über Veranstaltungen, Aktivitäten etc. informieren
  • Neue Mitglieder gewinnen
  • Sponsoren finden
  • Neue Trainingsleiter finden
  • Lobby / PR-Arbeit…

Mein Tipp: Setze Dich also hin und schreibe den Zweck Deines Webprojektes nieder!

Kommen wir zu den Zielgruppen, die sich aus dem Zweck ableiten. In meinem Fall wären die Zielgruppen folgende:

  • Vereinsmitglieder dieses Vereins
  • sportbegeisterte Kinder und Erwachsene, die im Umkreis von 15km wohnen
  • Unternehmen aus der Region
  • Behörden der Stadt

Jetzt überlege, ob Du alles notwendige Informationen hast, um die Anforderungen Deiner Zielgruppen zu befriedigen. Ich vesuche mich immer in die Fragen des “unwissenden Besuchers” hineinzuversetzen. Wie ich dabei vorgehe, habe ich in diesem Artikel über Website-Content geschrieben.

Schau welches Material Du bereits hast: Bilder, Texte, PDF-Dateien. Falls nicht, trage alles zusammen und bereite Texte so auf, dass sie nur noch in die Webseite kopiert werden müssen.

Strukur der Website erstellen

Zeichne Dir Deine Webseite mit den Unterseiten auf. Auch die Menüpunkte. Versuche Dich in die Lage Deiner Besucher zu versetzen. Welche Informationen sind wichtig? Frage eventuell Partner, Feunde, Kollegen….

Immer im Hinblick auf Deine Zielgruppe und den Zweck. Welche Informationen suchen Deine Zielgruppen?

Um bei meinem Beispiel zu bleiben, sportbegeisterte Kinder und deren Eltern suchen wahrscheinlich nach Kursen. Also trage zusammen, welche Kurse es gibt, wann sie wo stattfinden, ob es freie Plätze gibt und wo man sich anmelden kann.

Die wichtigsten Unterseiten auf einer Webseite sind meiner Meinung nach folgende:

  • Startseite: Sollte idealerweise sofort offensichtlich folgende Frage beantworten: Worum geht es hier? Was kann ich hier finden?
  • Über mich: Wer steckt dahinter? Beschreibung (des Vereins, des Unternehmens…), Biografie…
  • Leistung / Angebot: Was bietet die Seite an? Beschreibung des Angebots der Leistung (Hier z.B. Sportkurse)
  • Kontaktseite, wie in diesem Artikel beschrieben

Für jede Einzelleistung solltest Du idealerweise eine einzelne Unterseite auf Deiner Webseite einplanen. Also wenn der Sportverein Turnen, Fußball, Yoga und Volleyball anbietet, solltest Du für jede Sportart eine eigene Unterseite gestalten.

WordPress ist ein fexibles System. Die Neustrukturierung der Inhalte ist jederzeit möglich. Also nicht schlimm, wenn Du Dir nicht 100%ig sicher bist. Wichtig ist, dass Du Dich nicht in Kleinigkeiten verlierst, sondern zunächst die wichtigsten Inhalte zusammenträgst. Eine Webseite wächst und entwickelt sich weiter.

Wenn also die Sektion Volleyball aufgelöst wird, kannst Du die Unterseite “unsichtbar” schalten.

Bilder für die Webseite

Bilder sind wichtig für eine Webseite. Idealerweise hast Du für jede Unterseite (außer für das Impressum und die Datenschutzerklärung) ein Bild.

Grundsätzlich bevorzuge ich immer eigene Bilder. Aber am Anfang genügen auch freie Bilder, aus frei verfügbaren Datenbanken. In diesem Beitrag zum Thema Fotos findest Du alles was nötig ist.

Denke daran, dass Du die Bilder verkleinerst. Dafür kann man eine freie Software wie Gimp verwenden oder aber auch WordPress selber. Hier ein Artikel zum Thema Bilder mit WordPress verkleinern.

Los gehts: Bei WordPress registrieren und URL festlegen.

Natürlich hat eine kostenlose Webseite einen Haken. Und der liegt in der URL. Gratis-Webseiten erlauben keine direkten Domainnamen. Also nicht www.meine-webseite.de, sondern stattdessen www.meinewebseite.wordpress.com. Deshalb eignen sich solche kostenlosen Domains weniger für ein Unternehmen. Aber für kleinere Blogs, für Vereine, Kindertagesstätten, Projekte oder Netzwerke.

Egal ob mit oder ohne Domainzusatz, um bei Google gefunden zu werden, kommt es auf den Inhalt an.

Um Dich bei WordPress anzumelden, gehe auf https://de.wordpress.com/ und klicke auf “Webseite erstellen”.

WordPress bietet Dir jetzt 4 Vorschläge für Deine Webseite.

Art der WordPress Webseite wählen

Wähle den Zweck Deiner Webseite

Für einen Verein, ein Unternehmen, in den meisten Fällen würde ich die Option 2 wählen “Business”.

Inzwichen kannst Du bei WordPress sogar eine Branche auswählen und ein fertiges Design wird Dir angeboten.

Wähle eine Branche aus und schwuppdiwupp ist eine fertige Webseite zu sehen. Lass Dich nicht verunsichern, wenn keines der angebotenen Themen zu Deiner geplanten Webseite passt. Da Du Bilder und Texte individuell anpassen musst, hast Du alle Optionen offen. Versuche Dir Deine Inhalte mit dem vorgeschlagenen Layout vorzustellen. Oft verwenden die Designer schöne große Bilder, die man selber gar nicht so hat.

Ich wähle jetzt mal “Digitales Marketing” und bekomme eine Webseite gezeigt. Also klicke ich auf “Fortfahren”.

Für den Laien ist das Aussehen einer Webseite oft das Wichtigste. Das ist ein Trugschluss.

Der Informationsgehalt einer Webseite, also der Inhalt (Content), ist wichtiger. Wenn Du Dir ein kleines Konzept gemacht hast, dann weißt Du ja schon, welche Inhalte Du hast und wo sie hinsollen.

Im nächsten Schritt sollst Du der Webseite einen Namen geben.

Der Name – Eine gute URL finden.

Gib also den Namen ein.

WordPress schlägt Dir mehrere Optionen vor. Denke daran, wenn Du eine kostenlose Webseite willst, dann musst Du die Version “free” wählen.

Kostenlose Webseite auswählen

Meine kostenlose Webseite heißt nun also sportvereinmusterstadt.wordpress.com.

Leider ein bisschen lang, aber es sagt alles aus, was wichtig ist. Nämlich Vereinsname und Ort. Probiere es aus. Keine Sorge, den Namen kannst Du später wieder ändern.

Die anderen URL´s kosten Geld. Das wird Dir in der Liste angezeigt. Bitte bedenke, die angezeigten Preise gelten nur für die jeweils mögliche URL, aber nicht für WordPress.

Auch WordPress bietet neben der kostenlosen Webseite weitere Pakete an. Aber eben nur für alle anderen URL´s.

Klicke auf bei der freien Version auf “Auswählen”.

(Früher war die Domainauswahl an die Tarife gekoppelt. Das hat sich geändert. Jetzt wählst Du Domain und Tarif getrennt voneinander.)

Da es in diesem Beitrag wirklich nur um die kostenlose Variante geht, wähle oberhalb  der Tarife den Link “Start with free site”.

WordPress Tarife und freie Website

Erstelle Dein WordPress-Konto

Du musst noch Dein Konto erstellen. Trage Deine E-Mail-Adresse und einen Benutzernamen ein. Und verwende bitte ein gescheites Passwort. (Also nicht “passwort”, sondern eher so etwas wie “1mhK(hb6”.)

Wichtig: Kopiere die Zugangsdaten und speichere sie ab oder schreibe sie Dir auf.

Deine WordPress-Webseite ist angelegt.

Jetzt kannst Du mit dem Befüllen beginnen.

Auf der linken Seite siehst du eine Navigationsleiste mit allen Funktionen, um die Webseite zu gestalten und mit Inhalten zu beleben.

WordPress: Anpassungen im Backend vornehmen

Gib Deiner Webseite einen gescheiten Titel und Untertitel.

Um den Titel Deiner Webseite zu ändern, gehe auf den Menüpunkt “Design” und klicke “Anpassen”.

Unter Website-Informationen kannst Du den Titel und den Untertitel ändern. Denke daran, der Titel ist wichtig, dass Deine Seite auch von Google gefunden wird.

Ich entscheide mich für “Sportverein Musterstadt Sektion Wintersport”.

WordPress Seitentitel anlegen

Wenn Du keinen Titel auf der Webseite sehen möchtest, nimm das Häkchen raus.

Unter dem Seitentitel kannst Du auch Dein Logo veröffentlichen. Dann verschwindet allerdings Dein Seitentitel auf der Oberfläche und das Logo erscheint.

Denk daran, Deine Änderungen und Inhalte zu speichern. Oben findest Du den entsprechenden blauen Button.

Farben, Hintergründe und Schriften anpassen

Das Anpassen des Designs kann viel Zeit kosten.  Jedes Theme hat unterschiedliche Einstellungsmöglichkeiten, mit denen man sich erst einmal vertraut machen muss.

Aber letztendlich kann ich Dir nur das Folgende empfehlen: Probier es aus.

Wenn Du Hilfe benötigst, dann schreibe mir eine E-Mail oder rufe mich an.

Das war Teil 1 der Anleitung. Wie es weitergeht, schreibe ich in einem nächsten Artikel.

 

 

Für meine Webseiten verwende ich WordPress. WordPress ist ein freies Content Management System (CMS). WordPress kostet nichts. Das nennt sich Open source Software. Doch trotzdem sind WordPress Webseiten nicht gratis.

Gibt es nun kostenlose Webseiten oder nicht?

Im Gegensatz zu früher zahlt man nicht mehr die Programmierung einer Webseite, sondern die individuelle Anpassung. Das ist unterm Strich günstiger. Dadurch sind die Preise für Webseiten gesunken. Technik – Layout – Inhalt – Preis. Doch wie hängt das nun alles zusammen?

Im Teil 1 erkläre ich warum sich fertige Designvorlagen, sogenannte Themes lohnen. Inspiriert haben mich zu dieser Artikelserie die Fragen der Kolleginnen vom KKT e.V. München während unseres gemeinsamen Webseitenprojekts. Ich habe gemerkt wie schwierig es ist, einzelne Zusammenhänge so zu erklären, dass sie der Laie auch versteht.

Webseiten Design – Kleider machen Leute

Menschen, die sich mit Webseiten-Gestaltung nicht auskennen – ganz normale “User” also  – beurteilen eine Webseite nach ihrem Aussehen. Ich finde aber, dass der Inhalt einer Webseite wichtiger ist, als das Design.

Und in Sachen Webdesign hat sich viel getan: In den Anfangsjahren der Webentwicklung waren Grafiker unerlässlich. Als es noch keine Content Management Systeme und keine Homepagebaukästen gab. (Warum man ein CMS auswählt oder nicht, über Technik generell, schreibe ich etwas im nächsten Artikel). Sie haben Vorstellungen der Kunden von Farben, Formen, das Corporate Design (CD) in Grafik umgesetzt. Heute sind fertige Designs so flexibel, dass auch ein individuelles CD per Knopfdruck umgesetzt werden kann.

Aktuell stehen alls auf Icons, Bilder und große Fotos

Webseiten werden vom Zeitgeist geprägt. Sie unterliegen der Mode wie eine Jeans oder ein T-Shirt. Im Moment fallen bei den Webseiten die großen Bilder auf, meist über die gesamte Bildschirmbreite. Schriften schieben sich über die Bilder (so genannte Parallax-Effekte), es werden viele Icons (kleine Symbole) benutzt, im Header befinden sich Slider (Bildschirmpräsentationen) und es werden Webeffekte eingesetzte.  Icons bewegen sich, wenn man darüber fährt. Diese Elemente werden durch kurze (leicht erfassbare) Textelemente unterbrochen.

Während es “früher” ein no-go war, dass der User auf einer Webseite scrollen muss, gilt heute das genaue Gegenteil. Scrollen wird im Zeitalter von Smartphones und Tablets nicht mehr als lästig empfunden.

Auch die Breite einer Webseite hat sich verändert: Noch vor 5 Jahren waren die meisten Webseiten “als Box” gestaltet. Rechts und links, manchmal sogar oben und unten, war ein freier Rand. Heute nutzen die meisten Webseite die volle Seitenbreite (full width).

Der Markt der Webdesigner ist in Bewegung. Ständig entstehen neue Webdesign-Trends. Darauf haben sich Webentwickler eingestellt. Und WordPress ist ein riesiger Markt. Einige Webdesigner machen nichts anderes, als für WordPress-Webseiten fertige Layouts zu entwickeln. In Indien, Australien oder Österreich. Eine Design-Vorlage heißt bei WordPress Theme (sprich: thiem), plural: Themes.

WordPress hat einen riesigen Markt geschaffen. Deshalb gibt es für WordPress-Webseiten moderne, schicke Layouts von der Stange. Eine Anbieter-Plattform solcher Vorlagen ist der Themeforest von Envato. Ach so, und ein Theme kostet ca. 60 Euro. Und es gibt auch kostenlose Themes.

Sparen Sie Kosten und verwenden Sie ein fertiges Theme.

Manchmal geht es nicht ohne Grafiker. Große Unternehmen haben häufig spezielle Designwünsche, ein individuelles Corporate Design. Doch für Otto-Normal-Unternehmer, Praxisinhaber oder Freiberufler, die WordPress nutzen wollen, ist eine fertige Vorlage preiswerter. Ich sage immer, wer 10% seiner individuellen Designvorstellungen aufgibt, spart 50% der Webseitenkosten. (Sorry liebe Webdesigner!)

Exkurs Webdesign: Was ist eigentlich ein Webdesigner?

Die Begrifflichkeiten verschwimmen heutzutage. Ein Webdesigner ist für mich jemand, der das Aussehen einer Webseite programmieren kann. Er hat also graphische und technische Fähigkeiten. Wenn er das nicht kann, sondern nur das Bild anfertigt, dann ist das ein Grafiker ohne technische Kompetenz. Ein Webentwickler kann Grafik in Code umwandeln, ist aber eher auf die Funktionen einer Webseite fokussiert, also eher auf das große Ganze. Wobei man Webentwickler und Webdesigner durchaus auch synonym verwenden kann. Ich bin zum Beispiel gar nichts. Ich konzipiere Webseiten inhaltlich. Dazu brauche ein gutes Auge, um die Inhalte optisch ansprechend aneinander zu setzen. Und ordentlich Geduld. Trotzdem bin ich weder Webdesigner, noch Webentwickler und schon gar kein Grafiker. Ich würde mich als Web-Konzepter bezeichnen, weil ich das “große Ganze” einer Webseite betrachte (und mir übrigens für die Teilbereiche, die ich nicht abdecken kann, Hilfe hole.)

Layouts von der Stange und trotzdem individuell

Nun braucht man keine Angst zu haben, dass die WordPress-Webseite dann so aussieht, wie hundert andere WordPress-Seiten.

Denn WordPress ist die weltweite Nummer Eins der Content Management Systeme. Das bringt für uns einige Vorteile: Für WordPress gibt es tausende moderne Layout-Vorlagen. Und es gibt hunderte fertige Plugins (Anwendungen).

Bei den Themes ist für jeden Geschmack etwas dabei. Es gibt thematische Themes, z.B. zum Thema Gesundheitswesen, Tourismus, Fotografie oder die so genannten Multi-Purpose-Business-Themes. Sie könenn für alle möglichen Business-Webseiten verwendet werden. In den Kinderjahren von WordPress stand der Blog als zentrales Element im Vordergrund. Und auch die Themes waren auf Blogger ausgerichtet. Inzwischen hat sich WordPress als Content Management System auch für Firmenwebseiten etabliert. Der Blog ist nur noch ein Teil der Website. Und so gibt es jetzt viele Vorlagen, die speziell für Unternehmen, Praxen und Selbstständige, aber auch für Charity Projekte ausgelegt sind.

Und noch ein Aspekt spricht für fertige WordPress Themes: Wenn etwas neu programmiert wird, treten in der ersten Zeit Fehler auf. Das ist normal. Erst nach und nach kommen alle Funktionen zum Einsatz. Erst wenn die Fehler auftreten, können sie beseitigt werden. Es dauert also eine Weile, ehe eine Programmierung sicher läuft, egal ob eine Software oder eine Webseite. Und das kann man sich sparen, wenn man ein Weblayout von der Stange kauft: Die größten Fehler sind bereits gefunden.

Wie finde ich das passende Theme?

Genau das ist selbst für mich nicht immer einfach. Ich suche zuerst bei Envato. Dort kann man sich die Themes als life preview (Vorschau) anschauen. Man darf sich nicht blenden lassen. Die Theme-Entwickler nutzen professionelle Fotos, die man selber unter Umständen (noch) nicht hat. Man muss versuchen, sich die Webseite ohne die benutzten Fotos vorzustellen. Für Laien gar nicht so einfach.

Meinen Kunden unterbreite ich i.d.R. 1-3 Theme-Vorschläge, die meiner Ansicht nach zu den Anforderungen passen. Das ist Teil des Angebotes. Ein Hilfe sind auch die Bewertungen anderer Käufer.

Viele der Themes sind auf die wichtigsten Plugins (Funktionen) von WordPress abgestimmt. Wer also einen Webshop einrichten will, sollte ein Theme auswählen, dass bereits für die Funktionen vom Plugin WooCommerce ausgelegt ist. Was ein Themes kann und für welche Plugins es geeignet ist, wird von den Webentwicklern des Themes meist recht gut beschrieben. Allerdings kommt der Laie da schnell an seine Grenzen.

Das Websdesign ist die geschickte Anordnung der Elemente.

Trotz aller Beschreibungen und Bewertungen ist ein gekauftes Theme immer eine Blackbox. Welche Einstellungen möglich sind und welche Inhaltselemente vorhanden sind, das sieht man meist erst, wenn das Theme installiert ist.

Die modernen Webseiten-Vorlagen beinhalten meistens einen visuellen Webbuilder, wie den Visual Composer oder den Elementor. Diese Plugins ermöglichen die “moderne” Darstellung der Inhalte. Texte, Bilder, Icons, Animationen und eingebundene Videos können besser angeordnet werden. Und genau diese Anordnung der Designelemente ist das, was heute Geld kostet. Was ganz einfach aussieht, dauert meistens Stunden. Und da es immer mehr Inhaltselemente gibt und immer mehr Einstellungsmöglichkeiten, steigt auch die Zeit, die man für das Einstellen benötigt. Deshalb ist selbst bei großer Sorgfalt nicht alles bis ins kleinste Detail zu kalkulieren. Vor allem wenn man gebeten wird noch schnell eine Abstand zu ändern, oder ein Bild, oder ein Icon auszutauschen etc. Schnell summieren sich die Minuten zu Stunden.

“Webdesign” mit WordPress ist also die “optimale” Einstellung und Anordnung der Inhaltselemente. Ohne meine Fähigkeiten in den Vordergrund zu rücken: Wer heute Webseiten “gestalten” will, muss wissen, wie Inhalte userfreundlich aufbereitet werden. Was ist wichtig? Mit welchen Elementen kann man den Blick des Users auf bestimmte Inhalte richten? Wie erstelle ich Inhalte so, dass Sie auch gelesen werden? Was muss ich tun, dass der User auf diesen oder jenen Button klickt.

Dabei sollte man das “Technisch-machbare” im Hinterkopf haben, an Google denken und Texte schreiben können. Der Konzepter einer WordPress Seite ist also kein Designer im herkömmlichen Sinne mehr, sondern jemand, der inhaltsbasiert denken kann.

Der Webkonzepter ist in der Lage relevante Inhalte auszuwählen, zu erstellen, aufzubereiten und optimal zu präsentieren.

Kosten und Folgekosten einer WordPress Webseite

Wenn man die Standard-Lizenz für ein WordPress-Theme erwirbt, darf man es herunterladen und für eine Webseite nutzen. Meistens beinhaltet der Kaufpreis 6 Monate Support. Auch wenn ein Themes fertig ist und bereits verkauft wurde, arbeiten die Entwickler weiter daran. Immer wieder ergeben sich kleinere Bugs (Fehler) oder Sicherheitslücken werden geschlossen. Das ist ganz normal. Wer ganz sicher gehen will, verlängert den Support für das gekaufte Theme.

Wie oben beschrieben, kostet so ein fertiges Webdesign ca. 60 Euro. Meistens werden andere Plugins mitgeliefert, z.B. ein Slider oder das Webbuilder-Tool Visual Composer. Da ist Vorsicht geboten. Zwar dürfen die Plugins auch nach Ablauf der “normalen” Lizenzperiode verwendet werden, aber sie werden nicht mehr aktualisiert und erscheinen im Backend (im Administrator-Bereich) rot. Manchmal lohnt es sich die Plugins im Nachhinein zu erwerben unter anderem deshalb, weil neu erkannte Sicherheitslücken durch regelmäßige Aktualisierungen geschlossen werden.

Layout für WordPress Webseiten: Kann man wirklich alles anpassen?

Auch wenn in den modernen Themes viele Einstellungen möglich sind, kann man nicht alles per Knopfdruck individualisieren.

Der Header hat zum Beispiel 5 Einstellungsoptionen. Wem die nicht gefallen, der hat Pech gehabt. Oben habe ich davon geschrieben, dass 10% der Designwünsche nicht realisierbar sind.

Das stimmt nur zum Teil. Denn es gibt natürlich die Möglichkeit, dass ein fertiges Theme “umgestaltet” wird. Das erfordert “Programmierkenntnisse”. Eine Veränderung oder Erweiterung bestehender Webseiten-Layouts wirkt sich auf den Gesamtpreise der Webseite aus. Darum sollte man sich genau überlegen, ob Designänderungen wirklich notwendig sind.

Bekanntlich lässt sich über Geschmack streiten. Deshalb sollten individuelle Designwünsche immer überprüft werden. Steht der Nutzen im Verhältnis zu den Kosten?

Unterm Strich bin und bleibe ich ein großer Fan von fertigen Webseiten-Layouts.Ich hoffe, dass ich mit diesem langen Text etwas Licht ins Dunkel bringen konnte.

Hier finden Sie einige Webseiten-Projekte die ich mit WordPress unter Verwendung eines fertigen Layouts konzeptioniert habe.