Web sitenizin arama motorlar\u0131 taraf\u0131ndan do\u011fru ve eksiksiz bir \u015fekilde taranmas\u0131, dijital varl\u0131\u011f\u0131n\u0131z\u0131n ba\u015far\u0131s\u0131 i\u00e7in kritik \u00f6neme sahiptir. Bu s\u00fcrecin temel ta\u015flar\u0131ndan biri de sitemap’lerdir. \u00d6zellikle Gatsby.js gibi modern, performans odakl\u0131 bir statik site jenerat\u00f6r\u00fc kullan\u0131yorsan\u0131z, sitenizin dinamik yap\u0131s\u0131 ve veri kaynaklar\u0131n\u0131n \u00e7e\u015fitlili\u011fi g\u00f6z \u00f6n\u00fcne al\u0131nd\u0131\u011f\u0131nda, \u00f6zel bir sitemap olu\u015fturmak hem bir gereklilik hem de g\u00fc\u00e7l\u00fc bir SEO stratejisinin par\u00e7as\u0131d\u0131r. Bu makalede, Gatsby.js siteniz i\u00e7in \u00f6zel bir sitemap’i ad\u0131m ad\u0131m nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131, farkl\u0131 veri kaynaklar\u0131n\u0131 nas\u0131l entegre edece\u011finizi ve arama motorlar\u0131na nas\u0131l bildirece\u011finizi detayl\u0131 bir \u015fekilde inceleyece\u011fiz.<\/p>\n
Sitemap, web sitenizdeki sayfalar\u0131n, videolar\u0131n ve di\u011fer dosyalar\u0131n bir listesini i\u00e7eren bir dosyad\u0131r ve arama motorlar\u0131na sitenizin organizasyonu hakk\u0131nda bilgi verir. Temel olarak, bir sitemap arama motoru botlar\u0131n\u0131n sitenizdeki t\u00fcm \u00f6nemli sayfalar\u0131 bulmas\u0131na ve taramas\u0131na yard\u0131mc\u0131 olan bir yol haritas\u0131d\u0131r.<\/p>\n
* Yeni Sayfalar\u0131n Ke\u015ffi:<\/strong> \u00d6zellikle yeni bir siteye sahipseniz veya sitenize s\u0131k s\u0131k yeni sayfalar ekliyorsan\u0131z, sitemap arama motorlar\u0131n\u0131n bu yeni i\u00e7erikleri daha h\u0131zl\u0131 bulmas\u0131n\u0131 sa\u011flar. Gatsby.js, verileri farkl\u0131 kaynaklardan (Markdown dosyalar\u0131, headless CMS’ler, API’ler vb.) \u00e7ekerek statik HTML sayfalar\u0131 olu\u015fturan g\u00fc\u00e7l\u00fc bir framework’t\u00fcr. Bu statik yap\u0131, h\u0131zl\u0131 y\u00fckleme s\u00fcreleri ve y\u00fcksek performans sunarken, sitemap olu\u015fturma s\u00fcrecini de biraz farkl\u0131 bir yakla\u015f\u0131mla ele almay\u0131 gerektirir. Geleneksel bir dinamik web sitesinde sitemap genellikle bir veritaban\u0131 sorgusuyla an\u0131nda olu\u015fturulurken, Gatsby’de bu s\u00fcre\u00e7 derleme zaman\u0131nda (build time) ger\u00e7ekle\u015fir. Bu, sitemap’inizin siteniz da\u011f\u0131t\u0131lmadan \u00f6nce tamamen olu\u015fturuldu\u011fu ve optimize edildi\u011fi anlam\u0131na gelir. Gatsby’nin mod\u00fcler yap\u0131s\u0131 sayesinde, sitemap olu\u015fturma i\u015flemi i\u00e7in \u00f6zel olarak tasarlanm\u0131\u015f eklentileri kullanarak bu s\u00fcreci kolayca otomatikle\u015ftirebilir ve \u00f6zelle\u015ftirebiliriz.<\/p>\n Gatsby siteniz i\u00e7in sitemap olu\u015fturman\u0131n birka\u00e7 temel y\u00f6ntemi vard\u0131r, ancak en yayg\u0131n ve \u00f6nerilen yol, Gatsby’nin zengin eklenti ekosisteminden faydalanmakt\u0131r.<\/p>\n Bu, Gatsby siteleri i\u00e7in sitemap olu\u015fturman\u0131n standart ve en etkili yoludur. Eklenti, sitenizin GraphQL katman\u0131ndan sayfa verilerini \u00e7ekerek otomatik olarak bir \u00c7ok \u00f6zel ve nadir durumlar d\u0131\u015f\u0131nda manuel sitemap olu\u015fturmak genellikle \u00f6nerilmez. Bu y\u00f6ntem, her sayfa i\u00e7in XML girdilerini elle yazmay\u0131 veya \u00f6zel bir Node.js beti\u011fi ile olu\u015fturmay\u0131 gerektirir. Bak\u0131m\u0131 zordur ve siteniz b\u00fcy\u00fcd\u00fck\u00e7e veya de\u011fi\u015ftik\u00e7e h\u0131zla g\u00fcncelli\u011fini yitirebilir. Ancak, Gatsby’nin en g\u00fc\u00e7l\u00fc yanlar\u0131ndan biri, farkl\u0131 veri kaynaklar\u0131ndan (Contentful, Sanity, WordPress REST API’si, lokal Markdown dosyalar\u0131 vb.) i\u00e7erik \u00e7ekebilmesidir. \u0130lk ad\u0131m olarak, eklentiyi projenize y\u00fcklemeniz gerekir:<\/p>\n Eklentiyi y\u00fckledikten sonra, A\u015fa\u011f\u0131daki \u00f6rnekte, sitenizdeki t\u00fcm sayfalar\u0131 ve Markdown (veya MDX) ile olu\u015fturulmu\u015f blog yaz\u0131lar\u0131n\u0131 i\u00e7eren bir sitemap nas\u0131l olu\u015fturulur g\u00f6sterilmektedir:<\/p>\n Bu yap\u0131land\u0131rma ile, Gatsby projenizi derledi\u011finizde ( Gatsby’nin g\u00fcc\u00fc, farkl\u0131 veri kaynaklar\u0131ndan i\u00e7erik \u00e7ekip dinamik olarak sayfalar olu\u015fturabilmesidir. Bu, headless CMS’lerden (Contentful, Sanity, Strapi), API’lerden veya hatta yerel Markdown dosyalar\u0131ndan gelen blog yaz\u0131lar\u0131, \u00fcr\u00fcn sayfalar\u0131 veya portf\u00f6y \u00f6\u011feleri gibi i\u00e7erikleri i\u00e7erir. Dinamik verilerle olu\u015fturulan sayfalar\u0131n sitemap’e dahil edilmesi i\u00e7in temel olarak iki \u015feye ihtiyac\u0131m\u0131z var: Diyelim ki blog yaz\u0131lar\u0131n\u0131z\u0131 Markdown dosyalar\u0131nda tutuyor ve her bir yaz\u0131 i\u00e7in ayr\u0131 bir sayfa olu\u015fturuyorsunuz.<\/p>\n 1. 2. Bu yap\u0131land\u0131rma ile, blog yaz\u0131lar\u0131n\u0131z\u0131n URL’leri, son de\u011fi\u015fiklik tarihleri, de\u011fi\u015fim s\u0131kl\u0131klar\u0131 ve \u00f6ncelikleri ile birlikte sitemap’e eklenecektir. Benzer bir mant\u0131kla Contentful, Sanity veya di\u011fer headless CMS’lerden \u00e7ekti\u011finiz veriler i\u00e7in de sitemap giri\u015fleri olu\u015fturabilirsiniz. \u00d6nemli olan, GraphQL sorgunuzda ilgili verileri \u00e7ekmek ve \u00c7ok b\u00fcy\u00fck siteler, milyonlarca sayfaya sahip olabilir. Tek bir sitemap dosyas\u0131, 50.000 URL veya 50 MB dosya boyutu (s\u0131k\u0131\u015ft\u0131r\u0131lmam\u0131\u015f) s\u0131n\u0131r\u0131n\u0131 a\u015fabilir. Bu t\u00fcr durumlarda, birden fazla sitemap dosyas\u0131 olu\u015fturmak ve bunlar\u0131 bir “sitemap index” dosyas\u0131 arac\u0131l\u0131\u011f\u0131yla gruplamak gerekir. Sitemap index dosyas\u0131, di\u011fer sitemap dosyalar\u0131n\u0131n konumlar\u0131n\u0131 belirtir.<\/p>\n 1. Manuel B\u00f6lme:<\/strong> Birden fazla 2. \u00d6zel Betikler:<\/strong> Gatsby’nin build s\u00fcrecine dahil edebilece\u011finiz \u00f6zel bir Node.js beti\u011fi yazarak, 3. Harici Ara\u00e7lar\/Servisler:<\/strong> Baz\u0131 \u00e7ok b\u00fcy\u00fck siteler, sitemap olu\u015fturma ve y\u00f6netimi i\u00e7in harici SEO ara\u00e7lar\u0131 veya servisleri kullanmay\u0131 tercih edebilir. Ancak Gatsby’nin statik yap\u0131s\u0131 g\u00f6z \u00f6n\u00fcne al\u0131nd\u0131\u011f\u0131nda, genellikle ilk iki y\u00f6ntem daha uygun olacakt\u0131r.<\/p>\n \u00c7o\u011fu Gatsby sitesi i\u00e7in tek bir Sitemap’inizi daha etkili hale getirmek i\u00e7in XML \u015femas\u0131n\u0131n sundu\u011fu ek etiketleri kullanabilirsiniz. * Bu de\u011ferleri * \u00d6rnek: Dinamik i\u00e7erikler i\u00e7in (blog yaz\u0131lar\u0131, \u00fcr\u00fcnler vb.), bu de\u011feri veri kayna\u011f\u0131n\u0131zdan (\u00f6rne\u011fin, Markdown frontmatter’daki Arama motorlar\u0131, g\u00f6rselleri ve videolar\u0131 da dizine ekleyebilir. \u00d6zel medya sitemap’leri veya mevcut sitemap’inize medya bilgileri ekleyerek bu i\u00e7eriklerin ke\u015ffedilmesini art\u0131rabilirsiniz. \u00d6rne\u011fin, g\u00f6rseller i\u00e7in Bu t\u00fcr bir medya entegrasyonu i\u00e7in, Uluslararas\u0131 siteler i\u00e7in, ayn\u0131 i\u00e7eri\u011fin farkl\u0131 dillerdeki veya b\u00f6lgelerdeki versiyonlar\u0131n\u0131 belirtmek i\u00e7in Sitemap’inizi olu\u015fturduktan sonra, do\u011frulu\u011funu kontrol etmek ve arama motorlar\u0131na bildirmek son derece \u00f6nemlidir.<\/p>\n Gatsby projenizi derledikten sonra ( Sitemap’inizin do\u011fru XML format\u0131nda oldu\u011fundan emin olmak i\u00e7in taray\u0131c\u0131n\u0131zda 1. Google Search Console’a Giri\u015f Yap\u0131n:<\/strong> E\u011fer hen\u00fcz yapmad\u0131ysan\u0131z, sitenizi Google Search Console’a ekleyin ve do\u011frulay\u0131n. Benzer \u015fekilde, Bing Webmaster Tools gibi di\u011fer arama motoru ara\u00e7lar\u0131na da sitemap’inizi g\u00f6ndermelisiniz.<\/p>\n Arama motorlar\u0131na sitemap’inizin konumunu bildirmek i\u00e7in Sitemap olu\u015fturma s\u00fcrecinde baz\u0131 yayg\u0131n sorunlarla kar\u015f\u0131la\u015fabilirsiniz. \u0130\u015fte bunlardan baz\u0131lar\u0131 ve olas\u0131 \u00e7\u00f6z\u00fcmleri:<\/p>\n * Sayfalar\u0131n Sitemap’te G\u00f6r\u00fcnmemesi:<\/strong>
\n* \u0130\u00e7erik Hiyerar\u015fisi:<\/strong> Sitemap, sitenizin yap\u0131s\u0131 hakk\u0131nda bilgi vererek, hangi sayfalar\u0131n daha \u00f6nemli oldu\u011funu (\u00f6ncelik) ve ne s\u0131kl\u0131kla g\u00fcncellendi\u011fini (de\u011fi\u015fim s\u0131kl\u0131\u011f\u0131) arama motorlar\u0131na iletmenize olanak tan\u0131r.
\n* Taranma B\u00fct\u00e7esi Optimizasyonu:<\/strong> B\u00fcy\u00fck sitelerde, arama motorlar\u0131 sitenizin t\u00fcm sayfalar\u0131n\u0131 her zaman tarayamaz. Sitemap, arama motorlar\u0131n\u0131n taranma b\u00fct\u00e7esini en verimli \u015fekilde kullanmas\u0131na yard\u0131mc\u0131 olur ve \u00f6nemli sayfalar\u0131n atlanmamas\u0131n\u0131 sa\u011flar.
\n* Medya \u0130\u00e7eriklerinin Taranmas\u0131:<\/strong> Geleneksel HTML sitemap’lerinin yan\u0131 s\u0131ra, video ve g\u00f6rsel sitemap’leri de arama motorlar\u0131n\u0131n bu t\u00fcr i\u00e7erikleri daha iyi anlamas\u0131na ve dizine eklemesine yard\u0131mc\u0131 olur.
\n* Hata Tespit ve \u00c7\u00f6z\u00fcm\u00fc:<\/strong> Google Search Console gibi ara\u00e7lar arac\u0131l\u0131\u011f\u0131yla sitemap’inizi izleyerek, taranma hatalar\u0131n\u0131 veya eksik sayfalar\u0131 tespit edebilir ve h\u0131zla d\u00fczeltebilirsiniz.<\/p>\nGatsby ve Sitemap \u0130li\u015fkisi<\/h4>\n
Gatsby’de Sitemap Olu\u015fturman\u0131n Temel Y\u00f6ntemleri<\/h3>\n
gatsby-plugin-sitemap<\/code> Kullan\u0131m\u0131<\/h4>\nsitemap.xml<\/code> dosyas\u0131 olu\u015fturur. \u00c7o\u011fu senaryo i\u00e7in yeterli esnekli\u011fi ve \u00f6zelle\u015ftirme se\u00e7eneklerini sunar.<\/p>\nManuel Sitemap Olu\u015fturma (Daha Az Tercih Edilen)<\/h4>\n
gatsby-plugin-sitemap<\/code>‘in sundu\u011fu esnekli\u011fin yetersiz kald\u0131\u011f\u0131 \u00e7ok spesifik bir ihtiyac\u0131n\u0131z varsa d\u00fc\u015f\u00fcn\u00fclebilir.<\/p>\nDinamik Sitemap Olu\u015fturma (Veri Kaynaklar\u0131ndan \u00c7ekilen \u0130\u00e7erikler \u0130\u00e7in)<\/h4>\n
gatsby-plugin-sitemap<\/code> bu dinamik verilerle olu\u015fturulan sayfalar\u0131 da otomatik olarak alg\u0131layabilir ve sitemap’e dahil edebilir. \u00d6nemli olan, bu sayfalar\u0131n Gatsby’nin createPages<\/code> API’si arac\u0131l\u0131\u011f\u0131yla derleme zaman\u0131nda olu\u015fturulmu\u015f olmas\u0131d\u0131r. Eklenti, GraphQL sorgusu arac\u0131l\u0131\u011f\u0131yla bu sayfalar\u0131n URL’lerini ve di\u011fer meta verilerini \u00e7ekerek sitemap’e ekler.<\/p>\ngatsby-plugin-sitemap<\/code> ile Otomatik Sitemap Olu\u015fturma<\/h3>\ngatsby-plugin-sitemap<\/code>, Gatsby siteniz i\u00e7in bir sitemap olu\u015fturman\u0131n en kolay ve en g\u00fc\u00e7l\u00fc yoludur. Bu eklenti, sitenizin derleme zaman\u0131nda (build time) t\u00fcm sayfalar\u0131n\u0131z\u0131 tarar ve XML format\u0131nda bir sitemap dosyas\u0131 olu\u015fturur.<\/p>\nKurulum<\/h4>\n
npm install gatsby-plugin-sitemap\nveya<\/h2>\nyarn add gatsby-plugin-sitemap<\/code><\/pre>\n
Yap\u0131land\u0131rma (
gatsby-config.js<\/code>)<\/h4>\ngatsby-config.js<\/code> dosyan\u0131zda yap\u0131land\u0131rman\u0131z gerekir. En temel yap\u0131land\u0131rma a\u015fa\u011f\u0131daki gibidir:<\/p>\n\/\/ gatsby-config.js\nmodule.exports = {\n siteMetadata: {\n siteUrl: https:\/\/www.example.com<\/code>, \/\/ Kendi site URL'nizi buraya yaz\u0131n\n },\n plugins: [\n gatsby-plugin-sitemap<\/code>,\n ],\n};<\/code><\/pre>\nsiteMetadata.siteUrl<\/code>:<\/strong> Bu alan kritik \u00f6neme sahiptir. gatsby-plugin-sitemap<\/code>, sitemap’teki her URL’nin tam yolunu olu\u015fturmak i\u00e7in bu de\u011feri kullan\u0131r. E\u011fer bu de\u011fer do\u011fru ayarlanmazsa, sitemap’inizdeki URL’ler ge\u00e7ersiz olacakt\u0131r. Genellikle https:\/\/www.yourdomain.com<\/code> \u015feklinde, protokol ve domain ad\u0131 ile birlikte tam URL’yi belirtmelisiniz.<\/p>\nquery<\/code> Kullan\u0131m\u0131:<\/strong> Eklenti, varsay\u0131lan olarak Gatsby’nin dahili allSitePage<\/code> GraphQL sorgusunu kullanarak t\u00fcm sayfalar\u0131 \u00e7eker. Ancak, e\u011fer sitenizdeki sayfalar\u0131n changefreq<\/code>, priority<\/code> veya lastmod<\/code> gibi \u00f6zel alanlara sahip olmas\u0131n\u0131 istiyorsan\u0131z veya belirli veri kaynaklar\u0131ndan gelen sayfalar\u0131 sitemap’e dahil etmek istiyorsan\u0131z, kendi GraphQL sorgunuzu tan\u0131mlayabilirsiniz.<\/p>\n\/\/ gatsby-config.js\nmodule.exports = {\n siteMetadata: {\n siteUrl: https:\/\/www.example.com<\/code>,\n },\n plugins: [\n {\n resolve: gatsby-plugin-sitemap<\/code>,\n options: {\n query: \n {\n site {\n siteMetadata {\n siteUrl\n }\n }\n allSitePage {\n nodes {\n path\n }\n }\n allMarkdownRemark { \/\/ E\u011fer Markdown dosyalar\u0131n\u0131z varsa\n nodes {\n fields {\n slug\n }\n frontmatter {\n date \/\/ lastmod i\u00e7in kullan\u0131labilir\n }\n }\n }\n # E\u011fer Contentful gibi ba\u015fka bir kaynaktan veri \u00e7ekiyorsan\u0131z\n # allContentfulBlogPost {\n # nodes {\n # slug\n # updatedAt \/\/ lastmod i\u00e7in kullan\u0131labilir\n # }\n # }\n }\n <\/code>,\n resolveSiteUrl: () => 'https:\/\/www.example.com', \/\/ siteMetadata'dan da \u00e7ekilebilir\n resolvePages: ({\n allSitePage: { nodes: allPages },\n allMarkdownRemark: { nodes: allMarkdownPages },\n \/\/ allContentfulBlogPost: { nodes: allContentfulPosts },\n }) => {\n const pages = allPages.map(page => {\n return { ...page };\n });\n\n const markdownPages = allMarkdownPages.map(page => {\n return {\n path: page.fields.slug, \/\/ Kendi slug alan\u0131n\u0131z\u0131 buraya yaz\u0131n\n lastmod: page.frontmatter.date, \/\/ Son g\u00fcncelleme tarihi\n changefreq: weekly<\/code>,\n priority: 0.7,\n };\n });\n\n \/\/ const contentfulPosts = allContentfulPosts.map(post => {\n \/\/ return {\n \/\/ path: \/blog\/${post.slug}<\/code>,\n \/\/ lastmod: post.updatedAt,\n \/\/ changefreq: daily<\/code>,\n \/\/ priority: 0.8,\n \/\/ };\n \/\/ });\n\n return [...pages, ...markdownPages \/, ...contentfulPosts <\/em>\/];\n },\n serialize: ({ path, lastmod, changefreq, priority }) => {\n return {\n url: path,\n lastmod,\n changefreq,\n priority,\n };\n },\n \/\/ Hari\u00e7 tutulacak sayfalar\n exclude: [\"\/dev-404-page\/\", \"\/404\/\", \"\/404.html\", \"\/offline-plugin-app-shell-fallback\/\", \"\/_dsg\/\"],\n output: \"\/sitemap.xml\", \/\/ Sitemap dosyas\u0131n\u0131n kaydedilece\u011fi yol\n createLinkInHead: true, \/\/ HTML head'e sitemap linki ekler\n },\n },\n ],\n};<\/code><\/pre>\nresolveSiteUrl<\/code>:<\/strong> Bu fonksiyon, siteMetadata.siteUrl<\/code>‘dan farkl\u0131 bir URL kullanmak isterseniz veya karma\u015f\u0131k bir mant\u0131kla site URL’sini belirlemeniz gerekirse kullan\u0131\u015fl\u0131d\u0131r. \u00c7o\u011fu durumda, siteMetadata<\/code>‘dan \u00e7ekmek yeterlidir.<\/p>\nresolvePages<\/code>:<\/strong> Bu fonksiyon, GraphQL sorgunuzdan gelen verileri i\u015fleyerek sitemap’e dahil edilecek sayfa nesneleri dizisini d\u00f6nd\u00fcr\u00fcr. Burada, farkl\u0131 veri kaynaklar\u0131ndan gelen sayfalar\u0131 birle\u015ftirebilir ve her sayfa i\u00e7in \u00f6zel path<\/code>, lastmod<\/code>, changefreq<\/code> ve priority<\/code> de\u011ferlerini belirleyebilirsiniz.<\/p>\nserialize<\/code>:<\/strong> resolvePages<\/code> taraf\u0131ndan d\u00f6nd\u00fcr\u00fclen her sayfa nesnesini al\u0131r ve sitemap XML format\u0131na uygun bir \u015fekilde d\u00f6n\u00fc\u015ft\u00fcr\u00fcr. url<\/code> alan\u0131 zorunludur. Di\u011fer alanlar iste\u011fe ba\u011fl\u0131d\u0131r.<\/p>\nexclude<\/code>:<\/strong> Sitemap’inizde yer almas\u0131n\u0131 istemedi\u011finiz belirli yollar\u0131 (\u00f6rne\u011fin, 404 sayfalar\u0131, geli\u015ftirme sayfalar\u0131) bu diziye ekleyebilirsiniz.<\/p>\noutput<\/code>:<\/strong> Olu\u015fturulan sitemap dosyas\u0131n\u0131n ad\u0131n\u0131 ve yolunu belirtir. Varsay\u0131lan olarak \/sitemap.xml<\/code>‘dir.<\/p>\ncreateLinkInHead<\/code>:<\/strong> true<\/code> olarak ayarland\u0131\u011f\u0131nda, sitenizin her HTML sayfas\u0131n\u0131n <\/code> b\u00f6l\u00fcm\u00fcne sitemap’e bir <\/code> etiketi ekler. Bu, arama motorlar\u0131n\u0131n sitemap’inizi daha kolay ke\u015ffetmesine yard\u0131mc\u0131 olabilir.<\/p>\ngatsby build<\/code>), public<\/code> klas\u00f6r\u00fcn\u00fczde otomatik olarak bir sitemap.xml<\/code> dosyas\u0131 olu\u015fturulacakt\u0131r.<\/p>\nDinamik Verilerle \u00d6zel Sitemap Olu\u015fturma<\/h3>\n
gatsby-plugin-sitemap<\/code> bu dinamik olarak olu\u015fturulan sayfalar\u0131 da sitemap’e dahil etmek i\u00e7in olduk\u00e7a esnektir.<\/p>\nGereksinimler ve Yakla\u015f\u0131m<\/h4>\n
\n1. Veri Kayna\u011f\u0131:<\/strong> \u0130\u00e7eri\u011fi sa\u011flayacak bir headless CMS, API veya dosya sistemi.
\n2. gatsby-node.js<\/code>:<\/strong> Gatsby’nin createPages<\/code> API’si arac\u0131l\u0131\u011f\u0131yla bu verilerden programatik olarak sayfalar olu\u015fturmak.<\/p>\ngatsby-plugin-sitemap<\/code>, gatsby-node.js<\/code>‘de createPages<\/code> API’si ile olu\u015fturdu\u011funuz t\u00fcm sayfalar\u0131 otomatik olarak alg\u0131layabilir. Ancak, bu sayfalar i\u00e7in lastmod<\/code>, changefreq<\/code> ve priority<\/code> gibi \u00f6zel alanlar\u0131 sitemap’e eklemek isterseniz, gatsby-config.js<\/code> dosyas\u0131ndaki query<\/code> ve resolvePages<\/code> fonksiyonlar\u0131n\u0131 kullanman\u0131z gerekir.<\/p>\n\u00d6rnek Senaryo: Blog Yaz\u0131lar\u0131 \u0130\u00e7in Sitemap Giri\u015fi<\/h4>\n
gatsby-node.js<\/code> dosyan\u0131zda sayfalar\u0131 olu\u015fturma:<\/strong><\/p>\n\/\/ gatsby-node.js\nconst path = require('path');\n\nexports.createPages = async ({ graphql, actions }) => {\n const { createPage } = actions;\n\n const result = await graphql(\n query {\n allMarkdownRemark {\n nodes {\n fields {\n slug\n }\n }\n }\n }\n <\/code>);\n\n result.data.allMarkdownRemark.nodes.forEach(node => {\n createPage({\n path: node.fields.slug,\n component: path.resolve(.\/src\/templates\/blog-post.js<\/code>), \/\/ \u015eablon dosyan\u0131z\n context: {\n slug: node.fields.slug,\n },\n });\n });\n};<\/code><\/pre>\ngatsby-config.js<\/code> dosyan\u0131zda sitemap yap\u0131land\u0131rmas\u0131n\u0131 g\u00fcncelleme:<\/strong><\/p>\ngatsby-plugin-sitemap<\/code>‘in query<\/code> alan\u0131na allMarkdownRemark<\/code> sorgusunu ekleyerek blog yaz\u0131lar\u0131n\u0131z\u0131n verilerini \u00e7ekmelisiniz. Ard\u0131ndan, resolvePages<\/code> fonksiyonunda bu verileri i\u015fleyerek sitemap’e \u00f6zel giri\u015fler olu\u015fturabilirsiniz.<\/p>\n\/\/ gatsby-config.js (sadece plugin k\u0131sm\u0131)\n{\n resolve: gatsby-plugin-sitemap<\/code>,\n options: {\n query: \n {\n site {\n siteMetadata {\n siteUrl\n }\n }\n allSitePage {\n nodes {\n path\n }\n }\n allMarkdownRemark {\n nodes {\n fields {\n slug\n }\n frontmatter {\n date \/\/ Markdown dosyan\u0131zdaki tarih alan\u0131\n updatedDate \/\/ E\u011fer varsa, son g\u00fcncelleme tarihi i\u00e7in\n }\n }\n }\n }\n <\/code>,\n resolvePages: ({\n allSitePage: { nodes: allPages },\n allMarkdownRemark: { nodes: allMarkdownPages },\n }) => {\n const pages = allPages.map(page => {\n return { ...page };\n });\n\n const markdownPages = allMarkdownPages.map(node => {\n const lastModDate = node.frontmatter.updatedDate || node.frontmatter.date;\n return {\n path: node.fields.slug,\n lastmod: lastModDate, \/\/ Son g\u00fcncelleme veya olu\u015fturulma tarihi\n changefreq: weekly<\/code>, \/\/ Haftal\u0131k olarak de\u011fi\u015fti\u011fini varsayal\u0131m\n priority: 0.8, \/\/ Normal sayfalardan biraz daha y\u00fcksek \u00f6ncelik\n };\n });\n\n return [...pages, ...markdownPages];\n },\n serialize: ({ path, lastmod, changefreq, priority }) => {\n return {\n url: path,\n lastmod,\n changefreq,\n priority,\n };\n },\n exclude: [\"\/dev-404-page\/\", \"\/404\/\", \"\/404.html\", \"\/offline-plugin-app-shell-fallback\/\", \"\/_dsg\/\"],\n output: \"\/sitemap.xml\",\n createLinkInHead: true,\n },\n},<\/code><\/pre>\nresolvePages<\/code> fonksiyonunda bunlar\u0131 sitemap format\u0131na uygun nesnelere d\u00f6n\u00fc\u015ft\u00fcrmektir.<\/p>\nBirden Fazla Sitemap (Sitemap Index) Olu\u015fturma<\/h3>\n
gatsby-plugin-sitemap<\/code> varsay\u0131lan olarak tek bir sitemap.xml<\/code> dosyas\u0131 olu\u015fturur. Ancak, e\u011fer siteniz ger\u00e7ekten \u00e7ok b\u00fcy\u00fckse ve bu s\u0131n\u0131rlara yakla\u015f\u0131yorsan\u0131z, gatsby-plugin-sitemap<\/code>‘in do\u011frudan bir sitemap index olu\u015fturma \u00f6zelli\u011fi yoktur. Bu durumda, birka\u00e7 farkl\u0131 yakla\u015f\u0131m izlenebilir:<\/p>\ngatsby-plugin-sitemap<\/code> \u00f6rne\u011fini farkl\u0131 output<\/code> de\u011ferleri ve exclude<\/code>\/filter<\/code> se\u00e7enekleriyle kullanarak farkl\u0131 sitemap dosyalar\u0131 olu\u015fturabilirsiniz (\u00f6rne\u011fin, \/sitemap-blog.xml<\/code>, \/sitemap-products.xml<\/code>). Ard\u0131ndan, bu ayr\u0131 sitemap dosyalar\u0131n\u0131 listeleyen manuel bir sitemap-index.xml<\/code> dosyas\u0131 olu\u015fturman\u0131z gerekir. Bu, bak\u0131m a\u00e7\u0131s\u0131ndan biraz karma\u015f\u0131k olabilir.<\/p>\ngatsby-plugin-sitemap<\/code> taraf\u0131ndan olu\u015fturulan tek sitemap dosyas\u0131n\u0131 al\u0131p, belirli bir sayfa say\u0131s\u0131n\u0131 a\u015fan durumlarda birden fazla dosyaya b\u00f6lerek bir sitemap index dosyas\u0131 olu\u015fturabilirsiniz. Bu, daha esnek bir \u00e7\u00f6z\u00fcm sunar ancak daha fazla geli\u015ftirme \u00e7abas\u0131 gerektirir.<\/p>\nsitemap.xml<\/code> dosyas\u0131 yeterli olacakt\u0131r. Yaln\u0131zca on binlerce veya y\u00fcz binlerce sayfaya sahip \u00e7ok b\u00fcy\u00fck siteler i\u00e7in sitemap index olu\u015fturma ihtiyac\u0131 do\u011far.<\/p>\nSitemap’i Daha da \u00d6zelle\u015ftirmek ve \u0130leri D\u00fczey Kullan\u0131m<\/h3>\n
gatsby-plugin-sitemap<\/code>‘in serialize<\/code> fonksiyonu, bu etiketleri sitemap’inize eklemenize olanak tan\u0131r.<\/p>\nchangefreq<\/code> ve priority<\/code><\/h4>\nchangefreq<\/code> (De\u011fi\u015fim S\u0131kl\u0131\u011f\u0131):<\/strong> Bir sayfan\u0131n ne s\u0131kl\u0131kla de\u011fi\u015fti\u011fini arama motorlar\u0131na bildirir. Olas\u0131 de\u011ferler: always<\/code>, hourly<\/code>, daily<\/code>, weekly<\/code>, monthly<\/code>, yearly<\/code>, never<\/code>. Bu, arama motorlar\u0131na sayfan\u0131n ne s\u0131kl\u0131kla tekrar taranmas\u0131 gerekti\u011fi konusunda bir ipucu verir, ancak kesin bir komut de\u011fildir.
\n * \u00d6rnek: changefreq: 'weekly'<\/code>
\n* priority<\/code> (\u00d6ncelik):<\/strong> Bir sayfan\u0131n sitenizdeki di\u011fer sayfalara g\u00f6receli \u00f6nemini belirtir. De\u011ferler 0.0 ile 1.0 aras\u0131nda de\u011fi\u015fir, varsay\u0131lan 0.5’tir. Daha y\u00fcksek bir de\u011fer, sayfan\u0131n daha \u00f6nemli oldu\u011funu g\u00f6sterir. Yine, bu bir ipucudur, kesin bir s\u0131ralama fakt\u00f6r\u00fc de\u011fildir.
\n * \u00d6rnek: priority: 0.7<\/code><\/p>\ngatsby-config.js<\/code> dosyan\u0131zdaki resolvePages<\/code> fonksiyonunda her sayfa i\u00e7in dinamik olarak belirleyebilir ve serialize<\/code> fonksiyonu arac\u0131l\u0131\u011f\u0131yla sitemap’e ekleyebilirsiniz.<\/p>\nlastmod<\/code> (Son De\u011fi\u015fiklik Tarihi)<\/h4>\nlastmod<\/code> etiketi, bir sayfan\u0131n en son ne zaman de\u011fi\u015ftirildi\u011fini belirtir. Bu, arama motorlar\u0131n\u0131n sitenizdeki g\u00fcncel i\u00e7eri\u011fi daha h\u0131zl\u0131 fark etmesine yard\u0131mc\u0131 olur. Tarih, W3C Datetime format\u0131nda (YYYY-MM-DD veya YYYY-MM-DDTHH:MM:SS+ZZ:ZZ) olmal\u0131d\u0131r.<\/p>\nlastmod: '2023-10-27T10:00:00+03:00'<\/code><\/p>\ndate<\/code> veya headless CMS’deki updatedAt<\/code> alan\u0131) \u00e7ekerek kullanmal\u0131s\u0131n\u0131z.<\/p>\nimage:loc<\/code> ve video:loc<\/code> (Medya Sitemap Giri\u015fleri)<\/h4>\ngatsby-plugin-sitemap<\/code> varsay\u0131lan olarak bunlar\u0131 desteklemez. Medya sitemap’leri i\u00e7in genellikle ayr\u0131 bir eklentiye veya \u00f6zel bir yakla\u015f\u0131ma ihtiyac\u0131n\u0131z olacakt\u0131r.<\/p>\ngatsby-plugin-image<\/code> kullan\u0131yorsan\u0131z, g\u00f6rsellerinizin URL’lerini sitemap’e dahil etmek i\u00e7in serialize<\/code> fonksiyonunu geni\u015fletebilir veya ayr\u0131 bir sitemap olu\u015fturabilirsiniz. Bu, daha karma\u015f\u0131k bir \u00f6zelle\u015ftirme gerektirir.<\/p>\n\/\/ \u00d6rnek bir yakla\u015f\u0131m (gatsby-plugin-sitemap do\u011frudan desteklemedi\u011fi i\u00e7in bu k\u0131s\u0131m teoriktir veya ek plugin gerektirir)\n\/\/ gatsby-config.js i\u00e7inde serialize fonksiyonu\nserialize: ({ path, lastmod, changefreq, priority, images }) => {\n const url = path;\n const entry = { url, lastmod, changefreq, priority };\n\n if (images && images.length > 0) {\n entry.img = images.map(image => ({\n url: image.src,\n caption: image.caption,\n title: image.title,\n loc: image.src, \/\/ img:loc etiketi i\u00e7in\n \/\/ di\u011fer img etiketleri...\n }));\n }\n return entry;\n},<\/code><\/pre>\nresolvePages<\/code> sorgunuzun her sayfa i\u00e7in ilgili g\u00f6rsel URL’lerini de \u00e7ekmesi ve serialize<\/code> fonksiyonunun bu verileri do\u011fru XML format\u0131na d\u00f6n\u00fc\u015ft\u00fcrmesi gerekir. Bu genellikle gatsby-plugin-sitemap<\/code>‘in standart yeteneklerinin \u00f6tesine ge\u00e7er ve ek bir gatsby-plugin-sitemap-images<\/code> gibi bir eklenti veya \u00f6zel bir betik gerektirebilir.<\/p>\n\u00c7oklu Dil Sitemap’leri (
hreflang<\/code>)<\/h4>\nhreflang<\/code> etiketlerini kullanmak \u00f6nemlidir. Bu, arama motorlar\u0131n\u0131n do\u011fru dil s\u00fcr\u00fcm\u00fcn\u00fc do\u011fru kullan\u0131c\u0131ya g\u00f6stermesine yard\u0131mc\u0131 olur. Sitemap i\u00e7inde hreflang<\/code> eklemek, her sayfa i\u00e7in alternatif dil URL’lerini belirtmeyi gerektirir.<\/p>\ngatsby-plugin-sitemap<\/code> do\u011frudan hreflang<\/code> deste\u011fi sunmaz. Bu \u00f6zelli\u011fi eklemek i\u00e7in serialize<\/code> fonksiyonunu geni\u015fletmeniz ve her sayfa i\u00e7in alternatif dil URL’lerini i\u00e7eren bir veri yap\u0131s\u0131n\u0131 sorgulaman\u0131z ve XML \u00e7\u0131kt\u0131s\u0131na uygun \u015fekilde d\u00f6n\u00fc\u015ft\u00fcrmeniz gerekir. Bu, genellikle sitenizdeki \u00e7oklu dil stratejisine ve sayfa olu\u015fturma mekanizmas\u0131na ba\u011fl\u0131 olarak karma\u015f\u0131k bir \u00f6zelle\u015ftirme olabilir.<\/p>\nOlu\u015fturulan Sitemap’i Kontrol Etme ve Arama Motorlar\u0131na Bildirme<\/h3>\n
Sitemap URL’si<\/h4>\n
gatsby build<\/code>), sitemap dosyan\u0131z genellikle public\/sitemap.xml<\/code> yolunda bulunur. Siteniz canl\u0131ya al\u0131nd\u0131\u011f\u0131nda, bu dosya https:\/\/www.yourdomain.com\/sitemap.xml<\/code> adresinden eri\u015filebilir olacakt\u0131r.<\/p>\nTaray\u0131c\u0131da Kontrol<\/h4>\n
https:\/\/www.yourdomain.com\/sitemap.xml<\/code> adresine gidin. XML yap\u0131s\u0131n\u0131 g\u00f6rebilmeniz gerekir. Hatal\u0131 bir XML yap\u0131s\u0131, arama motorlar\u0131n\u0131n sitemap’inizi okumas\u0131n\u0131 engelleyebilir.<\/p>\nGoogle Search Console’a G\u00f6nderme<\/h4>\n
\n2. “Sitemaps” B\u00f6l\u00fcm\u00fcne Gidin:<\/strong> Sol men\u00fcden “Sitemaps” (Sitemap’ler) se\u00e7ene\u011fini t\u0131klay\u0131n.
\n3. Sitemap’i Ekleyin:<\/strong> “Add a new sitemap” (Yeni sitemap ekle) b\u00f6l\u00fcm\u00fcne sitemap.xml<\/code> (tam URL de\u011fil, sadece dosya ad\u0131) yaz\u0131n ve “Submit” (G\u00f6nder) butonuna t\u0131klay\u0131n.
\n4. Durumu \u0130zleyin:<\/strong> Google, sitemap’inizi i\u015flemeye ba\u015flayacak ve durumu hakk\u0131nda bilgi verecektir. Herhangi bir hata varsa burada g\u00f6rebilirsiniz.<\/p>\nrobots.txt<\/code> Dosyas\u0131na Ekleme<\/h4>\nrobots.txt<\/code> dosyan\u0131za da bir giri\u015f ekleyebilirsiniz. Bu, arama motorlar\u0131n\u0131n sitemap’inizi daha h\u0131zl\u0131 ke\u015ffetmesine yard\u0131mc\u0131 olur.<\/p>\nrobots.txt<\/code> dosyan\u0131z\u0131 static<\/code> klas\u00f6r\u00fcn\u00fcze yerle\u015ftirin (Gatsby, build s\u0131ras\u0131nda static<\/code> klas\u00f6r\u00fcndeki dosyalar\u0131 public<\/code> klas\u00f6r\u00fcn\u00fcn k\u00f6k\u00fcne kopyalar).<\/p>\n# robots.txt\nUser-agent: *\nAllow: \/\n\nSitemap: https:\/\/www.example.com\/sitemap.xml<\/code><\/pre>\nSitemap:<\/code> y\u00f6nergesinin yan\u0131na tam sitemap URL’nizi yazd\u0131\u011f\u0131n\u0131zdan emin olun.<\/p>\nS\u0131k Kar\u015f\u0131la\u015f\u0131lan Sorunlar ve \u00c7\u00f6z\u00fcmleri<\/h3>\n
\n * \u00c7\u00f6z\u00fcm:<\/strong> gatsby-config.js<\/code> dosyas\u0131ndaki query<\/code> alan\u0131n\u0131z\u0131 kontrol edin. T\u00fcm sayfalar\u0131n\u0131z\u0131 (hem allSitePage<\/code> hem de dinamik olarak olu\u015fturdu\u011funuz sayfalar i\u00e7in sorgular) do\u011fru bir \u015fekilde \u00e7ekiyor musunuz? resolvePages<\/code> fonksiyonunuzun bu sayfalar\u0131 d\u00f6nd\u00fcrd\u00fc\u011f\u00fcnden emin olun. exclude<\/code> dizinizde yanl\u0131\u015fl\u0131kla dahil edilmemesi gereken sayfalar var m\u0131 kontrol edin.
\n* Yanl\u0131\u015f URL’ler (\u00d6rn: localhost:8000<\/code> URL’leri):<\/strong>
\n * \u00c7\u00f6z\u00fcm:<\/strong> gatsby-config.js<\/code> dosyan\u0131zdaki siteMetadata.siteUrl<\/code> ve\/veya resolveSiteUrl<\/code> de\u011ferlerinin do\u011fru, tam alan ad\u0131n\u0131z\u0131 (\u00f6rne\u011fin, https:\/\/www.example.com<\/code>) i\u00e7erdi\u011finden emin olun. Bu, en yayg\u0131n sitemap sorunlar\u0131ndan biridir.
\n* Sitemap Dosyas\u0131n\u0131n Olu\u015fturulmamas\u0131:<\/strong>
\n * \u00c7\u00f6z\u00fcm:<\/strong> gatsby build<\/code> komutunu \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131n\u0131zdan ve herhangi bir hata mesaj\u0131 al\u0131p almad\u0131\u011f\u0131n\u0131z\u0131 kontrol edin. gatsby-plugin-sitemap<\/code>‘in plugins<\/code> dizisinde do\u011fru bir \u015fekilde yap\u0131land\u0131r\u0131ld\u0131\u011f\u0131ndan emin olun.
\n* GraphQL Sorgu Hatalar\u0131:<\/strong>
\n * \u00c7\u00f6z\u00fcm:<\/strong> gatsby develop<\/code> komutuyla geli\u015ftirme sunucunuzu \u00e7al\u0131\u015ft\u0131r\u0131n ve http:\/\/localhost:8000\/__graphql<\/code> adresindeki GraphiQL aray\u00fcz\u00fcn\u00fc kullanarak sorgunuzu test edin. Sorgunuzun bekledi\u011finiz verileri d\u00f6nd\u00fcrd\u00fc\u011f\u00fcnden emin olun.