Der ultimative SEO-Spickzettel für Web- und SEO-Entwickler

Veröffentlicht: 2022-05-13

SEO hat viele bewegliche Teile: Meta-Tags, Überschriften, Schlüsselwörter und Seitenladegeschwindigkeit, um nur einige zu nennen. Aber während Sie möglicherweise einen Plan haben, wie Sie diese Elemente der On-Page-Suchmaschinenoptimierung in Form bringen können, benötigen Sie möglicherweise einen Webentwickler, um umfassendere technische Änderungen umzusetzen.

Eine erfolgreiche SEO-Kampagne ist eine Zusammenarbeit zwischen Marketing und Webentwicklung.

Aber es kann frustrierend sein, Ergebnisse zu erzielen, wenn nicht alle auf derselben Seite stehen. Dieser SEO-Spickzettel fasst die wesentlichen On-Page-SEO-Praktiken zusammen, die es Suchmaschinen erleichtern, Ihre Website zu lesen und zu indizieren. Ihr Web- und SEO-Entwickler kann auf diesen Leitfaden verweisen und diese Praktiken in seinen funktionsübergreifenden Arbeitsablauf integrieren, um die Leistung der Website und das Benutzererlebnis zu verbessern. Unser SEO-Spickzettel optimiert Ihre Bemühungen, indem er aufzeigt, welche Taktiken zur Suchmaschinenoptimierung Sie priorisieren sollten und warum, damit Sie eine Strategie implementieren können, die jedes Ihrer Teams unterstützt.

SEO-Spickzettel

Webentwickler erhalten SEO- und Webentwicklungsanfragen in der Regel bruchstückhaft, während ihre Kollegen die Leistung der Website überwachen und Metriken wie organischen Suchmaschinenverkehr, Absprungrate und Seitenladezeit verfolgen. Aber der Verantwortungsbereich eines Webteams geht über das technische SEO hinaus. Aufgaben wie das Überprüfen der Seitengeschwindigkeit oder das Weiterleiten von URLs werden häufig Webentwicklern zugewiesen, ohne zu erklären, warum diese Taktiken erforderlich sind, um das Google-Ranking zu verbessern oder die Unternehmensziele zu unterstützen.

Zum Glück können Webentwicklung und SEO Hand in Hand gehen. Konzentrieren Sie sich auf diese sieben On-Page-SEO-Strategien, um Ihre Chancen auf ein Ranking für Ihre gewünschten Keywords zu erhöhen.

1. Seitengeschwindigkeit

Laut Google ist die Wahrscheinlichkeit, dass Besucher zu den Suchergebnissen zurückkehren, um 32 % höher, wenn sich die Ladezeit einer Webseite von einer auf drei Sekunden erhöht. Die Seitengeschwindigkeit ist auch ein Ranking-Faktor und damit mehr als nur ein UX-Anliegen.

Verwenden Sie die PageSpeed ​​Insights von Google, um die Leistung Ihrer Website auf Desktops und Mobilgeräten zu überprüfen. Es gibt Feedback darüber, welche Faktoren verbessert werden müssen.

Beispiel für Einblicke in die Seitengeschwindigkeit des Entwickler-Spickzettels

2. Mobilfreundliches Webdesign

Google hat 2019 die Mobile-First-Indexierung eingeführt, die mobilfreundliche Websites in den SERPs unabhängig vom Gerät priorisiert. Testen Sie mit dem Testtool für Mobilgeräte von Google, wie Ihre Website auf Mobilgeräten angezeigt wird, und besprechen Sie erforderliche Änderungen mit Ihren Webdesignern. Dieses Tool bietet eine Momentaufnahme der Darstellung Ihrer Seite und weist auf Usability-Probleme hin, wie z. B.:

  • Inkompatible Plugins
  • Unlesbarer Text
  • Inhalte, die breiter als der Bildschirm sind
  • Links, die zu eng beieinander liegen
mobilfreundliches Testbeispiel

3. HTTP-Statuscodes

Defekte Links und Fehlermeldungen führen zu einer schlechten Benutzererfahrung und erschweren es Suchmaschinen, Ihre Website zu crawlen und zu indizieren. Diagnostizieren und beheben Sie Probleme schnell, indem Sie HTTP-Statuscodes überwachen. Andernfalls werden Seiten, die 4xx-Codes (außer 429) zurückgeben, nicht indexiert, und häufige 429-, 500- und 503-HTTP-Statuscodes führen zu einer verringerten Crawling-Rate.

Führen Sie im Rahmen Ihres technischen SEO-Audits einen Bericht zur Indexabdeckung in der Google Search Console aus. Identifizieren Sie Crawling-Fehler und beheben Sie diejenigen, die Ihrer Kontrolle unterliegen. Führen Sie diese Daten in einen Standortverbesserungsplan ein.

HTTP-Statuscode Was es bedeutet
200 Seite lädt normal.
301 Permanente Weiterleitung; Seitenautorität wird von der Weiterleitungsseite an die neue Seite weitergegeben und die neue Seite wird schließlich in den SERPs anstelle der alten Seite angezeigt.
302 Temporäre Umleitung; Verwenden Sie dies nur für kurzfristige Weiterleitungen.
404 Seite nicht gefunden; Stellen Sie sicher, dass die Seite aus Ihrer Sitemap entfernt wird, und entfernen Sie alle internen Links oder leiten Sie sie um. Suchmaschinen werden die Seite deindexieren.
410 Seite wurde dauerhaft entfernt; Stellen Sie sicher, dass die Seite aus Ihrer Sitemap entfernt wird, und entfernen Sie alle internen Links oder leiten Sie sie um. Suchmaschinen werden die Seite deindexieren.
429 Zu viele Anfragen. Server- oder Anwendungsfehler. Wenn der Fehler regelmäßig auftritt, können Suchmaschinen die Crawling-Rate reduzieren.
500 Interner Serverfehler. Wenn der Fehler regelmäßig auftritt, können Suchmaschinen die Crawling-Rate reduzieren.
503 Server ist nicht verfügbar. Wenn der Fehler regelmäßig auftritt, können Suchmaschinen die Crawling-Rate reduzieren.
Beispiel einer benutzerdefinierten 404-Fehlerseite für Pixar

4. Wichtige HTML-Elemente

HTML-Elemente spielen eine wesentliche Rolle dabei, Such-Crawlern zu helfen, Ihre Inhalte zu verstehen, und können die Sichtbarkeit der Suche beeinträchtigen. Prüfen Sie HTML-Elemente regelmäßig und optimieren Sie sie nach Bedarf für die Suche. Achten Sie besonders auf Folgendes.

Seitentitel-Tags

Diese erscheinen in den SERP-Einträgen direkt über der Seiten-URL. Sie sollten klar, verlockend und prägnant sein, um das Durchklicken zu fördern.

Beispiel für Seitentitel-Tag in SERPs
Header-Tags

Definieren Sie die Informationshierarchie auf Ihrer Seite mit Header-Tags. H1-Tags sind der Haupttitel eines Artikels und das wichtigste Header-Tag für SEO. H2- bis H6-Tags werden verwendet, um Themen und Unterthemen anzuzeigen.

Meta-Beschreibungen

Eine Meta-Beschreibung hilft, die Klickraten zu erhöhen, indem sie einen Einblick gibt, worum es auf einer Seite geht. Es erscheint unter dem Seitentitel auf den Ergebnisseiten von Suchmaschinen. Eine gute Meta-Beschreibung enthält Ihr Keyword und einen Call-to-Action, der einen Suchenden dazu bringt, Ihre Seite zu besuchen.

Beispiel für eine Meta-Beschreibung
Bilder

Verwenden Sie alt-Tags für Bilder, um den Inhalt eines Bildes zu beschreiben. Alt-Tags, die ein relevantes Schlüsselwort enthalten, sind nicht nur ein wesentlicher Bestandteil der Website-Zugänglichkeit, sondern verbessern auch die Suchmaschinenoptimierung auf der Seite. Bilder sollten komprimiert sein und die richtige Größe haben, um schneller geladen zu werden.

Kanonische Tags

Verwenden Sie kanonische Tags, um Probleme mit doppelten Inhalten zu lösen und Suchmaschinen bei Bedarf auf die Master-Version einer Seite zu verweisen. Erfahren Sie unten mehr darüber.

5. Site- und Seitenstruktur

Um Ihre Website zu bewerten, muss der Googlebot verstehen, wie sie organisiert ist und welche Beziehung zwischen verschiedenen Abschnitten besteht. Implementieren Sie eine Websitehierarchie, die die Logik veranschaulicht, wie Informationen fließen und wie Seiten miteinander in Beziehung stehen. Konzentrieren Sie sich auf die folgenden Elemente, um Benutzern und Suchbots zu helfen, die richtigen Inhalte zu finden.

HTML-Struktur

Verwenden Sie HTML-Überschriften-Tags (H1 bis H6), um jede Seite zu organisieren und die Informationshierarchie klar darzustellen. Unterteilen Sie den Inhalt mithilfe von Tags wie <div>, <section> oder <footer> weiter in Blöcke.

Erhöhen Sie die Lesbarkeit einer Seite sowohl für Leser als auch für Suchmaschinen, indem Sie am Anfang eines Artikels oder als Seitenleiste ein Inhaltsverzeichnis mit Links zu den entsprechenden Abschnitten einfügen. Dies erleichtert Benutzern die Navigation auf der Seite und Suchmaschinen das Verständnis des Seiteninhalts.

URL-Struktur

URLs können Suchbots mitteilen, worum es auf einer Seite geht. Zum Beispiel ist es klar, dass der Link unten für eine Kategorieseite im Victorious-Blog über On-Page-SEO ist.

  • https://victoriousseo.com/blog/category/on-page-seo/

Verwenden Sie grundsätzlich eine einheitliche Struktur für URLs. Fügen Sie das Schlüsselwort hinzu, für das Sie ranken möchten, und halten Sie es kurz, einfach und aussagekräftig. Vermeiden Sie Zufallszahlen oder Jargon und verwenden Sie einen Bindestrich, um Wörter aus Gründen der Klarheit zu trennen.

erklärt die Anatomie einer URL grafisch
Umleitung

Weiterleitungen helfen Benutzern und Suchmaschinen-Crawlern, die gesuchten Inhalte zu finden, wenn Seiten verschoben, entfernt oder kombiniert werden. Andernfalls wird die fehlende Seite zu einer Sackgasse – einem 404-Fehler.

Verwenden Sie permanente und temporäre Weiterleitungen, um anzugeben, wie die neue Position der Seite zu interpretieren ist. Permanente Redirects (301) werden als starkes Signal gewertet, dass die neue Zielseite kanonisch ist (dazu später mehr). Temporäre Weiterleitungen (302) behalten mit größerer Wahrscheinlichkeit die alte URL in den Suchergebnissen bei. Aus diesem Grund sollten Sie sie nur für kurze Zeit verwenden.

Interne Verlinkung

Interne Links führen Benutzer zwischen den Seiten einer Website. Ihre wichtigsten Seiten sollten über Ihr Menü oder eine Seitenleiste leicht zugänglich sein.

Interne Links helfen Google auch zu verstehen, welche Seiten für Rankingzwecke wertvoll sind, da sie am häufigsten verlinkt werden. Dies sollte Produktkategorieseiten oder Serviceseiten umfassen.

Durch strategische Verlinkung können Sie die Autorität Ihrer höchstrangigen Seiten mit anderen Seiten Ihrer Website teilen (bekannt als „Link Equity“). Eine durchdachte interne Verlinkung kann das Ranking der betreffenden Seite und aller internen Seiten, auf die Sie verlinken, verbessern.

XML-Sitemaps

Stellen Sie sich eine XML-Sitemap als eine Roadmap vor, die Such-Bots dabei hilft, Ihre Website effizient zu crawlen. Sitemaps listen wichtige Seiten auf Ihrer Website, die Beziehungen zwischen ihnen und das Datum auf, an dem die Seiten zuletzt aktualisiert wurden. Es sollte regelmäßig aktualisiert werden, um eine ordnungsgemäße Indexierung zu gewährleisten.

6. Effizientes Crawling

Google gibt jeder Website ein Crawl-Budget, das bestimmt, wie viel Zeit seine Bots mit der Indexierung von Seiten verbringen. Machen Sie das Beste aus Ihren, indem Sie Seiten angeben, die die Bots nicht crawlen oder indizieren sollen. Minimieren Sie die Wahrscheinlichkeit einer Indexaufblähung, indem Sie sicherstellen, dass bestimmte Seiten nicht indexiert werden. Mithilfe von robot.txt-Dateien und Robot-Meta-Tags können Sie steuern, wie der Googlebot auf Ihrer Website navigiert, und sicherstellen, dass sie so effizient wie möglich gecrawlt wird.

Robots.txt-Datei

Robots.txt ist eine Site-weite Datei, die Such-Bots mitteilt, auf welche Seiten sie zugreifen und welche sie indexieren sollen. Verwenden Sie den Befehl „disallow“ in der Datei, um URLs anzugeben, die nicht gecrawlt werden sollen. Dazu können Kontoseiten, Bestätigungsseiten und druckfreundliche Versionen Ihrer Inhalte gehören.

Crawl-Bots sind nicht verpflichtet, diese Anweisungen zu befolgen und können Seiten dennoch über interne Links indizieren. Um dies zu vermeiden, verwenden Sie das Robots-Meta-Tag.

Roboter-Meta-Tag

Die Verwendung des Robots-Meta-Tags im <head>-Abschnitt eines HTML-Dokuments leitet Suchmaschinen-Crawler auf Seitenebene. Mit dem Robots-Tag können Sie einem bestimmten Suchmaschinen-Bot oder allen Crawl-Bots eine Anweisung für eine Seite zuweisen.

Das folgende Tag verhindert beispielsweise, dass Google eine Seite übersetzt:

  • <meta name=“googlebot“ content=“lüfte“>

Eine Liste der Robots-Meta-Tags, die Google erkennt, finden Sie in der Advanced SEO-Dokumentation.

X-Roboter

Geben Sie Site-weite Anweisungen zum Umgang mit Nicht-HTML-Dateien mit X-Robots aus, die es Ihnen ermöglichen, Anweisungen im HTTP-Antwort-Header einer Seite bereitzustellen, was nicht indiziert werden soll. Sie können beispielsweise die Indexierung eines bestimmten Bildes oder einer PDF-Datei blockieren. Um X-Robots zu Ihrer Seite hinzuzufügen, greifen Sie auf die .php- oder Serverkonfigurationsdateien Ihrer Website zu.

Kanonisierung

Duplicate Content kann Ihre Chancen auf ein Ranking für ein bestimmtes Keyword verringern, da die Bestimmung, welche Seite das Original ist, der Suchmaschine überlassen bleibt. Canonical-Tags verwalten doppelte Inhalte, indem sie angeben, welche Seite die Masterkopie ist. Dies hilft Suchmaschinen bei der Bestimmung, welche Seite einen Rang einnehmen soll.

Canonical-Tags werden im Kopf des HTML-Codes einer Seite platziert und teilen Google die URL der kanonischen Version der Seite mit. Zum Beispiel:

  • <link rel=“canonical“ href=“test.com/blog/original“>
Seitennummerierung

Manchmal müssen Sie lange Inhalte aus Gründen der Lesbarkeit auf mehrere Seiten aufteilen. Um sicherzustellen, dass Google diese nicht als doppelten Inhalt oder als einzelne, nicht zusammenhängende Seiten sieht, signalisieren Sie, dass eine Seite Teil einer mehrseitigen Serie ist.

  • Erstellen Sie eine Masterseite mit dem vollständigen Inhalt und verwenden Sie ein Canonical-Tag, um Google anzufordern, diese Seite zu indexieren.
  • Verwenden Sie die rel=prev/next-Tags für die Navigation, bei denen es sich um spezifische Paginierungs-Tags handelt. Obwohl es sich nicht mehr um ein Indexierungssignal handelt, sind diese Tags für andere Suchmaschinen und Zwecke der Webzugänglichkeit nützlich.
Die gängigsten Benutzeragenten

Das User-Agent-Attribut im Header hilft unter anderem bei der Bestimmung der Browserversion und des Geräts, das ein Benutzer verwendet. Das Implementieren von Benutzeragenten bedeutet, dass Sie die richtige Version einer Webseite basierend auf den Benutzeragenteninformationen bereitstellen können.

Wenn Sie beispielsweise feststellen, dass ein Benutzer (oder Crawler) eine Verbindung mit Safari unter iOS herstellt, stellen Sie Ihren Webserver so ein, dass er automatisch die mobile Version der Website bereitstellt, damit die Informationen richtig angezeigt werden.

7. Aussehen des Inhalts

Wie Ihre Inhalte auf externen Websites wie SERPs und Social-Media-Plattformen aussehen, wirkt sich nicht auf die Suchrankings aus, kann jedoch den Traffic auf Ihrer Website verbessern. Um die Klickrate zu verbessern, sollten Ihre Posts Ihren aufmerksamkeitsstarken Titel oder ein großes Bild hervorheben. Dies kann indirekt die Konversionsraten und sogar die Backlinks steigern.

Steuern Sie mit den folgenden Tools, wie Ihre Inhalte in sozialen Medien und SERPs erscheinen.

Diagramm-Tags öffnen

Open Graph-Tags steuern, wie eine Webseite angezeigt wird, wenn sie auf Social-Media-Plattformen wie Facebook angezeigt wird. Viele Plattformen von Drittanbietern haben ihre eigenen Open-Graph-Tags. Die Open Graph Protocol-Website enthält eine Liste der im Protokoll verwendeten Spezifikationen.

Twitter-Karten-Markup

Twitter Cards ähneln Open Graph-Tags und steuern, wie Ihr Titel, Ihre Beschreibung und Ihr Bild angezeigt werden, wenn jemand Ihren Link in einem Tweet teilt. Es gibt verschiedene Arten von Twitter Card-Meta-Tags, die Sie zu Ihrer Seite hinzufügen können.

Strukturierte Daten

Um Suchmaschinen dabei zu helfen, Inhalte zu indexieren, können SEO-Programmierer strukturierte Daten mithilfe von JSON-LD (JavaScript Object Notation for Linked Data) zu einer Seite hinzufügen. Strukturierte Daten, auch bekannt als Schema, sind ein standardisiertes Format zur Angabe von Schlüsselelementen von Inhalten.

Verwenden Sie beispielsweise strukturierte Daten, um Zutaten, Garzeit, Temperatur und Kalorien auf einer Rezeptseite hervorzuheben. Diese Labels helfen Suchmaschinen zu verstehen, auf welche Suchanfragen der Inhalt antwortet.

Rich-Snippets

Es ist auch wichtig, zu optimieren, wie Suchmaschinen Ihre Webseite in den Suchergebnissen anzeigen. Erweitern Sie Ihren SERP-Eintrag mit Rich Snippets wie einem Bild, einer Videovorschau oder Sternebewertungen, um ihn für Suchende attraktiver zu machen. Verwenden Sie das Schema, um Rich Snippets zu generieren und den Suchenden direkt auf der Ergebnisseite der Suchmaschine mehr Informationen über Ihre Website zu geben.

Bringen Sie die Teile Ihrer SEO-Strategie zusammen

SEO-Webentwicklung erfordert die Implementierung von Best Practices, konsequente Leistungsüberprüfung und Liebe zum Detail. Ein vertrauenswürdiger Partner wie Victorious kann Ihnen bei der Verwaltung einiger oder aller dieser Elemente helfen, um Ihre internen Ressourcen zu ergänzen und Ihre Webentwickler zu entlasten. Wir haben eine vollständige Suite von SEO-Services, die Ihren Anforderungen entsprechen, und ein Expertenteam, das Ihre Fragen beantwortet. Fordern Sie eine kostenlose SEO-Beratung an, um mehr zu erfahren.