Back to posts

Gatsby'de Site Haritası Nasıl Eklenir?

Berkay Demirbas

SEO'nun olmazsa olmazlarından Sitemap'i (Site Haritası), Gatsby'ye plugin aracılığıyla ekleyebilirsiniz.

Pluginin Yüklenmesi

Yarn

yarn add gatsby-plugin-sitemap

ya da

Npm

npm install --save add gatsby-plugin-sitemap

Kullanımı

Paketi yükledikten sonra gatsby-config.js içerisine plugini ekliyoruz.

siteMetadata: { siteUrl: `https://www.example.com`, }, plugins: \[`gatsby-plugin-sitemap`\]

Sitemap Oluşturma

Sitemap'in oluşturulabilmesi için production modda siteyi çalıştırmak gerekiyor. Dolayısıyla gatsby build && gatsby serve komutu yazılmadan sitemap oluşmaz.

Plugin devreye girdiğinde daima şu sayfaları devre dışı bırakır ve buna müdahale edilemez.

  • /dev-404-page
  • /404
  • offline-plugin-app-shell-fallback

Opsiyonlar

query

Gatsby içinde oluşturulmuş içerikleri GraphQL ile ayıklayarak kategorize edebilirsiniz.

output

Sitemap'in gösterileceği yoldur. Varsayılan olarak /sitemap.xml tanımlıdır.

exclude

Site haritasında gösterilmesini istemediğiniz sayfaları RegEX ile ekleyebileceğiniz komuttur.

createLinkInHead

Site haritanızdaki <Head> etiketlerine linklerin eklenip eklenmeyeceğini boolean ile belirlediğiniz komuttur.

sitemapSize

Site haritasındaki içerik sayısını spesifik olarak belirleyebilirsiniz. Varsayılan olarak 5000'dir. 5000'den fazla olduğunda, site haritasının yüklenmesini ve robotlar tarafından okunmasını kolaylaştırmak amacıyla, 5001. içeriği sitemap-2.xml gibi bir output'a otomatik olarak devreder. Oldukça kullanışlı bir özellik.

Kaynak
https://www.gatsbyjs.org/packages/gatsby-plugin-sitemap/

react SEO sitemap gatsby
© 2021, I use Cookie 🍪