Die richtige SEO-Strategie ist für jeden Blog/jede Website entscheidend, und daher bildet eine aktuelle sitemap.xml die Grundlage für den Google Crawler. Wir werden eine einfache Funktion erstellen, um die sitemap.xml zu überprüfen und ihre Einträge zu zählen. Dies wird uns helfen zu überprüfen, ob alle Seiten vorhanden sind.
Verwendeter Stack
Ich werde mit meinem Standard-Stack beginnen:
Contentful als CMS
Next.js 14 als das Web-Framework
Vercel für das Hosting
Hier ist das GitHub repo mit dem vollständigen Code.
Beispielseite gehostet auf Vercel -> https://nextjs14-azureb2c-prisma.vercel.app/
Zwei neue XML NPM Pakete
Ich muss das Paket xml2js und die entsprechenden Typen @types/xml2js installieren, damit der Sitemap-Zähler funktioniert.
Neue Lib Datei (Sitemapcounter.ts)
Sobald die Lib-Datei vorhanden ist, erstelle ich eine neue API-Route für die Hauptlogik.
Neue API Route für das Zahlen der URL's
Neue Komponente zum Abrufen der Sitemap-URL
Da ich Internationalisierung verwende, muss ich die common.json-Dateien unter src/app/i18n/locales/de-DE - en-US anpassen, damit alle übersetzten Labels wie erwartet funktionieren.
Komponente in Page.tsx integrieren
Als letzten Schritt füge ich die neue Komponente zu meiner page.tsx unter src/app/[locale] hinzu
Endergebnis
Und los geht's. Unten können Sie den neuen Sitemap-Zähler auf der Homepage sehen.
Cloudapp-dev und bevor Sie uns verlassen
Danke, dass Sie bis zum Ende gelesen haben. Noch eine Bitte bevor Sie gehen:
