Home » Blog » Wie man SEO und Benutzerfreundlichkeit in Einklang bringt

Wie man SEO und Benutzerfreundlichkeit in Einklang bringt

Januar 2, 2023
Es ist ein Kampf der Zeiten, der uralte Kampf zwischen Design-, Entwicklungs- und SEO-Teams. Dies gilt umso mehr, als Google seine E-A-T-Leitlinien um das „E“ für Experience ergänzt hat. Im Moment überlassen wir die Entwickler ihren matrixartigen Aktivitäten und konzentrieren uns auf Design und SEO. Es ist ein schmaler Grat zwischen gutem Webdesign und SEO-sicherem Seitenaufbau zu beschreiten. Das Problem ist, dass diese schönen Elemente in der Regel nicht gerade hochwertige, crawlbare On-Page-Inhalte liefern… Genug der Vorrede, kommen wir zu dem, was Sie beachten und vermeiden sollten, und wie Sie einige der Probleme lösen können, auf die Sie zwangsläufig stoßen werden!

Wie man inhaltliche defizite entdeckt

Um sicherzustellen, dass Ihre Website immer noch gut platziert ist, obwohl sie immer noch fliegend aussieht, müssen Sie den Überblick darüber behalten, wie viele JavaScript-lastige Elemente auf Ihrer Seite sind. Beginnen wir genau dort, und nennen wir es den Schritt „Herausfinden, ob Sie ein großes Problem haben“. Der einfachste Weg, um herauszufinden, ob JS Ihren Rankings schadet, ist die Installation dieses Plugins (nur für Chrome, sorry, nicht sorry, Safari-Nutzer!). Mit diesem benutzerdefinierten Toggle können Sie das gesamte JavaScript auf einer Seite abschalten. Wenn Sie diese Funktion deaktivieren, sehen Sie, was der Google-Crawler beim Laden Ihrer Seite sieht. Im besten Fall haben Ihre Entwickler bei der Produktion aufgepasst und nicht ganze Elemente JS-abhängig gemacht. Im schlimmsten Fall… wäre es nicht das erste Mal, dass dieser Schalter zu einer völlig leeren Seite mit ein paar verstreuten Bildern führt.

Javascript: auffälligkeit vs. Grundlegende funktionalität

Es ist kein Geheimnis, dass JavaScript uns in Sachen UX-Design eine Menge gebracht hat. Die Optionen für dynamische Inhalte sind nahezu unbegrenzt und verleihen Ihren Webseiten den „Wow-Faktor“, den Sie vielleicht bisher vermisst haben. Aber all die auffälligen, dynamischen Elemente, die umherschwirren, bringen einige schwerwiegende Nachteile in Bezug auf die Kriechbarkeit und Erreichbarkeit mit sich.

Um Ihnen ein einfaches Beispiel zu geben, müssen Sie nur die Geschwindigkeit der Website betrachten. Mit komplexen Animationen und Pop-ups, die Ihre Seite überladen, zahlen Sie den Preis in Bezug auf die Ladegeschwindigkeit. Dies könnte zu ernsten Problemen für Ihre Website führen, da der Google-Crawler nur ein ganz bestimmtes Budget für Ihre Website zur Verfügung hat. Einfach ausgedrückt: Wenn JS Ihre Website wie einen alten Dieselmotor laufen lässt, werden Sie ernsthafte Schwierigkeiten haben, sie gut zu platzieren.

Rendering-probleme und probleme mit der crawlability

Nach dem Crawling indexiert Google die Websites in zwei Wellen, wobei die erste Welle Wochen oder sogar einen Monat früher als die zweite erfolgt. Der Unterschied zwischen diesen beiden? Seiten, die gerendert werden müssen, und solche, die nicht gerendert werden müssen. Und Sie haben es erraten: JavaScript erhöht die Menge der gerenderten Ressourcen auf Ihrer Seite erheblich. Das bedeutet, dass Ihre Website in den zweiten Stapel fällt und Wochen später als HTML-Seiten bearbeitet wird. Diskrepanzen zwischen Ihrem HTML und Ihrem JS können sogar dazu führen, dass Ihre Seite überhaupt nicht indiziert wird.
Image

Jetzt möchten Sie natürlich testen, ob Sie einige dieser Probleme haben werden, nicht wahr? Keine Sorge, ich habe alles im Griff. Nehmen Sie zum Beispiel das Google-eigene URL-Inspektionstool, das in einem meiner Lieblingstools versteckt ist: Google Search Console.

Mit diesem Tool können Sie Crawling-Probleme in Echtzeit erkennen. Es zeigt sogar JavaScript-Konsolenmeldungen wie Warnungen und Fehler an, die Google beim Crawlen Ihrer Seite festgestellt hat.

Corporate Marketing Manager
Niels Krikke ist der Corporate Marketing Manager bei Seeders Zwolle. Mit einem Hintergrund im strategischen Marketing und einem geschulten Auge für Details widmet sich Niels der Entwicklung effektiver Marketingkampagnen, die Ergebnisse für unsere Kunden erzielen. Mit einem Fokus auf datengesteuerte Strategien und einer Leidenschaft für Innovation spielt Niels eine Schlüsselrolle bei der Entwicklung und Umsetzung von Marketinginitiativen, die unseren Kunden helfen, ihre Geschà¤ftsziele zu erreichen.
Image