10 technische SEO Hacks, die du wahrscheinlich noch nicht kennst. Vortrag des CEO Dominik Wojcik von der Berliner Online-Marketing-Agentur Trust Agents. Präsentiert auf der SEOkomm 2017.

2. 10 Technische SEO Hacks, die du
wahrscheinlich noch nicht kennst.

3. DOMINIK WOJCIK
GRÜNDER VON TA TRUST AGENTS INTERNET GMBH
SKILLS
• ÜBER 17 JAHRE SEO-/ONLINE-MARKETING-ERFAHRUNG
• 2,5 JAHRE AUFBAU DES INHOUSE SEO-TEAMS BEI ROCKET INTERNET
• INTERIMS HEAD OF SEO BEI ZALANDO
• 6 JAHRE ENTWICKLER & PROGRAMMIERER (KÜHNE UND NAGEL, ENERGIS ISION, ARCOR)
• BUSINESS ANGEL

4. – #1 –
FLIF

6. http://flif.info/

7. http://flif.info/

8. http://flif.info/

9. http://flif.info/
– NOCH NICHT IN BROWSERN AKTIV –
*WATCH IT!*

10. – #2 –
WIR WERDEN PERFORMANCE NEU
DENKEN MÜSSEN!

11. https://developers.google.com/web/showcase/2016/flipkart
JS FRAMEWORKS

12. https://developers.google.com/web/showcase/2016/flipkart
JS FRAMEWORKS

13. https://developers.google.com/web/showcase/2016/flipkart
JS FRAMEWORKS

14. https://developers.google.com/web/showcase/2016/flipkart
JS FRAMEWORKS

15. https://preactjs.com/
KLEINERE/NEUE SCHNELLERE JS FRAMEWORKS

16. https://preactjs.com/guide/differences-to-react
KLEINERE/NEUE SCHNELLERE JS FRAMEWORKS

17. https://preactjs.com/guide/differences-to-react
KLEINERE/NEUE SCHNELLERE JS FRAMEWORKS

18. – #3 –
JAVASCRIPT RENDERING

19. https://goralewicz.com/blog/javascript-seo-experiment/
JAVASCRIPT RENDERING

20. JAVASCRIPT RENDERING

21. • SERVER SIDE RENDERING IN DEN FRAMEWORKS AKTIVIEREN *SAFTY FIRST!*
• GOOGLE CACHE FUNKTIONIERT HIER NICHT ALS REFERENZ!
• ACHTET AUF INDEXIERBARE URLS UND PUSHSTATE RICHTIG HANDELN
• JS NICHT ÜBER DIE ROBOTS.TXT SPERREN
• BASICS DER JAVASCRIPT URLS NICHT VERGESSEN (METAS)
• FEHLERCODE HANDLING WIRD SCHWIERIG WIEDER LOSZUWERDEN
 HEADERCODE WIE 404/410 ZU SETZEN IST NICHT EINFACH, VORSICHT ALSO!
• A HREF UND IMG TAGS SOLLTEN IN JS DOKUMENTEN GESETZT WERDEN
• DIE ART DER JS IMPLEMENTIERUNG MACHT EINEN GROSSEN UNTERSCHIED
(INLINE VS. EXTERNAL)
• RENDERING SERVICES, WIE PRERENDER.IO/RENDERTRON! NUTZEN, WENN ES NICHT ANDERS GEHT
SEO HANDLING VON JS FRAMEWORKS

22. JAVASCRIPT RENDERING MIT RENDERTRON

23. JAVASCRIPT RENDERING MIT RENDERTRON

24. https://github.com/webcomponents/webcomponents.org/blob/master/client/bot-filter.py
+ KOSTENREDUZIEREND
+ RESSOURCENSPAREND
+ KANN FÜR PWA ODER FÜR
ANDERE JS FRAMEWORKS
GENUTZT WERDEN
+ FREEWARE
https://github.com/GoogleChrome/rendertron
JAVASCRIPT RENDERING MIT RENDERTRON

25. – #4 –
PROGRESSIVE WEB APPS

26. https://developers.google.com/web/

27. INSTALLATIONSBANNER KANN WIE EINE APP
GESTARTET WERDEN
SPLASH SCREEN
(CHROME 47+ ANDROID)
FUNKTIONIERT ÜBER
SERVICEWORKER AUCH
OFFLINE
PROGRESSIVE WEB APPLICATIONS

28. • NÄCHSTE STUFE VON RESPONSIVE DESIGN UND APP ENTWICKLUNG
• BASIERT AUF HTML5, CSS3 & JAVASCRIPT
• SERVICE WORKER SIND JAVASCRIPT PROGRAMME, DIE IM HINTERGRUND, z.B. CACHE UND PUSH
NOTIFICATIONS, HANDELN KÖNNEN
• PROGRESSIVE WEB APPS LAUFEN NUR AUF HTTPS (ZWINGEND NOTWENDIG)
• AKTUELL NOCH KEINE VOLLE UNTERSTÜTZUNG, DA EINIGE BROWSER (SAFARI, EDGE UND OPERA)
NOCH NICHT DIE VOLLE FUNKTIONALITÄT UNTERSTÜTZEN
• DA PROGRESSIVE WEB APPS ABER IN PROGRESSIVE ENHANCEMENT ENTWICKELT WORDEN SIND,
FUNKTIONIEREN SIE AUCH IN iOS (ABGESPECKT, Z.B. OFFLINE FUNKTIONALITÄT NICHT GEGEBEN)
• EINE APP FÜR DIE MOBILE WEBSEITE UND APP STORE (KEINE 2-WELTEN-ENTWICKLUNG MEHR)
• ES WIRD KEIN APP STORE MEHR BENÖTIGT!
PROGRESSIVE WEB APPLICATIONS

29. ? ?
PROGRESSIVE WEB APPLICATIONS

30. https://developers.google.com/web/showcase/2016/flipkart
PROGRESSIVE WEB APPLICATIONS

31. https://www.polymer-project.org/
PROGRESSIVE WEB APPLICATIONS FRAMEWORK

32. – #5 –
WEBVR

35. Senorama -> 1962

36. PS4 VR-> Oct. 2016

37. Oculus Rift
1. VERSION 2013
2. VERSION 2014
GOTOMARKET 2016

38. GOOGLE
CARDBOARD
SINCE 2016

48. – #6 –
LOGFILE ANALYSE ÜBER
BIG QUERY & GOOGLE DATA STUDIO

52. • SKALIERBAR IN DER CLOUD
• LEICHT SHAREBARES FRONTEND
• GERINGE KOSTEN
• UPLOADPROZESS KANN AUTOMATISIERT WERDEN
• LEIDER ETWAS LANGSAM BEI GROSSEN DATENMENGEN
LOGFILE ANALYSE ÜBER
BIG QUERY & GOOGLE DATA STUDIO

53. – #7 –
KEIN BOCK, ELK SELBST ZU
HOSTEN/INSTALLIEREN?

59. – #8 –
KEYWORDHERO

61. – NACH INSTALLATION VON –
KEYWORDHERO

63. WIE GEHT SOWAS?

66. – #9 –
BROWSER FINGERPRINTING

67. WAS WÄRE, WENN WIR JEDEN NUTZER
ERKENNEN KÖNNTEN?

69. • USER AGENT HEADER
• ACCEPT HEADER
• CONNECTION HEADER
• ENCODING HEADER
• LANGUAGE HEADER
• LIST OF PLUGINS
• OPERATING SYSTEM
• COOKIES PREFERENCES
• DO NOT TRACK PREFERENCES
• TIMEZONE
• SCREEN RESOLUTION / COLOR DEPTH
• USE OF LOCAL STORAGE
• PICTURE RENDERED WITH HTML CANVAS ELEMENT
• PICTURE RENDERED WITH WEBGL
• PRESENCE OF ADBLOCK
• LIST OF FONTS
• ETC...
WELCHE METRIKEN
WERDEN GEPRÜFT?

70. BROWSER FINGERPRINTING

71. BROWSER FINGERPRINTING

72. BROWSER FINGERPRINTING

73. BROWSER FINGERPRINTING

74. BROWSER FINGERPRINTING

75. – #10 –
OCTOPARSE

78. WETTBEWERBER ÜBERWACHEN...
WAS KANN ICH ALLES DAMIT MACHEN?

79. WETTBEWERBER ÜBERWACHEN...
• SCHEMA.ORG MARKUPS MONITORING
• NEUE LANDINGPAGES / NEUE KATEGORIEN
• CONTENT UPDATE ZYKLEN
• INTERNE VERLINKUNGEN
• REDIRECTS
• HEADER MONITORING (META DESCRIPTION, TITLE TAG)
• ARCHIVE FÜR RÜCKVERFOLGUNGEN AUFBAUEN
• ETC...
WAS KANN ICH ALLES DAMIT MACHEN?

80. – #11 –
SCHEMA.ORG
3,5 UNTERSTÜTZENDE MARKUPS

81. – #1 –
SCHEMA.ORG/QUESTION
SCHEMA.ORG/ANSWER

82. – #2 –
SCHEMA.ORG/SITENAVIGATIONELEMENT

83. – #3 –
PENDING.SCHEMA.ORG/LINKROLE
PENDING.SCHEMA.ORG/LINKRELATIONSHIP

84. – #3,5 –
PENDING.SCHEMA.ORG/PUBLICTOILET

85. – #12 –
DOWNLOAD THE INTERNET

88. • DOMAININDEX FÜR EXPIRED DOMAINS AUFBAUEN
• CONTENT- UND TEXT-ANALYSEN FAHREN
• AI/KI ALGORITHMEN TRAINIEREN
• LINKINDEX AUFBAUEN
• CONTENT-MARKETING-DATEN FÜR ANALYSEN
• EIGENE SUCHMASCHINE BAUEN
• ZU FINDEN UNTER -> http://commoncrawl.org/
WAS KANN ICH ALLES DAMIT MACHEN?

89. – #13 –
SAVE THE WEB!

90. SETZT DIE SECURITY HEADER

91. SETZT DIE SECURITY HEADER

92. WARUM SOLLTE ICH DIE SECURITY HEADER SETZEN?
• SICHER DEINE WEBSEITE GEGEN NEGATIVE ATTACKEN
• HTTPS SCHÜTZT DICH NICHT ALLEINE GEGEN HACKER-ATTACKEN
• DOMAINQUALITÄT HEBEN
• SCHÜTZE DEINEN SEO-ERFOLG
• XSS KANN NUN IM RENDERING-PROZESS ERKANNT WERDEN
• NUTZT TOOLS, WIE PATRONUS.IO, DIE EUCH HELFEN, EURE WEBSEITE ZU SCHÜTZEN!

93. SETZT DIE SECURITY HEADER
• SENDE KEINE REFERRER, WENN DU
RAUSLINKST
• SENDE KEINE REFFERER, WENN DU VON
HTTPS AUF HTTP RAUSLINKST
• REFERRER KÖNNEN GEZIELT AUCH GESTEURT
WERDEN, Z.B. NUR INTERN WEITERGEGEBEN
• AKTUELL NOCH IN DER W3C CANDIDATE
RECOMMENDATION
ACHTUNG DER REFERRER POLICY HEADER IST NEU 2/2017

94. SETZT DIE SECURITY HEADER
• SICHER DEINE WEBSEITE GEGEN NEGATIVE ATTACKEN
• HTTPS SCHÜTZT DICH NICHT ALLEINE GEGEN HACKER-ATTACKEN
• DOMAINQUALITÄT HEBEN
• SCHÜTZE DEINEN SEO-ERFOLG
• XSS KANN NUN IM RENDERING-PROZESS ERKANNT WERDEN
• NUTZT TOOLS, WIE PATRONUS.IO, DIE EUCH HELFEN, EURE WEBSEITE ZU SCHÜTZEN!
WARUM SOLLTE ICH DIE SECURITY HEADER SETZEN?

95. SETZT DIE SECURITY HEADER

96. – Q&A –
VIELEN DANK.