10 techn. SEO Hacks | Dominik Wojcik

96

Transcript of 10 techn. SEO Hacks | Dominik Wojcik

Page 1: 10 techn. SEO Hacks | Dominik Wojcik
Page 2: 10 techn. SEO Hacks | Dominik Wojcik

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

Page 3: 10 techn. SEO Hacks | Dominik Wojcik

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

Page 4: 10 techn. SEO Hacks | Dominik Wojcik

– #1 –FLIF

Page 5: 10 techn. SEO Hacks | Dominik Wojcik
Page 6: 10 techn. SEO Hacks | Dominik Wojcik

http://flif.info/

Page 7: 10 techn. SEO Hacks | Dominik Wojcik

http://flif.info/

Page 8: 10 techn. SEO Hacks | Dominik Wojcik

http://flif.info/

Page 9: 10 techn. SEO Hacks | Dominik Wojcik

http://flif.info/

– NOCH NICHT IN BROWSERN AKTIV –*WATCH IT!*

Page 10: 10 techn. SEO Hacks | Dominik Wojcik

– #2 –WIR WERDEN PERFORMANCE NEU

DENKEN MÜSSEN!

Page 11: 10 techn. SEO Hacks | Dominik Wojcik

https://developers.google.com/web/showcase/2016/flipkart

JS FRAMEWORKS

Page 12: 10 techn. SEO Hacks | Dominik Wojcik

https://developers.google.com/web/showcase/2016/flipkart

JS FRAMEWORKS

Page 13: 10 techn. SEO Hacks | Dominik Wojcik

https://developers.google.com/web/showcase/2016/flipkart

JS FRAMEWORKS

Page 14: 10 techn. SEO Hacks | Dominik Wojcik

https://developers.google.com/web/showcase/2016/flipkart

JS FRAMEWORKS

Page 15: 10 techn. SEO Hacks | Dominik Wojcik

https://preactjs.com/

KLEINERE/NEUE SCHNELLERE JS FRAMEWORKS

Page 16: 10 techn. SEO Hacks | Dominik Wojcik

https://preactjs.com/guide/differences-to-react

KLEINERE/NEUE SCHNELLERE JS FRAMEWORKS

Page 17: 10 techn. SEO Hacks | Dominik Wojcik

https://preactjs.com/guide/differences-to-react

KLEINERE/NEUE SCHNELLERE JS FRAMEWORKS

Page 18: 10 techn. SEO Hacks | Dominik Wojcik

– #3 –JAVASCRIPT RENDERING

Page 19: 10 techn. SEO Hacks | Dominik Wojcik

https://goralewicz.com/blog/javascript-seo-experiment/

JAVASCRIPT RENDERING

Page 20: 10 techn. SEO Hacks | Dominik Wojcik

JAVASCRIPT RENDERING

Page 21: 10 techn. SEO Hacks | Dominik Wojcik

• 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

Page 22: 10 techn. SEO Hacks | Dominik Wojcik

JAVASCRIPT RENDERING MIT RENDERTRON

Page 23: 10 techn. SEO Hacks | Dominik Wojcik

JAVASCRIPT RENDERING MIT RENDERTRON

Page 24: 10 techn. SEO Hacks | Dominik Wojcik

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

Page 25: 10 techn. SEO Hacks | Dominik Wojcik

– #4 –PROGRESSIVE WEB APPS

Page 26: 10 techn. SEO Hacks | Dominik Wojcik

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

Page 27: 10 techn. SEO Hacks | Dominik Wojcik

INSTALLATIONSBANNER KANN WIE EINE APPGESTARTET WERDEN

SPLASH SCREEN(CHROME 47+ ANDROID)

FUNKTIONIERT ÜBER SERVICEWORKER AUCH

OFFLINE

PROGRESSIVE WEB APPLICATIONS

Page 28: 10 techn. SEO Hacks | Dominik Wojcik

• 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

Page 29: 10 techn. SEO Hacks | Dominik Wojcik

? ?

PROGRESSIVE WEB APPLICATIONS

Page 30: 10 techn. SEO Hacks | Dominik Wojcik

https://developers.google.com/web/showcase/2016/flipkart

PROGRESSIVE WEB APPLICATIONS

Page 31: 10 techn. SEO Hacks | Dominik Wojcik

https://www.polymer-project.org/

PROGRESSIVE WEB APPLICATIONS FRAMEWORK

Page 32: 10 techn. SEO Hacks | Dominik Wojcik

– #5 –WEBVR

Page 33: 10 techn. SEO Hacks | Dominik Wojcik
Page 34: 10 techn. SEO Hacks | Dominik Wojcik
Page 35: 10 techn. SEO Hacks | Dominik Wojcik

Senorama -> 1962

Page 36: 10 techn. SEO Hacks | Dominik Wojcik

PS4 VR-> Oct. 2016

Page 37: 10 techn. SEO Hacks | Dominik Wojcik

Oculus Rift1. VERSION 20132. VERSION 2014

GOTOMARKET 2016

Page 38: 10 techn. SEO Hacks | Dominik Wojcik

GOOGLE CARDBOARD

SINCE 2016

Page 39: 10 techn. SEO Hacks | Dominik Wojcik
Page 40: 10 techn. SEO Hacks | Dominik Wojcik
Page 41: 10 techn. SEO Hacks | Dominik Wojcik
Page 42: 10 techn. SEO Hacks | Dominik Wojcik
Page 43: 10 techn. SEO Hacks | Dominik Wojcik
Page 44: 10 techn. SEO Hacks | Dominik Wojcik
Page 45: 10 techn. SEO Hacks | Dominik Wojcik
Page 46: 10 techn. SEO Hacks | Dominik Wojcik
Page 47: 10 techn. SEO Hacks | Dominik Wojcik
Page 48: 10 techn. SEO Hacks | Dominik Wojcik

– #6 –LOGFILE ANALYSE ÜBER

BIG QUERY & GOOGLE DATA STUDIO

Page 49: 10 techn. SEO Hacks | Dominik Wojcik
Page 50: 10 techn. SEO Hacks | Dominik Wojcik
Page 51: 10 techn. SEO Hacks | Dominik Wojcik
Page 52: 10 techn. SEO Hacks | Dominik Wojcik

• 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

Page 53: 10 techn. SEO Hacks | Dominik Wojcik

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

Page 54: 10 techn. SEO Hacks | Dominik Wojcik
Page 55: 10 techn. SEO Hacks | Dominik Wojcik
Page 56: 10 techn. SEO Hacks | Dominik Wojcik
Page 57: 10 techn. SEO Hacks | Dominik Wojcik
Page 58: 10 techn. SEO Hacks | Dominik Wojcik
Page 59: 10 techn. SEO Hacks | Dominik Wojcik

– #8 –KEYWORDHERO

Page 60: 10 techn. SEO Hacks | Dominik Wojcik
Page 61: 10 techn. SEO Hacks | Dominik Wojcik

– NACH INSTALLATION VON –KEYWORDHERO

Page 62: 10 techn. SEO Hacks | Dominik Wojcik
Page 63: 10 techn. SEO Hacks | Dominik Wojcik

WIE GEHT SOWAS?

Page 64: 10 techn. SEO Hacks | Dominik Wojcik
Page 65: 10 techn. SEO Hacks | Dominik Wojcik
Page 66: 10 techn. SEO Hacks | Dominik Wojcik

– #9 –BROWSER FINGERPRINTING

Page 67: 10 techn. SEO Hacks | Dominik Wojcik

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

Page 68: 10 techn. SEO Hacks | Dominik Wojcik
Page 69: 10 techn. SEO Hacks | Dominik Wojcik

• 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?

Page 70: 10 techn. SEO Hacks | Dominik Wojcik

BROWSER FINGERPRINTING

Page 71: 10 techn. SEO Hacks | Dominik Wojcik

BROWSER FINGERPRINTING

Page 72: 10 techn. SEO Hacks | Dominik Wojcik

BROWSER FINGERPRINTING

Page 73: 10 techn. SEO Hacks | Dominik Wojcik

BROWSER FINGERPRINTING

Page 74: 10 techn. SEO Hacks | Dominik Wojcik

BROWSER FINGERPRINTING

Page 75: 10 techn. SEO Hacks | Dominik Wojcik

– #10 –OCTOPARSE

Page 76: 10 techn. SEO Hacks | Dominik Wojcik
Page 77: 10 techn. SEO Hacks | Dominik Wojcik
Page 78: 10 techn. SEO Hacks | Dominik Wojcik

WETTBEWERBER ÜBERWACHEN...

WAS KANN ICH ALLES DAMIT MACHEN?

Page 79: 10 techn. SEO Hacks | Dominik Wojcik

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?

Page 80: 10 techn. SEO Hacks | Dominik Wojcik

– #11 –SCHEMA.ORG

3,5 UNTERSTÜTZENDE MARKUPS

Page 81: 10 techn. SEO Hacks | Dominik Wojcik

– #1 –

SCHEMA.ORG/QUESTIONSCHEMA.ORG/ANSWER

Page 82: 10 techn. SEO Hacks | Dominik Wojcik

– #2 –SCHEMA.ORG/SITENAVIGATIONELEMENT

Page 83: 10 techn. SEO Hacks | Dominik Wojcik

– #3 –PENDING.SCHEMA.ORG/LINKROLE

PENDING.SCHEMA.ORG/LINKRELATIONSHIP

Page 84: 10 techn. SEO Hacks | Dominik Wojcik

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

Page 85: 10 techn. SEO Hacks | Dominik Wojcik

– #12 –DOWNLOAD THE INTERNET

Page 86: 10 techn. SEO Hacks | Dominik Wojcik
Page 87: 10 techn. SEO Hacks | Dominik Wojcik
Page 88: 10 techn. SEO Hacks | Dominik Wojcik

• 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?

Page 89: 10 techn. SEO Hacks | Dominik Wojcik

– #13 –SAVE THE WEB!

Page 90: 10 techn. SEO Hacks | Dominik Wojcik

SETZT DIE SECURITY HEADER

Page 91: 10 techn. SEO Hacks | Dominik Wojcik

SETZT DIE SECURITY HEADER

Page 92: 10 techn. SEO Hacks | Dominik Wojcik

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!

Page 93: 10 techn. SEO Hacks | Dominik Wojcik

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

Page 94: 10 techn. SEO Hacks | Dominik Wojcik

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?

Page 95: 10 techn. SEO Hacks | Dominik Wojcik

SETZT DIE SECURITY HEADER

Page 96: 10 techn. SEO Hacks | Dominik Wojcik

– Q&A –VIELEN DANK.