Prüfen Sie, was Ihre Astro-Website ausliefert, Island für Island.

Ist Astro gut für SEO?

Ja, Astro kann Ihnen eine suchmaschinenfreundliche Website bieten: Es rendert jede UI-Komponente Ihrer Website in HTML und CSS und entfernt standardmäßig clientseitiges JavaScript. Sehen Sie sich den Quellcode Ihrer Startseite an. Sie benötigen die Rohantwort, nicht den Inspektor. Darin sollten Sie Ihren Titel, Ihre Meta-Beschreibung, Ihren kanonischen Link und genau eine h1-Überschrift finden.

Ein Crawler erfasst Ihre Überschriften, Texte und Links ohne Rendering-Schritt. Laut der Übersicht, die Astro selbst auf der Startseite zeigt, erfüllen 71 % der realen Astro-Websites die Core Web Vitals. Aber das ist eine Angabe des Anbieters. Nehmen Sie sie als Anhaltspunkt, nicht als endgültiges Urteil, und testen Sie Ihre Seiten, bevor Sie sich darauf verlassen.

Astro schreibt Ihre Metadaten nicht, und Ihre Konfigurationsdatei hat keinerlei Auswirkungen auf die SEO. Titel- und Meta-Tags setzen Sie selbst in den Kopfbereich Ihrer Seite, in der Regel in Ihr gemeinsames Layout. Ihre Bewertung hängt also von Ihren Vorlagen und Inhalten ab. Die Auswertung analysiert Ihre Seiten und zeigt Ihnen, wo es hakt.

Was bedeuten Islands für Crawler und Core Web Vitals?

Bei „Islands“ liest der Crawler für jede Komponente auf Ihren Seiten reines HTML ein. Nur die Komponenten, die Sie mit einer „client:“-Anweisung kennzeichnen, werden im Browser Ihrer Besucher als JavaScript geladen. Dort entstehen Ihre Kosten, und nur dort.

Durchsuchen Sie Ihre Vorlagen nach den Attributen „client:load“, „client:idle“ und „client:visible“. Ihre „client:idle“-Komponenten warten, bis der Browser im Leerlauf ist, Ihre „client:visible“-Komponenten, bis sie in den Sichtbereich gelangen. Mit „client:load“ an Ihrem Hero wird Ihr Skript schon beim ersten Laden geladen. Prüfen Sie, ob Ihre Seite das wirklich braucht (oft nicht).

Prüfen Sie, was Ihr HTML-Code tatsächlich ausliefert. Ihr Text und Ihr Hauptbild sollten in der Quellansicht erscheinen, denn web.dev empfiehlt, Ihr größtes Bild über ein `img`-Element mit `src` oder `srcset` zu laden und nicht über JavaScript. Die Core Web Vitals messen Ladezeit, Interaktivität und visuelle Stabilität, und jede Ihrer Entscheidungen wirkt sich auf mindestens einen dieser Bereiche aus. Die Auswertung berücksichtigt die Größe der Skripte auf Ihren Seiten. Wie Ihre Besucher die Seite tatsächlich erleben, kann sie Ihnen aber nicht zeigen. Web.dev weist darauf hin, dass Labormessungen Feldmessungen nicht ersetzen; schauen Sie also in Ihre Felddaten.

Inwiefern beeinflussen Layouts und Inhaltssammlungen Titel, Canonical-Links und Schema??

Ihr gemeinsames Layout steuert alle drei Elemente. Geben Sie Ihren Titel, die Meta-Tags, den kanonischen Link und das JSON-LD einmal im Head-Bereich ein, und jede Seite, die Sie erstellen, übernimmt diese Angaben. Und ein Fehler an dieser Stelle bleibt nicht auf sich beschränkt: Er wiederholt sich auf Ihrer gesamten Website.

Öffnen Sie Ihr Layout und achten Sie auf drei Dinge: einen Titel und eine Beschreibung, die Sie als „props“ übergeben, einen Canonical-Link, den Sie anhand Ihrer Website-Einstellungen erstellen, sowie ein JSON-LD-Skript. Für die kanonischen Links legen Sie die Bereitstellungs-URL in der Option „site“ der Datei „astro.config.mjs“ fest. Auch „base“ und „trailingSlash“ lassen sich dort setzen. Und ohne die Option „site“ fehlt die Grundlage, auf der Ihre kanonischen Links entstehen.

Die andere Hälfte, die Sie selbst kontrollieren, steckt in Ihren Sammlungen. Astro nutzt sie, um Markdown-Inhalte zu organisieren, zu validieren und auf Typkonformität zu prüfen. So können Sie in Ihrem Schema eine Beschreibung oder ein Datum verlangen, bevor die Seite entsteht. Themes wie Casper geben an, ihre Sammlungen neben JSON-LD auch mit Zod zu validieren; prüfen Sie, ob das bei Ihrem Theme zutrifft. Die Prüfung kontrolliert den ausgegebenen HTML-Code auf strukturierte Daten. Die Ihnen versprochene Vorlage bleibt dabei ungeprüft (ein Versprechen ist kein Markup).

Astro vs. Next.js: Was liefert weniger an den Browser aus?

Wie Sie den Vergleichen entnehmen können, überträgt Astro weniger JavaScript auf Ihre Seiten als Next.js. Laut Vercel liefern beide servergerenderten HTML-Code. Suchmaschinen können Ihre Seiten daher in beiden Fällen indexieren (worüber sich die meisten zuerst Sorgen machen). Entscheiden Sie sich für Next.js, bleiben Ihre Seiten sichtbar.

Der Docs-Site-Benchmark von Tech Insider vom September 2026 zeigt etwa 12 KB JavaScript für Astro und rund 187 KB für Next.js. Ein Video von Devsplainers kommt auf einer Startseite auf 1,75 KB gegenüber 168 KB; prüfen Sie, ob Ihre eigene Startseite eine solche Lücke aufweist. Kunal Ganglani beziffert die Kosten für Next.js-Router und Hydration auf einer typischen Marketing-Website auf 80 bis 150 KB, ein Richtwert für Ihre Seiten. Die Zahlen schwanken je nach Quelle und Website. Keine stammt von Ihrer. Testen Sie deshalb Ihre eigene Website, bevor Sie irgendeiner Zahl vertrauen: Es zählt die Zahl, die Ihr Build liefert.

Vercel merkt an, dass die höheren Bestehensquoten von Astro bei den Core Web Vitals in den Daten von HTTP Archive widerspiegeln, welche Art von Websites das jeweilige Framework einsetzt; eine Bewertung Ihrer Build-Umgebung sind sie nicht. Um Ihre eigenen Werte zu ermitteln, folgen Sie der Methode von LogRocket. Führen Sie „astro build“ aus und stellen Sie Ihre Distribution mit „npx serve dist“ bereit, oder bauen Sie Next.js mit der Option „output: 'export'“ und stellen Sie Ihr „out“-Verzeichnis bereit. Die Auswertung erfasst, was Ihre Live-Seiten tatsächlich ausliefern, Sie sehen also Ihr eigenes Ergebnis und nicht das eines Benchmarks. Vergleichen Sie Ihren Build mit dem, was live läuft. Die Differenz ist Ihre Antwort.

In welchen Bereichen verlieren Astro-Websites in der Regel Punkte?

Bei Astro verlieren Sie meist Punkte bei Vorlagen und Inhalten. Das Rendern kostet Sie selten Punkte. Die Standardausgabe ist bereits HTML, schauen Sie sich also zuerst die Seiten an, die Sie selbst gebaut haben, und nicht das Framework.

Beginnen Sie mit Ihrer Sitemap. Die @astrojs/sitemap-Integration erstellt Einträge aus Ihren statisch generierten Routen, auch aus denen von getStaticPaths(), kann aber im SSR-Modus keine Einträge für Ihre dynamischen Routen erzeugen. Wenn Sie Routen bedarfsweise rendern, sorgen Sie dafür, dass sie auf anderem Wege in die Sitemap gelangen. Öffnen Sie danach Ihre übersetzten Seiten und prüfen Sie die `hreflang`-Tags. Zeigen Ihre `canonical`-Tags auf den falschen Host oder auf die falsche Form, mit oder ohne abschließenden Schrägstrich?

Als Nächstes kommen die Bilder, die sich im Markup prüfen lassen. Die Bildkomponente von Astro setzt Breite und Höhe automatisch, damit es keine kumulative Layoutverschiebung gibt. Ein einfaches „img“-Tag, das Sie von Hand schreiben, hat nur die Attribute, die Sie ihm geben. Punkte verlieren Ihre Seiten, wenn Ihr JSON-LD zu dünn ist oder fehlt oder wenn sich ein Titel über Ihre Seiten hinweg wiederholt. Auch eine „client:load“-Komponente, die nie interaktiv sein musste, kostet Punkte. Die Bewertung listet die Belege für jede Säule auf, sodass Sie bei Ihrer Website nie raten müssen.

Wie prüfen Sie eine Astro-Website von außen?

Um Ihre Astro-Website von außen zu prüfen, sehen Sie sich an, was sie ausgibt. Rufen Sie die Seiten ab und kontrollieren Sie dann Header, Markup, strukturierte Daten, Überschriften, die Größe von Skripten und Bildern sowie die Robots- und Canonical-Signale. Führen Sie „curl“ auf Ihrer Startseite aus. Vergewissern Sie sich, dass Titel, kanonischer Link, H1-Überschrift und JSON-LD schon in der ersten Antwort stehen (fehlen sie dort, findet ein Crawler sie ebenfalls nicht).

Öffnen Sie danach Ihre „robots.txt“-Datei und die URL Ihrer Sitemap. Wiederholen Sie die Prüfung an einigen Vorlagen, etwa an Ihrem Beitrag, Ihrem Eintrag und Ihrer übersetzten Seite. Eine Korrektur am Layout kann bei einer Vorlage greifen. Bei einer anderen scheitert sie womöglich weiterhin.

Die kostenlose Bewertung übernimmt das für Sie. Sie analysiert Ihre Startseite sowie bis zu acht zufällig ausgewählte Seiten, bewertet Ihre Website anhand von acht gewichteten Kriterien und liefert Ihnen in etwa zwei Minuten einen Wert auf einer Skala von 1 bis 100. Sie geben Ihre geschäftliche E-Mail-Adresse ein, und der Link zu Ihrem Bericht kommt einmalig per Mail. Pro Stunde und Verbindung sind drei Überprüfungen möglich. Das Tool meldet sich nicht bei Ihrer Website an und kennt weder Ihre Analysedaten noch Ihre Felddaten. Kombinieren Sie die Ergebnisse deshalb mit Ihren eigenen Feldmessungen.

Fragen und Antworten.

Weiterlesen.

1. 01Next.js-SEO-AuditRendering-Modus, Metadaten, Hydration-Kosten.
2. 02Headless-CMS-SEO-AuditRendering, Canonicals, Vorschauen, strukturierte Daten aus dem Template.
3. 03Core-Web-Vitals-TestLCP, INP und CLS, gemessen an dem, was die Seite ausliefert.