Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

10 technische SEO Hacks | Dominik Wojcik | SEOkomm 2017

785 Aufrufe

Veröffentlicht am

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.

Veröffentlicht in: Internet
  • Als Erste(r) kommentieren

10 technische SEO Hacks | Dominik Wojcik | SEOkomm 2017

  1. 1. 10 Technische SEO Hacks, die du wahrscheinlich noch nicht kennst.
  2. 2. 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
  3. 3. – #1 – FLIF
  4. 4. http://flif.info/
  5. 5. http://flif.info/
  6. 6. http://flif.info/
  7. 7. http://flif.info/ – NOCH NICHT IN BROWSERN AKTIV – *WATCH IT!*
  8. 8. – #2 – WIR WERDEN PERFORMANCE NEU DENKEN MÜSSEN!
  9. 9. https://developers.google.com/web/showcase/2016/flipkart JS FRAMEWORKS
  10. 10. https://developers.google.com/web/showcase/2016/flipkart JS FRAMEWORKS
  11. 11. https://developers.google.com/web/showcase/2016/flipkart JS FRAMEWORKS
  12. 12. https://developers.google.com/web/showcase/2016/flipkart JS FRAMEWORKS
  13. 13. https://preactjs.com/ KLEINERE/NEUE SCHNELLERE JS FRAMEWORKS
  14. 14. https://preactjs.com/guide/differences-to-react KLEINERE/NEUE SCHNELLERE JS FRAMEWORKS
  15. 15. https://preactjs.com/guide/differences-to-react KLEINERE/NEUE SCHNELLERE JS FRAMEWORKS
  16. 16. – #3 – JAVASCRIPT RENDERING
  17. 17. https://goralewicz.com/blog/javascript-seo-experiment/ JAVASCRIPT RENDERING
  18. 18. JAVASCRIPT RENDERING
  19. 19. • 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
  20. 20. JAVASCRIPT RENDERING MIT RENDERTRON
  21. 21. JAVASCRIPT RENDERING MIT RENDERTRON
  22. 22. 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
  23. 23. – #4 – PROGRESSIVE WEB APPS
  24. 24. https://developers.google.com/web/
  25. 25. INSTALLATIONSBANNER KANN WIE EINE APP GESTARTET WERDEN SPLASH SCREEN (CHROME 47+ ANDROID) FUNKTIONIERT ÜBER SERVICEWORKER AUCH OFFLINE PROGRESSIVE WEB APPLICATIONS
  26. 26. • 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
  27. 27. ? ? PROGRESSIVE WEB APPLICATIONS
  28. 28. https://developers.google.com/web/showcase/2016/flipkart PROGRESSIVE WEB APPLICATIONS
  29. 29. https://www.polymer-project.org/ PROGRESSIVE WEB APPLICATIONS FRAMEWORK
  30. 30. – #5 – WEBVR
  31. 31. Senorama -> 1962
  32. 32. PS4 VR-> Oct. 2016
  33. 33. Oculus Rift 1. VERSION 2013 2. VERSION 2014 GOTOMARKET 2016
  34. 34. GOOGLE CARDBOARD SINCE 2016
  35. 35. – #6 – LOGFILE ANALYSE ÜBER BIG QUERY & GOOGLE DATA STUDIO
  36. 36. • 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
  37. 37. – #7 – KEIN BOCK, ELK SELBST ZU HOSTEN/INSTALLIEREN?
  38. 38. – #8 – KEYWORDHERO
  39. 39. – NACH INSTALLATION VON – KEYWORDHERO
  40. 40. WIE GEHT SOWAS?
  41. 41. – #9 – BROWSER FINGERPRINTING
  42. 42. WAS WÄRE, WENN WIR JEDEN NUTZER ERKENNEN KÖNNTEN?
  43. 43. • 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?
  44. 44. BROWSER FINGERPRINTING
  45. 45. BROWSER FINGERPRINTING
  46. 46. BROWSER FINGERPRINTING
  47. 47. BROWSER FINGERPRINTING
  48. 48. BROWSER FINGERPRINTING
  49. 49. – #10 – OCTOPARSE
  50. 50. WETTBEWERBER ÜBERWACHEN... WAS KANN ICH ALLES DAMIT MACHEN?
  51. 51. 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?
  52. 52. – #11 – SCHEMA.ORG 3,5 UNTERSTÜTZENDE MARKUPS
  53. 53. – #1 – SCHEMA.ORG/QUESTION SCHEMA.ORG/ANSWER
  54. 54. – #2 – SCHEMA.ORG/SITENAVIGATIONELEMENT
  55. 55. – #3 – PENDING.SCHEMA.ORG/LINKROLE PENDING.SCHEMA.ORG/LINKRELATIONSHIP
  56. 56. – #3,5 – PENDING.SCHEMA.ORG/PUBLICTOILET
  57. 57. – #12 – DOWNLOAD THE INTERNET
  58. 58. • 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?
  59. 59. – #13 – SAVE THE WEB!
  60. 60. SETZT DIE SECURITY HEADER
  61. 61. SETZT DIE SECURITY HEADER
  62. 62. 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!
  63. 63. 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
  64. 64. 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?
  65. 65. SETZT DIE SECURITY HEADER
  66. 66. – Q&A – VIELEN DANK.

×