Gatsby’de Belirli Sayfalarda Son Eksi Eklemeyi Kaldırma
Gatsby ile web sitenizi geliştirirken, bazı sayfalarda son eksi işaretinin (/) görünmesini istemeyebilirsiniz. Bu durum, özellikle SEO açısından önemlidir çünkü aynı içeriğe farklı URL’lerle ulaşmak, arama motorları tarafından negatif olarak algılanabilir. Bu yazıda, Gatsby’de belirli sayfalarda son eksi işaretini nasıl kaldıracağınızı detaylı olarak açıklayacağım. Ayrıca, bu işlemin SEO performansınıza olumlu etkilerini de ele alacağız.
Öncelikle, Gatsby’nin varsayılan davranışının, tüm sayfalara son eksi işareti eklemek olduğunu bilmek önemlidir. Bu davranış, özellikle dinamik sayfa oluşturma gibi durumlarda, URL yapısını düzenli tutmak için faydalıdır. Ancak, bazı durumlarda, örneğin, blog yazılarınız için veya belirli ürün sayfalarınız için, bu eksi işaretinin kaldırılması SEO açısından daha avantajlı olabilir.
Bu sorunu çözmek için birkaç yöntem mevcuttur. En yaygın ve etkili yöntemlerden biri, Gatsby’nin gatsby-node.js dosyasını kullanmaktır. Bu dosya, Gatsby’nin site haritasını ve URL yapılandırmasını kontrol etmenizi sağlar. Aşağıdaki kod bloğu, belirli bir sayfa türünden son eksi işaretini nasıl kaldıracağınızı göstermektedir:
exports.createPages = async ({ actions, graphql }) => {
const { createPage } = actions;
const result = await graphql(
query {
allMarkdownRemark {
edges {
node {
frontmatter {
path
}
}
}
}
}
);
result.data.allMarkdownRemark.edges.forEach(({ node }) => {
createPage({
path: node.frontmatter.path.endsWith('/') ? node.frontmatter.path.slice(0, -1) : node.frontmatter.path, // Son eksi işareti kontrolü ve kaldırma işlemi
component: require.resolve(./src/templates/blog-post.js),
context: {
path: node.frontmatter.path,
},
});
});
};
Bu kodda, createPage fonksiyonu içinde, node.frontmatter.path değişkeninin son karakterini kontrol ediyoruz. Eğer son karakter bir eksi işareti ise, onu siliyoruz. Bu sayede, sadece belirli sayfalar için son eksi işareti kaldırılabilir. Bu örnekte, ./src/templates/blog-post.js şablon dosyası kullanılmıştır; burayı kendi şablon dosyanızla değiştirmeniz gerekebilir. Ayrıca, bu kod sadece Markdown dosyaları için örneklendirilmiştir. Diğer dosya türleri için farklı sorgular kullanmanız gerekebilir. Bu örnek, belirli bir sayfa türünü hedef almaktadır. Tüm sayfaları etkilemek için farklı bir yaklaşım gerekebilir.
Sonuç olarak, Gatsby’de belirli sayfalarda son eksi işareti kaldırmak, SEO performansınızı iyileştirmek için önemli bir adımdır. Yukarıda gösterilen yöntem, bu işlemi etkili ve temiz bir şekilde gerçekleştirmenizi sağlar. Ancak, kodunuzu sitenizin yapısına göre uyarlamanız önemlidir. Herhangi bir sorunuz olursa, fatihsoysal.com sitesinden bana ulaşabilirsiniz. Ayrıca, Gatsby’nin resmi dokümanlarını inceleyerek daha fazla bilgi edinebilirsiniz. Bu konuda size yardımcı olabilecek başka bir kaynak da buradır.
Unutmayın ki, bu işlem, sitenizin yapısına ve içeriğine bağlı olarak değişiklik gösterebilir. Bu nedenle, değişiklikleri yaptıktan sonra sitenizi iyice test etmeniz önemlidir. Ayrıca, SEO performansınızı düzenli olarak takip ederek, bu değişikliklerin olumlu etkilerini gözlemleyebilirsiniz. Başka bir deyişle, bu kod yalnızca bir başlangıç noktasıdır. Kendi özel gereksinimlerinize göre ayarlamanız gerekebilir.
#Etiketler: Gatsby, SEO, Son Eksi İşareti, URL, Gatsby Node, gatsby-node.js, createPages, URL Yapılandırması, Web Geliştirme