Technische Optimierung der Website - die wichtigsten Maßnahmen

drucken · Время на чтение: 8мин · von · Veröffentlicht · Aktualisiert

reproduzierenArtikel anhören

Technische Website-Optimierung: grundlegende SEO-Anforderungen.

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 an der erstmaligen Befüllung der Site mit Inhalten erfolgen. Jetzt verrate ich euch welche wichtige Aspekte der Optimierung müssen Aufmerksamkeit schenken und zuerst tun.

Technisches SEO vs. 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!) mitteilen, worum es auf Ihrer Seite geht, einschließlich Bild-Alt-Text, Keyword-Verwendung, Meta-Beschreibungen, H1-Tags, URL-Namen und interne Links. Sie haben maximale Kontrolle über 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 Backlinks oder Links von anderen Websites zu Ihrer eigenen. Die Quantität und Qualität der Backlinks erhöhen den PageRank und den IQ der Seite. Unter sonst gleichen Bedingungen wird eine Seite mit 100 relevanten Links von vertrauenswürdigen Websites einen höheren Rang einnehmen als eine Seite mit 50 relevanten Links von vertrauenswürdigen Websites (oder 100 irrelevanten Links von vertrauenswürdigen Websites).

Technische SEO-Optimierung

Technisches SEO ist ebenfalls unter Ihrer Kontrolle, aber es ist etwas schwieriger zu meistern, da es weniger intuitiv ist.

Richtige Seitenstruktur

Seitenstruktur.

Jede Website sollte die bequemste Struktur haben. Wie Menschen sehen sich Suchmaschinen eine Website an und bewerten ihre Benutzerfreundlichkeit. Jede Internetressource sollte eine Verschachtelung von nicht mehr als drei Seiten haben. Das heißt, von der Hauptseite aus soll der User mit maximal drei Klicks auf jede beliebige Seite gelangen Die wichtigsten Beispiele der technischen Seitenoptimierung für das beste Ranking in Suchmaschinen.
Die richtigste 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 ...
Bei komplexeren Projekten mit mehr Informationen könnte die Struktur wie folgt aussehen:
— Haupt — Kategorie — Unterkategorie — Material.
So wird die Struktur erweitert, bleibt aber übersichtlich und logisch. Beispielsweise kann die Kategorie Kardiologie auf dieser Website Unterabschnitte Herzerkrankungen und Gefäßerkrankungen enthalten.
Es ist nicht verboten, Material zu posten, 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 Hierarchie der Materialien zu beachten.
Der Aufbau der richtigen Struktur wird in der Phase der Planung und Sammlung des semantischen Kerns durchdacht.

Korrekte Seitenverlinkung

Korrekte interne Seitenverlinkung.

Ich bereite bereits ein ausführlicheres Material zum Verlinken vor und werde es bald veröffentlichen. Relinking – Platzieren von Links innerhalb der Website für eine einfache Navigation der Benutzer und Übertragung des Seitengewichts.
Um ein Beispiel für die 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 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 haben, aber 2-4 Links werden benötigt.

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, dann wird das Gewicht von anderen Materialien darauf übertragen. Nehmen wir zur Verdeutlichung an, Sie möchten eine Seite auf einer medizinischen Website mit dem Service für pädiatrische Untersuchungen bewerben. Dazu werden wir im Blog mehrere Artikel zu Kinderkrankheiten schreiben und dort, wo wir die Notwendigkeit einer kinderärztlichen Untersuchung erwähnen, auf unseren Service verlinken.

Breadcrumbs und Benutzerfreundlichkeit

Breadcrumbs auf der Seite sind ein nützliches Navigationselement.

Eine gute Struktur ist nichts, wenn der Benutzer sie nicht sieht. Bei der Erstellung einer Website ist es notwendig, den Nutzen für den Endnutzer und die Benutzerfreundlichkeit in den Vordergrund zu stellen. Wenn sich ein Besucher Ihrer Seite verirrt und für sich selbst keine interessanten Materialien finden kann, dann haben Sie Probleme mit der Benutzerfreundlichkeit.

Breadcrumbs und Sitemap, können durch einfache Plugins oder durch Änderungen im Code umgesetzt werden, wenn sie das verwendete Template nicht vorsieht. Aber die Usability muss stimmen. Es ist notwendig, das Menü richtig zu überdenken, es visuell wahrnehmbar und bequem zu verwenden. Denken Sie über diverse Kleinigkeiten nach, denn auch der übliche Page-Up-Button macht dem User das Leben deutlich leichter, da Sie mit einem Klick zur Kopfzeile gelangen und nicht durch das bereits gelesene Material mit einem Video scrollen.

Technische Optimierung ist in erster Linie Code-Optimierung

Optimierung, Komprimierung und Caching von HTML, CSS, JS in PHP.

Website-Code-Optimierung, um das beste Ergebnis zu erzielen. Komprimieren Sie Bilder, CSS, JS, HTML, um eine bessere Geschwindigkeit zu erreichen mit .htaccess-Datei.
Heutzutage sind die Benutzer ungeduldig geworden und wenn die Seite auch nur eine Sekunde länger öffnet als die eines Konkurrenten, gehen sie dorthin. Auch Suchmaschinen sind sich dessen bewusst und verwenden die Downloadgeschwindigkeit als einen der Ranking-Faktoren. Daher ist es wichtig, die Seite so schnell wie möglich zu machen. Schwere Bilder, ungültiger Layoutcode, falsche Serverantworten tragen nicht dazu bei.
Jetzt werde ich allgemein auf die Codeoptimierung eingehen, damit Sie eine erste Vorstellung bekommen. Ich werde auch ein Material vorbereiten, in dem ich Sie ausführlich erkläre und eine Schritt-für-Schritt-Anleitung zur Optimierung des Codes erstelle.

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

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

Oftmals laden unerfahrene Webmaster hochaufgelöste Bilder auf den Server hoch, die dann für die Darstellung per CSS komprimiert werden. Es ist richtig, Bilder in der Auflösung hochzuladen, in der sie auf der Seite angezeigt werden. Sie können Bilder manuell komprimieren, indem Sie sie erneut in Photoshop speichern, oder einen der vielen Dienste verwenden, die Bilder komprimieren können. Verwenden Sie das WebP-Bildformat ist ein neues Bilddateiformat für die Verwendung im Internet. Wenn Sie das WebP-Bildformat verwenden, werden Ihre Bilder ohne Qualitätsverlust 25 bis 34 % kleiner als PNG und JPEG.

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 ist das Skript und wird benötigt, um den Inhalt anzuzeigen. Es ist sinnvoll, alle Skripte in einer Datei abzulegen. CSS - verwenden Sie Stylesheets für alles. Jegliche Ausgabe sollte idealerweise per CSS erfolgen und nicht jedes Mal mit unhandlichem Code geladen werden.

Ressourcenminimierung (HTML , wbr CSS und wbr JavaScript) ist ein sehr wichtiger Aspekt erfolgreicher Optimierung

Minimierung bezieht sich auf den Prozess des Entfernens unnötiger oder redundanter Daten, ohne die Handhabung der Ressource durch den Browser zu beeinträchtigen – wie Kommentare und Codeformatierung, Entfernen von nicht verwendetem Code, Verwendung kürzerer Variablen- und Funktionsnamen usw. Sie sollten Ihre HTML-Ressourcen, 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. Der Closure Compiler ist auch sehr effizient. Sie können einen Build-Prozess erstellen, der diese Tools verwendet, um Entwicklungsdateien zu minimieren und umzubenennen und sie im Produktionsverzeichnis zu speichern.

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

Richten Sie die richtigen Weiterleitungen ein

Es ist erforderlich, dass alle Seiten mit 200 antworten, und wo eine Weiterleitung mit der Übertragung der Seitengewichtung erforderlich ist, beispielsweise bei einer Änderung der Adresse, wird ein 301-Code angegeben. Überprüfe Weiterleitungen regelmäßig. Die Verarbeitung einer 301-Weiterleitung dauert einige Sekunden. Multiplizieren Sie das mit ein paar Seiten oder Umleitungsstufen und Sie werden die Geschwindigkeit Ihrer Website ernsthaft beeinträchtigen.

Profitieren Sie von Caching-Plugins

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

Verwenden Sie asynchrones (asynchrones) Laden

Skripte sind Anweisungen, die Server lesen müssen, bevor sie den HTML- oder Textkörper Ihrer Webseite verarbeiten können, was Besucher auf Ihrer Website sehen möchten. Typischerweise werden Skripte auf einer Website platziert (z. B. Ihr Google Tag Manager-Skript), wo sie Vorrang vor dem Inhalt der restlichen Seite haben. Die Verwendung von asynchronem Code bedeutet, dass der Server gleichzeitig HTML und Skript verarbeiten kann, wodurch die Latenz verringert und die Ladezeit der Seite 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 haben oft Sicherheitslücken, die Ihre Website anfällig für Angreifer machen, die das Ranking Ihrer Website beschädigen können. Stellen Sie sicher, dass Sie immer die neuesten Versionen von Plugins verwenden, und beschränken Sie die Nutzung auf das Nötigste. Ziehen Sie in gleicher Weise die Verwendung benutzerdefinierter Designs in Betracht, da vorgefertigte Website-Designs 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 akzeptierten Empfehlungen und Anweisungen kann auch derjenige, der die Engine gestern zum ersten Mal auf das Hosting hochgeladen hat, die Site einrichten.

Vielen Dank für das Lesen von Nicola Top

Wie nützlich ist der Beitrag?

Zum Bewerten auf den Smiley klicken!

durchschnittliche Bewertung 4.9 / 5. Anzahl Bewertungen: 14

Es liegen noch keine Bewertungen vor. Bewerten Sie zuerst.

Das könnte dich auch interessieren …

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

2 × 5 =