Mach‘s selbst
-
mit WordPress
zum Website-Erfolg!
Tim Ehling
• aus Hanau
• seit 2006 WordPress-Nutzer und
Entwickler
• Social Media Studium
• Spreche hessisch, kölsch und
einige Programmiersprachen
• Programmiere seit 1995
Teil 1
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
Zahlen zu
WordPress
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
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
Fakten zu
WordPress
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.
Fakten zu WordPress
Quelle: www.whitehouse.gov
Fakten zu WordPress
Quelle: blog.tagesschau.de
Wann ist
WordPress die
richtige Wahl
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!
WordPress
gegenüber
Homepage-
baukästen
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.
wordpress.com
und
wordpress.org
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.
Strategie
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
Strategie
Um eine Webseite zu gestalten, bedarf es einer Strategie.
Die Strategie sollte folgende Schritte beinhalten:
Vision Audit Konzeption Planung Umsetzung Messung
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)
Strategie - Vision
Strategische Ziele für die Website können sein:
• Neukundengewinnung
• Branding
• Umsatzsteigerung
• Abgrenzung zu Wettbewerbern
• Kundenbindung
• usw
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.
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)
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
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.
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!
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.
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.
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.
Teil 2
Voraussetzung
Webhosting
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
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 )
Voraussetzung Webhosting
Dazu empfehle ich noch
- min. 128 MB Memory Limit
- .htaccess – Zugriff
- Serverstandort Deutschland
Eigener Server?
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.
5 Minuten
Installation
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/
Quellen für
Plugins und
Themes
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
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
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
Empfohlene
Themes für den
Start
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
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/
Empfohlene
Plugins für den
Start
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.
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/
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/
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/
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/
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/
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/
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/
Design
Das Design
Das Design der Website ist genauso wichtig wie ihr Inhalt!
Im folgenden ein paar Grundlagen, die beachtet werden sollen.
Das Design
Darstellung: Die Website sollte mit verschiedenen Endgeräte gut konsumierbar sein
Mobil Tablet Desktop
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
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.
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.
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
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
Hilfe/Support
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
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
Visitenkarte:
tim-ehling.com/vc/
Vielen Dank!

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

  • 1.
  • 2.
    Tim Ehling • ausHanau • seit 2006 WordPress-Nutzer und Entwickler • Social Media Studium • Spreche hessisch, kölsch und einige Programmiersprachen • Programmiere seit 1995
  • 3.
  • 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.
  • 6.
    Zahlen zu WordPress 40% allerWebseiten 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 bis2025 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.
  • 9.
    Fakten zu WordPress Verwendungszweck DieVerwendung 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.
  • 13.
    Wann ist WordPressdie 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.
  • 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.
  • 17.
    wordpress.com und wordpress.org Aufwordpress.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.
  • 19.
    Strategie Um eine Webseitezu 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 Webseitezu gestalten, bedarf es einer Strategie. Die Strategie sollte folgende Schritte beinhalten: Vision Audit Konzeption Planung Umsetzung Messung
  • 21.
    Strategie - Vision Beider 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 StrategischeZiele für die Website können sein: • Neukundengewinnung • Branding • Umsatzsteigerung • Abgrenzung zu Wettbewerbern • Kundenbindung • usw
  • 23.
    Strategie - Vision BeispielZiel: 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 BeimAudit 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) MerkmaleIhrer 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 DasKonzept 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 MitPlanung 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 Mitdem „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 Mitdem 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.
  • 32.
  • 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 Webhostersollte 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 empfehleich noch - min. 128 MB Memory Limit - .htaccess – Zugriff - Serverstandort Deutschland
  • 36.
  • 37.
    Eigener Server? Definitiv musses 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.
  • 39.
    5 Minuten Installation Dieberü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.
  • 41.
    Quellen für Pluginsoder 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 Pluginsoder 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 Pluginsoder 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.
  • 45.
    Quellen für Pluginsoder 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ürden 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.
  • 48.
    Empfohlene Plugins fürden 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ürden 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ürden 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ürden 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ürden 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ürden 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ürden 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ürden 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.
  • 57.
    Das Design Das Designder Website ist genauso wichtig wie ihr Inhalt! Im folgenden ein paar Grundlagen, die beachtet werden sollen.
  • 58.
    Das Design Darstellung: DieWebsite sollte mit verschiedenen Endgeräte gut konsumierbar sein Mobil Tablet Desktop
  • 59.
    Das Design Schrift Mindestens 16pxgroß 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- undAbsatzlä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 vielText 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 solltendeutlich 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.
  • 65.
    Hilfe/Support Hier gibt esdrei 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 Letztgibt 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.