Toolverse
All skills

nuxt-seo

by onmax

Nuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
onmax
Category
Frontend

About this skill

Nuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data.

How to use

  1. Zainstaluj moduł w projekcie Nuxt, uruchamiając polecenie npx nuxi module add @nuxtjs/seo w terminalu.

  2. Otwórz plik nuxt.config.ts i skonfiguruj podstawowe dane witryny w obiekcie site — określ adres URL, nazwę i inne parametry SEO. Użyj funkcji useSiteConfig() aby uzyskać dostęp do tych ustawień w komponentach.

  3. Jeśli chcesz wygenerować robots.txt i sitemap.xml, załaduj referencję crawlability.md i użyj useRobotsRule() oraz defineSitemapEventHandler() do zdefiniowania reguł indeksowania i listy stron.

  4. Do dynamicznego generowania obrazów Open Graph dla postów lub stron załaduj referencję og-image.md i użyj funkcji defineOgImage() w komponentach, gdzie chcesz dodać niestandardowe obrazy społecznościowe.

  5. Jeśli potrzebujesz strukturyzowanych danych JSON-LD (schema.org), załaduj referencję schema-org.md i użyj useSchemaOrg() do dodania informacji o artykułach, organizacji lub innych typach treści.

  6. Opcjonalnie załaduj utilities.md aby pracować z breadcrumbami, adresami URL kanonicznymi lub walidacją linków — użyj funkcji useBreadcrumbItems() i innych narzędzi dostępnych w module nuxt-seo-utils.

Related skills