Leider können viele JavaScripts, die ohne SEO-Überlegungen erstellt wurden, einen ernsthaften negativen Einfluss auf die Gesamtleistung der Website haben. Ich habe die wichtigsten SEO-Überlegungen skizziert, wenn Sie mit der Prüfung einer JavaScript-basierten Website/Zielseite beginnen.
SEO-Tipps für Websites mit JavaScript
Interner Link
Da die interne Verlinkung eine der obersten Prioritäten von Webmastern ist, sollten normale Link-Tags innerhalb von HTML oder DOM verwendet werden, damit Benutzer auf der gesamten Website von Webseite zu Seite navigieren können, anstatt JavaScript-Funktionen wie JavaScript-Onclick-Ereignisse zu nutzen. Die interne Verlinkung gilt als starkes Signal an Suchmaschinen bezüglich der genauen Website-Architektur und der Gesamtbedeutung der Seiten.
Zugänglichkeit von Inhalten
Damit der Inhalt sowohl für den Benutzer als auch für Suchmaschinen-Bots verständlich ist, muss der Inhalt innerhalb des Upload-Ereignisses indexierbar sein, eine indexierbare URL erfordern und SEO-Best Practices für HTML verwenden, um JavaScript-Websites darzustellen. Nicht nur das, sondern jeder Inhalt auf einer Website sollte einzigartig von der Website selbst und anderen Quellen im Internet sein, da er mit grundlegenden SEO-Praktiken übereinstimmt.
Verfügbarkeit
Es wurde berichtet, dass Suchmaschinen Headless Crawling implementieren, eine Art von Software, die auf Webseiten zugreifen kann, aber dem Benutzer nicht angezeigt wird, und den Inhalt der Webseite an ein anderes Programm weiterleitet, das im Backend ausgeführt wird. Ein Headless-Browser hilft beim Rendern des DOM, um die Erfahrung des Benutzers und die Inhaltszustände auf der Seite besser zu verstehen.
Es ist jedoch wichtig zu verstehen, wie JavaScript ausgeführt wird und wie es mit Suchmaschinen-Bots interagiert, da es sonst riesige organische Ergebnisse liefert.
Wiedergabe
JavaScript kann die Gesamtwiedergabe einer Webseite beeinflussen. Wenn also etwas das Rendern blockiert, kann es das Laden der Seite verzögern. Als allgemeine Faustregel empfiehlt Google, dass Sie JavaScript vollständig entfernen oder zumindest verschieben, das verhindert, dass die oberste Inhaltsebene auf einer Website geladen wird.
Top of the fold bezieht sich auf den Teil der Webseite, der erscheint, wenn die Seite zum ersten Mal geladen wird. Der nächste Abschnitt der Seite wird als "unterer Bildschirmrand" bezeichnet, der einen Bildlauf erfordert.
Überlegungen zur Einzelseitenanwendung
Eine Single Page Application (SPA) ist eine Webanwendung / Website, die in erster Linie für eine effiziente Ausführung im Web konzipiert und erstellt wurde. Im Gegensatz zum Laden einer ganzen Seite vom Server werden diese Seiten dynamisch neu geschrieben und mit den Teilen geladen, die Sie benötigen.
Der SPA-Ansatz bietet eine schnelle Ladezeit, verbraucht weniger Bandbreite und sorgt dafür, dass sich die Anwendung eher wie eine Desktop-Anwendung verhält, was dem Benutzer ein angenehmes Erlebnis bietet. Es ist zu beachten, dass je nach Verwendung der Anwendung viele verschiedene SPA-Framework-Optionen verfügbar sind. Unter ihnen; React.js, Angular.js, Backbone.js, Preact, Next.js etc. können gezählt werden.
Es kann viele Hürden geben, wenn Google versucht, Inhalte im SPA zu crawlen und zu indizieren. Wenn Sie also SPA verwenden, wird empfohlen, mehrere Male mit dem Befehl „Fetch“ zu testen, um zu verstehen, was Google bekommt.
JavaScript-SEO-Tools: Überprüfen Sie Ihr JavaScript
Mit den endlosen Möglichkeiten von JavaScript steht eine Reihe hilfreicher Tools zur Verfügung, um Probleme mit JavaScript-Code zu bewerten und zu beheben. Hier sind einige, die Sie als SEO nützlich finden werden:
URL-Inspektionstool
Das „URL Inspection Tool“ in der „Google Search Console“ zeigt Informationen darüber an, ob Google eine Seite gecrawlt/indexiert hat, ob Fehler aufgetreten sind und warum.
DeepCrawl
DeepCrawl kann zum Crawlen und Rendern von JavaScript auf allen verschiedenen Seiten einer Website nach dem gleichen Muster wie Google verwendet werden. Dieses intelligente Tool ermöglicht es Ihnen, das Rendering in großem Umfang effektiv zu testen und zu überwachen, und hilft Ihnen wiederum zu verstehen, ob JavaScript von Suchmaschinen-Bots gecrawlt und indiziert werden kann.
Mobile-Friendly-Test
Der Handy-freundliche Tester von Google liefert Informationen darüber, wie einfach/schwierig es für einen Besucher ist, auf einem Mobilgerät auf Ihrer Website zu navigieren.
Informationen zur Seitengeschwindigkeit
Der Page Speed Analyzer (PSI) von Google zeigt effektiv die Leistung von Mobil- und Desktop-Geräten an. Darüber hinaus liefert dieses Tool Vorschläge, wie dies verbessert werden kann.
Ort: Befehl
Site: Command ist eines der direktesten Tools, mit denen Sie sehen können, ob Google Ihre Inhalte korrekt indexiert. Dazu können Sie den Befehl in Google – Website vervollständigen: [Ihre Website-URL] „Textinhalt oder Abfrage“
Unterschied Controller
Diffchecker ist ein einzigartiges Tool, mit dem Sie zwei Arten von Textdateien vergleichen und die Unterschiede zwischen beiden überprüfen können. Dies ist besonders nützlich, um eine Analyse des ursprünglichen Quellcodes von Webseiten gegenüber dem gerenderten Code durchzuführen. Dieses Tool bietet umfassende Vergleiche darüber, wie sich Inhalte seit ihrer Erstellung verändert haben.
Chrome-Entwicklungstools
Chrome DevTools sind eine Reihe von Tools, die erfahrene Webentwickler direkt zum Chrome-Browser von Google hinzufügen können. Chrome DevTools kann Ihnen beim Bearbeiten und schnellen Stiländerungen helfen, ohne dass Sie einen Texteditor verwenden müssen.