Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Die 10 häufigsten Fehler in Relaunch-Projekten

22 views

Published on

Fachvortrag von André Goldmann auf der Conversion Conference in Berlin.

Published in: Business
  • Be the first to comment

  • Be the first to like this

Die 10 häufigsten Fehler in Relaunch-Projekten

  1. 1. © 121WATT - André Goldmann@gutewebsites #convcon Relaunch-
 Fehler
  2. 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. 3. © 121WATT - André Goldmann@gutewebsites #convcon #1 „Der Grund ist gar kein Grund.“
  4. 4. © 121WATT - André Goldmann@gutewebsites #convcon
  5. 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. 6. © 121WATT - André Goldmann@gutewebsites #convcon Was ist ein "Relaunch"? Meine Definition...
  7. 7. © 121WATT - André Goldmann@gutewebsites #convcon Eine signifikante Veränderung der User-Experience und Funktionsweise einer Website im Sinne des Unternehmensziels
  8. 8. © 121WATT - André Goldmann@gutewebsites #convcon Was sind relevante Gründe?
  9. 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. 10. © 121WATT - André Goldmann@gutewebsites #convcon #2 Deadlines zählen mehr als „fertig“.
  11. 11. © 121WATT - André Goldmann@gutewebsites #convcon Am 15. ist Richtfest.
  12. 12. © 121WATT - André Goldmann@gutewebsites #convcon Wenn du nicht fertig bist, bist du nicht fertig.
  13. 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. 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. 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. 16. © 121WATT - André Goldmann@gutewebsites #convcon Du bist nicht fertig? Dann wird die Abfahrt verschoben.
  17. 17. © 121WATT - André Goldmann@gutewebsites #convcon Keiner der End-Kunden wird sagen: “Das Produkt ist Mist, aber der Relaunch war pünktlich.”
  18. 18. © 121WATT - André Goldmann@gutewebsites #convcon #3 Privat-Ästhetik
  19. 19. © 121WATT - André Goldmann@gutewebsites #convcon „Ob Euch die Seite gefällt ist vollkommen irrelevant.“
  20. 20. © 121WATT - André Goldmann@gutewebsites #convcon Mir gefällt die Fassade nicht. Der Köder muss dem Fisch schmecken.
  21. 21. © 121WATT - André Goldmann@gutewebsites #convcon Die größten Probleme beim Design einer Website sind persönlicher Geschmack und Geltungssucht.
  22. 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. 23. © 121WATT - André Goldmann@gutewebsites #convcon Deshalb muss Design getestet werden oder aufgrund von Testergebnissen entstehen.
  24. 24. © 121WATT - André Goldmann@gutewebsites #convcon Bauchgefühl ist auch bei Design kein guter Berater.
  25. 25. © 121WATT - André Goldmann@gutewebsites #convcon 5 Sekunden-Tests
  26. 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. 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. 28. © 121WATT - André Goldmann@gutewebsites #convcon #4 Relaunch ohne Inhalts-Kontrolle
  29. 29. © 121WATT - André Goldmann@gutewebsites #convcon Neues Haus mit alten Möbeln.
  30. 30. © 121WATT - André Goldmann@gutewebsites #convcon Was vor dem Relaunch alt und schlecht war, wird nach dem Relaunch nicht neu und gut.
  31. 31. © 121WATT - André Goldmann@gutewebsites #convcon Die Lösung? Ein Content-Audit.
  32. 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. 33. © 121WATT - André Goldmann 33 https://www.screamingfrog.co.uk/seo-spider/
  34. 34. © 121WATT - André Goldmann Mögliche Analyse-Punkte: • Indexierung • Social Sharing (Hot-Content) • Backlinks • Robots-Einstellungen 34 http://urlprofiler.com/ URL Profiler
  35. 35. © 121WATT - André Goldmann 35 https://www.deepcrawl.com/
  36. 36. © 121WATT - André Goldmann@gutewebsites #convcon Gelegenheit zur Pflege nutzen. Ihr müsst sowieso ran!
  37. 37. © 121WATT - André Goldmann@gutewebsites #convcon Wenn ihr also einen Relaunch macht, stellt Euch zum Content diese Fragen:
  38. 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. 39. © 121WATT - André Goldmann@gutewebsites #convcon Ich wollte mir mal ein kaufen…
  40. 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. 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. 42. © 121WATT - André Goldmann@gutewebsites #convcon #5 „Nur Amazon ist Amazon.“
  43. 43. © 121WATT - André Goldmann@gutewebsites #convcon Das wird sich schon ein Statiker angeguckt haben.
  44. 44. © 121WATT - André Goldmann@gutewebsites #convcon “Wenn Amazon das macht, dann ist es richtig” Stimmt. Aber nur für Amazon.
  45. 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. 46. © 121WATT - André Goldmann@gutewebsites #convcon Funktionen nicht isoliert betrachten.
  47. 47. © 121WATT - André Goldmann@gutewebsites #convcon Doof: etwas kopieren, was gerade getestet wird. Kann man übrigens gezielt einsetzen. 
 Gemein, aber geht.
  48. 48. © 121WATT - André Goldmann@gutewebsites #convcon #6 Form follows function. Aber Form IS Function!
  49. 49. © 121WATT - André Goldmann@gutewebsites #convcon Functions follow form. „Function is form.“
  50. 50. © 121WATT - André Goldmann@gutewebsites #convcon Form is function. Gerade im Web. Und bei Interfaces.
  51. 51. © 121WATT - André Goldmann@gutewebsites #convcon NIE die Funktion dem Design unterordnen.
 Immer zusammen betrachten und konzipieren.
  52. 52. © 121WATT - André Goldmann@gutewebsites #convcon Agenturen bauen auch gern mal Referenzen für ihr Portfolio.
  53. 53. © 121WATT - André Goldmann@gutewebsites #convcon Beispiele für Funktionen denen das Design übergeordnet ist:
  54. 54. © 121WATT - André Goldmann@gutewebsites #convcon
  55. 55. © 121WATT - André Goldmann@gutewebsites #convcon
  56. 56. © 121WATT - André Goldmann@gutewebsites #convcon
  57. 57. © 121WATT - André Goldmann@gutewebsites #convcon Nur wer etwas bedienen kann, kann auch etwas bei mir kaufen!
  58. 58. © 121WATT - André Goldmann@gutewebsites #convcon Typografie
  59. 59. © 121WATT - André Goldmann@gutewebsites #convcon Typografie Skala 16 18 21 24 36 48
  60. 60. © 121WATT - André Goldmann@gutewebsites #convcon Empfehlungen für eine optimale Schriftgröße 16 18 21 24 36 48 60
  61. 61. © 121WATT - André Goldmann@gutewebsites #convcon Empfehlungen für eine optimale Schriftgröße 61 16 18 21 24 36 48
  62. 62. © 121WATT - André Goldmann@gutewebsites #convcon Empfehlungen für eine optimale Schriftgröße 62 16 18 21 24 36 48
  63. 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. 64. © 121WATT - André Goldmann@gutewebsites #convcon Kontraste
  65. 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. 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. 67. © 121WATT - André Goldmann@gutewebsites #convcon Kontraste nutzen: Farben 67
  68. 68. © 121WATT - André Goldmann@gutewebsites #convcon Kontraste nutzen: Größen 68
  69. 69. © 121WATT - André Goldmann@gutewebsites #convcon Kontraste nutzen: Formen 69
  70. 70. © 121WATT - André Goldmann@gutewebsites #convcon Kontraste nutzen: Positionen 70
  71. 71. © 121WATT - André Goldmann@gutewebsites #convcon …
  72. 72. © 121WATT - André Goldmann@gutewebsites #convcon Nicht jedem Designtrend folgen.
  73. 73. © 121WATT - André Goldmann@gutewebsites #convcon Buch Tipp: Social Web Design 73 http://121w.de/social-web-design
  74. 74. © 121WATT - André Goldmann@gutewebsites #convcon #7 „Die Agentur macht das schon“
  75. 75. © 121WATT - André Goldmann@gutewebsites #convcon Das hat der Architekt geplant.
  76. 76. © 121WATT - André Goldmann@gutewebsites #convcon Nehmt euch nicht aus der Gleichung heraus
  77. 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. 78. © 121WATT - André Goldmann@gutewebsites #convcon Meine 121WATT-Geschichte…
  79. 79. © 121WATT - André Goldmann@gutewebsites #convcon Wie findet man die richtige Agentur?
  80. 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. 81. © 121WATT - André Goldmann@gutewebsites #convcon #8 „Relaunch ohne echte Inhalte“
  82. 82. © 121WATT - André Goldmann@gutewebsites #convcon Im Katalog sieht alles gut aus.
  83. 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. 84. © 121WATT - André Goldmann@gutewebsites #convcon Keine Designs mit Platzhaltern (Bild ODER Text) machen, beurteilen und abnehmen.
  85. 85. © 121WATT - André Goldmann@gutewebsites #convcon
  86. 86. © 121WATT - André Goldmann@gutewebsites #convcon
  87. 87. © 121WATT - André Goldmann@gutewebsites #convcon Bilder und Design niemals trennen.
  88. 88. © 121WATT - André Goldmann@gutewebsites #convcon Auch Headlines und Fließtext wirken in unterschiedlichen Kontexten völlig anders.
  89. 89. © 121WATT - André Goldmann@gutewebsites #convcon #9 Fertig. Hoch die Tassen…
  90. 90. © 121WATT - André Goldmann@gutewebsites #convcon Fertig – lass uns feiern gehen.
  91. 91. © 121WATT - André Goldmann@gutewebsites #convcon Jetzt geht’s erst los!
  92. 92. © 121WATT - André Goldmann@gutewebsites #convcon Der Relaunch ist nicht der Prozess bis zum Umlegen des Schalters.
  93. 93. © 121WATT - André Goldmann@gutewebsites #convcon Der Relaunch ist das UMLEGEN des Schalters.
  94. 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. 95. © 121WATT - André Goldmann@gutewebsites #convcon Statuscodes der alten Webseiten überprüfen 95
  96. 96. © 121WATT - André Goldmann@gutewebsites #convcon #10 „Relaunch ist ein Projekt“
  97. 97. © 121WATT - André Goldmann@gutewebsites #convcon …und SEO?
  98. 98. © 121WATT - André Goldmann@gutewebsites #convcon 98
  99. 99. © 121WATT - André Goldmann@gutewebsites #convcon 99
  100. 100. © 121WATT - André Goldmann@gutewebsites #convcon 100
  101. 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. 102. © 121WATT - André Goldmann@gutewebsites #convcon Relaunch-Berater gesucht? Ich helfe gerne. andre@gutewebsites.de 0341 / 39 299 2660 https://www.gutewebsites.de

×