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

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

– #1 –FLIF

http://flif.info/

http://flif.info/

http://flif.info/

http://flif.info/

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

– #2 –WIR WERDEN PERFORMANCE NEU

DENKEN MÜSSEN!

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

JS FRAMEWORKS

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

JS FRAMEWORKS

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

JS FRAMEWORKS

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

JS FRAMEWORKS

https://preactjs.com/

KLEINERE/NEUE SCHNELLERE JS FRAMEWORKS

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

KLEINERE/NEUE SCHNELLERE JS FRAMEWORKS

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

KLEINERE/NEUE SCHNELLERE JS FRAMEWORKS

– #3 –JAVASCRIPT RENDERING

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

JAVASCRIPT RENDERING

JAVASCRIPT RENDERING

• 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

JAVASCRIPT RENDERING MIT RENDERTRON

JAVASCRIPT RENDERING MIT RENDERTRON

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

– #4 –PROGRESSIVE WEB APPS

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

INSTALLATIONSBANNER KANN WIE EINE APPGESTARTET WERDEN

SPLASH SCREEN(CHROME 47+ ANDROID)

FUNKTIONIERT ÜBER SERVICEWORKER AUCH

OFFLINE

PROGRESSIVE WEB APPLICATIONS

• 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

? ?

PROGRESSIVE WEB APPLICATIONS

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

PROGRESSIVE WEB APPLICATIONS

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

PROGRESSIVE WEB APPLICATIONS FRAMEWORK

– #5 –WEBVR

Senorama -> 1962

PS4 VR-> Oct. 2016

Oculus Rift1. VERSION 20132. VERSION 2014

GOTOMARKET 2016

GOOGLE CARDBOARD

SINCE 2016

– #6 –LOGFILE ANALYSE ÜBER

BIG QUERY & GOOGLE DATA STUDIO

• 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

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

– #8 –KEYWORDHERO

– NACH INSTALLATION VON –KEYWORDHERO

WIE GEHT SOWAS?

– #9 –BROWSER FINGERPRINTING

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

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

BROWSER FINGERPRINTING

BROWSER FINGERPRINTING

BROWSER FINGERPRINTING

BROWSER FINGERPRINTING

BROWSER FINGERPRINTING

– #10 –OCTOPARSE

WETTBEWERBER ÜBERWACHEN...

WAS KANN ICH ALLES DAMIT MACHEN?

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?

– #11 –SCHEMA.ORG

3,5 UNTERSTÜTZENDE MARKUPS

– #1 –

SCHEMA.ORG/QUESTIONSCHEMA.ORG/ANSWER

– #2 –SCHEMA.ORG/SITENAVIGATIONELEMENT

– #3 –PENDING.SCHEMA.ORG/LINKROLE

PENDING.SCHEMA.ORG/LINKRELATIONSHIP

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

– #12 –DOWNLOAD THE INTERNET

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

– #13 –SAVE THE WEB!

SETZT DIE SECURITY HEADER

SETZT DIE SECURITY HEADER

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!

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

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?

SETZT DIE SECURITY HEADER

– Q&A –VIELEN DANK.