Technische Optimierung der Website – die wichtigsten Maßnahmen

Hören Sie sich diesen Artikel an

Technische Website-Optimierung für Suchmaschinen. Der Leitfaden beschreibt Methoden zur internen Website-Optimierung.
Technische Optimierung — die richtige Einstellung der Website für die Interaktion mit Suchmaschinen von höchster Qualität. Dies muss unmittelbar nach der Installation der Engine und während der Arbeit mit der ersten Befüllung der Site mit Inhalten erfolgen. Jetzt verrate ich Ihnen, auf welche wichtigen Aspekte der Optimierung Sie zuerst achten und diese erledigen müssen.

Der Inhalt des Artikels:

• Technisches SEO versus internes SEO vs. externes SEO
• Korrekte Site-Struktur
• Korrekte Seitenverlinkung
• Breadcrumbs und Benutzerfreundlichkeit
• Technische Optimierung ist in erster Linie Codeoptimierung

Technisches SEO versus internes SEO vs. externes SEO

Viele Menschen unterteilen die Suchmaschinenoptimierung (SEO) in drei verschiedene Blöcke: On-Page-SEO, Off-Page-SEO und technisches SEO. Werfen wir einen kurzen Blick darauf, was jeder von ihnen bedeutet.

Interne SEO-Optimierung

SEO auf der Seite bezieht sich auf Inhalte, die Suchmaschinen (und Lesern!) sagen, worum es auf Ihrer Seite geht, einschließlich Bild-Alt-Text, Schlüsselwortverwendung, Meta-Beschreibungen, H1-Tags, URL-Namen und interne Links. Sie haben die maximale Kontrolle über die On-Page-SEO, da sich alles auf Ihrer Website befindet.

Externe SEO-Optimierung

Externes SEO teilt Suchmaschinen durch Vertrauen mit, wie beliebt und nützlich Ihre Seite ist – hauptsächlich durch Backlinks oder Links von anderen Websites zu Ihrer eigenen. Quantität und Qualität der Backlinks erhöhen den PageRank und den IQ der Seite. Unter sonst gleichen Bedingungen hat eine Seite mit 100 relevanten Links von vertrauenswürdigen Seiten einen höheren Rang als eine Seite mit 50 relevanten Links von vertrauenswürdigen Seiten (oder 100 irrelevanten Links von vertrauenswürdigen Seiten).

Technische SEO-Optimierung

Sie haben auch die Kontrolle über technisches SEO, es ist jedoch etwas schwieriger zu beherrschen, da es weniger intuitiv ist.

Korrekte Site-Struktur

Jede Site sollte die bequemste Struktur haben. Wie Menschen betrachten Suchmaschinen eine Website und bewerten deren Benutzerfreundlichkeit. Jede Internetressource sollte eine Verschachtelung von nicht mehr als drei Seiten haben. Das heißt, von der Hauptseite aus soll der Nutzer mit maximal drei Klicks zu jeder Seite gelangen können. Die wichtigsten Beispiele technischer Seitenoptimierung für das beste Ranking in Suchmaschinen.
Die korrekteste und einfachste Struktur für eine Informationsseite wäre:

— Startseite — Kategorie — Material.

Kategorien definieren Abschnitte. Wenn es auf der Website um verschiedene Krankheiten geht, können die Kategorien sein: Kardiologie, Neurologie, Chirurgie ...
Für komplexere Projekte mit mehr Informationen könnte die Struktur wie folgt aussehen:

— Haupt — Kategorie — Unterkategorie — Material.

Dadurch wird die Struktur erweitert, bleibt aber klar und logisch. Beispielsweise kann die Kategorie „Kardiologie“ auf dieser Website die Unterabschnitte „Herzerkrankungen“ und „Gefäßerkrankungen“ enthalten.
Es ist nicht verboten, Material zu veröffentlichen, das sich auf zwei oder mehr Abschnitte bezieht. Beispielsweise kann sich ein Material über Hepatitis gleichzeitig in den Kategorien Hepatologie und Virologie befinden. Die Hauptsache ist, die Materialhierarchie zu beachten.
Der Aufbau der richtigen Struktur wird in der Phase der Planung und Sammlung des semantischen Kerns durchdacht.

Korrekte Seitenverlinkung

Ich bereite bereits ausführlicheres Material zum Thema Verlinkung vor und werde es bald veröffentlichen. Relinking – Platzieren von Links innerhalb der Website, um Benutzern die Navigation zu erleichtern und die Gewichtung von Seiten zu übertragen.
Um ein Beispiel für eine Verlinkung zu sehen, öffnen Sie einen beliebigen Wikipedia-Artikel. Jeder enthält viele Links zu anderen Artikeln. Es gibt sogar einen Witz, dass man von jedem Wikipedia-Artikel aus mit fünf Klicks zu einem Artikel über Hitler gelangen kann. Natürlich sollte der Artikel auf Ihrer Website nicht 20 Links zu anderen Materialien enthalten, es sind jedoch 2-4 Links erforderlich.

Eine wichtige Eigenschaft der Verlinkung ist die Gewichtsverlagerung auf andere Seiten. Wenn alle Seiten miteinander verbunden sind, wird das Gewicht gleichmäßig verteilt und die Gesamtpositionen wachsen. Und wenn eine bestimmte Seite beworben wird, wird das Gewicht anderer Materialien auf diese verlagert. Um es klarer zu machen: Nehmen wir an, Sie möchten eine Seite auf einer medizinischen Website mit dem Dienst „Pädiatrie-Checkup“ bewerben. Dazu werden wir im Blog mehrere Artikel zum Thema Kinderkrankheiten schreiben und dort, wo wir auf die Notwendigkeit einer Kinderarztuntersuchung hinweisen, Links zu unserem Service setzen.

Breadcrumbs und Benutzerfreundlichkeit

Eine gute Struktur nützt nichts, wenn der Benutzer sie nicht sehen kann. Beim Erstellen einer Website müssen der Nutzen für den Endbenutzer und die Benutzerfreundlichkeit im Vordergrund stehen. Wenn sich ein Besucher Ihrer Website verirrt und keine weiteren interessanten Materialien für sich findet, dann haben Sie Probleme mit der Benutzerfreundlichkeit.

Breadcrumbs und Sitemap, können über einfache Plugins oder durch Änderungen im Code implementiert werden, sofern diese im verwendeten Template nicht vorgesehen sind. Aber die Benutzerfreundlichkeit muss funktionieren. Es ist notwendig, das Menü richtig zu überdenken, es optisch auffällig und benutzerfreundlich zu gestalten. Denken Sie über verschiedene Kleinigkeiten nach, denn selbst der übliche Page-Up-Button erleichtert dem Benutzer das Leben erheblich, da er mit einem Klick zur Kopfzeile gelangt und nicht mit einem Video durch das bereits gelesene Material scrollen muss.

Technische Optimierung ist in erster Linie Codeoptimierung

Optimierung des Website-Codes, um das beste Ergebnis zu erzielen. Komprimieren Sie Bilder, CSS, JS und HTML, um mit der .htaccess-Datei eine höhere Geschwindigkeit zu erzielen.
Heutzutage sind die Benutzer ungeduldig geworden und wenn die Seite auch nur eine Sekunde länger geöffnet ist als die eines Mitbewerbers, werden sie darauf zugreifen. Auch Suchmaschinen sind sich dessen bewusst und nutzen die Download-Geschwindigkeit als einen der Ranking-Faktoren. Daher ist es wichtig, die Website so schnell wie möglich zu gestalten. Schwere Bilder, ungültiger Layoutcode und falsche Serverantworten tragen hierzu nicht bei.
Jetzt werde ich allgemein auf die Codeoptimierung eingehen, damit Sie einen ersten Eindruck bekommen. Ich werde auch ein Material vorbereiten, in dem ich es Ihnen ausführlich erläutere und eine Schritt-für-Schritt-Anleitung zur Optimierung des Codes erstelle.

Um den Code zu optimieren und die Website für Suchmaschinen möglichst attraktiv zu machen, müssen wir also:

Komprimieren Sie Bilder, reduzieren Sie das Gewicht, wodurch das Laden beschleunigt wird

Oftmals laden unerfahrene Webmaster hochauflösende Bilder auf den Server hoch, die dann zur Anzeige per CSS komprimiert werden. Es ist korrekt, Bilder in der Auflösung hochzuladen, in der sie auf der Seite angezeigt werden. Sie können Bilder manuell komprimieren, indem Sie sie in Photoshop erneut speichern, oder einen der vielen Dienste nutzen, die Bilder komprimieren können. Verwenden Sie das WebP-Bildformat, ein neues Bilddateiformat für die Verwendung im Web. Wenn Sie das WebP-Bildformat verwenden, sind Ihre Bilder 25 bis 34 % kleiner als PNG und JPEG, ohne an Qualität zu verlieren.

Optimieren Sie HTML, JS und CSS

Wir müssen den Seitencode so einfach wie möglich gestalten. Entfernen Sie in Bezug auf HTML alle Codekommentare und führen Sie einen normalen Zeilenumbruch durch. Platzieren Sie JS-Skripte nach dem Inhalt, damit aussagekräftige Informationen auf dem Bildschirm angezeigt werden, bevor die Skripte geladen werden. Die Ausnahme bildet das Skript und wird zur Darstellung des Inhalts benötigt. Es ist sinnvoll, alle Skripte in einer Datei zusammenzufassen. CSS – Stylesheets für alles verwenden. Jede Ausgabe sollte idealerweise über CSS erfolgen und nicht jedes Mal mit unhandlichem Code geladen werden.

Die Ressourcenminimierung (HTML, wbr CSS und wbr JavaScript) ist ein sehr wichtiger Aspekt einer erfolgreichen Optimierung

Minimierung bezieht sich auf den Prozess des Entfernens unnötiger oder redundanter Daten, ohne dass sich dies auf die Verarbeitung der Ressource durch den Browser auswirkt – z. B. Kommentare und Codeformatierung, Entfernen nicht verwendeter Codes, Verwendung kürzerer Variablen- und Funktionsnamen usw. Sie sollten Ihre HTML-Ressourcen und CSS minimieren und JavaScript:

• Um HTML zu minimieren, versuchen Sie HTMLMinifier
• Um CSS zu minimieren, versuchen Sie es mit CSSNano und csso.
• Um JavaScript zu minimieren, versuchen Sie UglifyJS. Auch der Closure Compiler ist sehr effizient. Sie können einen Build-Prozess erstellen, der diese Tools verwendet, um Entwicklungsdateien zu minimieren, umzubenennen und sie im Produktionsverzeichnis zu speichern.

Darüber hinaus lässt sich das PageSpeed-Modul in den Apache- oder Nginx-Webserver integrieren, um Ihre Website automatisch zu optimieren, einschließlich Ressourcenminimierung.

Richten Sie die richtigen Weiterleitungen ein

Es ist notwendig, dass alle Seiten mit 200 antworten, und wenn eine Weiterleitung mit der Übertragung des Seitengewichts erforderlich ist, beispielsweise beim Ändern der Adresse, wird ein 301-Code angegeben. Lösen Sie es. Überprüfen Sie Weiterleitungen regelmäßig. Die Verarbeitung einer 301-Weiterleitung dauert einige Sekunden. Multiplizieren Sie das mit ein paar Seiten oder Weiterleitungsstufen, und Sie werden die Geschwindigkeit Ihrer Website erheblich beeinträchtigen.

Nutzen Sie die Vorteile von Caching-Plugins

Caching-Plugins speichern eine statische Version Ihrer Website, um sie an wiederkehrende Benutzer zurückzusenden, wodurch die Ladezeit der Website bei erneuten Besuchen verkürzt wird.

Verwenden Sie asynchrones (asynchrones) Laden

Skripte sind Anweisungen, die Server lesen müssen, bevor sie den HTML-Code oder den Text Ihrer Webseite verarbeiten können, also das, was Besucher auf Ihrer Website sehen möchten. Typischerweise werden Skripte auf einer Website platziert (z. B. Ihrem Google Tag Manager-Skript), wo sie Vorrang vor dem Inhalt der restlichen Seite haben. Die Verwendung von asynchronem Code bedeutet, dass der Server HTML und Skript gleichzeitig verarbeiten kann, wodurch die Latenz verringert und die Seitenladezeit verlängert wird. So sieht ein asynchrones Skript aus: script async src="script.js"/script

Versuchen Sie, keine alten Versionen von Plugins zu verwenden

Veraltete Plugins weisen häufig Sicherheitslücken auf, die Ihre Website anfällig für Angreifer machen, die das Ranking Ihrer Website beeinträchtigen können. Stellen Sie sicher, dass Sie immer die neuesten Versionen der Plugins verwenden und beschränken Sie die Nutzung auf das Nötigste. Erwägen Sie auch die Verwendung benutzerdefinierter Themes, da vorgefertigte Website-Themes oft viel unnötigen Code enthalten.

Erwägen Sie ein Content Distribution Network (CDN)

CDNs sind verteilte Webserver, die Kopien Ihrer Website an verschiedenen geografischen Standorten speichern und Ihre Website basierend auf dem Standort des Crawlers bereitstellen. Da Informationen weniger Entfernungen zwischen Servern zurücklegen, wird Ihre Website für den Anforderer schneller geladen.

Technische Optimierung der Website Dieser Vorgang ist recht zeitaufwändig und erfordert spezielle Kenntnisse. Aber mit den allgemein anerkannten Empfehlungen und Anweisungen kann auch derjenige, der die Engine gestern zum ersten Mal auf das Hosting hochgeladen hat, die Site einrichten.

Lesen dieses Artikels:

• CSS für Website-Geschwindigkeit optimieren – 9 Möglichkeiten
• Technische Optimierung der Seite – Bringen der Seite in die TOP-10 PS

Danke fürs Lesen: SEO HELPER | NICOLA.TOP