WEBSITE-RELAUNCH
André Scharf | DigitasLBi
Über mich…
• @andrescharf
• DigitasLBi
• SEO, UX, Analytics,
Marketing
• Tauchen, Fotografie,
Reisen
Website-Relaunch
Ein Tanz auf dem Drahtseil?
WebTechCon 2016 Website-Relaunch @andrescharf
Die Absichten sind gut
• Update des CMS oder der Technik
• Aktualisierung des Designs
• Anpassung an mobile Darstellung
• Höhere Performance & mehr Conversions
• Änderungen im Business-Fokus
WebTechCon 2016 Website-Relaunch @andrescharf
WebTechCon 2016 Website-Relaunch @andrescharf
Die Folgen selten vorhersehbar
Wer nicht aufpasst …
WebTechCon 2016 Website-Relaunch @andrescharf
WebTechCon 2016 Website-Relaunch @andrescharf
Ein Tanz auf dem Drahtseil?
Relaunch ≠ Neue Website
Protokoll Host Pfad Inhalt
Redesign = = = +/-
Restructure = = +/- ?
Secure https = = =
Move +/- +/- = =
Move + Restructure +/- +/- +/- ?
Merge ? N  1 ? ?
Split ? 1  N ? ?
WebTechCon 2016 Website-Relaunch @andrescharf
Nach: John Mueller, Google, SMX 2016
Vorspiel
Wie bereite ich mich richtig vor?
WebTechCon 2016 Website-Relaunch @andrescharf
Richtige Vorbereitung
• Alte Website crawlen
• Alte XML-Sitemaps sichern und crawlen
• Wichtigste (organische) Landingpages
identifizieren
• Alte und neue URLs/Seiten/Inhalte mappen
• Aktuelle Rankings ermitteln
• SEO-Audit der alten Website (inkl. Backlinks)
WebTechCon 2016 Website-Relaunch @andrescharf
Crawl mit Screaming Frog
WebTechCon 2016 Website-Relaunch @andrescharf
Alternativen:
– Audisto für große
Projekte
– DeepCrawl (inkl. SEO-
Analyse)
– Xenu‘s Link Sleuth
(gratis, Windows only)
– DRKSpiderJava (Open
Source)
Landingpages identifizieren
WebTechCon 2016 Website-Relaunch @andrescharf
URL-Mapping
Alte URL Neue URL
http://www.domain.de/thema/seite http://www.domain.com/de/thema/sei
te
http://www.domain.de/index.html?the
ma=abc&seite=xyz&lang=de
http://www.domain.com/de/abc/xyz
http://www.domain.de/downloads/do
kument.pdf
http://www.domain.com/de/download
s/dokument.pdf
… …
… …
… …
WebTechCon 2016 Website-Relaunch @andrescharf
301-Weiterleitungen vorbereiten
RewriteEngine On
RewriteRule
^index.html?thema=abc&seite=xyz$
http://www.domain.de/thema/seite
[R=301,L]
<location path=“seite.asp">
<system.webServer>
<httpRedirect enabled="true"
destination=“thema/seite"
httpResponseStatus="Permanent" />
</system.webServer>
</location>
• Linux vs. Windows
– Apache: mod_rewrite +
.htaccess
– IIS7+: <httpRedirect>
+ web.config
• Wenn möglich, mehrere
URLs über Regeln
zusammenfassen
• Sollten mind. 6 Monate
bestehen bleiben
WebTechCon 2016 Website-Relaunch @andrescharf
Aktuelle Rankings via GSC
• Optionen:
– Brand- vs. generische
Suchen
– Desktop vs. Mobile
– Web, Bilder, Videos
• Alternativen:
– Sistrix/Searchmetrics
– KeywordMonitor
WebTechCon 2016 Website-Relaunch @andrescharf
SEO-Audit
• Backlog der wichtigsten
Probleme
• Technische Hürden und
On-Page-Mängel
• Zur Vorher-Nachher-
Beurteilung
• Probleme sollten i.d.R.
im Relaunch behoben
werden
WebTechCon 2016 Website-Relaunch @andrescharf
Umsetzung
Was darf ich nicht vergessen?
WebTechCon 2016 Website-Relaunch @andrescharf
Wichtige Schritte
• Korrekter Statuscode bei
„Baustellenmeldung“
• Crawling und Indexierung ermöglichen
• Sitemaps aktualisieren
• 301-Weiterleitungen einrichten
• Marketing- und PR-Maßnahmen einplanen
• Neue Website analysieren, prüfen und testenWebTechCon 2016 Website-Relaunch @andrescharf
Maintenance-Statuscode
PHP-Code:
$protocol = "HTTP/1.0";
if ( "HTTP/1.1" ==
$_SERVER["SERVER_PROTOCOL"] )
$protocol = "HTTP/1.1";
header( "$protocol 503 Service
Unavailable", true, 503 );
header( "Retry-After: 3600" );
beziehungsweise:
header( "Retry-After: Tue, 25
Oct 2016 12:00:00 GMT" );
• Status „503 Service
Unavailable“ im
Antwort-Header
• „Retry After“-Angabe
• Nur temporär
WebTechCon 2016 Website-Relaunch @andrescharf
Crawling & Indexierung erlauben
Kein Meta-Robots-
Ausschluss
<html …>
<head>
<title>…</title>
…
<meta name=“robots“
content=“noindex, nofollow“>
…
</head>
Kein Robots.txt-
Ausschluss
User-agent: *
Disallow: /
WebTechCon 2016 Website-Relaunch @andrescharf
XML-Sitemaps aktualisieren
• Unter /sitemap.xml
• Ansonsten Link in
robots.txt
• Auch Bilder u. Videos
• Ggfs. Index-Sitemaps
• In Google Search
Console bzw. Bing
Webmaster Tools
testen u. einreichen
WebTechCon 2016 Website-Relaunch @andrescharf
301-Weiterleitungen
• Auch für Bilder und PDF
• Regeln für Parameter-
URLs
• CMS vs. Server
• Keine 302-
Weiterleitungen!
• Weiterleitungsketten
vermeiden
• Status 410 für nicht mehr
benötigte Seiten
WebTechCon 2016 Website-Relaunch @andrescharf
Marketing & PR nicht vergessen
WebTechCon 2016 Website-Relaunch @andrescharf
Nachbereitung
Worauf muss ich achten?
WebTechCon 2016 Website-Relaunch @andrescharf
Augen auf!
• Auf Rankingschwankungen einstellen
• Neue Website crawlen
• 301-Weiterleitungen prüfen u. auf 404-Fehler
achten
• Search-Console-Daten prüfen
• Analytics-Daten prüfen + Log Files (Piwik,
Screaming Frog Logfile Analyzer)
• Rollback-Plan bereithalten
• Wichtige Backlinks manuell anpassen
WebTechCon 2016 Website-Relaunch @andrescharf
Was ist mit den Rankings?
Protoko
ll
Host Pfad Inhalt Anderes
Ranking?
Redesign = = = +/- Wahrscheinlich
Restructure = = +/- ? Ja
Secure https = = = Nein / Wenig
Move +/- +/- = = Wenig / Vielleicht
Move +
Restructure
+/- +/- +/- ? Ja
Merge ? N  1 ? ? Ja, sehr
Split ? 1  N ? ? Ja, sehr
WebTechCon 2016 Website-Relaunch @andrescharf
Nach: John Mueller, Google, SMX 2016
Search Console prüfen
WebTechCon 2016 Website-Relaunch @andrescharf
Web Analytics prüfen
WebTechCon 2016 Website-Relaunch @andrescharf
Backlinks manuell anpassen
WebTechCon 2016 Website-Relaunch @andrescharf
Also, wie nochmal?
WebTechCon 2016 Website-Relaunch @andrescharf
Nicht zu oft
• Relaunch aus SEO-Sicht heißt nicht immer
neue Website
• Auch kleine technische Änderungen können
Relaunch-Charakter haben
• Keine größeren Änderungen in zu kleinen
Abständen
• Große Relaunches evtl. in Teilpaketen
WebTechCon 2016 Website-Relaunch @andrescharf
Gute Planung ist alles
• Checkliste erstellen und beachten
• SEO-Basics nicht vergessen!
• Nichts veröffentlichen, bevor nicht alle
Punkte bedacht sind
• Notfalls Launch verschieben
WebTechCon 2016 Website-Relaunch @andrescharf
Entwickler & ITler sind Freunde
• Anforderungen und
Maßnahmen sollten
gemeinsam erarbeitet
werden
• Je eher alle verstehen,
warum Änderungen
notwendig sind, umso
schneller geschehen
sieWebTechCon 2016 Website-Relaunch @andrescharf
Foto:jenny8leeaufflickr.com
Danke!
Die Folien gibt es unter:
http://www.slideshare.net/ascharf382
WebTechCon 2016 Website-Relaunch @andrescharf

Website Relaunch SEO - WebTechCon 2016

  • 1.
  • 2.
    Über mich… • @andrescharf •DigitasLBi • SEO, UX, Analytics, Marketing • Tauchen, Fotografie, Reisen
  • 3.
    Website-Relaunch Ein Tanz aufdem Drahtseil? WebTechCon 2016 Website-Relaunch @andrescharf
  • 4.
    Die Absichten sindgut • Update des CMS oder der Technik • Aktualisierung des Designs • Anpassung an mobile Darstellung • Höhere Performance & mehr Conversions • Änderungen im Business-Fokus WebTechCon 2016 Website-Relaunch @andrescharf
  • 5.
    WebTechCon 2016 Website-Relaunch@andrescharf Die Folgen selten vorhersehbar
  • 6.
    Wer nicht aufpasst… WebTechCon 2016 Website-Relaunch @andrescharf
  • 7.
    WebTechCon 2016 Website-Relaunch@andrescharf Ein Tanz auf dem Drahtseil?
  • 8.
    Relaunch ≠ NeueWebsite Protokoll Host Pfad Inhalt Redesign = = = +/- Restructure = = +/- ? Secure https = = = Move +/- +/- = = Move + Restructure +/- +/- +/- ? Merge ? N  1 ? ? Split ? 1  N ? ? WebTechCon 2016 Website-Relaunch @andrescharf Nach: John Mueller, Google, SMX 2016
  • 9.
    Vorspiel Wie bereite ichmich richtig vor? WebTechCon 2016 Website-Relaunch @andrescharf
  • 10.
    Richtige Vorbereitung • AlteWebsite crawlen • Alte XML-Sitemaps sichern und crawlen • Wichtigste (organische) Landingpages identifizieren • Alte und neue URLs/Seiten/Inhalte mappen • Aktuelle Rankings ermitteln • SEO-Audit der alten Website (inkl. Backlinks) WebTechCon 2016 Website-Relaunch @andrescharf
  • 11.
    Crawl mit ScreamingFrog WebTechCon 2016 Website-Relaunch @andrescharf Alternativen: – Audisto für große Projekte – DeepCrawl (inkl. SEO- Analyse) – Xenu‘s Link Sleuth (gratis, Windows only) – DRKSpiderJava (Open Source)
  • 12.
    Landingpages identifizieren WebTechCon 2016Website-Relaunch @andrescharf
  • 13.
    URL-Mapping Alte URL NeueURL http://www.domain.de/thema/seite http://www.domain.com/de/thema/sei te http://www.domain.de/index.html?the ma=abc&seite=xyz&lang=de http://www.domain.com/de/abc/xyz http://www.domain.de/downloads/do kument.pdf http://www.domain.com/de/download s/dokument.pdf … … … … … … WebTechCon 2016 Website-Relaunch @andrescharf
  • 14.
    301-Weiterleitungen vorbereiten RewriteEngine On RewriteRule ^index.html?thema=abc&seite=xyz$ http://www.domain.de/thema/seite [R=301,L] <locationpath=“seite.asp"> <system.webServer> <httpRedirect enabled="true" destination=“thema/seite" httpResponseStatus="Permanent" /> </system.webServer> </location> • Linux vs. Windows – Apache: mod_rewrite + .htaccess – IIS7+: <httpRedirect> + web.config • Wenn möglich, mehrere URLs über Regeln zusammenfassen • Sollten mind. 6 Monate bestehen bleiben WebTechCon 2016 Website-Relaunch @andrescharf
  • 15.
    Aktuelle Rankings viaGSC • Optionen: – Brand- vs. generische Suchen – Desktop vs. Mobile – Web, Bilder, Videos • Alternativen: – Sistrix/Searchmetrics – KeywordMonitor WebTechCon 2016 Website-Relaunch @andrescharf
  • 16.
    SEO-Audit • Backlog derwichtigsten Probleme • Technische Hürden und On-Page-Mängel • Zur Vorher-Nachher- Beurteilung • Probleme sollten i.d.R. im Relaunch behoben werden WebTechCon 2016 Website-Relaunch @andrescharf
  • 17.
    Umsetzung Was darf ichnicht vergessen? WebTechCon 2016 Website-Relaunch @andrescharf
  • 18.
    Wichtige Schritte • KorrekterStatuscode bei „Baustellenmeldung“ • Crawling und Indexierung ermöglichen • Sitemaps aktualisieren • 301-Weiterleitungen einrichten • Marketing- und PR-Maßnahmen einplanen • Neue Website analysieren, prüfen und testenWebTechCon 2016 Website-Relaunch @andrescharf
  • 19.
    Maintenance-Statuscode PHP-Code: $protocol = "HTTP/1.0"; if( "HTTP/1.1" == $_SERVER["SERVER_PROTOCOL"] ) $protocol = "HTTP/1.1"; header( "$protocol 503 Service Unavailable", true, 503 ); header( "Retry-After: 3600" ); beziehungsweise: header( "Retry-After: Tue, 25 Oct 2016 12:00:00 GMT" ); • Status „503 Service Unavailable“ im Antwort-Header • „Retry After“-Angabe • Nur temporär WebTechCon 2016 Website-Relaunch @andrescharf
  • 20.
    Crawling & Indexierungerlauben Kein Meta-Robots- Ausschluss <html …> <head> <title>…</title> … <meta name=“robots“ content=“noindex, nofollow“> … </head> Kein Robots.txt- Ausschluss User-agent: * Disallow: / WebTechCon 2016 Website-Relaunch @andrescharf
  • 21.
    XML-Sitemaps aktualisieren • Unter/sitemap.xml • Ansonsten Link in robots.txt • Auch Bilder u. Videos • Ggfs. Index-Sitemaps • In Google Search Console bzw. Bing Webmaster Tools testen u. einreichen WebTechCon 2016 Website-Relaunch @andrescharf
  • 22.
    301-Weiterleitungen • Auch fürBilder und PDF • Regeln für Parameter- URLs • CMS vs. Server • Keine 302- Weiterleitungen! • Weiterleitungsketten vermeiden • Status 410 für nicht mehr benötigte Seiten WebTechCon 2016 Website-Relaunch @andrescharf
  • 23.
    Marketing & PRnicht vergessen WebTechCon 2016 Website-Relaunch @andrescharf
  • 24.
    Nachbereitung Worauf muss ichachten? WebTechCon 2016 Website-Relaunch @andrescharf
  • 25.
    Augen auf! • AufRankingschwankungen einstellen • Neue Website crawlen • 301-Weiterleitungen prüfen u. auf 404-Fehler achten • Search-Console-Daten prüfen • Analytics-Daten prüfen + Log Files (Piwik, Screaming Frog Logfile Analyzer) • Rollback-Plan bereithalten • Wichtige Backlinks manuell anpassen WebTechCon 2016 Website-Relaunch @andrescharf
  • 26.
    Was ist mitden Rankings? Protoko ll Host Pfad Inhalt Anderes Ranking? Redesign = = = +/- Wahrscheinlich Restructure = = +/- ? Ja Secure https = = = Nein / Wenig Move +/- +/- = = Wenig / Vielleicht Move + Restructure +/- +/- +/- ? Ja Merge ? N  1 ? ? Ja, sehr Split ? 1  N ? ? Ja, sehr WebTechCon 2016 Website-Relaunch @andrescharf Nach: John Mueller, Google, SMX 2016
  • 27.
    Search Console prüfen WebTechCon2016 Website-Relaunch @andrescharf
  • 28.
    Web Analytics prüfen WebTechCon2016 Website-Relaunch @andrescharf
  • 29.
    Backlinks manuell anpassen WebTechCon2016 Website-Relaunch @andrescharf
  • 30.
    Also, wie nochmal? WebTechCon2016 Website-Relaunch @andrescharf
  • 31.
    Nicht zu oft •Relaunch aus SEO-Sicht heißt nicht immer neue Website • Auch kleine technische Änderungen können Relaunch-Charakter haben • Keine größeren Änderungen in zu kleinen Abständen • Große Relaunches evtl. in Teilpaketen WebTechCon 2016 Website-Relaunch @andrescharf
  • 32.
    Gute Planung istalles • Checkliste erstellen und beachten • SEO-Basics nicht vergessen! • Nichts veröffentlichen, bevor nicht alle Punkte bedacht sind • Notfalls Launch verschieben WebTechCon 2016 Website-Relaunch @andrescharf
  • 33.
    Entwickler & ITlersind Freunde • Anforderungen und Maßnahmen sollten gemeinsam erarbeitet werden • Je eher alle verstehen, warum Änderungen notwendig sind, umso schneller geschehen sieWebTechCon 2016 Website-Relaunch @andrescharf Foto:jenny8leeaufflickr.com
  • 34.
    Danke! Die Folien gibtes unter: http://www.slideshare.net/ascharf382 WebTechCon 2016 Website-Relaunch @andrescharf

Hinweis der Redaktion

  • #15 http://sim.plified.com/2008/07/16/iis7-and-301-permanent-redirects/ https://www.iis.net/configreference/system.webserver/httpredirect https://help.dreamhost.com/hc/en-us/articles/215747748-How-can-I-redirect-and-rewrite-my-URLs-with-an-htaccess-file- Alternativ: PHP-Datei, Datenbank, …
  • #16 Sistrix/Searchmetrics, weil sie potentielle Keywords anzeigen u. nicht nur Rankings für hinterlegte Keywords
  • #19 Hinweis: Nicht vergessen „noindex“ der Testumgebung nach Launch zu entfernen
  • #20 https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html https://yoast.com/http-503-site-maintenance-seo/ Abgrenzung zur „Coming Soon“-Seite
  • #24 https://presseportal.zdf.de/pm/relaunch-der-zdfmediathek/ https://www.heise.de/newsticker/meldung/ZDF-Mediathek-vor-dem-Neustart-3353468.html http://www.golem.de/news/fernsehen-zdf-krempelt-seine-mediathek-um-1610-123937.html
  • #28 1-2 Tage Verzögerung beachten Setzt natürlich voraus, dass die neue Website angemeldet ist