10 techn. seo hacks | dominik wojcik
TRANSCRIPT
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.