Gatsby'de Site Haritası Nasıl Eklenir?
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/