O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Technisches SEO 2019 Berlin SEO Campixx

718 visualizações

Publicada em

Die Präsentation Technisches SEO 2019 enthält eine Übersicht wichtiger Themen wie Client-Server Kommunikation, Rendering, Crawling / Indexierung Steuerung, Crawling Budget, Page Speed Optimierung und das alles mit aktuellen Beispielen und Quellen.

Publicada em: Marketing
  • Seja o primeiro a comentar

Technisches SEO 2019 Berlin SEO Campixx

  1. 1. TECHNISCHES SEO 2019 ALONA DEMCHYK SEO CAMPIXX 2019 / BERLIN
  2. 2. ALONA DEMCHYK SEO CONSULTANT SEO Consultant » Bei Plan.Net Performance seit 2015 » 11 Jahre Suchmaschinenoptimierung/Performance Marketing » Erfahrungen: BSH, MediaMarkt, ExLibris, Carglass, IKEA Online auf: LinkedIn: https://www.linkedin.com/in/alonademchyk Xing: https://www.xing.com/profile/Alona_Demchyk Twitter: https://twitter.com/alonademchykAlona Demchyk https://alonademchyk.com
  3. 3. INHALTE 1. Trends 2019 2. Herausforderungen 3. Serverseitige Optimierung 4. Server & Client Kommunikation 5. Clientseitige Optimierung 6. Suchmaschinen 7. Crawling- & Indexierungsprobleme 8. Identifikation von Problemen
  4. 4. DIE TRENDS VON HEUTE Artificial Intelligence Chatbots NFC Technologien AR Apps VR Show-Rooms Wearables Influencer Instagram CSR Smart Stores Snapchat Smart Home Hosting High-Tech JavaScript Frameworks Neue Seitenarten Minimalistisch Multitouch Displays Internet Verbindung Cloud Computing Hohe Video- Bild Qualität Trends 2019 Internet TV Geolocation Nachhaltig NEUE ENDGERÄTE CLIENTS JAVASCRIPT SERVER / HOSTING SUCHMASCHINE Sprachgesteuerte Endgeräte
  5. 5. DIE NUTZER WOLLEN SCHNELLER INFORMATIONEN ERHALTEN UNABHÄNGIG VOM ENDGERÄT ODER STANDORT
  6. 6. Q1 2017, Quelle: https://www.akamai.com/us/en/multimedia/documents/state-of-the-internet/q1-2017-state-of- the-internet-connectivity-report.pdf DIE SCHNELLSTE INTERNET- VERBINDUNG GIBT ES IN SÜDKOREA MIT Ø 28.6 MBPS
  7. 7. IN DEUTSCHLAND Ø 15.3 MBPS … Q1 2017, Quelle: https://www.akamai.com/us/en/multimedia/documents/state-of-the-internet/q1-2017-state-of- the-internet-connectivity-report.pdf
  8. 8. IN DEUTSCHLAND MOBILE Ø 24.1 MBPS Q1 2017, Quelle: https://www.akamai.com/us/en/multimedia/documents/state-of-the-internet/q1-2017-state-of- the-internet-connectivity-report.pdf
  9. 9. Quelle: https://www.ericsson.com/en/press-releases/2016/2/streaming-delays-mentally-taxing-for-smartphone-users-ericsson-mobility-report LADEZEITEN
  10. 10. Quelle: https://optinmonster.com/mobile-landing-page-best-practices/
  11. 11. WIE PASST SEO REIN?
  12. 12. INHALT SNIPPET AUTHORITY TEXT, BILD, VIDEO SEO WEBSERVER / HOSTING CLIENTS JAVASCRIPT SUCHMASCHINE TECHNIK
  13. 13. EIN SERVER IST EIN COMPUTER ODER PROGRAMM, DER DATEN ODER DIENSTE FÜR DIE ANDEREN PROGRAMME ODER COMPUTER BEREITSTELLT
  14. 14. VERSCHIEDENE SERVER- TYPEN Mailserver Proxyserver File-Server DNS Server Webserver Gameserver
  15. 15. EIN WEBSERVER SPEICHERT WEBSEITEN, BEREITET DIESE AUF, UND LIEFERT SIE AN CLIENTS WIE WEBBROWSER ODER SUCHMASCHINEN- CRAWLER AUS
  16. 16. Quelle: https://www.quicksprout.com/everything-about-web-hosting/ SHARED HOSTING DEDICATED HOSTING CLOUD VIRTUAL PRIVATE SERVER HOSTING SERVER CLIENT SUCH- MASCHINE
  17. 17. BEREITS BEIM HOSTING ENTSCHEIDET MAN ÜBER DIE LADEZEITEN DER SEITE
  18. 18. Quelle: http://www.stadtbaecker-scharold.de/wer.html KLEINE WEBSEITE – KEIN PROBLEM SERVER CLIENT SUCH- MASCHINE
  19. 19. KLEINE WEBSEITE – KEIN PROBLEM GROßE WEBSEITE – CDN SERVER CLIENT SUCH- MASCHINE
  20. 20. CDN – CONTENT DELIVERY NETWORK
  21. 21. » CDN – Content Delivery Network » Statische Daten der Webserver werden auf die Replica Server übertragen (Verteilungssystem) » Nutzer ruft die Website auf, befindet sich dabei in Venezuela. Über Request Routing System wird der RS in Venezuela zu Hilfe gerufen. Er spielt die aktuellste Version der Website die er hat aus. CDN Ihr Webserver Replica Server (RS) (RS) (RS) (RS) (RS) (RS) (RS) (RS) SERVER CLIENT SUCH- MASCHINE
  22. 22. » Die CDN Anbieter unterscheiden sich nach Server- Anzahl und Länderabdeckung » Besonders geeignet sind Videostreams » Nicht CDN geeignet sind personalisierte, öffentliche und häufig wechselnde Informationen » Logfile Analyse ist erschwert » China ist ein Sonderfall: https://www.cdnplanet.com/geo/china-cdn/ https://www.kernpunkt.de/blog/digitales- marketing/webseiten-performance-in-china.html CDN BESONDERHEITEN Ihr Webserver Replica Server (RS) (RS) (RS) (RS) (RS) (RS) (RS) (RS) SERVER CLIENT SUCH- MASCHINE
  23. 23. WER NUTZT CDN Ihr Webserver Replica Server (RS) (RS) (RS) (RS) (RS) (RS) (RS) (RS) SERVER CLIENT SUCH- MASCHINE
  24. 24. CDN ANBIETER WELTWEIT Akamai Amazon Web Services (CloudFront) CDNetworks Cloudflare Google (Cloud CDN) Host Europe (PlusServer) Microsoft (Azure) SERVER CLIENT SUCH- MASCHINE
  25. 25. DER CLIENT IST EIN PROGRAMM, DASS AUF DEM ENDGERÄT AUSGEFÜHRT WIRD UND MIT DEM SERVER KOMMUNIZIERT.
  26. 26. SERVER & CLIENT KOMMUNIZIEREN MIT- EINANDER, OBWOHL WIR DAS NICHT SEHEN
  27. 27. DAS PASSIERT NACH DEM FRAGE-ANTWORT PRINZIP…
  28. 28. ?…
  29. 29. UND NACH PROTOKOLL…
  30. 30. …HTTP PROTOKOLL
  31. 31. ServerClient CLIENT-SERVER-KOMMUNIKATION SERVER CLIENT SUCH- MASCHINE Request Response Anfrage mit URL Request Antwort mit HTML Response
  32. 32. WEITERE NÜTZLICHE INFORMATIONEN Request Response SERVER CLIENT SUCH- MASCHINE Request-Zeilen Methode Request URI HTTP-Version Response-Zeilen HTTP-Version Status Code Beschreibung
  33. 33. WEITERE NÜTZLICHE INFORMATIONEN Request Response SERVER CLIENT SUCH- MASCHINE Request-Zeilen Methode Request URI HTTP-Version Response-Zeilen HTTP-Version Status Code Beschreibung
  34. 34. FRONTEND
  35. 35. FÜR EINE BESSERE UND SCHNELLERE KOMMUNIKATION
  36. 36. HEUTIGE TRENDS ERFORDERN NEUE CLIENTSEITIGE LÖSUNGEN SERVER CLIENT SUCH- MASCHINE Neue Lösungen
  37. 37. ACCELERATED MOBILE PAGES (AMP)
  38. 38. Quelle: https://de.wikipedia.org/wiki/Single-Page-Webanwendung » Das AMP Projekt ist ein gemeinsames Projekt von Google und Twitter » Primär entwickelt für Verlage » Veröffentlicht von Google im Oktober 2015 » Apache Lizenz – Open Source Code bei GitHub AMP SERVER CLIENT SUCH- MASCHINE
  39. 39. » Langsame HTML Tags werden durch neue HTML Tags ersetzt » Websites werden gecached und bei Google gehostet (gstatic.com) » Das Canonical Tag, das auf die ursprüngliche Webseite verweist, ist daher sehr wichtig AMP BESONDERHEITEN SERVER CLIENT SUCH- MASCHINE Nackter HTML-Code
  40. 40. WER NUTZT AMP SERVER CLIENT SUCH- MASCHINE
  41. 41. Quelle: https://www.ampproject.org/docs/fundamentals/validate https://validator.ampproject.org AMP TESTEN (I) SERVER CLIENT SUCH- MASCHINE
  42. 42. AMP MIT CHROME DEVELOPER TOOLS TESTEN
  43. 43. SemrRush Site Audit Screaming FrogSEMrush Site Audit AMP TESTEN (II) SERVER CLIENT SUCH- MASCHINE
  44. 44. » Schlecht für eigene Ads, da die AMP Seiten auf dem Google Server gecached und gehostet werden » Weniger Kontrolle über Style und Inhalte » Limitierte Anzahl an HTML Tags » Zweite Version einer Website: » Google Analytics – aufwändige Einstellung » Aufwand doppelte Programmierung » AMP sind vor allem für News, Verlage und Content Websites vorteilhaft » Wesentlich schnellere Ladezeiten durch redundanten Code, Lazy Loading und Rendering AMP PROS UND KONTRAS Vorteile Nachteile SERVER CLIENT SUCH- MASCHINE 23% mehr mobile 88% bessere Ladezeiten 1000+ AMP Artikel-Seiten täglich
  45. 45. SINGLE PAGE APPLICATION (SPA)
  46. 46. Quelle: https://de.wikipedia.org/wiki/Single-Page-Webanwendung » Single Page Application ist eine Webanwendung, die aus einem HTML-Dokument besteht, deren Inhalte dynamisch nachgeladen werden. SPA SERVER CLIENT SUCH- MASCHINE CSS, HTML, JS Dateien werden neu geladen Template Template X Template Y Nur beim ersten Laden der Seite werden alle Ressourcen geladen SPA
  47. 47. Template » Es werden clientseitige JavaScript Frameworks eingesetzt (AngularJS, Ember.js, ExtJS, Knockout.js, Meteor.js, ReactJS, Vue.js) » React verbreitet sich dank Facebook. Es bietet eine Syntax-Lösung (JSX) an, die suchmaschinen-freundlichen Inhalt bereitstellt. SPA BESONDERHEITEN Template X Template Y Nur beim ersten Laden der Seite werden alle Ressourcen geladen SERVER CLIENT SUCH- MASCHINE SPA
  48. 48. WER NUTZT SPA SERVER CLIENT SUCH- MASCHINE
  49. 49. » JavaScript muss vorhanden und aktiviert sein » Unvollständiges Rendering ist möglich » SPA-Seiten können längere Ladezeiten verursachen, umso grösser die Websites sind (Serverside Rendering sollte ermöglicht werden) » Mehrere Ressourcen müssen nur einmal geladen werden: (HTML, CSS, Scripts) » Sie können mit Chrome debugged werden » Sie können lokales Cache effektiv nutzen SPA PROS UND KONTRAS Vorteile Nachteile SERVER CLIENT SUCH- MASCHINE
  50. 50. PROGRESSIVE WEB APPLICATION (PWA)
  51. 51. Quelle: https://www.onenorth.com/blog/post/whats-next-in-mobile-progressive-web-apps » Eine Progressive Web Application ist eine Website, die sich wie eine App verhält. » Vier technologische Voraussetzungen: (1) manifest.json File (2) Service Workers (3) HTTPs (4) Application Shell Architecture » Ein Nutzer muss mindestens 30 Sekunden mit der Domain interagieren » Weitere Infos: https://developers.google.com/web/fundamenta ls/web-app-manifest/ PWA SERVER CLIENT SUCH- MASCHINE
  52. 52. Quelle: https://www.onenorth.com/blog/post/whats-next-in-mobile-progressive-web-apps Quelle: https://www.onenorth.com/blog/post/whats-next-in-mobile-progressive-web-apps
  53. 53. WER NUTZT PWA SERVER CLIENT SUCH- MASCHINE
  54. 54. Google Developer Tools Weitere Quellen: https://www.aleydasolis.com/en/search-engine-optimization/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them/ PWA Testen mit Google Lighthouse PWA TESTEN SERVER CLIENT SUCH- MASCHINE
  55. 55. DIE SUCHMASCHINE IST EIN PROGRAMM, WELCHES AUTOMATISCH WEBSEITEN SAMMELN UND AUSWERTEN KANN
  56. 56. GOOGLE IST WIE EIN KOPIERER, DER SEITEN AUS WEBSERVERN KOPIERT
  57. 57. CRAWLING
  58. 58. CRAWLING Crawler Crawler Crawler Schedular Document Index World Wide Web
  59. 59. INDEXIERUNG
  60. 60. INFORMATION RETRIEVAL SYSTEM
  61. 61. Quelle: http://www.blindfiveyearold.com/crawl-optimization
  62. 62. CRAWL BUDGET
  63. 63. Quelle: https://www.google.com/about/datacenters/
  64. 64. Quelle: https://www.stern.de/digital/online/google--wieviel-energie-verschlingt-eine-suchanfrage-8397770.html » Oder 5,7 Terawattstunden in 2015 = der jährliche Energiekonsum von San Francisco » Jeder Google-Nutzer könnte mit seinen monatlichen Suchanfragen eine 60-Watt- Glühbirne für drei Stunden mit Strom versorgen. LESEN UND AUSWERTEN KOSTET GOOGLE BARES GELD
  65. 65. Quelle: Google Suchergebnisse CRAWL BUDGET Website Crawler
  66. 66. CRAWL BUDGET Website Crawler
  67. 67. CRAWLING UND INDEXIERUNG KANN EINZELN GESTEUERT WERDEN
  68. 68. An die Angaben in der robots.txt Datei halten sich Google, Bind und Baidu. » Die robots.txt Datei wird von der Suchmaschine öfter „besucht“ » Die Steuerung erlaubt oder verbietet bestimmte Seiten zu crawlen » Die robots.txt verhindert nicht die Indexierung » Hauptaufgabe: Crawling Steuerung » Testen: GSC-> Crawling-> robots.txt Tester ROBOTS.TXT
  69. 69. Die XML-Sitemaps können über die entsprechenden Webmaster Tools bei Google, Bind und Baidu verifiziert werden. » Die XML-Sitemap Datei ermöglicht es, eine indexrelevante Liste mit URLs direkt an die Suchmaschine zu kommunizieren » Hier können hreflang Tags direkt vergeben werden » Größere Websites sollten mehrere, nach Themen erstellte XML-Sitemaps in einer Index XML- Sitemap bereitstellen » XML-Sitemaps können für Medien (Bilder, Videos) erstellt werden » Hauptaufgabe: Indexierung Steuerung » Testen: GSC-> Crawling-> Sitemap testen XML-SITEMAP
  70. 70. » Ein sehr wirksames Tool, das bei einer falschen Einstellung die gültige Steuerung (Canonical Tag, Meta Tag Robots) verhindern kann » Einzelne Parameter können hinzugefügt werden » Nicht konfigurierte Einstellungen haben kein Datum » Hauptaufgabe: Crawling und Indexierung Steuerung » Testen: Logfile Analyse, Google Index URL-PARAMETER TOOL IN DER GOOGLE SEARCH CONSOLE
  71. 71. » Im Bing Webmaster Tools können einzelne Parameter oder eine Liste mit Parametern eingereicht werden » Im Bing Webmaster Tools werden ausschließlich die Parameter eingegeben, die ignoriert werden sollen » Die Baidu Suchmaschine hat kein URL Parameter Tool » Hauptaufgabe: Crawling und Indexierung Steuerung » Testen: Logfile Analyse, Bing Index ANDERE URL-PARAMETER TOOLS
  72. 72. * Ist von den anderen Signalen stark abhängig POPULÄRSTE MAßNAHMEN UND DEREN EINSATZ Maßnahme Crawlen Indexieren Crawlen nicht Indexieren Meta Tags Robots V V V Sitemap.xml V V V rel=prev rel=next V V V GSC Parameter Tool V V V hreflang tag V V X Canonical Tag V * * robots.txt V X X
  73. 73. » Je länger die Seiten mit noindex,follow versehen werden, desto weniger werden sie gecrawlt. » Irgendwann hört die Suchmaschine auf, sie und die ausgehenden URLs der Seite zu crawlen. » Die ausgehenden Links dieser Seiten werden zu noindex,nofollow. NOINDEX WIRD ZU NOFOLLOW? Website noindex, follow Crawler Website index, follow Website index, follow
  74. 74. Quelle: eigene Testergebnisse anhand der LogFile Analyse » Je länger die Seiten mit noindex,follow versehen werden, desto weniger werden sie gecrawlt. » Irgendwann hört die Suchmaschine auf, sie und die ausgehenden URLs der Seite zu crawlen. » Die ausgehenden Links dieser Seiten werden zu noindex,nofollow. NOINDEX WIRD ZU NOFOLLOW? Website noindex, nofollow Crawler Website index, follow Website index, follow
  75. 75. CRAWLING- & INDEXIERUNGS- PROBLEME
  76. 76. URL-Änderung »Technische Änderungen (.html, Trailing Slash) »Alte Produkt URLs werden gelöscht »Kategorien werden verschoben »Unterkategorien werden umbenannt, usw. WEITERLEITUNGEN SERVER / HOSTING CLIENTS JAVASCRIPT Clientseitige Weiterleitung wie JavaScript und Meta Refresh sind nicht suchmaschinen- freundlich Serverseitige 301 - permanent 302 - temporär 307 - bitte über https
  77. 77. Quelle: https://searchengineland.com/301-302-redirect-best-seo-293795 CRAWLING BUDGET UND WEITERLEITUNGEN
  78. 78. Quelle: https://searchengineland.com/301-302-redirect-best-seo-293795 CRAWLING BUDGET UND WEITERLEITUNGEN
  79. 79. LINKS, DIE KEINE LINKS SIND Quelle:https://pbs.twimg.com/media/DyuAI2JXgAMpYq2.jpg
  80. 80. Quelle: https://www.seo-suedwest.de/4705-google-urls-die-server-fehler-ausloesen-sollten-vermieden-werden.html SERVERFEHLER MEIDEN
  81. 81. Quelle: https://twitter.com/badams/status/1105507159641649153 Testen BROKEN CODE MEIDEN
  82. 82. Quelle: https://about.google/intl/de/
  83. 83. NEUE LÖSUNGEN MÜSSEN FÜR DIE SUCHMASCHINE VERSTÄNDLICH SEIN
  84. 84. Quelle: https://twitter.com/igrigorik/status/893574202472644608?lang=de 20152019
  85. 85. Quelle: https://builtvisible.com/progressive-web-app-seo/ » Verwendung von serverseitigem Rendering » Inhalte mit verfügbaren URLs, keine # » JavaScript und CSS-Dateien dürfen nicht blockiert werden » Inhalte, die nach einem ausgeführten Event erreichbar sind, sind schwer zu indexieren (History API) Mehr dazu: https://builtvisible.com/on-infinite- scroll-pushstate/ DIE INHALTE MÜSSEN LESBAR SEIN
  86. 86. CLIENT & SERVER PROBLEME
  87. 87. PRÜFEN Tools Server / Client
  88. 88. SUCHMASCHINE PROBLEME
  89. 89. Endlose Daten
  90. 90. ANALYSE MIT FRAGEN STARTEN Mögliche Fragen Mögliche Fragen Gibt es veraltete Seiten (http, Dateiendungen usw.)? Gibt es verwaiste Seiten? Haben sich die Status Codes auf den Seiten geändert? Was crawlen die Suchmaschinen? Werden wichtige Seiten weniger gecrawlt als Unwichtige? Gibt es Seiten, die nicht in der Sitemap sind? Werden alle Sprachversionen entdeckt? Mögliche Fragen
  91. 91. PRÜFEN Tools Logfile Analyse Tools
  92. 92. WAS MACHT MAN, DAMIT MAN TROTZ LANGSAMER VERBINDUNG DIE GANZE ACTION MITBEKOMMT?
  93. 93. Quelle: https://www.semrush.com/blog/11-super-easy-new-ways-that-boosts-your-site-speed-like-never-before *https://www.phpclasses.org/blog/post/493-php-performance-evolution.html#performance SCHNELLER MIT… Non-nested Table - + PHP Update auf 7.1. Version mit „/“ Der Server schaut nach einen File, wenn die URL ohne “/” ist (extra Weiterleiung für den Server) Im Vergleich zu den früheren PHP Versionen, kann die 7.1. den Script um 26% schneller ausführen* CSS - oben, JS - unten Web Page Performance Test Hotlinking sperren
  94. 94. Quelle: https://developers.google.com/web/updates/2019/02/rendering-on-the-web DIE HAUPTENTSCHEIDUNG WIE EINE APP AUSGEFÜHRT WIRD, LIEGT AM RENDERING
  95. 95. Quelle: https://www.notprovided.eu/rendering-on-the-web-the-seo-version/ BEIM RENDERING SEO BEACHTEN
  96. 96. VIELEN DANK plan-net.com | Creating Relevance https://www.plan-net.com/de/ LinkedIn: http://www.linkedin.com/in/alonademchyk Xing: https://www.xing.com/profile/Alona_Demchyk Twitter: http://twitter.com/alonademchyk
  97. 97. » https://unsplash.com » https://www.pexels.com » https://thenounproject.com » https://giphy.com/gifs/bc-the-matrix- BMuWMPmykHL6E BILDER- UND ICONS-QUELLEN

×