SEO-Manifest rendern: Warum wir über JavaScript-SEO hinausgehen müssen

Veröffentlicht: 2020-12-12

Möchten Sie sicherstellen, dass Suchmaschinen ordnungsgemäß auf Ihre Inhalte zugreifen und einen hohen Rang einnehmen?

In seiner SEJ eSummit-Sitzung stellte Bartosz Góralewicz vor, wie Google Websites in großem Maßstab rendert, und gab Einblicke in die Patente und Dokumentationen von Google.

Hier ist eine Zusammenfassung seiner Präsentation.

JavaScript-Code

Das Problem mit JavaScript

Góralewicz und sein Team stellten fest, dass 40% der auf JavaScript basierenden Inhalte nach 14 Tagen nicht indiziert sind.

Werbung
Lesen Sie weiter unten

Es wird schlimmer.

Zehn Prozent der URLs innerhalb einer durchschnittlichen Domain werden nicht von Google indiziert, und es handelt sich um eindeutige indizierbare URLs.

Dies ist etwas zu beachten, zumal sich diese Trends im Laufe der Zeit ändern und sich verschlimmern können.

Im Jahr 2015 behauptete Google, dass sie gut darin sind, Folgendes zu rendern:

"[A] Solange Sie Googlebot nicht daran hindern, Ihre JavaScript- oder CSS-Dateien zu crawlen, können wir Ihre Webseiten im Allgemeinen wie moderne Browser rendern und verstehen."

Seit 2017 haben Góralewicz und sein Team viele andere Experimente erstellt, darunter Tarnungsexperimente mit JavaScript und anderen, bei denen Probleme beim Crawlen und Indizieren von JavaScript-basierten Websites festgestellt wurden.

Im selben Jahr begann Google offen über JavaScript SEO zu sprechen.

Obwohl wir heute Martin Splitt von Google haben, der der SEO-Community unglaublich hilfreich war, bleiben noch Fragen offen.

Werbung
Lesen Sie weiter unten

Im November 2019 gab Splitt auf dem Chrome Developer Summit bekannt, dass sich der Median für das Rendern bei Google von bis zu einer Woche im Jahr zuvor auf nur fünf Sekunden im Jahr 2019 verbessert hat.

Góralewicz und die zusätzliche Untersuchung des Onely-Teams ergaben jedoch, dass "die mittlere Renderverzögerung für neue Websites praktisch nicht vorhanden ist und die Verzögerung bei der Indizierung von JavaScript-Inhalten immer noch sehr groß ist".

Viele JavaScript-basierte Websites werden nicht indiziert und haben auch nach zwei Wochen keinen Rang mehr.

Sie entdeckten auch, dass:

  • Es gibt kaum große Marken im Google-Index.
  • Das Indizieren von HTML ist nicht so einfach wie angenommen.
  • Indizierungstrends schwanken während Google-Updates.
  • Sie können aus dem Google-Index ausgeschlossen werden.

Eine der Herausforderungen bei der Diagnose von Indizierungsverlusten besteht derzeit darin, dass der Befehl site unzuverlässig ist und viele falsch negative Ergebnisse zurückgeben kann.

Site-Befehl

Einstieg in den Google-Index: Eine große SEO-Herausforderung

Die Aufnahme Ihrer Inhalte in den Google-Index ist eine absolute Grundlage für Ihre Online-Präsenz - und bleibt auch heute noch eine große SEO-Herausforderung.

Und dieses Problem wird mit den begrenzten Ressourcen von Google noch größer, da sie nicht das gesamte World Wide Web rendern und indizieren können, insbesondere angesichts der Kosten, die jetzt mit vielen modernen Websites verbunden sind.

Schauen Sie sich nur einige der größten Marken mit erheblichen Indexierungsproblemen an.

Prozentsatz der nicht indizierten URLs

Wenn Google Ihre Webseiten nicht indiziert, spielen alle anderen SEO-Aktivitäten keine Rolle.

Werbung
Lesen Sie weiter unten

Gut, dass sowohl SEOs als auch Googler das Gespräch über Indizierungsprobleme beginnen und wir bessere Datenquellen haben, um solche zu validieren.

Und die meisten Indexierungsprobleme können tatsächlich durch technisches SEO gelöst werden.

Hier ist wie.

Batch-optimiertes Rendern: So funktioniert es

Google betrachtet Ihre Website aus einer Perspektive der stapeloptimierten Rendering- und Fetch-Architektur (BOR).

Wenn Sie diese Ansichten nebeneinander betrachten, unterscheidet sich das, was Google sieht, von dem, was Nutzer in einem Browser sehen.

Batch-optimiertes Rendering

Wie funktioniert BOR?

Werbung
Lesen Sie weiter unten

Schritt 1: BOR überspringt alle Ressourcen, die für die Erstellung einer Vorschau Ihrer Seite nicht unbedingt erforderlich sind

Der erste Schritt für eine stapeloptimierte Rendering- und Abrufarchitektur besteht darin, alle Ressourcen zu entfernen, die Google nicht benötigt, um die Vorschau oder das Layout Ihrer Website zu generieren.

Das beinhaltet:

  • Tracking-Skripte (Google Analytics, Hotjar usw.)
  • Anzeigen
  • Bilder

Durch einfaches Entfernen dieser zusätzlichen Ressourcen können bis zu 50% der Lade-, Skript- und Renderzeit eingespart werden. Dies spart bei Google eine Menge Ressourcen.

Schritt 2: Stellen Sie den Wert einer virtuellen Uhr ein

Im zweiten Schritt, den Google unternimmt, wird der Wert der virtuellen Uhr festgelegt (worauf wir weiter unten noch näher eingehen werden).

Schritt 3: Das Layout der Website wird generiert

Sobald die Zeit auf dieser virtuellen Uhr abgelaufen ist, wird das Layout der Website generiert.

Werbung
Lesen Sie weiter unten

Es sind zwei Schlüsselkonzepte zu beachten:

  • Die virtuelle Uhr.
  • Das Layout.

Was ist eine virtuelle Uhr?

Virtual Clock misst die Kosten für das Rendern einer Website.

Es ist eine Art Rendering-Budget von Google-Seite, und Websites wird ein wenig des "Budgets" zugewiesen.

Wenn das Rendern angehalten wird, um Ressourcen (oe, Skripte, CSS-Dateien, Bildabmessungen usw.) abzurufen, wird diese virtuelle Uhr nicht weiterentwickelt. Es schreitet nur voran, wenn wir tatsächlich rendern.

Dies bedeutet, dass Sie mehr „virtuelle Zeit“ auf der virtuellen Uhr benötigen, wenn Ihre Website über viel CSS, JavaScript oder andere Ressourcen verfügt.

Es gibt jedoch keine Garantie dafür, wie viel von dieser virtuellen Uhrzeit Sie erhalten können.

Obwohl wir nicht wissen, wie hoch das Limit ist (und wir werden es vielleicht nie erfahren), können wir herausfinden, wie ressourcenhungrig unsere Website ist.

Werbung
Lesen Sie weiter unten

Mit Chrome DevTools können Sie Ihre CPU verlangsamen und sehen, wie sich dies auf die Skripterstellung und das Rendern auswirkt.

Nehmen wir als Beispiel die Website von H & M.

Es erhöhte die Zeit um das bis zu 25-fache.

Wir können sehen, wie H & M mit Rendering und Indizierung zu kämpfen hat.

Chrom DevTools - Langsame CPU

So messen Sie die "virtuelle Taktlast" Ihrer Website

Góralewicz empfiehlt zwei Optionen zur Messung Ihrer „virtuellen Taktlast“.

Werbung
Lesen Sie weiter unten
  • Verwenden Sie Onely's Too Long; Das Tool "Nicht gerendert" (TL; DR) berechnet die Kosten für das Rendern einer Webseite von 0 bis 100.
  • Simulieren Sie BOR in Ihren Chrome DevTools. (Hier ist eine detaillierte Anleitung.)

Das Layout Ihrer Seite

Wenn die Zeit für virtuelle Uhren abgelaufen ist, wird das Layout generiert, unabhängig davon, ob das Rendern zur Hälfte abgeschlossen ist oder nicht.

Dies führt zu vielen potenziellen Herausforderungen.

Am wichtigsten ist, dass hier JavaScript SEO endet und das Rendern von SEO beginnt.

Beim Rendern wird viel Wert darauf gelegt, wie sich das Layout mit dieser ganzen Idee auswirkt.

Inhaltsstandortangelegenheiten

Wir wissen bereits, dass Text über der Falte wichtiger ist als Text unter der Linie.

Es stellt sich heraus, dass dies auch Auswirkungen darauf hat, wie Google diesen Inhalt crawlt.

Das 2011 von Google erteilte Patent "Scheduling Resource Crawls" zeigt uns, wie die Suchmaschine verschiedene Abschnitte der Websites sowie die Links in diesen Abschnitten mit unterschiedlicher Priorität betrachtet.

Dies zeigt, dass Javascript SEO nur die Spitze des Eisbergs ist. Es geht nur darum, ob Google unsere Inhalte sehen kann.

Werbung
Lesen Sie weiter unten

Das Rendern geht weit darüber hinaus.

SEO-Manifest rendern: Warum wir über JavaScript-SEO hinausgehen müssen

Es ist ein viel umfassenderes Thema, denn abgesehen davon, dass Google nur den Inhalt sieht, interessieren wir uns jetzt für:

Das Layout der Seite.

  • Die Wichtigkeit von Inhalten, basierend auf Textgröße, Platzierung usw.
  • Interne und externe Link-Extraktion.
  • Eintrittsänderungsraten.
  • Andere Faktoren, die damit zu tun haben, wie eine Website gerendert wird und wie sie danach aussieht, einschließlich Bilder .

Batch-Rendering vs. Bilder

Der Rendering-Service von Google verwendet Scheinbilder. Hier ist ein Beispiel dafür, wie sich das auswirkt.

Beispiel für das Rendern von Bildstapeln

Was ist mit Links?

Der Wert von Links hängt von ihrer Position und ihren Attributen ab.

Wir wissen das schon seit einiger Zeit, aber das wird interessanter, wenn wir uns mehr Muster von Google ansehen.

Verbindungsposition

Die Position des Links innerhalb der Seite ist wichtig.

Werbung
Lesen Sie weiter unten

Dies wirkt sich darauf aus, wie Google diesen Link crawlt und welche Art von "Bewertung" Google diesem Link zuweist.

Außerdem wird Links in wichtigen Abschnitten Ihrer Seite möglicherweise ein höherer Wert zugewiesen als Links in weniger wichtigen Abschnitten.

Gemäß den Ranking-Dokumenten, die auf dem Benutzerverhalten und / oder dem Patent für Feature-Daten basieren (das Reasonable Surfer-Modell), sind mit Links viele andere Features verbunden, darunter:

  • Umgebender Text: Wörter vor und / oder nach dem Link;
  • Art des Links (zB Bild / Text)
  • Wie kommerziell der mit einem Link verknüpfte Ankertext sein könnte
  • Anzahl der Links im Quelldokument
  • Schriftgröße

Darüber hinaus analysiert Google Seiten nicht auf Blockebene. Ein Link kann, selbst wenn er in einem beliebten Abschnitt einer Seite platziert wird, als unwichtig angesehen werden - beispielsweise, wenn es sich um einen Link zu den Nutzungsbedingungen, eine Bannerwerbung oder einen Link handelt, der nicht mit dem Dokument zusammenhängt.

Es ist wichtig zu beachten, dass Google, um das vernünftige Surfer-Modell vollständig anzuwenden, die Seite vollständig gerendert haben muss.

Weitere Top Stories - CNN

Gemäß den Ranking-Dokumenten, die auf dem Benutzerverhalten und / oder dem Patent für Feature-Daten basieren (das Reasonable Surfer-Modell), sind mit Links viele andere Features verbunden, darunter:

Werbung
Lesen Sie weiter unten
  • Umgebender Text: Wörter vor und / oder nach dem Link.
  • Art des Links (z. B. Bild / Text).
  • Wie kommerziell der mit einem Link verknüpfte Ankertext sein könnte.
  • Anzahl der Links im Quelldokument.
  • Schriftgröße.

Darüber hinaus analysiert Google Seiten nicht auf Blockebene.

Ein Link kann, selbst wenn er in einem beliebten Abschnitt einer Seite platziert wird, als unwichtig angesehen werden - beispielsweise, wenn es sich um einen Link zu den Nutzungsbedingungen, eine Bannerwerbung oder einen Link handelt, der nicht mit dem Dokument zusammenhängt.

Es ist wichtig zu beachten, dass Google, um das vernünftige Surfer-Modell vollständig anzuwenden, die Seite vollständig gerendert haben muss.

Welche Abschnitte werden indiziert?

Góralewicz und sein Team haben durch neunmonatige Recherchen herausgefunden, dass Google sehr ähnliche Heuristiken verwendet, um auszuwählen, welche Teile einer Website gerendert werden sollen und welche davon übersprungen werden können.

Um eine teilweise Indizierung zu diagnostizieren, untersuchte das Onely-Team beliebte Websites, um festzustellen, welche Teile eines bestimmten Layouts indiziert sind und welche nicht.

Werbung
Lesen Sie weiter unten

Sie stellten fest, dass Google einige Teile der Websites offenbar eifriger ignoriert als andere.

Zum Beispiel scheint Google Probleme mit dem Rendern von Abschnitten zu "verwandten Elementen" und "Sie könnten auch interessiert sein" zu haben.

Google wird höchstwahrscheinlich Ihren Hauptinhalt indizieren.

Aber … es besteht eine gute Chance, dass Ihre Website, wenn sie stark mit Skripten und Rendering beschäftigt ist, einen Teil Ihrer Seite überspringt, der nicht so wichtig ist wie der Hauptinhalt, nachdem Google versucht hat, dieses Layout zu verstehen.

Google hat erwähnt, dass sie das Skript unterbrechen, wenn sie schwer sind, aber wir wussten bis jetzt nicht, was das bedeutet.

Teilindizierung: Schlüsselergebnisse

Möglicherweise denken Sie, dass die teilweise Indizierung für ein Problem nicht so wichtig ist.

  • Wenn sie zuerst Ihren Hauptinhalt indizieren, können wir davon ausgehen, dass dies eine kluge Entscheidung von Google ist.
  • Dies bedeutet, dass sie häufig Teile Ihres Layouts ignorieren.
  • Dies kann zu Problemen bei der allgemeinen Indizierung und beim Crawlen führen.
  • Und wir kehren zu dem Problem zurück, dass nach 14 Tagen rund 40% des JavaScript-Inhalts nicht indiziert sind.

Dies führt jedoch zu einem noch größeren Problem: Nach 14 Tagen sind 10% der URLs nicht indiziert.

Werbung
Lesen Sie weiter unten

Dies geht weit über JavaScript SEO hinaus, da das Rendern mit und ohne JavaScript erfolgt.

JavaScript ist nicht der Hauptgrund für das Rendern.

Wenn wir wissen, was wir jetzt wissen, sollten wir es trotzdem JavaScript SEO nennen?

Imbissbuden

Zum Abschluss seiner Präsentation teilte Góralewicz die folgenden Erkenntnisse mit:

  • Das Rendern von SEO und das Indizieren werden einer der heißesten SEO-Trends sein. Demnächst.
  • Wenn Sie nicht indiziert sind, spielen alle anderen SEO-Aktivitäten, die Sie ausführen, keine Rolle.
  • Indizierung ist etwas, das Sie sehen und messen können. Es treibt den Umsatz an. Direkt.
  • Zum ersten Mal in der Geschichte der Suchmaschinenoptimierung haben wir ein gutes Verständnis dafür, wie Rendering und Indizierung funktionieren. Lassen Sie uns dies also gut nutzen.

Sehen Sie sich diese Präsentation an

Sie können jetzt die vollständige Präsentation von Góralewicz von SEJ eSummit am 2. Juni sehen.

Mehr Ressourcen:

Werbung
Lesen Sie weiter unten
  • JavaScript-Grundlagen für SEO-Profis
  • Die Einführung der SEO in das Rendern
  • Wie (und warum) Suchmaschinen Seiten rendern

Bildnachweis

Ausgewähltes Bild: Paulo Bobita
Alle Screenshots vom Autor, Juli 2020