Communitygithub.com

Pheonix1330/EDA-AND-ML-PROJECT

Erstellen Sie Sitemaps für den Next.js App Router mit Unterstützung für Bilder, Videos, hreflang, dynamische Skalierung und automatische Erstellung eines Sitemap-Index.

Was ist EDA-AND-ML-PROJECT?

Diese KI-Fähigkeit, bekannt als Pheonix1330/EDA-AND-ML-PROJECT, ermöglicht es Entwicklern, automatisch Sitemaps für Next.js App Router-Anwendungen zu generieren. Es unterstützt erweiterte Funktionen wie die Einbindung von Bildern, Videos, hreflang-Attributen für mehrsprachige Websites sowie dynamische Skalierung, um große Websites zu bewältigen. Die Fähigkeit erstellt automatisch einen Sitemap-Index, wenn die Anzahl der Sitemaps die Grenze überschreitet, und gewährleistet so die Einhaltung von SEO-Best Practices. Es ist nützlich für Entwickler, die ihre Next.js-Projekte für die SEO-Auffindbarkeit optimieren möchten, und funktioniert nahtlos mit dem App Router, der in Next.js 13+ verwendet wird. Die Integration erfolgt über einfache Konfiguration und API-Aufrufe.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add Pheonix1330/EDA-AND-ML-PROJECT

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht EDA-AND-ML-PROJECT?

Erstellen Sie Sitemaps für den Next.js App Router mit Unterstützung für Bilder, Videos, hreflang, dynamische Skalierung und automatische Erstellung eines Sitemap-Index.

Funktionen

  • Bild-Sitemap: Fügen Sie Bild-URLs hinzu, um die Bildsuch-Sichtbarkeit zu verbessern.
  • Video-Sitemap: Unterstützung für Videoinhalte mit Metadaten.
  • Hreflang: Mehrsprachige Versionen Ihrer Seiten mit hreflang-Tags kennzeichnen.
  • Dynamische Skalierung: Automatische Aufteilung großer Sitemaps in kleinere Dateien.
  • Sitemap-Index: Automatische Erstellung eines Indexes, wenn mehrere Sitemaps vorhanden sind.

Voraussetzungen

  • Node.js 16.x oder höher
  • Next.js 13.4 oder höher mit App Router

Installation

npm install pheonix1330-eda-and-ml-project

Verwendung

  1. Konfiguration: Erstellen Sie eine sitemap.config.js-Datei im Stammverzeichnis Ihres Projekts.
// sitemap.config.js
module.exports = {
  siteUrl: 'https://example.com',
  generateRobotsTxt: true,
  sitemapSize: 5000,
  additionalPaths: async (config) => {
    // Benutzerdefinierte Pfade hinzufügen
    return [
      { loc: '/custom-page', changefreq: 'daily', priority: 0.7 }
    ];
  },
};
  1. Sitemaps generieren:
npx generate-sitemaps
  1. In Next.js integrieren:
// app/sitemap.js
import { generateSitemaps } from 'pheonix1330-eda-and-ml-project';

export async function GET() {
  const sitemaps = await generateSitemaps();
  return new Response(sitemaps, {
    headers: { 'Content-Type': 'application/xml' },
  });
}

Konfigurationsoptionen

OptionTypStandardwertBeschreibung
siteUrlStringErforderlichBasis-URL Ihrer Website
generateRobotsTxtBooleantruerobots.txt automatisch generieren
sitemapSizeNumber5000Maximale Anzahl URLs pro Sitemap
additionalPathsFunctionasync () => []Benutzerdefinierte Pfade hinzufügen
imagesArray[]Bild-URLs für die Bild-Sitemap
videosArray[]Video-Objekte für die Video-Sitemap
hreflangArray[]Sprachversionen für hreflang

Beispiele

Sitemap mit Bildern

const config = {
  siteUrl: 'https://example.com',
  images: [
    { loc: '/image1.jpg', title: 'Bild 1' },
    { loc: '/image2.jpg', title: 'Bild 2' },
  ],
};

Sitemap mit Videos

const config = {
  siteUrl: 'https://example.com',
  videos: [
    {
      thumbnail_loc: '/video1.jpg',
      title: 'Video 1',
      description: 'Beschreibung des Videos',
      duration: 120,
    },
  ],
};

Lizenz

MIT

Verwandte Skills