Die Präsentation Technisches SEO 2019 enthält eine Übersicht wichtiger Themen wie Client-Server Kommunikation, Rendering, Crawling / Indexierung Steuerung, Crawling Budget, Page Speed Optimierung und das alles mit aktuellen Beispielen und Quellen.

1. TECHNISCHES SEO 2019
ALONA DEMCHYK
SEO CAMPIXX 2019 / BERLIN

2. ALONA DEMCHYK
SEO CONSULTANT
SEO Consultant
» Bei Plan.Net Performance seit 2015
» 11 Jahre Suchmaschinenoptimierung/Performance Marketing
» Erfahrungen: BSH, MediaMarkt, ExLibris, Carglass, IKEA
Online auf:
LinkedIn: https://www.linkedin.com/in/alonademchyk
Xing: https://www.xing.com/profile/Alona_Demchyk
Twitter: https://twitter.com/alonademchykAlona Demchyk
https://alonademchyk.com

3. INHALTE
1. Trends 2019
2. Herausforderungen
3. Serverseitige Optimierung
4. Server & Client Kommunikation
5. Clientseitige Optimierung
6. Suchmaschinen
7. Crawling- & Indexierungsprobleme
8. Identifikation von Problemen

4. DIE TRENDS VON HEUTE
Artificial
Intelligence
Chatbots
NFC
Technologien
AR Apps
VR
Show-Rooms
Wearables
Influencer
Instagram
CSR
Smart Stores
Snapchat
Smart
Home
Hosting
High-Tech
JavaScript
Frameworks
Neue
Seitenarten
Minimalistisch
Multitouch
Displays
Internet
Verbindung
Cloud
Computing Hohe Video-
Bild Qualität
Trends
2019
Internet
TV
Geolocation
Nachhaltig
NEUE
ENDGERÄTE
CLIENTS
JAVASCRIPT
SERVER /
HOSTING
SUCHMASCHINE
Sprachgesteuerte
Endgeräte

5. DIE NUTZER WOLLEN
SCHNELLER
INFORMATIONEN
ERHALTEN
UNABHÄNGIG VOM
ENDGERÄT ODER
STANDORT

6. Q1 2017, Quelle: https://www.akamai.com/us/en/multimedia/documents/state-of-the-internet/q1-2017-state-of-
the-internet-connectivity-report.pdf
DIE
SCHNELLSTE
INTERNET-
VERBINDUNG
GIBT ES IN
SÜDKOREA MIT
Ø 28.6 MBPS

7. IN
DEUTSCHLAND
Ø 15.3 MBPS …
Q1 2017, Quelle: https://www.akamai.com/us/en/multimedia/documents/state-of-the-internet/q1-2017-state-of-
the-internet-connectivity-report.pdf

8. IN
DEUTSCHLAND
MOBILE
Ø 24.1 MBPS
Q1 2017, Quelle: https://www.akamai.com/us/en/multimedia/documents/state-of-the-internet/q1-2017-state-of-
the-internet-connectivity-report.pdf

9. Quelle: https://www.ericsson.com/en/press-releases/2016/2/streaming-delays-mentally-taxing-for-smartphone-users-ericsson-mobility-report
LADEZEITEN

10. Quelle: https://optinmonster.com/mobile-landing-page-best-practices/

11. WIE PASST SEO
REIN?

12. INHALT
SNIPPET
AUTHORITY
TEXT, BILD, VIDEO
SEO
WEBSERVER /
HOSTING
CLIENTS
JAVASCRIPT
SUCHMASCHINE
TECHNIK

13. EIN SERVER IST EIN
COMPUTER ODER
PROGRAMM, DER DATEN
ODER DIENSTE FÜR DIE
ANDEREN PROGRAMME
ODER COMPUTER
BEREITSTELLT

14. VERSCHIEDENE SERVER-
TYPEN
Mailserver
Proxyserver
File-Server
DNS Server
Webserver Gameserver

15. EIN WEBSERVER
SPEICHERT WEBSEITEN,
BEREITET DIESE AUF, UND
LIEFERT SIE AN CLIENTS
WIE WEBBROWSER ODER
SUCHMASCHINEN-
CRAWLER AUS

16. Quelle: https://www.quicksprout.com/everything-about-web-hosting/
SHARED HOSTING DEDICATED HOSTING CLOUD
VIRTUAL PRIVATE
SERVER
HOSTING
SERVER CLIENT
SUCH-
MASCHINE

17. BEREITS BEIM HOSTING
ENTSCHEIDET MAN
ÜBER DIE LADEZEITEN
DER SEITE

18. Quelle: http://www.stadtbaecker-scharold.de/wer.html
KLEINE WEBSEITE – KEIN PROBLEM
SERVER CLIENT
SUCH-
MASCHINE

19. KLEINE WEBSEITE – KEIN PROBLEM
GROßE WEBSEITE – CDN SERVER CLIENT
SUCH-
MASCHINE

20. CDN – CONTENT
DELIVERY NETWORK

21. » CDN – Content Delivery Network
» Statische Daten der Webserver werden auf die
Replica Server übertragen (Verteilungssystem)
» Nutzer ruft die Website auf, befindet sich dabei
in Venezuela. Über Request Routing System
wird der RS in Venezuela zu Hilfe gerufen. Er
spielt die aktuellste Version der Website die er
hat aus.
CDN
Ihr Webserver Replica Server (RS)
(RS)
(RS)
(RS)
(RS)
(RS)
(RS)
(RS)
SERVER CLIENT
SUCH-
MASCHINE

22. » Die CDN Anbieter unterscheiden sich nach Server-
Anzahl und Länderabdeckung
» Besonders geeignet sind Videostreams
» Nicht CDN geeignet sind personalisierte,
öffentliche und häufig wechselnde Informationen
» Logfile Analyse ist erschwert
» China ist ein Sonderfall:
https://www.cdnplanet.com/geo/china-cdn/
https://www.kernpunkt.de/blog/digitales-
marketing/webseiten-performance-in-china.html
CDN BESONDERHEITEN
Ihr Webserver Replica Server (RS)
(RS)
(RS)
(RS)
(RS)
(RS)
(RS)
(RS)
SERVER CLIENT
SUCH-
MASCHINE

23. WER NUTZT CDN
Ihr Webserver Replica Server (RS)
(RS)
(RS)
(RS)
(RS)
(RS)
(RS)
(RS)
SERVER CLIENT
SUCH-
MASCHINE

24. CDN ANBIETER WELTWEIT
Akamai
Amazon Web Services (CloudFront)
CDNetworks
Cloudflare
Google (Cloud CDN)
Host Europe (PlusServer)
Microsoft (Azure)
SERVER CLIENT
SUCH-
MASCHINE

25. DER CLIENT IST EIN
PROGRAMM, DASS AUF
DEM ENDGERÄT
AUSGEFÜHRT WIRD UND
MIT DEM SERVER
KOMMUNIZIERT.

26. SERVER & CLIENT
KOMMUNIZIEREN MIT-
EINANDER, OBWOHL
WIR DAS NICHT
SEHEN

28. DAS PASSIERT NACH
DEM FRAGE-ANTWORT
PRINZIP…

29. ?…

30. UND NACH
PROTOKOLL…

31. …HTTP PROTOKOLL

32. ServerClient
CLIENT-SERVER-KOMMUNIKATION
SERVER CLIENT
SUCH-
MASCHINE
Request
Response
Anfrage mit
URL Request
Antwort
mit HTML
Response

33. WEITERE NÜTZLICHE INFORMATIONEN
Request Response
SERVER CLIENT
SUCH-
MASCHINE
Request-Zeilen
Methode
Request URI
HTTP-Version
Response-Zeilen
HTTP-Version
Status Code
Beschreibung

34. WEITERE NÜTZLICHE INFORMATIONEN
Request Response
SERVER CLIENT
SUCH-
MASCHINE
Request-Zeilen
Methode
Request URI
HTTP-Version
Response-Zeilen
HTTP-Version
Status Code
Beschreibung

35. FRONTEND

36. FÜR EINE BESSERE UND
SCHNELLERE
KOMMUNIKATION

37. HEUTIGE TRENDS ERFORDERN NEUE
CLIENTSEITIGE LÖSUNGEN SERVER CLIENT
SUCH-
MASCHINE
Neue Lösungen

38. ACCELERATED MOBILE
PAGES (AMP)

39. Quelle: https://de.wikipedia.org/wiki/Single-Page-Webanwendung
» Das AMP Projekt ist ein gemeinsames Projekt von Google und Twitter
» Primär entwickelt für Verlage
» Veröffentlicht von Google im Oktober 2015
» Apache Lizenz – Open Source Code bei GitHub
AMP
SERVER CLIENT
SUCH-
MASCHINE

40. » Langsame HTML Tags werden durch neue
HTML Tags ersetzt
» Websites werden gecached und bei Google
gehostet (gstatic.com)
» Das Canonical Tag, das auf die ursprüngliche
Webseite verweist, ist daher sehr wichtig
AMP BESONDERHEITEN
SERVER CLIENT
SUCH-
MASCHINE
Nackter HTML-Code

41. WER NUTZT AMP
SERVER CLIENT
SUCH-
MASCHINE

42. Quelle: https://www.ampproject.org/docs/fundamentals/validate
https://validator.ampproject.org
AMP TESTEN (I)
SERVER CLIENT
SUCH-
MASCHINE

43. AMP MIT CHROME DEVELOPER TOOLS
TESTEN

44. SemrRush Site Audit
Screaming FrogSEMrush Site Audit
AMP TESTEN (II)
SERVER CLIENT
SUCH-
MASCHINE

45. » Schlecht für eigene Ads, da die AMP Seiten auf
dem Google Server gecached und gehostet
werden
» Weniger Kontrolle über Style und Inhalte
» Limitierte Anzahl an HTML Tags
» Zweite Version einer Website:
» Google Analytics – aufwändige Einstellung
» Aufwand doppelte Programmierung
» AMP sind vor allem für News, Verlage und
Content Websites vorteilhaft
» Wesentlich schnellere Ladezeiten durch
redundanten Code, Lazy Loading und
Rendering
AMP PROS UND KONTRAS
Vorteile Nachteile
SERVER CLIENT
SUCH-
MASCHINE
23% mehr mobile
88% bessere Ladezeiten
1000+ AMP Artikel-Seiten täglich

46. SINGLE PAGE
APPLICATION (SPA)

47. Quelle: https://de.wikipedia.org/wiki/Single-Page-Webanwendung
» Single Page Application ist eine Webanwendung, die aus einem HTML-Dokument besteht, deren
Inhalte dynamisch nachgeladen werden.
SPA
SERVER CLIENT
SUCH-
MASCHINE
CSS, HTML, JS Dateien werden
neu geladen
Template
Template
X
Template
Y
Nur beim ersten Laden der Seite
werden alle Ressourcen geladen
SPA

48. Template
» Es werden clientseitige JavaScript
Frameworks eingesetzt (AngularJS, Ember.js,
ExtJS, Knockout.js, Meteor.js, ReactJS, Vue.js)
» React verbreitet sich dank Facebook. Es bietet
eine Syntax-Lösung (JSX) an, die
suchmaschinen-freundlichen Inhalt bereitstellt.
SPA BESONDERHEITEN
Template
X
Template
Y
Nur beim ersten Laden der Seite
werden alle Ressourcen geladen
SERVER CLIENT
SUCH-
MASCHINE
SPA

49. WER NUTZT SPA
SERVER CLIENT
SUCH-
MASCHINE

50. » JavaScript muss vorhanden und aktiviert sein
» Unvollständiges Rendering ist möglich
» SPA-Seiten können längere Ladezeiten
verursachen, umso grösser die Websites sind
(Serverside Rendering sollte ermöglicht
werden)
» Mehrere Ressourcen müssen nur einmal
geladen werden: (HTML, CSS, Scripts)
» Sie können mit Chrome debugged werden
» Sie können lokales Cache effektiv nutzen
SPA PROS UND KONTRAS
Vorteile Nachteile
SERVER CLIENT
SUCH-
MASCHINE

51. PROGRESSIVE WEB
APPLICATION (PWA)

52. Quelle: https://www.onenorth.com/blog/post/whats-next-in-mobile-progressive-web-apps
» Eine Progressive Web Application ist eine
Website, die sich wie eine App verhält.
» Vier technologische Voraussetzungen:
(1) manifest.json File
(2) Service Workers
(3) HTTPs
(4) Application Shell Architecture
» Ein Nutzer muss mindestens 30 Sekunden mit
der Domain interagieren
» Weitere Infos:
https://developers.google.com/web/fundamenta
ls/web-app-manifest/
PWA
SERVER CLIENT
SUCH-
MASCHINE

53. Quelle: https://www.onenorth.com/blog/post/whats-next-in-mobile-progressive-web-apps
Quelle: https://www.onenorth.com/blog/post/whats-next-in-mobile-progressive-web-apps

54. WER NUTZT PWA
SERVER CLIENT
SUCH-
MASCHINE

55. Google Developer Tools
Weitere Quellen: https://www.aleydasolis.com/en/search-engine-optimization/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them/
PWA Testen mit Google Lighthouse
PWA TESTEN
SERVER CLIENT
SUCH-
MASCHINE

56. DIE SUCHMASCHINE IST
EIN PROGRAMM,
WELCHES AUTOMATISCH
WEBSEITEN SAMMELN
UND AUSWERTEN KANN

58. GOOGLE IST WIE EIN
KOPIERER, DER SEITEN
AUS WEBSERVERN
KOPIERT

59. CRAWLING

60. CRAWLING
Crawler Crawler Crawler
Schedular
Document Index
World Wide Web

61. INDEXIERUNG

62. INFORMATION RETRIEVAL SYSTEM

63. Quelle: http://www.blindfiveyearold.com/crawl-optimization

64. CRAWL BUDGET

65. Quelle: https://www.google.com/about/datacenters/

66. Quelle: https://www.stern.de/digital/online/google--wieviel-energie-verschlingt-eine-suchanfrage-8397770.html
» Oder 5,7 Terawattstunden in 2015 = der
jährliche Energiekonsum von San Francisco
» Jeder Google-Nutzer könnte mit seinen
monatlichen Suchanfragen eine 60-Watt-
Glühbirne für drei Stunden mit Strom
versorgen.
LESEN UND AUSWERTEN KOSTET
GOOGLE BARES GELD

67. Quelle: Google Suchergebnisse
CRAWL BUDGET
Website
Crawler

68. CRAWL BUDGET
Website
Crawler

69. CRAWLING UND
INDEXIERUNG KANN
EINZELN GESTEUERT
WERDEN

70. An die Angaben in der robots.txt Datei halten sich Google, Bind und Baidu.
» Die robots.txt Datei wird von der Suchmaschine
öfter „besucht“
» Die Steuerung erlaubt oder verbietet bestimmte
Seiten zu crawlen
» Die robots.txt verhindert nicht die Indexierung
» Hauptaufgabe: Crawling Steuerung
» Testen: GSC-> Crawling-> robots.txt Tester
ROBOTS.TXT

71. Die XML-Sitemaps können über die entsprechenden Webmaster Tools bei Google, Bind und Baidu verifiziert werden.
» Die XML-Sitemap Datei ermöglicht es, eine
indexrelevante Liste mit URLs direkt an die
Suchmaschine zu kommunizieren
» Hier können hreflang Tags direkt vergeben werden
» Größere Websites sollten mehrere, nach Themen
erstellte XML-Sitemaps in einer Index XML-
Sitemap bereitstellen
» XML-Sitemaps können für Medien (Bilder, Videos)
erstellt werden
» Hauptaufgabe: Indexierung Steuerung
» Testen: GSC-> Crawling-> Sitemap testen
XML-SITEMAP

72. » Ein sehr wirksames Tool, das bei einer falschen
Einstellung die gültige Steuerung (Canonical Tag,
Meta Tag Robots) verhindern kann
» Einzelne Parameter können hinzugefügt werden
» Nicht konfigurierte Einstellungen haben kein Datum
» Hauptaufgabe: Crawling und Indexierung
Steuerung
» Testen: Logfile Analyse, Google Index
URL-PARAMETER TOOL IN DER GOOGLE
SEARCH CONSOLE

73. » Im Bing Webmaster Tools können einzelne
Parameter oder eine Liste mit Parametern
eingereicht werden
» Im Bing Webmaster Tools werden ausschließlich die
Parameter eingegeben, die ignoriert werden sollen
» Die Baidu Suchmaschine hat kein URL Parameter
Tool
» Hauptaufgabe: Crawling und Indexierung
Steuerung
» Testen: Logfile Analyse, Bing Index
ANDERE URL-PARAMETER TOOLS

74. * Ist von den anderen Signalen stark abhängig
POPULÄRSTE MAßNAHMEN UND DEREN
EINSATZ
Maßnahme Crawlen Indexieren
Crawlen nicht
Indexieren
Meta Tags Robots V V V
Sitemap.xml V V V
rel=prev rel=next V V V
GSC Parameter Tool V V V
hreflang tag V V X
Canonical Tag V * *
robots.txt V X X

75. » Je länger die Seiten mit noindex,follow
versehen werden, desto weniger werden sie
gecrawlt.
» Irgendwann hört die Suchmaschine auf, sie
und die ausgehenden URLs der Seite zu
crawlen.
» Die ausgehenden Links dieser Seiten werden
zu noindex,nofollow.
NOINDEX WIRD ZU NOFOLLOW?
Website
noindex, follow
Crawler
Website
index, follow
Website
index, follow

76. Quelle: eigene Testergebnisse anhand der LogFile Analyse
» Je länger die Seiten mit noindex,follow
versehen werden, desto weniger werden sie
gecrawlt.
» Irgendwann hört die Suchmaschine auf, sie
und die ausgehenden URLs der Seite zu
crawlen.
» Die ausgehenden Links dieser Seiten werden
zu noindex,nofollow.
NOINDEX WIRD ZU NOFOLLOW?
Website
noindex, nofollow
Crawler
Website
index, follow
Website
index, follow

77. CRAWLING- &
INDEXIERUNGS-
PROBLEME

78. URL-Änderung
»Technische Änderungen (.html, Trailing Slash)
»Alte Produkt URLs werden gelöscht
»Kategorien werden verschoben
»Unterkategorien werden umbenannt, usw.
WEITERLEITUNGEN
SERVER /
HOSTING
CLIENTS
JAVASCRIPT
Clientseitige
Weiterleitung wie
JavaScript und Meta
Refresh sind nicht
suchmaschinen-
freundlich
Serverseitige
301 - permanent
302 - temporär
307 - bitte über https

79. Quelle: https://searchengineland.com/301-302-redirect-best-seo-293795
CRAWLING BUDGET UND
WEITERLEITUNGEN

80. Quelle: https://searchengineland.com/301-302-redirect-best-seo-293795
CRAWLING BUDGET UND
WEITERLEITUNGEN

81. LINKS, DIE KEINE LINKS SIND
Quelle:https://pbs.twimg.com/media/DyuAI2JXgAMpYq2.jpg

82. Quelle: https://www.seo-suedwest.de/4705-google-urls-die-server-fehler-ausloesen-sollten-vermieden-werden.html
SERVERFEHLER MEIDEN

83. Quelle: https://twitter.com/badams/status/1105507159641649153
Testen
BROKEN CODE MEIDEN

84. Quelle: https://about.google/intl/de/

85. NEUE LÖSUNGEN MÜSSEN FÜR DIE
SUCHMASCHINE VERSTÄNDLICH SEIN

86. Quelle: https://twitter.com/igrigorik/status/893574202472644608?lang=de
20152019

87. Quelle: https://builtvisible.com/progressive-web-app-seo/
» Verwendung von serverseitigem Rendering
» Inhalte mit verfügbaren URLs, keine #
» JavaScript und CSS-Dateien dürfen nicht
blockiert werden
» Inhalte, die nach einem ausgeführten Event
erreichbar sind, sind schwer zu indexieren
(History API)
Mehr dazu: https://builtvisible.com/on-infinite-
scroll-pushstate/
DIE INHALTE MÜSSEN LESBAR SEIN

88. CLIENT & SERVER
PROBLEME

89. PRÜFEN
Tools Server / Client

90. SUCHMASCHINE
PROBLEME

91. Endlose
Daten

92. ANALYSE MIT FRAGEN STARTEN
Mögliche Fragen Mögliche Fragen
Gibt es veraltete Seiten (http, Dateiendungen
usw.)?
Gibt es verwaiste Seiten?
Haben sich die Status Codes auf den Seiten
geändert?
Was crawlen die Suchmaschinen?
Werden wichtige Seiten weniger gecrawlt als
Unwichtige?
Gibt es Seiten, die nicht in der Sitemap sind?
Werden alle Sprachversionen entdeckt?
Mögliche Fragen

93. PRÜFEN
Tools Logfile Analyse Tools

94. WAS MACHT MAN, DAMIT
MAN TROTZ LANGSAMER
VERBINDUNG DIE GANZE
ACTION
MITBEKOMMT?

95. Quelle: https://www.semrush.com/blog/11-super-easy-new-ways-that-boosts-your-site-speed-like-never-before
*https://www.phpclasses.org/blog/post/493-php-performance-evolution.html#performance
SCHNELLER MIT…
Non-nested Table
- +
PHP Update auf 7.1. Version mit „/“
Der Server schaut nach
einen File, wenn die URL
ohne “/” ist (extra
Weiterleiung für den Server)
Im Vergleich zu den früheren
PHP Versionen, kann die 7.1.
den Script um 26% schneller
ausführen*
CSS - oben, JS - unten Web Page Performance Test Hotlinking sperren

96. Quelle: https://developers.google.com/web/updates/2019/02/rendering-on-the-web
DIE HAUPTENTSCHEIDUNG WIE EINE APP
AUSGEFÜHRT WIRD, LIEGT AM
RENDERING

97. Quelle: https://www.notprovided.eu/rendering-on-the-web-the-seo-version/
BEIM RENDERING SEO BEACHTEN

98. VIELEN DANK
plan-net.com | Creating Relevance
https://www.plan-net.com/de/
LinkedIn: http://www.linkedin.com/in/alonademchyk
Xing: https://www.xing.com/profile/Alona_Demchyk
Twitter: http://twitter.com/alonademchyk

99. » https://unsplash.com
» https://www.pexels.com
» https://thenounproject.com
» https://giphy.com/gifs/bc-the-matrix-
BMuWMPmykHL6E
BILDER- UND ICONS-QUELLEN