Más contenido relacionado
La actualidad más candente (10)
Similar a Die 10 häufigsten Fehler in Relaunch-Projekten (20)
Die 10 häufigsten Fehler in Relaunch-Projekten
- 1. © 121WATT - André Goldmann@gutewebsites #convcon
Relaunch-
Fehler
- 2. © 121WATT - André Goldmann@gutewebsites #convcon
André Goldmann
2
• Seit 1996 Front-End-Entwickler
& -Optimierer aus Leidenschaft
• Chief Operating Officer, 121WATT
Gründer, Pixeldreher. Irgendwas mit Internet. Seit 1996.
Gründer, Fuchsfaktor10 – Virtual-Reality-Studio für 360°-Videos
• Seminare bei der 121WATT:
Technical SEO
SEO Aufbau-Seminar
• Twitter: @andregoldmann
E-Mail: andre.goldmann@121watt.de
- 3. © 121WATT - André Goldmann@gutewebsites #convcon
#1
„Der Grund ist gar kein Grund.“
- 5. © 121WATT - André Goldmann@gutewebsites #convcon
Der Grund ist gar kein Grund
• Alter
• Logo gefällt nicht mehr
• Wettbewerber hat auch ne neue Seite
• Umsatz 20% geringer als im letzten Jahr
• …
Ein bißchen Design anpassen ist kein Relaunch
5
- 6. © 121WATT - André Goldmann@gutewebsites #convcon
Was ist ein "Relaunch"?
Meine Definition...
- 7. © 121WATT - André Goldmann@gutewebsites #convcon
Eine signifikante Veränderung der User-Experience und
Funktionsweise einer Website im Sinne des Unternehmensziels
- 8. © 121WATT - André Goldmann@gutewebsites #convcon
Was sind relevante Gründe?
- 9. © 121WATT - André Goldmann@gutewebsites #convcon
Mögliche Gründe für einen Relaunch
• CMS bereitet mehr Schwierigkeiten als Vorteile / funktioniert nicht mehr
• Codestruktur der aktuellen Website ist nicht mehr zu bändigen
• Entwicklung eines responsive Webdesign
• Featuritis überlädt die Website und sieht aus wie ein Haufen undefinierbare und
unzertrennliche Knete
• Neue Unternehmensstruktur oder -Philosophie
9
- 10. © 121WATT - André Goldmann@gutewebsites #convcon
#2
Deadlines zählen mehr als „fertig“.
- 11. © 121WATT - André Goldmann@gutewebsites #convcon
Am 15. ist Richtfest.
- 12. © 121WATT - André Goldmann@gutewebsites #convcon
Wenn du nicht fertig bist, bist
du nicht fertig.
- 13. © 121WATT - André Goldmann@gutewebsites #convcon
Wenn meine Tochter im Winter ohne Kleidung
rausgehen will, kann ich nicht mit ihr raus gehen.
Sie wird dann nämlich krank.
13
- 14. © 121WATT - André Goldmann@gutewebsites #convcon
Warum sind Deadlines ein Problem?
• Trotz Deadline wiegen sich alle in Sicherheit: ist ja noch Zeit!
• Wenn keine Zeit mehr ist, erwachen alle im Team aus dem Koma
• Arbeiten werden gegen Ende gerne etwas „schluderiger“ erledigt
– Hauptsache irgendwie fertig werden
• Deadlines bestehen oft nur aus Zeitangaben ohne konkrete Ergänzungen WAS
bis dahin fertig sein soll
• unerwartete Schwierigkeiten werden oft nicht einkalkuliert – Bürokratie, externe
Ursachen wie Lieferengpässe oder andere Ressourcen
14
- 15. © 121WATT - André Goldmann@gutewebsites #convcon
Was tun gegen das Problem mit den lieben Deadlines?
• Rahmenbedingungen schaffen die nicht verschiebbar sind
• Zwischenziele einbauen, die eine Deadline halbwegs gewährleisten können
15
- 16. © 121WATT - André Goldmann@gutewebsites #convcon
Du bist nicht fertig? Dann wird die Abfahrt verschoben.
- 17. © 121WATT - André Goldmann@gutewebsites #convcon
Keiner der End-Kunden wird sagen:
“Das Produkt ist Mist, aber der Relaunch war pünktlich.”
- 18. © 121WATT - André Goldmann@gutewebsites #convcon
#3
Privat-Ästhetik
- 19. © 121WATT - André Goldmann@gutewebsites #convcon
„Ob Euch die Seite gefällt ist
vollkommen irrelevant.“
- 20. © 121WATT - André Goldmann@gutewebsites #convcon
Mir gefällt die Fassade nicht.
Der Köder muss dem Fisch schmecken.
- 21. © 121WATT - André Goldmann@gutewebsites #convcon
Die größten Probleme beim Design einer Website
sind persönlicher Geschmack und Geltungssucht.
- 22. © 121WATT - André Goldmann@gutewebsites #convcon
“Gefällt mir”
– ist kein Qualitätskriterium.
“Funktioniert, weil es der Zielgruppe gefällt”
– ist ein Qualitätskriterium.
- 23. © 121WATT - André Goldmann@gutewebsites #convcon
Deshalb muss Design getestet werden oder
aufgrund von Testergebnissen entstehen.
- 24. © 121WATT - André Goldmann@gutewebsites #convcon
Bauchgefühl ist auch bei
Design kein guter Berater.
- 25. © 121WATT - André Goldmann@gutewebsites #convcon
5 Sekunden-Tests
- 26. © 121WATT - André Goldmann
Welche Webseite soll getestet werden?
Wer soll den Test durchlaufen?
Test durchführen
• Screenshot für 5 Sekunden zeigen
• Fragen stellen
Ergebnisse analysieren und Fehler beheben
26
https://www.fuchsfaktor10.de/
So funktioniert ein 5 Sekunden-Test
- 27. © 121WATT - André Goldmann@gutewebsites #convcon
Mögliche Fragen…
• Welche Marke steht hinter der Website?
• Welche Produkte/Dienstleistungen werden angeboten?
• Was kann ich auf der Website machen/bekommen?
• Wirkt die Website vertrauenswürdig?
27
- 28. © 121WATT - André Goldmann@gutewebsites #convcon
#4
Relaunch ohne Inhalts-Kontrolle
- 29. © 121WATT - André Goldmann@gutewebsites #convcon
Neues Haus mit alten Möbeln.
- 30. © 121WATT - André Goldmann@gutewebsites #convcon
Was vor dem Relaunch alt und schlecht war,
wird nach dem Relaunch nicht neu und gut.
- 31. © 121WATT - André Goldmann@gutewebsites #convcon
Die Lösung?
Ein Content-Audit.
- 32. © 121WATT - André Goldmann@gutewebsites #convcon
So erstellst du einen Content-Audit für jede Websitegröße
1. Crawle alle URLs deiner Website
Screaming Frog – SEO Spider oder Deepcrawl; CMS-Export; Google Analytics
oder Google Search Console
2. Ergänze die URLs mit relevanten KPIs
URL-Profiler – Social Proof, Google Analytics-Data, Backlinks etc.
3. Analysiere den Content ob…
er so bleiben kann, aktualisiert werden muss oder gelöscht werden kann
4. Ergänze den Inhalt um „frische und relevante“ Suchbegriffe
5. Erstelle eine Content-Strategie für die Zukunft
32
- 33. © 121WATT - André Goldmann
33
https://www.screamingfrog.co.uk/seo-spider/
- 34. © 121WATT - André Goldmann
Mögliche Analyse-Punkte:
• Indexierung
• Social Sharing (Hot-Content)
• Backlinks
• Robots-Einstellungen
34
http://urlprofiler.com/
URL Profiler
- 35. © 121WATT - André Goldmann
35
https://www.deepcrawl.com/
- 36. © 121WATT - André Goldmann@gutewebsites #convcon
Gelegenheit zur Pflege nutzen.
Ihr müsst sowieso ran!
- 37. © 121WATT - André Goldmann@gutewebsites #convcon
Wenn ihr also einen Relaunch macht,
stellt Euch zum Content diese Fragen:
- 38. © 121WATT - André Goldmann@gutewebsites #convcon
Fragen zum Content
Passt der Content noch zu uns?
Sind wir noch dieselben? Stichwort: Identität
Ist der Content noch aktuell?
Sind unsere Ziele noch die selben?
Trägt der Content noch zur Zielerreichung bei?
38
- 39. © 121WATT - André Goldmann@gutewebsites #convcon
Ich wollte mir mal ein
kaufen…
- 40. © 121WATT - André Goldmann
„Durch die Hybrid-Konstruktion aus Ahorn und
Bambus ensteht ein knackiger, lebendiger Flex,
der Fehler ausgleicht und dich beim Carven
unterstützt. Komplett montiert mit Ninetysixty
Achsen und Ninetysixty Rollen, bringt das
BooBam Lenkfreude und Grip mit. Alle Wünsche
erfüllt?“
40
https://www.skatedeluxe.com/de/longboards
NINETYSIXTY BOOBAM 39.4"
- 41. © 121WATT - André Goldmann
„Das geometrische Motiv in Pastelltönen
überzeugt jedes Mädchen und sorgt zudem für
einen angenehmen Fahrspaß.“
41
https://www.galeria-kaufhof.de/p/btfl-longboard-lucy-kanadisches-ahorn/2000116791?v=3000632368
Longboard "Lucy", kanadisches Ahorn
- 42. © 121WATT - André Goldmann@gutewebsites #convcon
#5
„Nur Amazon ist Amazon.“
- 43. © 121WATT - André Goldmann@gutewebsites #convcon
Das wird sich schon ein Statiker angeguckt
haben.
- 44. © 121WATT - André Goldmann@gutewebsites #convcon
“Wenn Amazon das macht, dann ist es richtig”
Stimmt.
Aber nur für Amazon.
- 45. © 121WATT - André Goldmann@gutewebsites #convcon
Ein One-Click-Buy- funktioniert nur, wenn man den
gleichen Trust hat, wie Amazon.
Und da ist viel Zeit und eine Menge Geld eingeflossen.
- 46. © 121WATT - André Goldmann@gutewebsites #convcon
Funktionen nicht isoliert betrachten.
- 47. © 121WATT - André Goldmann@gutewebsites #convcon
Doof: etwas kopieren, was gerade getestet wird.
Kann man übrigens gezielt einsetzen.
Gemein, aber geht.
- 48. © 121WATT - André Goldmann@gutewebsites #convcon
#6
Form follows function.
Aber Form IS Function!
- 49. © 121WATT - André Goldmann@gutewebsites #convcon
Functions follow form.
„Function is form.“
- 50. © 121WATT - André Goldmann@gutewebsites #convcon
Form is function.
Gerade im Web. Und bei Interfaces.
- 51. © 121WATT - André Goldmann@gutewebsites #convcon
NIE die Funktion dem Design unterordnen.
Immer zusammen betrachten und konzipieren.
- 52. © 121WATT - André Goldmann@gutewebsites #convcon
Agenturen bauen auch gern mal
Referenzen für ihr Portfolio.
- 53. © 121WATT - André Goldmann@gutewebsites #convcon
Beispiele für Funktionen denen das
Design übergeordnet ist:
- 57. © 121WATT - André Goldmann@gutewebsites #convcon
Nur wer etwas bedienen kann,
kann auch etwas bei mir kaufen!
- 58. © 121WATT - André Goldmann@gutewebsites #convcon
Typografie
- 59. © 121WATT - André Goldmann@gutewebsites #convcon
Typografie Skala
16 18 21 24 36 48
- 60. © 121WATT - André Goldmann@gutewebsites #convcon
Empfehlungen für eine optimale Schriftgröße
16 18 21 24 36 48
60
- 61. © 121WATT - André Goldmann@gutewebsites #convcon
Empfehlungen für eine optimale Schriftgröße
61
16 18 21 24 36 48
- 62. © 121WATT - André Goldmann@gutewebsites #convcon
Empfehlungen für eine optimale Schriftgröße
62
16 18 21 24 36 48
- 63. © 121WATT - André Goldmann@gutewebsites #convcon
line-height
• Generell gilt: Je länger eine Zeile ist, desto mehr Abstand sollte sie zur nächsten
Zeile haben
• Wenn Texte umbrechen muss sichergestellt werden, dass eine Zugehörigkeit
erkannt werden kann
63
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.
Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam
voluptua.
- 64. © 121WATT - André Goldmann@gutewebsites #convcon
Kontraste
- 65. © 121WATT - André Goldmann@gutewebsites #convcon
Typografie-Fakten
• Content Schriftgröße: 16–24 Pixel
• Zeilenhöhe sollte bei 120–145% liegen
• Zeilenlänge sollte zwischen 45–75 Zeichen pro Zeile betragen (Sternchen-Trick)
(http://webtypography.net/2.1.2)
• „Mobile“ bitte keine externen Fonts laden, sondern ausschließlich Systemfonts
65
- 66. © 121WATT - André Goldmann@gutewebsites #convcon
Typografie-Fakten
• Content Schriftgröße: 16–24 Pixel
• Zeilenhöhe sollte bei 120–145% liegen
• Zeilenlänge sollte zwischen 45–75 Zeichen pro Zeile betragen (Sternchen-Trick)
(http://webtypography.net/2.1.2)
• „Mobile“ bitte keine externen Fonts laden, sondern ausschließlich Systemfonts
66
- 67. © 121WATT - André Goldmann@gutewebsites #convcon
Kontraste nutzen: Farben
67
- 68. © 121WATT - André Goldmann@gutewebsites #convcon
Kontraste nutzen: Größen
68
- 69. © 121WATT - André Goldmann@gutewebsites #convcon
Kontraste nutzen: Formen
69
- 70. © 121WATT - André Goldmann@gutewebsites #convcon
Kontraste nutzen: Positionen
70
- 72. © 121WATT - André Goldmann@gutewebsites #convcon
Nicht jedem Designtrend folgen.
- 73. © 121WATT - André Goldmann@gutewebsites #convcon
Buch Tipp: Social Web Design
73
http://121w.de/social-web-design
- 74. © 121WATT - André Goldmann@gutewebsites #convcon
#7
„Die Agentur macht das schon“
- 75. © 121WATT - André Goldmann@gutewebsites #convcon
Das hat der Architekt geplant.
- 76. © 121WATT - André Goldmann@gutewebsites #convcon
Nehmt euch nicht aus der Gleichung heraus
- 77. © 121WATT - André Goldmann@gutewebsites #convcon
Nehmt euch nicht aus der Gleichung heraus.
• Dienstleister beauftragen heißt nicht, Verantwortung komplett abzugeben.
• Vertraut nicht blind darauf, dass jemand, der Euch erst seit einer Woche kennt,
die beste Lösung für Euer Business liefert.
77
- 78. © 121WATT - André Goldmann@gutewebsites #convcon
Meine 121WATT-Geschichte…
- 79. © 121WATT - André Goldmann@gutewebsites #convcon
Wie findet man die richtige
Agentur?
- 80. © 121WATT - André Goldmann@gutewebsites #convcon
Tipps zur Agentur-Auswahl
• Agenturen nicht nur nach Größe/Bekanntheit etc. wählen
• Die Agentur muss zu inhaltlich zu euch passen
• Wer berät euch innerhalb der Agentur? Pitcht der Chef und berät der Junior?
• Lasst euch nicht von Siegeln blenden – die bekommt man schnell
• Mit welchen Budgetumfängen hat die Agentur in der Vergangenheit zu tun
gehabt?
• Wie sehr kennt sich die Agentur übergreifend aus? SEM, SEO, Data, Analytics
etc.
80
- 81. © 121WATT - André Goldmann@gutewebsites #convcon
#8
„Relaunch ohne echte Inhalte“
- 82. © 121WATT - André Goldmann@gutewebsites #convcon
Im Katalog sieht alles gut aus.
- 83. © 121WATT - André Goldmann@gutewebsites #convcon
Lorem ipsum dolor sit amet, consetetur
elitr, sed diam nonumy eirmod tempor L
dolor sit amet, consetetur sadipscing eli
nonumy eirmod tempor
- 84. © 121WATT - André Goldmann@gutewebsites #convcon
Keine Designs mit Platzhaltern (Bild ODER
Text) machen, beurteilen und abnehmen.
- 87. © 121WATT - André Goldmann@gutewebsites #convcon
Bilder und Design niemals trennen.
- 88. © 121WATT - André Goldmann@gutewebsites #convcon
Auch Headlines und Fließtext wirken in
unterschiedlichen Kontexten völlig anders.
- 89. © 121WATT - André Goldmann@gutewebsites #convcon
#9
Fertig. Hoch die Tassen…
- 90. © 121WATT - André Goldmann@gutewebsites #convcon
Fertig – lass uns feiern gehen.
- 91. © 121WATT - André Goldmann@gutewebsites #convcon
Jetzt geht’s erst los!
- 92. © 121WATT - André Goldmann@gutewebsites #convcon
Der Relaunch ist nicht der Prozess bis
zum Umlegen des Schalters.
- 93. © 121WATT - André Goldmann@gutewebsites #convcon
Der Relaunch ist das
UMLEGEN des Schalters.
- 94. © 121WATT - André Goldmann@gutewebsites #convcon
Post-Relaunch Phase
• 404 Fehler überprüfen und beseitigen (Google Analytics Bericht)
• Indexierung beobachten
https://www.google.com/webmasters/tools/index-status?hl=de
• Meta-Tags und Statuscodes kontrollieren
Auch die Statuscodes der alten Webseiten überprüfen
94
- 95. © 121WATT - André Goldmann@gutewebsites #convcon
Statuscodes der alten Webseiten überprüfen
95
- 96. © 121WATT - André Goldmann@gutewebsites #convcon
#10
„Relaunch ist ein Projekt“
- 97. © 121WATT - André Goldmann@gutewebsites #convcon
…und SEO?
- 98. © 121WATT - André Goldmann@gutewebsites #convcon
98
- 99. © 121WATT - André Goldmann@gutewebsites #convcon
99
- 100. © 121WATT - André Goldmann@gutewebsites #convcon
100
- 101. © 121WATT - André Goldmann@gutewebsites #convcon
Muss man SEO eigentlich nach dem Launch noch im Blick haben?
• Google Search Console: Verifikation-Code oder Verifikation-.html-Datei noch
vorhanden? Ggf. auch für Bing Webmaster-Tools überprüfen
Bei Domain-Umzug bitte entsprechen neue Property in der Search Console
anlegen. Gilt auch für SSL-Umstellung!
• robots.txt überprüfen (!!!)
• Falls für die Dev-Umgebung gesetzt: Meta-Tag „robots“-Eintrag noindex/follow
entfernen
• Ggf. Login-Sperren entfernen, falls diese gesetzt wurden (Falls Passwörter im
Browser gespeichert werden, kann es vorkommen dass diese Abfragen nicht
erneut angezeigt werden)
• XML-Sitemaps updaten (ggf. alte URLs noch eine Weile drin lassen, bis alle
neuen URLs indexiert sind)
• Weiterleitungen aktivieren und überwachen (Log-Files)
101
- 102. © 121WATT - André Goldmann@gutewebsites #convcon
Relaunch-Berater gesucht?
Ich helfe gerne.
andre@gutewebsites.de
0341 / 39 299 2660
https://www.gutewebsites.de