SEO-Verbesserungsleitfaden: Strukturierte Daten und OGP auf Ihrer Astro-Website implementieren

Einführung

Wenn Menschen an SEO denken, stellen sie sich vielleicht „Keyword-Stuffing” vor, aber modernes SEO bedeutet grundsätzlich, die Struktur und den Inhalt Ihrer Website akkurat an Suchmaschinen zu vermitteln.

Dieser Artikel erklärt SEO-Maßnahmen, die auf einer Astro-Website implementiert werden sollten, unterteilt in vier Kategorien. Jede einzelne bietet nach der Einrichtung langfristigen Nutzen.

OGP und Meta-Tags einrichten

OGP und Meta-Tags steuern die Darstellung beim Teilen in sozialen Medien und die Informationsübermittlung an Suchmaschinen.

Grundlegende Meta-Tags

Geben Sie in Ihrer Astro-Layout-Komponente Folgendes für jede Seite aus:

• og:title / og:description / og:image — Titel, Beschreibung und Bild beim Teilen in sozialen Medien
• twitter:card = summary_large_image — Große Bildkarte auf X (Twitter) anzeigen
• rel="canonical" — Die kanonische URL für Duplikatseiten angeben
• rel="prev" / rel="next" — Paginierungsbeziehungen anzeigen

Meta-Tags für Blog-Beiträge

Setzen Sie auf Artikelseiten folgende zusätzliche Tags:

• article:published_time / article:modified_time — Veröffentlichungs- und Aktualisierungsdatum
• article:tag — Artikel-Tag-Informationen
• article:section — Inhaltskategorie

Implementierungstipps

Indem Sie title / description / image als Props in der Layout-Komponente akzeptieren und von jeder Seite übergeben, können Sie eine konsistente Meta-Tag-Ausgabe auf allen Seiten sicherstellen. Für den og:title der Startseite verwenden Sie einen spezifischen Titel, der den Website-Namen und den Slogan enthält, anstatt nur „Home”.

Strukturierte Daten implementieren (JSON-LD)

Strukturierte Daten sind ein Mechanismus, der Suchmaschinen ermöglicht, den Seiteninhalt maschinell zu verstehen. Bei korrekter Implementierung können Rich Results (FAQs, Breadcrumbs, Autoreninfos usw.) in den Suchergebnissen erscheinen.

Organization

Übermitteln Sie Firmeninformationen an Google. Dies kann im Knowledge Panel erscheinen.

{
  "@type": "Organization",
  "name": "Acecore",
  "url": "https://acecore.net",
  "logo": "https://acecore.net/logo.png",
  "contactPoint": { "@type": "ContactPoint", "telephone": "..." }
}

Sie können auch ein knowsAbout-Feld auf der Über-uns-Seite hinzufügen, um Geschäftsbereiche anzugeben.

BlogPosting

Setzen Sie BlogPosting für Blog-Artikel. Die Angabe von Autor, Veröffentlichungsdatum, Aktualisierungsdatum und Beitragsbild ermöglicht die Anzeige von Autoreninfos in Google Discover und Suchergebnissen.

BreadcrumbList

Strukturierte Breadcrumb-Daten sollten auf allen Seiten gesetzt werden. Ein wichtiger Implementierungshinweis: Überprüfen Sie, ob Zwischenpfade (wie Listenseiten, z.B. /blog/tags/) tatsächlich existieren, und geben Sie die item-Eigenschaft für nicht existierende Pfade nicht aus.

FAQPage

Geben Sie FAQPage-strukturierte Daten für Artikel mit FAQ-Abschnitten aus. In Astro ist es ein praktischer Ansatz, ein faq-Feld im Frontmatter zu definieren und es auf der Template-Seite zu erkennen und auszugeben.

WebSite + SearchAction

Wenn Sie eine Website-Suche haben, kann das Setzen von SearchAction ein Suchfeld direkt in den Google-Suchergebnissen anzeigen. In Kombination mit einer Suchmaschine wie Pagefind verbessert die Implementierung eines Auto-Start-Mechanismus für das Such-Modal über den ?q=-Parameter die Benutzererfahrung.

Sitemap-Optimierung

Sie können eine Sitemap automatisch mit Astros @astrojs/sitemap-Plugin generieren, aber die Standardeinstellungen sind unzureichend.

Konfiguration pro Seitentyp

Verwenden Sie die serialize()-Funktion, um changefreq und priority basierend auf URL-Mustern zu setzen.

lastmod setzen

Setzen Sie lastmod auf das Build-Datum, um die Aktualität des Inhalts an Suchmaschinen zu kommunizieren. Wenn ein Blog-Beitrag ein lastUpdated-Feld in seinem Frontmatter hat, priorisieren Sie dieses.

RSS-Feed verbessern

RSS wird oft als „einmal einrichten und vergessen”-Aufgabe behandelt, aber die Verbesserung der Feed-Qualität verbessert die Darstellung in RSS-Readern und die Abonnentenerfahrung.

Hinzuzufügende Informationen

• author: Den Autorennamen pro Artikel einbinden
• categories: Tag-Informationen als Kategorien hinzufügen, um die Klassifizierung in RSS-Readern zu verbessern

items: posts.map(post => ({
  title: post.data.title,
  description: post.data.description,
  link: `/blog/${post.id}/`,
  pubDate: post.data.date,
  author: post.data.author,
  categories: post.data.tags,
}))

SEO-Verbesserungs-Checkliste

Abschließend eine Zusammenfassung der wichtigsten Punkte zur Überprüfung für die SEO-Verbesserung einer Astro-Website:

1. Ist auf jeder Seite eine kanonische URL gesetzt?
2. Ist für jede Seite ein einzigartiges OGP-Bild vorbereitet?
3. Validierung strukturierter Daten: Mit dem Google Rich Results Test prüfen
4. Zeigen Zwischenpfade in Breadcrumb-Listen auf tatsächliche URLs?
5. Schließt die Sitemap unnötige Seiten (wie 404) aus?
6. Enthält der RSS-Feed Autor und Kategorien?
7. Schließt robots.txt Suchindizes (wie /pagefind/) vom Crawling aus?

Sobald Sie all dies konfiguriert haben, steht Ihre SEO-Grundlage. Von da an werden Suchrankings durch Inhaltsqualität und Aktualisierungsfrequenz bestimmt.

Zugehörige Serie

Dieser Artikel ist Teil der Serie „Leitfaden zur Qualitätsverbesserung von Astro-Websites”. Separate Artikel behandeln Verbesserungen in den Bereichen Performance, Barrierefreiheit und UX.