Das Dokument gibt einen umfassenden Überblick über die Erstellung von Webseiten mit WordPress, einschließlich der Vorteile im Vergleich zu Homepage-Baukästen, einer Strategie für die Webseitenplanung sowie den notwendigen technischen Voraussetzungen für Webhosting. Es behandelt die verschiedenen Schritte von der Zielsetzung über die Inhaltsplanung bis zur Umsetzung und Messung des Webprojekts und gibt Empfehlungen für Plugins und Themes. Die Wichtigkeit von Design, Benutzerfreundlichkeit und Datenschutz wird ebenfalls hervorgehoben.

1. Mach‘s selbst
-
mit WordPress
zum Website-Erfolg!

2. Tim Ehling
• aus Hanau
• seit 2006 WordPress-Nutzer und
Entwickler
• Social Media Studium
• Spreche hessisch, kölsch und
einige Programmiersprachen
• Programmiere seit 1995

3. Teil 1

4. Teil 1
- Einstieg: Überblick CMS Systeme, Baukästen vs CMS (Vorteile,
Nachteile, Kostengegenüberstellung)
-
- wie gehe ich vor dem Start vor? (Zielgruppe und Ziele kennen,
Ziele haben Einfluss auf Themes, Gestaltung, Inhalte)
Quelle: w3techs.com

5. Zahlen zu
WordPress

6. Zahlen zu WordPress
40%
aller Webseiten im Internet werden mit WordPress betrieben
64%
ist der WordPress-Marktanteil von Content-Mangement-Systemen.
22%
der ein Millionen besten Onlineshops werden mit dem Plugin
Woocommerce betrieben
Quelle: w3techs.com

7. Zahlen zu WordPress
bis 2025 min 50%
Basierend auf den Auswertungen von w3techs.com ist zu erwarten, dass
spätestens 2025 mindestens die Hälfte aller Webseiten auf WordPress
betrieben werden.
Quelle: w3techs.com

8. Fakten zu
WordPress

9. Fakten zu WordPress
Verwendungszweck
Die Verwendung reicht von kleinen Visitenkarten über Portale bis hin zu
Onlineshop. Dank des Ökosystems sind keine Grenzen gesetzt.
Auch Webseiten mit viel Traffic können auf WordPress-Basis betrieben
werden.

10. Fakten zu WordPress
Quelle: www.whitehouse.gov

11. Fakten zu WordPress
Quelle: blog.tagesschau.de

12. Wann ist
WordPress die
richtige Wahl

13. Wann ist WordPress die richtige Wahl
Wer dauerhaft keine reine Visitenkarte im Internet haben will und die Basis
für einen Ausbau der Webseite machen möchte.
Wer die Kontrolle über seine Daten und Inhalte behalten will.
Seine Inhalte einfacher und schneller ohne Dienstleister pflegen will.
Dynamische Webseiten, wie Portale oder Onlineshops betreiben will.
Für den ist WordPress das richtige!

14. WordPress
gegenüber
Homepage-
baukästen

15. WordPress gegenüber Homepagebaukästen
Homepagebaukästen, wie Wix, Jimdo starten kostenlos. Aber um jedoch
Online erfolgreich zu sein, braucht man auch dort Extras.
Dann ist man da ganz schnell bei 350 - 470 Euro pro Jahr, mit Onlineshop-
Funktionen sind es dann schon 470 – 500 Euro. Beim letzteren kommen
dann noch Transaktionsgebühren hinzu.
Die Extras sind dann auch sehr übersichtlich und man kann auch nicht alles
einbinden.
Durch die geschlossenen Systeme sind dann auch keine individuellen
Anpassungen durch Dienstleister möglich.

16. wordpress.com
und
wordpress.org

17. wordpress.com und wordpress.org
Auf wordpress.com ist ein Hosting-Produkt, welches vom Entwickerstudio
angeboten wird.
Preise gehen bis 414 € für Business-Seiten und 924 € für Onlineshops pro
Jahr inkl. Domain.
wordpress.com ist wegen der DSGVO problematisch.
wordpress.org ist die Seite, woher man das selbstgehostete WordPress, die
Plugins und Themes bekommt.

18. Strategie

19. Strategie
Um eine Webseite zu gestalten, bedarf es einer Strategie.
Die Strategie sollte folgende Schritte beinhalten:
1. Vision
2. Audit
3. Konzeption
4. Planung
5. Umsetzung
6. Messen

20. Strategie
Um eine Webseite zu gestalten, bedarf es einer Strategie.
Die Strategie sollte folgende Schritte beinhalten:
Vision Audit Konzeption Planung Umsetzung Messung

21. Strategie - Vision
Bei der Vision geht es um die Ziele der Webseite. Ziele sind mit der SMART-
Formel gut formuliert:
S = stated (festgeschrieben)
M = measurable (messbar)
A = achievable (erreichbar)
R = realistic (realistisch)
T = timed (zeitlich festgelegt)

22. Strategie - Vision
Strategische Ziele für die Website können sein:
• Neukundengewinnung
• Branding
• Umsatzsteigerung
• Abgrenzung zu Wettbewerbern
• Kundenbindung
• usw

23. Strategie - Vision
Beispiel Ziel:
Bis zum 31.12.2021 will die Müller GmbH über eine Website,
die Zielgruppe über die Produkte und Dienstleistungen
informieren. Des Weiteren soll die Website einen
Servicebereich um bestehenden Kunden einen First-Level-
Support zu bieten.

24. Strategie - Audit
Beim Audit steht die Analyse des Unternehmens an.
Dabei sollten Fragen mit der SWOT-Analyse beantwortet werden:
Strengths(Stärken)
Weaknesses(Schwächen)
Opportunities(Chancen)
Threats(Gefahren)

25. Strategie - Audit
Strengths(Stärken)
Merkmale Ihrer Website, die Ihnen einen Vorteil
verschaffen und zum Erreichen von Zielen beitragen.
• Kundenorientiertes Design und Messaging
• Effektive Handlungsaufforderungen
• Intuitive Navigation und Suche
• Responsive Design mit umfassender mobiler
Unterstützung
Weaknesses(Schwächen)
Website-Merkmale, die einen Nachteil darstellen oder Sie
daran hindern, Ziele zu erreichen
• Veraltetes oder ineffektives Design
• Ineffektive oder verborgene
Handlungsaufforderungen
• Inhalte, die nicht kundenorientiert sind
Opportunities(Chancen)
Elemente, die die Website zu ihrem Vorteil nutzen könnte, um
ihre Ziele zu erreichen.
• Neue Technologien zur Verbesserung der
Benutzererfahrung
• Neue und unerschlossene Märkte entstehen
• Neue Nischen und Marktsegmente
• Neue Designtrends zur besseren Vermittlung von
Botschaften
Threats(Gefahren)
Elemente außerhalb Ihrer Kontrolle, die Probleme
verursachen und verhindern können, dass die Website ihre
Geschäftsziele erreicht.
• Konkurrenten, die Funktionen oder Ideen kopieren
• Entstehung neuer Wettbewerber
• Neue Gesetze oder Vorschriften

26. Strategie - Konzeption
Das Konzept beschäftig sich mit der Frage, wen das
Unternehmen ansprechen will.
Das folgt dann die Frage, wie spricht man diese Zielgruppe an.
Erstellen Sie verschiedene Personas und gruppieren sie diese.

27. Strategie - Konzeption
Interessenten
- Wer ist ein potentieller Kunde
- Demographische Merkmale
- Geographische Merkmale
Kunden
- Wer ist mein Kunde
- Welchen Grund hat ein Kunde für den Kontakt
Wer Menschen erreichen will, braucht Personas!

28. Strategie - Planung
Mit Planung werden dann die Erkenntnisse aus der Analyse und Konzeption
verarbeitet.
Welche Inhalte muss die Website haben?
Welche Funktionen sind notwendig?
Da kommt der Vorteil von WordPress ins Spiel:
Es lassen sich viele verschiedene Inhalte/Inhaltstypen mit den
unterschiedlichsten Funktionen kombinieren.

29. Strategie - Umsetzung
Mit dem „kleinen“ Paket geht es an die Umsetzung ran. Daraus ergeben
sich dann kleinteilige Schritte mit der die Website erstellt wird.
Erstellen Sie einen Zeitplan, bis wann welcher Schritt erreicht werden
soll.
Besser kleinere Schritte, als ein großer!
Die Umsetzung ist ein agiler Prozess, in der kontinuierlich der Fortschritt
geprüft werden muss, wie weit die definierten Ziele erreicht wurden.

30. Strategie - Messen
Mit dem Live-Gang der beginnt die Messung der Kennzahlen oder anderer
Ziele, die definiert wurden und nun eingehalten werden sollen.
Auch zählt die Verbesserung der Strategie dazu.
Ab dem diesem Zeitpunkt beginnt die Stragie wieder von vorn und bildet
einen stetigen Kreislauf.

31. Teil 2

32. Voraussetzung
Webhosting

33. Teil 2
- - Ersteindruck, Orientierung, Vertrauen: Das macht eine gute
Website aus (Praxisbeispiele oder fiktives Unternehmen für jeden
Punkt zeigen)
- Struktur, Navigation, Design, Content
- Exkurs: Updates (Sicherheitsaspekt) und wichtige PlugIns
Quelle: w3techs.com

34. Voraussetzung Webhosting
Der Webhoster sollte einige Voraussetzungen haben, damit
WordPress ordentlich läuft.
Von WordPress empfohlen
- PHP 7.4 oder höher
- MySQL 5.6 oder höher , alternativ MariaDB 10.1 oder höher
- Nginx oder Apache mit dem „mod_rewrite“-Modul
- HTTPS Unterstützung ( alleine wegen der DSGVO sollte auf kein
SSL-Zertifikat verzichtet werden )

35. Voraussetzung Webhosting
Dazu empfehle ich noch
- min. 128 MB Memory Limit
- .htaccess – Zugriff
- Serverstandort Deutschland

36. Eigener Server?

37. Eigener Server?
Definitiv muss es nicht ein eigener Server sein, es hängt vom
Anwendungsfall ab.
In den meisten Fällen reicht ein Shared-Hosting aus.
Dabei teilt man sich mit anderen Kunden des Webhosters einen
Server. Dadurch werden Kosten geringer.
Jedoch sollte man darauf schauen, was der Webhoster dazu sagt,
wie viele Kunden es sind. Denn je mehr Kunden einen Server
nutzen, umso mehr leidet die Performance.

38. 5 Minuten
Installation

39. 5 Minuten Installation
Die berühmte WordPress-Aussage mit der „5 Minuten Installation“
ist nicht falsch zu verstehen. Das bezieht sich rein auf das blanke
WordPress ohne jegliche Anpassung des Theme oder Installation
von Plugins.
Zum Starten lädt man einfach das WordPress herunter und folgt den
leichten Anweisungen.
Download und Anleitung
https://de.wordpress.org/download/

40. Quellen für
Plugins und
Themes

41. Quellen für Plugins oder Themes
Eine wichtige Quelle für kostenlose Themes und Plugins ist das
offizielle Verzeichnis von wordpress.org .
Dieses beinhaltet zur Zeit über 3.900 Themes und über 58.000
Plugins.
Vorteile: Dort gelistet werden Plugins und Themes, die sich an den
Entwickler-Codex halten und einen Mindeststandart erfüllen. Dazu
gibt es Support-Foren mit Unterstützern weltweit.
Kostenfrei

42. Quellen für Plugins oder Themes
Als Premium-Plugins oder Themes werden solche genannt, die unter
verschiedenen Lizenzmodellen bezogen werden können.
Variante 1: Einmaliges Entgelt für den Erwerb des Plugins mit allen
zukünftigen Updates. Die Variante wird meist „Lifetime“ genannt.
Beispiel: WPSEO, wpseo.de, einmalig 39,00 Euro
Variante 2: Entgelt für einen festen Zeitraum, wo der Entwickler Support
und Updates liefert. I.d.R. 6 oder 12 Monate. Danach muss dann die Lizenz
wieder erneuert werden.
Beispiel: Borlabs Cookie, de.borlabs.io/borlabs-cookie/, 39,00 Euro für 12
Monate Updates und Support
Premium / Lizenzen

43. Quellen für Plugins oder Themes
Für Premium-Plugins und Themes gibt es die Möglichkeiten
diese direkt beim Entwickler zu erwerben oder
über große Portale.
Portalbeispiele
https://themeforest.net/category/wordpress
https://www.templatemonster.com/wordpress-themes.php
Premium

44. Empfohlene
Themes für den
Start

45. Quellen für Plugins oder Themes
Unabhängig ob kostenfrei oder nicht sollte man schauen,
ob in den letzten 12 Monaten das Plugin oder Theme ein
Update erhalten hat und es mit der aktuellen WordPress-
Version kompatibel ist.
Grundsätzliches

46. Empfohlene Themes für den Start
Das passende Theme zu finden, was in den
grundlegenden Designwünschen entspricht, wird lange
dauern. Jedoch sollte man beim Theme darauf achten, das
es nicht überladen ist.
Sogenannte Multipurpose/Multifunctional Themes sind
zwar wie Schweizer Taschenmesser, bringen aber viele
Funktionen mit die nicht benötigt werden.
Leichtes, kostenfreies Theme
Astra
https://wordpress.org/themes/astra/
Premium-Theme
Kadence Theme
https://kadence-theme.com/

47. Empfohlene
Plugins für den
Start

48. Empfohlene Plugins für den Start
Weniger ist mehr!
Dieser Spruch gilt auch für WordPress, denn jedes Plugin belastet
die Performance.
Mehr Plugins erhöhen die Gefahr von Sicherheitslücken und
Kompatibilitätsproblemen.
Jedes nicht verwendete/aktivierte Plugin sollte deshalb deinstalliert
werden.
Bei den Themes sollte nur das Aktive und als Rückfall-Theme
„Twenty Twenty-One “ vorhanden sein.

49. Empfohlene Plugins für den Start
Datensicherung/Backup
Datensicherung sind das ah und oh einer WordPress-Seite. Geht mal
was schief, kann darauf zurückgegriffen werden.
UpdraftPlus WordPress Backup Plugin
https://de.wordpress.org/plugins/updraftplus/
BackWPup – WordPress-Backup-Plugin
https://de.wordpress.org/plugins/backwpup/

50. Empfohlene Plugins für den Start
SEO / Suchmaschinenoptimierung
WordPress-Seiten haben eine gute Grundlage für die
Suchmaschinenoptimierung, aber dennoch ist Luft nach ob.
Rank Math SEO
https://de.wordpress.org/plugins/seo-by-rank-math/
Yoast SEO
https://de.wordpress.org/plugins/wordpress-seo/

51. Empfohlene Plugins für den Start
(Kontakt-)Formulare
Jede Webseite sollte die Möglichkeit der Kontaktaufnahme bieten.
Das lässt sich recht einfach mit Formular-Plugins lösen
Contact Form 7
https://de.wordpress.org/plugins/contact-form-7/
Ninja Forms Contact Form – The Drag and Drop Form Builder for
WordPress
https://de.wordpress.org/plugins/ninja-forms/

52. Empfohlene Plugins für den Start
Performance/Caching
Eine schnelle Webseite ist nicht relevant für das Google Ranking,
sondern vergrault auch keine Besucher
W3 Total Cache
https://wordpress.org/plugins/w3-total-cache/
WP Fastest Cache
https://wordpress.org/plugins/wp-fastest-cache/
TIP Premium Plugin: WPRocket
https://wp-rocket.me/de/

53. Empfohlene Plugins für den Start
Cookie-Banner/DSGVO
Dank der DSGVO kommt man nicht um ein Cookie-Banner bzw.
Plugin für die rechtskonforme Lösung
Cookie Notice & Compliance for GDPR / CCPA
https://wordpress.org/plugins/cookie-notice/
GDPR Cookie Consent (CCPA Ready)
https://wordpress.org/plugins/cookie-law-info/
TIP Premium Plugin: Borlabs Cookie
https://de.borlabs.io/borlabs-cookie/

54. Empfohlene Plugins für den Start
Social Sharing
Den Facebook-/Pinterest-/LinkedIn./…-Button in der Webseite
einbauen als deutscher Webseiten-Betreiber? Schlechte Idee. Das
sollte wegen Datenschutz anders gemacht werden.
Shariff Wrapper
https://de.wordpress.org/plugins/shariff/

55. Empfohlene Plugins für den Start
Onlineshop/E-Commerce
Wer einen Onlineshop betreiben will, wird nicht um WooCommerce
herum kommen.
WooCommerce
https://wordpress.org/plugins/woocommerce/
Wegen deutschen Recht sein Lokalisierungsplugins sinnvoll:
Germanized for WooCommerce
https://wordpress.org/plugins/woocommerce-germanized/
Premium Plugin: German Market
https://marketpress.de/

56. Design

57. Das Design
Das Design der Website ist genauso wichtig wie ihr Inhalt!
Im folgenden ein paar Grundlagen, die beachtet werden sollen.

58. Das Design
Darstellung: Die Website sollte mit verschiedenen Endgeräte gut konsumierbar sein
Mobil Tablet Desktop

59. Das Design
Schrift
Mindestens 16px groß und die Zeilen sollten einen Abstand von
1,5em haben in den Texten der Website.
Größe 16px
Zeilenabstand 1.5
Größe 14px
Zeilenabstand 1.2

60. Das Design
Satz- und Absatzlänge
Schreiben Sie keinen zu langen Schachtelsätze und vermeide zu lange Absätze.
Mehrere kurze Absätze erhöhen die Lesbarkeit.
Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam
voluptua. At vero eos et accusam et justo duo
dolores et ea rebum. Stet clita kasd gubergren, no
sea takimata sanctus est Lorem ipsum dolor sit
amet. Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo
duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit
amet.
Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam
voluptua.
At vero eos et accusam et justo duo dolores et ea
rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam
voluptua.

61. Das Design
Bilder
Wenn viel Text auf einer Seite vorhanden ist, sollte man Bilder benutzen, die zum
Inhalt passen
Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam
voluptua.
At vero eos et accusam et justo duo dolores et ea
rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam
voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam
voluptua.
At vero eos et accusam et justo duo dolores et ea
rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet.

62. Das Design
Links
Links sollten deutlich erkennbar sein, z.B. mit einer anderen Textfarbe,
Unterstreichung und/oder Fettschrift
Suchfunktion
Auf Websites mit vielen Unterseiten, sollte eine Suchfunktion für die
Besucher vorhanden sein.
Tipp: Suchfunktion messen! Die Daten sind wertvoll für die Strategie.
Buttons
Um Besucher auf Zielseiten zu führen sollte man Call-to-Action-Buttons
einsetzen. Auffallend mit auffordender Beschriftung
Schlanke Navigation
Nicht zu viele Oberpunkte nutzen, lieber einige wenige mit Unterpunkte
Logo
Für die Imagebildung sollte oben links im Header immer das Logo zu
sehen sein

63. Das Design
Ein gute, gestaltete Webseite, welche ich auch als
Bildbeispiel verwendet habe, ist die Seite
www.spedition-seefracht.de
Weitere Seiten mit einem gelungenen Design sind:
www.team-digital.de
www.emp.de
herzansprache-freietrauung.de
www.edelkids.de
www.schreinerei-groeschel.de

64. Hilfe/Support

65. Hilfe/Support
Hier gibt es drei Möglichkeiten, zum einen kostenpflichtige
WordPress-Dienstleisterd, die einem bei Problemen helfen
können.
Zum anderen gibt im Internet viele Quellen, die sich bestimmten
Problemen mit Blogartikel widmen und diese Lösen.
Beispiele
Deutschsprachig: www.elmastudio.de , www.perun.net , die-
netzialisten.de , www.netz-gaenger.de , tim-ehling.com
Englischsprachig: wordpress.com/learn/ und
www.wpbeginner.com

66. Hilfe/Support
Zu guter Letzt gibt es natürlich auch Bücher dazu, wobei durch
ständige Updates diese eine begrenzte Lebensdauer haben:
WordPress 5 - Das Praxisbuch: Für Einsteiger und Fortgeschrittene:
installieren, konfigurieren
Uwe Kraus
Herausgeber: Markt + Technik Verlag
ISBN-10 : 3959821999
ISBN-13 : 978-3959821995
Einstieg in WordPress 5: So erstellen Sie WordPress-Websites
Peter Müller
Herausgeber: Rheinwerk Computing
ISBN-10 : 3836261553
ISBN-13 : 978-3836261555

67. Visitenkarte:
tim-ehling.com/vc/
Vielen Dank!