selective focus photography of multicolored confetti lot

Websites zu erstellen ist schwierig. Noch schwieriger ist es, SEO-freundliche Websites zu erstellen. Es kommt nur allzu oft vor, dass sich die Mitglieder eines Entwicklungsteams nach einem großen Projekt gegenseitig beglückwünschen und sich dann herausstellt, dass die Website nicht den heutigen SEO-Standards entspricht. Die SEO-Anforderungen wurden somit nicht erfüllt. Damit dies Ihnen nicht passiert, hier einige Wissenswerte Punkte aus unserer Arbeit als Webdesigner der SEO optimierte Webseiten erstellt.

SEO-Anforderungen für eine neue Website

Bevor wir in die SEO-Anforderungen einsteigen. Was ist SEO? SEO steht für “Suchmaschinenoptimierung” (englisch: Search Engine Optimization). Es handelt sich um einen Prozess, bei dem verschiedene Techniken und Strategien angewendet werden, um die Sichtbarkeit einer Website oder eines Online-Inhalts in den organischen (nicht bezahlten) Suchergebnissen von Suchmaschinen wie Google, Bing und Yahoo zu verbessern. Das Hauptziel von SEO ist es, die Position Ihrer Website in den Suchergebnissen für relevante Suchbegriffe zu steigern, um mehr qualifizierten Traffic anzuziehen und die Online-Sichtbarkeit Ihres Unternehmens zu erhöhen. SEO umfasst verschiedene Aspekte, darunter die Optimierung von Keywords, On-Page-Optimierung, technische Verbesserungen und den Aufbau von Backlinks, um nur einige zu nennen.

SEO-Anforderungen an neue Webseiten

Neue Webseite – yeah, aber sind die SEO-Anforderungen erfüllt? Photo by John Schnobrich on Unsplash

Neue Webseite entspricht nicht SEO-Anforderungen

Es gibt viele Gründe, warum dies geschehen kann. Die vier häufigsten sind:

  1. Das Entwicklungsteam wurde nicht richtig informiert.
  2. Das Entwicklungsteam wurde von den SEO-Spezialisten nicht gut genug geschult.
  3. SEOs wurden viel zu spät in den Prozess einbezogen.
  4. Das Entwicklungsteam dachte, sie hätten “diese SEO-Sache” im Griff.

Die Anforderungsanalyse – das Herausfinden der Anforderungen – ist eine echte Wissenschaft und für den Erfolg eines jeden Entwicklungsprojekts im und außerhalb des Internets unerlässlich.

Wenn Sie nicht wissen, was die Ziele des Projekts sind, was Sie bauen und welche Standards Sie einhalten müssen, wie können Sie dann das Projekt zum Erfolg führen und genau das bauen, was Ihr Kunde wünscht?

In diesem Artikel gehen wir auf alle SEO-Anforderungen ein, die Sie bei der Erstellung oder Pflege einer Website berücksichtigen müssen. Er ist für alle Beteiligten nützlich: für den Kunden, der die Website erstellen lassen möchte, für die SEO-Spezialisten, die dafür sorgen sollen, dass die neue Website SEO-sicher ist, und für die Webentwicklungsfirmen, die die eigentliche Erstellung vornehmen.

Oft sind so viele Personen an der Einführung einer neuen Website beteiligt, dass es für einen SEO-Experten schwierig ist, den Überblick darüber zu behalten, warum etwas auf eine bestimmte Weise gemacht wurde. Meiner Meinung nach ist eine Checkliste mit detaillierten Überprüfungen vor dem Start, am Tag der Bereitstellung und nach dem Start entscheidend für die Schaffung der Grundlage, die für eine gute SEO-Leistung erforderlich ist. Diese Checkliste sollte in den Gesamtentwicklungsplan der Website integriert werden.

Bei KMU Digitalisierung stellen wir oft fest, dass Unternehmen erst dann eine SEO-Agentur beauftragen, wenn ihre Website bereits gut etabliert ist. Wir stellen immer wieder fest, dass es eine Vielzahl von (meist technischen) Problemen gibt, die hätten vermieden werden können, wenn SEO von Anfang an eine größere Priorität gehabt hätte.

Oft ist es für SEO-Profis sehr einfach, sich über eine mangelnde Einbeziehung in den Entwicklungsprozess oder über nicht erfüllte Anforderungen zu empören. Die Sache ist die, dass das unsere Aufgabe ist – wir müssen mitfühlen, die Risiken erklären, uns in den Prozess einbringen und aufklären. Das eigentliche SEO zu beherrschen ist einfach, wenn das Ihre ganze Aufgabe ist – die Politik im Projekt und mit dem Kunden ist die schwierigere Kunst.

Wann müssen SEO-Spezialisten einbezogen werden?

SEO-Spezialisten müssen vor, während und nach der Erstellung einer neuen Website einbezogen werden. Es ist wichtig, sie zu informieren und auf dem Laufenden zu halten, wenn neue Websites erstellt und Änderungen vorgenommen werden.

Neue Websites werden oft in aller Eile verpfuscht. Die Suchmaschinenoptimierung wird bis zur letzten Minute vernachlässigt, und die Inhalte werden in der Planungsphase nicht gründlich durchdacht. Beziehen Sie von Anfang an SEO-Spezialisten mit ein, um dies zu verhindern!

Wenn Sie ein neues Website-Entwicklungsprojekt starten, sollten Sie von Anfang an SEOs einbeziehen, denn die SEO-Anforderungen der neuen Website werden den Preis stark beeinflussen.

Allzu oft werden die SEO-Spezialisten viel zu spät in den Entwicklungsprozess einbezogen. Sie stellen dann schnell fest, dass die neue Website so nicht SEO-sicher sein wird, und stellen eine Liste von SEO-Anforderungen zusammen, für die ein zusätzliches Budget erforderlich ist. Das führt zu einem chaotischen Projektablauf, höheren Kosten und Verzögerungen… und das macht den Kunden nicht glücklich!

Jetzt machen wir uns die Hände schmutzig und gehen zu den eigentlichen SEO-Anforderungen über!

Wir erleben immer wieder, dass SEO-Anforderungen vom Entwicklungsteam und/oder den Geschäftsinteressenten zurückgestellt werden, oft zu Gunsten der Einhaltung der Fristen für den Start der Website. Dies lässt sich in der Regel durch eine gute Kommunikation zwischen den Teams und die Einbeziehung des SEO-Teams zu Beginn des Projekts vermeiden. Wenn wir Ihr Projekt erst eine Woche vor dem Start sehen, werden wir in den meisten Fällen etwas finden, das den Start verzögern könnte.

Selbstverständlichkeiten

Alle SEO-Anforderungen in diesem Abschnitt sind unumstößlich. Sie sind seit Jahren Industriestandard, daher sollten sie niemanden überraschen.

Responsive Design

Ein responsives Design bedeutet, dass sich das Design an das Gerät anpasst, auf dem es verwendet wird. Responsive Designs sind sowohl für Besucher als auch für Suchmaschinen-Crawler von Vorteil. Sie bieten den Besuchern Ihrer Website ein einheitliches Erlebnis, unabhängig von dem Gerät, das sie verwenden. Google schätzt Websites, die ihren Besuchern ein gutes mobiles Erlebnis bieten (und andere Suchmaschinen-Crawler tun dasselbe). Der Grund dafür ist, dass Ende 2015 die Zahl der mobilen Suchanfragen in Google die Zahl der Desktop-Suchanfragen übertraf. Dies ist 8 Jahre her! Daher ist es sehr wichtig, dass Ihre Website für mobile Besucher geeignet ist und diese sind nicht verhandelbare SEO-Anforderungen.

Responsive Designs machen auch das Leben der SEO-Spezialisten einfacher, da sie nur eine URL pro Seite zu bewerben haben. In der Vergangenheit hatten Sie separate Desktop- und mobile Websites, die beide von anderen Websites verlinkt wurden, und Sie mussten diese Links und Relevanzsignale konsolidieren. Das war immer suboptimal im Vergleich zu einer einzigen URL, auf die verlinkt wurde.

Beschleunigte mobile Seiten

Wenn Sie an einer Website für einen Verlag arbeiten, sollten Sie die Implementierung von Accelerated Mobile Pages (AMP) in Betracht ziehen. Für alle anderen Arten von Websites empfehlen wir die Implementierung von AMP nicht.

AMP ist eine Open-Source-Initiative und ein Format von Google mit dem Ziel, das Web-Erlebnis für mobile Nutzer zu beschleunigen. AMP-Seiten sind im Wesentlichen abgespeckte Versionen von Seiten, die für das schnelle Laden auf mobilen Geräten optimiert sind. SEO-Anforderungen für Webseiten mit vielen Bloginhalten wie unsere nutzten dies.

Warum ist AMP also nur für Verlage nützlich? Weil es Verlegern ermöglicht, in das Google News-Karussell zu gelangen, was eine Menge Traffic bringen kann… aber andere Arten von Websites können davon nicht profitieren, was die die Nachteile überwiegen die Vorteile überwiegen.

HTTPS

HTTPS steht für Hyper Text Transfer Protocol Secure. Es ist die sichere Version von HTTP, dem Protokoll, über das die Daten zwischen Ihrem Browser und der von Ihnen besuchten Website übertragen werden. Die Verwendung von HTTPS macht es für andere schwieriger, Sie abzuhören.

Google hat darauf gedrängt, dass Websites HTTPS verwenden, und hat es deshalb zu einem kleinen Rankingfaktor gemacht. Das mag zwar ein wenig helfen, aber es wird keinen signifikanten Wettbewerbsvorteil in Bezug auf SEO bringen. Um die Sache zu unterstützen, zeigt Google den Hinweis “Nicht sicher” in der URL für Websites an, die Formulare enthalten und nicht über HTTPS laufen.

Hier ist ein Beispiel:

Heutzutage ist HTTPS ein Muss. Daher sollte jede neue Website, die heute erstellt wird, über HTTPS bereitgestellt werden. Deshalb kann ContentKing eine Website daraufhin überprüfen, ob sie über HTTPS verfügbar ist und ob ihr HTTPS-Zertifikat gültig ist:

Stellen Sie sicher, dass alle Ressourcen über HTTPS geladen werden, denn Sie wollen vermeiden, dass Sie so genannte “gemischte Inhalte  (öffnet in einer neuen Registerkarte) Probleme” vermeiden wollen. Probleme mit gemischten Inhalten treten auf, wenn einige Ressourcen über HTTP statt über HTTPS geladen werden, wodurch die Seite unsicher wird.

Wenn Ihre Website noch nicht mit HTTPS läuft, empfehlen wir die Umstellung auf HTTPS.

Beschränken Sie die Verwendung von JavaScript

Ein großer Teil der Suchmaschinenoptimierung besteht darin, es den Suchmaschinen so einfach wie möglich zu machen, Inhalte korrekt zu crawlen und zu indizieren. Die Erstellung einer Website mit einem JavaScript-Framework und das Verlassen auf clientseitiges Rendering bewirkt das genaue Gegenteil. Eine SEO-Anforderungen die Sie berücksichten sollten.

Obwohl Suchmaschinen heutzutage Webseiten rendern können, ist es keine optimale Praxis, sich darauf zu verlassen, da dies dazu führt, dass Ihre Inhalte nur langsam gecrawlt und indexiert werden. Stellen Sie stattdessen sicher, dass Sie nur einfaches HTML an die Suchmaschinen übermitteln. Und wenn Sie unbedingt ein JavaScript-Framework verwenden müssen, stellen Sie sicher, dass Sie serverseitiges Rendering oder eine Pre-Rendering-Lösung wie prerender.io verwenden.

Die Argumentation lautet hier:

  • Die Ressourcen der Suchmaschinen für die Darstellung von Seiten sind begrenzt. Das Rendern einer Seite kann leicht das Zwanzigfache an Ressourcen kosten wie das Crawlen einer normalen HTML-Seite, so dass die Suchmaschinen nur einen kleinen Teil ihrer Ressourcen dafür verwenden können. Dies führt dazu, dass Sie Tage, wenn nicht sogar Wochen warten müssen, bis Ihre Inhalte indiziert werden.
  • Inhalte, die nicht indiziert sind, werden nicht angezeigt. Solange Ihr Inhalt nicht indiziert ist, erhalten Sie keinen Traffic von Suchmaschinen.

Abgesehen von SEO führt das clientseitige Rendering auch zu einer höheren Time to Interactive (TTI). Das bedeutet, dass die Besucher länger warten müssen, bevor sie mit der Seite interagieren können.

Beeinträchtigt JavaScript die SEO-Leistung Ihrer Website?

Melden Sie Ihre Website an, und Sie werden es wissen, bevor Sie diesen Artikel zu Ende gelesen haben!

Seitengeschwindigkeit

Studien haben gezeigt, dass Besucher schnell ladende Seiten mögen. Sie verringern die Absprungrate und erhöhen die Konversionsrate. Amazon hat herausgefunden, dass der Umsatz pro 100 ms kürzere Ladezeit um 1 % steigt. Darüber hinaus helfen schnell ladende Seiten Ihrer Suchmaschinenoptimierung. Besonders auf der ersten Seite von Google kann die Seitengeschwindigkeit einen großen Unterschied machen. Und ab Mai 2021 wird Google mehr Metriken berücksichtigen, die darauf abzielen, die Nutzererfahrung zu messen. Dieser neue Satz von Metriken wird als Kern-Web-Vitaldaten.

Es gibt Hunderte von Optimierungen, die Sie an Ihrer Website und Ihrem Webserver vornehmen können, um die Seitengeschwindigkeit zu verbessern, aber hier sind die häufigsten bewährten Verfahren, die Sie berücksichtigen sollten:

  • Verwendung eines Content Delivery Network (CDN)
  • Begrenzen Sie die Menge der geladenen JavaScript-Bibliotheken
  • JavaScript- und CSS-Dateien verkleinern
  • Optimieren Sie Ihre Bilder
  • Verkürzung der Server-Antwortzeit auf <500 ms
  • Verwenden Sie Browser-Caching und Dateikomprimierung

Wir stellen immer wieder fest, dass die Optimierung der Seitengeschwindigkeit zu den schwierigsten Aufgaben gehört, da sie die Befragung mehrerer Interessengruppen und grundlegende Aktualisierungen Ihrer Website erfordert.

Es ist jedoch einer der am meisten unterschätzten SEO-Faktoren, über den die Community spricht. Wir raten davon ab, Tools wie GTmetrix und Pingdom zu verwenden, um herauszufinden, was optimiert werden muss, da sie keinen wirklichen Überblick darüber geben, was vor sich geht und was behoben werden muss.

Wir empfehlen die Verwendung von Googles Pagespeed Insights und Google LightHouse, um Metriken wie die Zeit bis zum ersten inhaltsreichen Bild und den kritischen Rendering-Pfad zu betrachten. Viele Geschwindigkeitsprobleme lassen sich durch das Entfernen von ungenutztem Code aus Vorlagen lösen. Wir empfehlen die Verwendung eines Crawlers, der das HTML rendert und den Code analysiert, um zu sehen, was geladen, aber nicht auf der Seite verwendet wird. Ein sehr häufiges Problem bei beliebten Content-Management-Systemen wie WordPress ist das Abfeuern zahlreicher Javascript-Funktionen auf der gesamten Website, die auf der Seite nichts bewirken.

Hierarchie der Rubriken

Überschriften (H1-H6) dienen der Hierarchie und Übersichtlichkeit Ihrer Webseiten. Durch die richtige Verwendung von Überschriften können Sie sicherstellen, dass Besucher Ihre Seiten schnell durchsuchen können, und Sie helfen den Suchmaschinen-Crawlern, den Inhalt und die Struktur Ihres Inhalts zu erfassen.

Eine Seite beginnt mit der Überschrift H1.

Eine H1-Überschrift auf einer Seite sollte das Hauptthema der Seite vermitteln. Aus diesem Grund sollten Sie die H1-Überschrift nicht um das Logo herum platzieren, und Sie sollten nur eine H1-Überschrift pro Seite verwenden.

Robots.txt

Die Datei robots.txt enthält die Verhaltensregeln für Crawler. Damit teilen Sie den Crawlern mit, auf welche Bereiche sie nicht zugreifen dürfen, und geben ihnen Hinweise, die ihnen helfen, Ihre Inhalte effizient zu finden, indem Sie auf den Speicherort Ihrer XML-Sitemap verweisen.

Folgendes ist beim Umgang mit robots.txt zu beachten:

  • Verschiedene Suchmaschinen interpretieren die robots.txt unterschiedlich.
  • Achten Sie darauf, dass Sie keine Dateien deaktivieren, die zum Rendern von Seiten erforderlich sind. Dies hält Suchmaschinen davon ab, Ihre Seiten zu rendern, und es könnte Ihre SEO-Leistung beeinträchtigen.
  • Und zu guter Letzt: robots.txt ist sehr mächtig. Seien Sie vorsichtig damit, denn Sie können leicht Ihre gesamte Website für Suchmaschinen unzugänglich machen. Daher ist es wichtig, Ihre robots.txt-Datei zu überwachen.

XML-Sitemaps

XML-Sitemaps sind eine effiziente Methode, um Suchmaschinen über den Inhalt Ihrer Website zu informieren. Daher spielen sie eine wichtige Rolle, wenn es darum geht, sicherzustellen, dass Ihr Inhalt nach der Veröffentlichung oder Aktualisierung schnell gecrawlt wird.

Bewährte Verfahren für XML-Sitemaps:

  • Halten Sie die XML-Sitemap mit dem Inhalt Ihrer Website auf dem neuesten Stand.
  • Achten Sie darauf, dass sie sauber ist: Nur indexierbare Seiten sollten aufgenommen werden.
  • Verweisen Sie auf die XML-Sitemap in Ihrer robots.txt-Datei.
  • Führen Sie nicht mehr als 50.000 URLs in einer einzigen XML-Sitemap auf.
  • Stellen Sie sicher, dass die (unkomprimierte) Dateigröße 50 MB nicht überschreitet.
  • Machen Sie sich keine Gedanken über die Eigenschaften lastmod, priority und changefreq.

Beachten Sie, dass es spezielle XML-Sitemaps für Bilder und Nachrichtenartikel gibt.

Erkennen Sie SEO-Probleme, bevor Google es tut! Legen Sie die Sitemap in der Google Search Console ab.

HTTP-Statuscodes

Es kommt nur allzu häufig vor, dass “Seite nicht gefunden”-Fehlerseiten nicht den HTTP-Statuscode 404 zurückgeben. Dieser Statuscode besagt eindeutig, dass die Seite nicht existiert.

Der HTTP-Statuscode 404 sollte für Seiten verwendet werden, die nie existierten, und kann für Seiten verwendet werden, die einmal existierten. Wir schreiben absichtlich “kann”, weil es einen alternativen Statuscode gibt, der eindeutiger ist. Dies ist der HTTP-Statuscode 410. Der HTTP-Statuscode 410 signalisiert den Suchmaschinen, dass die Seite entfernt wurde und nie wieder erscheinen wird. Da es sich um einen endgültigen Statuscode handelt, sollten Sie damit vorsichtig sein, denn es gibt kein Zurück mehr.

Informationsarchitektur

Informationsarchitektur ist die Kunst und Wissenschaft der Gestaltung einer Struktur für die Präsentation des Inhalts Ihrer Website. Es geht darum zu definieren, welche Inhalte vorhanden sind und wie sie zugänglich gemacht werden. In der Informationsarchitektur treffen User Experience (UX) und Suchmaschinenoptimierung (SEO) aufeinander. Jeder profitiert von einer guten Informationsarchitektur, daher ist dies eine wichtige Phase bei der Erstellung einer neuen Website.

In diesem Abschnitt konzentrieren wir uns auf die SEO-Anforderungen der Informationsarchitektur für die Webentwicklung. Dazu gehört auch die Definition der URL-Struktur und wie sie sich unter bestimmten Bedingungen verhält.

Wählen Sie Ihre SEO-Schlachten. Stellen Sie sicher, dass Sie Ihre Hausaufgaben über die Art der Website und die SEO-Besonderheiten für diese Art von Website machen.

Handelt es sich um eine lokal ausgerichtete Website? Dann sollten Sie sicherstellen, dass Sie Zeit in lokale SEO investieren (z. B. Erwähnung der Stadt und der umliegenden Dörfer oder Regionen im Inhalt). Das ist eines der am meisten vergessenen Dinge für kleinere lokal orientierte Websites.

Handelt es sich um eine E-Commerce-Website? Dann stellen Sie sicher, dass Sie die Kauf- oder Vergleichsabsicht Ihrer Zielgruppe in den Inhalt und die Metainformationen usw. einbeziehen.

Handelt es sich um eine inhaltliche Website? Dann prüfen Sie, ob Sie inhaltliche Lücken in den Inhalten Ihrer Konkurrenten finden können.

URL-Struktur

URLs sollten klein geschrieben, beschreibend, lesbar und kurz sein.

Idealerweise sollten URLs keine Erweiterungen wie .html, .php und .aspx haben, da Sie so die Plattform wechseln können, ohne diese URLs umleiten zu müssen. Welche Struktur Sie auch immer wählen, achten Sie darauf, dass sie auf Ihrer gesamten Website einheitlich verwendet wird.

Vermeiden Sie außerdem die Verwendung von Parametern in URLs so weit wie möglich. Sie zeigen den Besuchern nicht, was sie erwarten können, wenn sie eine Seite aufrufen, und sie können auch zu Crawling-Probleme.

Die Website muss die Definition einer Vorlage unterstützen, die angibt, wie die URLs aufgebaut sind.

Zu beachtende Punkte:

  • Verwenden Sie Unterverzeichnisse in Ihren URLs oder nicht?
  • Verwenden Sie einen abschließenden Schrägstrich (einen Schrägstrich am Ende jeder URL) oder nicht?
  • Stellen Sie außerdem sicher, dass Sie die URL-Vorlage bei Bedarf manuell überschreiben können.

Bei der Vorbereitung einer neuen Website ist darauf zu achten, dass sie zukunftssicher ist, damit sie in Zukunft optimiert werden kann und das Unternehmen wachsen kann. Was jetzt noch den Anforderungen des Unternehmens entspricht, kann eines Tages veraltet sein. Klären Sie also unbedingt, welche langfristigen Ziele Sie mit Ihrer Website und Ihrem Service erreichen wollen.

Eine schnelle Möglichkeit, künftige Verbesserungen zu gewährleisten, besteht darin, eine Website-Struktur zu schaffen, die bei Bedarf optimal für zusätzliche Unterverzeichnisse oder Kategorien geeignet ist, und dafür zu sorgen, dass strukturierte Daten, Inhaltsstrategien und Pläne für die Benutzerfreundlichkeit an unterschiedliche Themen angepasst werden können. Wenn Ihr Kunde (jetzt oder eines Tages) eine internationale Expansion plant, sollten Sie auch prüfen, ob die von Ihnen vorgeschlagene hreflang-Implementierung dem gerecht wird. Wenn Sie über das potenzielle Gesamtbild und künftige Pläne nachdenken, werden Sie und Ihr Unternehmen in Zukunft viel Zeit und Stress sparen.

Bei der Neuformatierung Ihrer Website ist es schwierig, Erwartungen zu erfüllen: Sie sollten so wenig wie möglich ändern. Jede Änderung der Website-Architektur, der URL-Struktur, der Metadaten, der Texte oder des Seitenlayouts stellt ein zusätzliches Risiko dar, da es etwas länger dauert, bis die Suchmaschinen sie verstehen. Wenn Sie es richtig anstellen, zahlt Ihr Unternehmen wahrscheinlich viel Geld für eine Website, die so gut wie die letzte aussieht und funktioniert – das ist schwer zu erreichen, wenn jeder nur die Gelegenheit sieht, das Ganze neu zu gestalten.

Filter, Varianten und mehrere Kategorien

Wenn die neue Website Filter enthält, beschreiben Sie, wie sich diese auf die URL-Struktur auswirken werden und ob die resultierenden URLs für Suchmaschinen zugänglich und indizierbar sein sollen oder nicht.

Dasselbe gilt für Seitenvarianten.

Beispiel: Sie wollen eine neue E-Commerce-Website für den Verkauf von Schuhen erstellen. Jeder Schuh ist in verschiedenen Farben und Größen erhältlich, was leicht zu Dutzenden von Produktvarianten führt. Welche Seiten sollen zugänglich und indizierbar sein und welche nicht?

Und was ist mit Blogartikeln, die zu mehreren Kategorien gehören? Oder mit Produkten, die in mehreren Kategorien zu finden sind? Aus Nutzersicht mag es sehr gute Gründe dafür geben, aber aus SEO-Sicht kann das wirklich Kopfschmerzen bereiten.

Wir empfehlen, dafür zu sorgen, dass Ihre Artikel und Produkte eine Hauptkategorie haben, die indiziert werden kann. Andere Kategorien, in denen sich ein Artikel oder Produkt befindet, sollten nicht indizierbar sein, um Folgendes zu verhindern doppelten Inhalt.

Beispiel: Ein Blog-Artikel gehört zu den Kategorien A, B und C, die zu den folgenden URLs führen:

  1. https://example.com/blog/a/example-article
  2. https://example.com/blog/b/example-article
  3. https://example.com/blog/c/example-article

Kategorie A ist die Hauptkategorie, so dass dieser Artikel auf https://example.com/blog/a/example-article indiziert werden kann.

https://example.com/blog/b/example-article und https://example.com/blog/c/example-article sollten beide auf die primäre URL kanonisiert werden.

Intelligente Vorlagen, die Ihnen Zeit sparen

Aus SEO-Sicht ist es wichtig, dass Sie Vorlagen für den Titel-Tag, die Meta-Beschreibung und die Überschriften definieren können. Sie helfen Ihnen bei der konsistenten Optimierung und ersparen Ihnen gleichzeitig viel Arbeit.

Sie müssen in der Lage sein, diese Vorlagen auf Website-Ebene sowie für Kategorieseiten und für alle Seiten einer bestimmten Kategorie zu definieren. Spezifität gewinnt, daher wird die spezifischste Vorlage für eine Seite verwendet.

Beispiel 1

Typ

Element

Vorlage

Website

Titel

$Seitenname – HappyShoes

Sie haben eine Seite mit dem Namen “Datenschutz”, also wird der Titel: “Datenschutz – HappyShoes”.

Beispiel 2

Typ

Element

Vorlage

Website

Titel

$Seitenname – HappyShoes

Seiten in der Kategorie “adidas”

Titel

$pageName – adidas Schuhe kaufen

Du hast eine Seite mit dem Namen “adidas Ultra Boost Größe 44”, also wird der Titel: “adidas Ultra Boost Größe 44 – adidas Schuhe kaufen”.

Manuelles Überschreiben der intelligenten Standardwerte

Auf Seitenebene sollten Sie in der Lage sein, diese Vorlagen mit manuell definierten Vorlagen zu überschreiben.

Auf diese Weise können Sie schnell eine Standard-Titel-Tag-Vorlage für alle Ihre Blog-Artikel festlegen. Oder für alle Seiten rund um einen bestimmten Service.

Crawling & Indizierung

Alle in diesem Abschnitt beschriebenen Anforderungen zielen darauf ab, dass der Crawling- und Indexierungsprozess einer Suchmaschine Crawling- und Indizierungsprozess einer Suchmaschine reibungslos verläuft. Sie möchten, dass die Suchmaschinen schnell von neuen oder aktualisierten Inhalten erfahren. Und Sie möchten, dass sie Ihre Inhalte beim Crawlen so schnell und so gut wie möglich verstehen.

Richtlinien für Roboter

Mit Robots-Direktiven können Sie festlegen, wie Crawler Ihre Seiten behandeln sollen. Die bekanntesten Direktiven sind die noindex- und nofollow-Direktiven. Sie können diese Robots-Direktiven über den Meta-Tag im <head>-Abschnitt einer Seite definieren, aber auch über den X-Robots-Tag im HTTP-Header.

Standardmäßig sollten die Robots-Richtlinien die Indizierung zulassen und die nofollow-Richtlinie nicht anwenden.

Auch hier müssen Sie die Robots-Richtlinien auf den folgenden drei Ebenen definieren:

  • Die Ebene der Website
  • Die Ebene der Kategorie/Segment
  • Die Seitenebene

Kanonische URLs

Kanonische URLs teilen Suchmaschinen mit, dass sie eine Seite gegenüber anderen identischen oder ähnlichen Seiten bevorzugen sollen. Wenn Sie zum Beispiel drei nahezu identische Seiten haben – A, B und C – und Sie möchten, dass Seite A indiziert wird, dann können Sie sowohl B als auch C zu A kanonisieren.

Standardmäßig sollten kanonische URLs selbstreferenzierend sein und den Suchmaschinen mitteilen, dass sie die richtige Variante für die Indizierung sind.

Wenn es um Canonicals geht, sollten Sie diese nur auf Seitenebene definieren.

Bewährte Verfahren für kanonische URLs:

  • Verwenden Sie absolute URLs, einschließlich der Domäne und des Protokolls.
  • Definieren Sie nur eine kanonische URL pro Seite.
  • Definieren Sie die kanonische URL im <head>-Abschnitt oder HTTP-Header der Seite.
  • Zeigen Sie auf eine indizierbare Seite.

Verhindern Sie Probleme mit kanonischen URLs

Lassen Sie nicht zu, dass Ihre kanonischen URL-Fehler Ihre SEO-Leistung beeinträchtigen. Überwachen Sie Ihre Website mit ContentKing und erhalten Sie Echtzeit-Warnungen.

Internationale SEO

Die in diesem Abschnitt beschriebenen Anforderungen gelten für Websites, die internationale SEO.

Hreflang-Attribut

Für eine Website, die in mehreren Sprachen und/oder Regionen verfügbar ist, sollten Sie das Attribut hreflang verwenden. Das Attribut hreflang wird verwendet, um anzugeben, in welcher Sprache Ihr Inhalt vorliegt und für welche geografische Region Ihr Inhalt bestimmt ist. Sie können das hreflang-Attribut definieren, indem Sie es in den <head>-Abschnitt aufnehmen oder den HTTP-Header verwenden.

Angenommen, Sie haben eine englische, niederländische und französische Version Ihrer Website. Sie können das Attributhreflang verwenden, um Suchmaschinen auf die übersetzten Versionen Ihrer Seiten zu verweisen. Die englische Version der Seite würde in ihrem <head>-Abschnitt Folgendes enthalten:

<link rel=”canonical” href=”https://www.example.com/” /><link rel=”alternate” hreflang=”en” href=”https://www.example.com/” /><link rel=”alternate” hreflang=”nl” href=”https://www.example.nl/” /><link rel=”alternate” hreflang=”fr” href=”https://www.example.fr/” /><link rel=”alternate” hreflang=”x-default” href=”https://www.example.com/” />

Bewährte Verfahren fürhreflang -Attribute:

  • Verweisen Sie sowohl auf die Seite selbst als auch auf ihre übersetzten Varianten.
  • Vergewissern Sie sich, dass die Referenzen des Attributs bidirektionalhreflang sind.
  • Sprach- und Regionalkombinationen richtig definieren.
  • Setzen Sie immer hreflang=”x-default”.
  • Das Attributhreflang und die kanonische URL müssen übereinstimmen.
  • Verwenden Sie absolute URLs, wenn Sie das Attributhreflang definieren.
  • Verwenden Sie nur eine Methode, um das Attributhreflang zu implementieren.

Strukturierte Daten

Mit strukturierten Daten können Sie zusätzliche Informationen über Ihre Inhalte bereitstellen. So können Sie beispielsweise Schema.org für Suchmaschinen verwenden, während Open Graph Plattformen wie Facebook, LinkedIn und Slack dient und Twitter Cards dies für Twitter tun. Durch die Verwendung strukturierter Daten können Sie sicherstellen, dass Sie die volle Kontrolle darüber haben, wie Ihre Inhalte präsentiert werden.

Schema.org

Schema.org wird häufig verwendet, um Bewertungen zu markieren und mitzuteilen, wer einen Artikel geschrieben hat und zu welcher Organisation eine Website gehört. Oder im Falle eines lokalen Unternehmens können Sie Schema.org verwenden, um die Art des Unternehmens und seine Öffnungszeiten zu erklären. Hier gibt es viele Möglichkeiten, also stellen Sie sicher, dass Ihre Website die Definition der Schema.org-Eigenschaften unterstützt. Das Markup sollte in den HTML-Code eingefügt werden.

Es gibt mehrere Möglichkeiten, Schema zu definieren, aber die beliebteste (und von Google bevorzugte) ist die Verwendung des JSON-LD-Formats.

Sie sollten in der Lage sein, diese auf den folgenden Ebenen zu definieren:

  • Die Ebene der Website (z. B. zur Definition der Organisation)
  • Die Seitenebene (z. B. zur Definition von Bewertungen)

Bei strukturierten Daten geht es um Vertrauen. Wenn SEOs über strukturierte Daten für Websites sprechen, beziehen sie sich in der Regel auf Schema.org. Die Verwendung des Schema.org-Vokabulars beinhaltet die Kommentierung von Informationen auf einer Seite, wobei Text (der für Maschinen schwer zu verstehen und zu disambiguieren sein kann) genommen und ausdrücklich angegeben wird, was diese Elemente sind und/oder bedeuten. Eine Maschine kann dann diese eindeutig gekennzeichneten Elemente mit größerer Sicherheit verwenden (da sie weiß, dass sie von einem Webmaster validiert wurden). Google hat beispielsweise die Möglichkeit, diese Informationen zum Auffüllen von Rich Snippets, zur Aktualisierung des Knowledge Graph, zur Aktualisierung verschiedener SERP-Funktionen, zur Unterstützung lokaler Transaktionen und zur semantischen Assoziation zu verwenden. Es ist wichtig, dass die Informationen korrekt sind und auf der Seite vorhanden sind. Siehe Googles Dokumentation  (öffnet in einem neuen Tab) über die von ihnen unterstützten Artikeltypen, die auch Details zur Implementierung enthält. Wenn Sie gerade erst anfangen, etwas über strukturierte Daten zu lernen, schauen Sie sich den Merkle’s Markup Generator (öffnet in einem  neuen Tab)!

Open Graph-Auszeichnung

Es gibt vier erforderliche Open Graph-Eigenschaften, die Sie definieren können sollten:

  1. og:url
  2. og:Titel
  3. og:Beschreibung
  4. og:image

Es gibt auch zwei empfohlene Eigenschaften; verwenden Sie diese, um noch mehr Kontext über den Inhalt zu liefern:

  1. og:Typ
  2. og:Gebietsschema

Sie sollten in der Lage sein, diese auf den folgenden Ebenen zu definieren:

  • Die Website-Ebene (z. B. zur Festlegung eines Standardbildes)
  • Die Kategorie-/Segmentebene (z. B. zur Festlegung eines Standardbildes für alle Blogartikel)
  • Die Seitenebene (z. B. zur Definition von Bewertungen)

Twitter Card Markup

Während Twitter Cards Open Graph sehr ähnlich sind, gibt es bei Twitter Cards vier verschiedene Typen:

  1. Übersichtskarte
  2. Übersichtskarte mit großem Bild
  3. App-Karte
  4. Spieler-Karte

Hier sind die erforderlichen Eigenschaften der Twitter-Karte:

  • twitter:card
  • twitter:title

Wir empfehlen jedoch dringend, auch die drei unten aufgeführten Eigenschaften einzubeziehen, um mehr Kontext über den Inhalt zu liefern:

  • twitter:site
  • twitter:description
  • twitter:image

Medien wie Bilder und PDF-Dateien können viel Verkehr verursachen, und deshalb ist es wichtig, dass Sie in der Lage sind optimieren.

Es gibt zwar mehrere Faktoren, die darüber entscheiden, ob ein Bild gut platziert wird oder nicht, aber die Website sollte die Definition eines Alt-Attributs und eines Title-Tag-Attributs für jedes Bild unterstützen. Wenn Sie Medien hochladen, müssen Sie außerdem sicherstellen, dass der URL-Pfad sinnvoll ist.

Der Standard-URL-Pfad von WordPress, der das Jahr und den Monat enthält, führt beispielsweise zu sehr langen URLs und kann außerdem den falschen Eindruck erwecken, dass Ihre Medien veraltet sind, wenn sie von https://example.com/wp-content/uploads/uploads/2017/06/ bereitgestellt werden.

Es wird auch empfohlen, die Dateigröße Ihrer Bilder durch Bildkomprimierung zu verringern. Dies verbessert die Ladegeschwindigkeit der Seite.

Um sicherzustellen, dass die Suchmaschinen schnell und einfach von Ihren Bildern erfahren, sollten Sie eine XML-Sitemap für Bilder verwenden.

Verwaltung der Navigation

Wie wir in der Informationsarchitektur beschrieben, spielt die Art und Weise, wie der Inhalt für Besucher und Suchmaschinen zugänglich ist, eine Schlüsselrolle bei der Suchmaschinenoptimierung.

Daher ist es wichtig, dass Sie Ihre Navigation verwalten können. Es gibt verschiedene Arten der Navigation, wie zum Beispiel:

  • Hauptnavigation
  • Navigation in der Seitenleiste
  • Navigation in der Fußzeile

Stellen Sie sicher, dass Sie diese für die gesamte Website und auch speziell für bestimmte Bereiche der Website verwalten können. Nehmen Sie zum Beispiel eine eCommerce-Website, die Schuhe, Hosen und Pullover verkauft. Im Bereich Schuhe möchten Sie vielleicht eine Seitenleiste und eine Fußzeile definieren, die nur Links zu Ihren wichtigsten Produktseiten und Unterkategorieseiten über Schuhe enthalten.

Schlussfolgerung

Damit eine neue Website bei ihrem Start SEO-tauglich ist, muss sie über gute Spezifikationen verfügen. Nutzen Sie diesen Artikel zu Ihrem Vorteil, und klicken Sie sich unbedingt zu den ausführlichen Artikeln über die genannten Themen durch, um zusätzliche Informationen zu erhalten.

Und wenn Sie alle SEO-Anforderungen für die neue Website im Griff haben, sollten Sie sich auf den nächsten Schritt vorbereiten: die Vorbereitung auf eine zukünftige Website-Migration.