it-swarm.com.de

Ist ein großes Stilattribut schlecht für SEO?

Ich arbeite mit WordPress an einer Website. Beim Öffnen der Chrome-Konsole (Strg + Maj + I) konnte ich ein RIESIGES Stilattribut und jede Menge Skripte feststellen, die direkt in das HTML-Dokument geschrieben wurden.

Nach der guten Praxis von Google möchten Sie dies nicht tun. Bei Gesprächen mit dem Kundendienst des Themas wurde jedoch argumentiert, dass dies KEINEN Einfluss auf die SEO hat, da es sich um ein PHP generiertes Dokument handelt.

Ich weiß, es klingt wie eine Anfängerfrage, aber ist es wahr?

1
Florent

Die technischen Details, wie der Code für eine Seite geliefert wird, haben fast keinen Einfluss auf SEO. Google ordnet die Seiten nach Faktoren, die die Nutzer sehen werden, und nicht nach der Schönheit der Entwicklung. Inline-CSS und -Skripte sind für Google keine Ranking-Faktoren.

Das einzige Mal, dass Code für SEO von Bedeutung ist, ist, wenn er die Leistung beeinträchtigt. Für SEO muss der Quellcode Ihrer Seite innerhalb von 7 Sekunden vollständig heruntergeladen werden. Wenn es für Googlebot langsamer ist, verschlechtert Google die Platzierung. Es wird auch am vollständigsten heruntergeladen und für Benutzer innerhalb von 3 Sekunden gerendert. Wenn es langsamer ist, verwenden die Benutzer es nicht mehr so ​​oft. Google bemerkt dieses Nutzerverhalten und verschlechtert die Platzierung.

Inline-CSS bedeutet, dass es nicht zwischen den Seitenladevorgängen zwischengespeichert werden kann. Das bedeutet, dass die erste Seitenansicht möglicherweise schneller gerendert werden kann, die nachfolgenden Seitenaufrufe jedoch langsamer.

Es gibt gute Gründe für die Entwicklungspraxis, um Stile von Stilattributen abzuhalten:

  • Code in Stilattributen wirkt sich nur auf ein Tag aus. Wenn derselbe Stil auf mehrere Tags angewendet werden soll, muss der CSS-Code dupliziert werden. Das würde gegen die gute Entwicklungspraxis von "Wiederhole dich nicht" (DRY) verstoßen.
  • Wenn Sie alle CSS-Dateien in .css -Dateien speichern, können Sie sie leicht finden. Jemand, der sich zum ersten Mal mit Ihrer Codebasis befasst, wird anfangen, dort nach Stilen zu suchen, und möchte keine PHP - und HTML-Dateien öffnen müssen, um CSS zu finden.
  • Indem Sie alle CSS-Dateien in .css -Dateien speichern, können Sie Code trennen, an dem wahrscheinlich verschiedene Entwickler arbeiten. Diese "Trennung von Bedenken" bedeutet, dass der Front-End-Designer und der Back-End-Codierer weniger wahrscheinlich auf einander treten und weniger wahrscheinlich Codeänderungen vornehmen, die miteinander in Konflikt stehen.
2

Ja und Nein. Es wird nicht empfohlen, aber nicht aus dem Grund, den Sie vielleicht denken.

Google und Besucher mögen schnelle Websites. Wenn Sie viel CSS haben, bedeutet dies, dass Ihr Download langsamer ist, was wiederum Ihre Website langsamer macht, was wiederum die Benutzerfreundlichkeit Ihrer Website ein wenig beeinträchtigt.

Je mehr Selektoren Sie verwenden, desto komplexer wird Ihre CSS, desto mehr Zeit verbringt der Browser mit dem Parsen des CSS, um die Webseite zu erstellen -> langsamer -> weniger reibungsloses Arbeiten.

Ja, es ist ein Problem, wenn Sie mit Ihrem CSS schlampig sind und ineffektive Selektoren verwenden.
Nein, es ist kein Problem, wenn Sie das Stylesheet wie vorgesehen normal verwenden. Manchmal braucht man einfach viel Styling.


Wie verbessere ich mein CSS?

Für Ihre Besucher optimieren, nicht für Bots. Halten Sie sich daran, und Sie haben einen guten langfristigen Plan.
Versuchen Sie, so viel wie möglich wiederzuverwenden. Aus diesem Grund sind Rastersysteme beliebt. Sie können die Breiten dieser Spalten wiederverwenden. Verlassen Sie sich auf das C von Css, Cascading.
Nicht im Inline-Stil, da ein Browser die CSS-Datei herunterladen und analysieren kann, die in Ihrem DOM gespeichert ist. Inline-Style-Blöcke invertieren dies. Außerdem kann das Inline-Styling nicht zwischengespeichert werden, was Sie möchten.
Verbessern Sie Ihre Selektoren, z. Verwenden von #idForAnUniqueElement anstelle von .classForItemYouUseOnce. Wenn dies nicht möglich ist, versuchen Sie es einzuschränken, wenn Sie z. muss p{} verwenden, versuche #paragrapWrapElement p{} als Selektor.
Teile dein CSS in zwei Teile. Stellen Sie ein Stylesheet im Kopf mit dem beim Laden erforderlichen CSS bereit (z. B. Ihre Stammnavigationselemente), damit eine Seite schnell erstellt werden kann. Das 2. Stylesheet nahe dem Ende Ihres Körpers, damit es den Rest ausfüllen kann (z. B. Unternavigation, da dies beim Schweben sichtbar wird, sodass Sie es später analysieren können).

1
Martijn

Wenn Sie in Ihrem HTML-Code sehr große Skripte oder Stile verwenden, wird der Download und die Ausführung der Seite verlangsamt. Inline-Skripte und -Stile werden vom Browser nicht zwischengespeichert. Eine langsamere Seite hat negative Auswirkungen auf die Suchmaschinenoptimierung, wenn auch nicht sehr stark, es sei denn, die Seite ist sehr langsam.

es hatte KEINEN Einfluss auf die SEO, da es sich um ein PHP generiertes Dokument handelt.

Dies ist eine völlig falsche Aussage. Es ist egal, was den HTML generiert. Bad HTML ist genauso schlecht, ob es von PHP, NodeJS, C++ oder komplett manuell geschrieben wird.

Die Backend-Sprache für die serverseitig generierte Seite ändert nichts, solange die Seite relativ schnell generiert wird.

0
Maadinsh