Metadata : Title

Title Metadata Değeri.

Bu kısımda sayfalarınızın title metadata değerini nasıl oluşturabileceğinizi ve bunun önemini örnekler ile anlatmaya çalıştım.

Title Hakkında.

Title meta etiketi, arama motoru sonuçlarında bir web sayfasını diğerlerinden ayırt eden en önemli faktördür. Aynı zamanda, sosyal medya platformlarında ön izleme kartlarında görünen ve öncelikli olarak değerlendirilen kritik bir metindir.

Arama Motorları İçin Önemi.

Title meta etiketi, arama motorlarının bir sayfanın içeriğini tanımlamalarına ve anlamlandırmalarına yardımcı olan kritik bir unsurdur. Etkili bir title etiketi, sayfanın konusunu doğru ve öz bir şekilde yansıtmalıdır. Bu, hem kullanıcıların ilgisini çekebilir hem de arama motorlarının sayfanızı ilgili sorgularda doğru bir şekilde sıralamasına katkıda bulunabilir.

Sosyal Medya Platformları İçin Önemi

Sosyal medya platformlarında bir bağlantı paylaşıldığında, title meta etiketi genellikle bağlantının eşlik ettiği görsel kartta görünen başlık olarak kullanılır. Bu, potansiyel ziyaretçilerin dikkatini çekmekte ve onları sitenize yönlendirmede önemli bir rol oynar. Etkileyici ve ilgi uyandırıcı bir title meta etiketi oluşturmak, sosyal medyada içeriğinizin öne çıkmasına ve daha fazla etkileşim almasına yardımcı olabilir.

Basit Tanımlama

Next JS'de, bütün sayfalarınızda geçerli olacak title metadatasını, root layout içerisine tanımlayarak oluşturabiliriz. Buradaki title değerimiz otomatik olarak ekstra özelleştirme yapmadığımız bütün sayfalarımızda kullanılacaktır.

Obje Olarak Title Metadatası Tanımlama

Next JS'de, title metadatasını bir obje olarak da tanımlayabilirsiniz. Bu, size daha fazla esneklik sağlar.

Default Değer

Obje olarak tanımlama yaparken, özelleştirme yapmadığınız sayfalarda kullanılacak title değerini belirlemek için default değerini kullanabilirsiniz. Bu değer, yukarıda belirttiğim gibi, siteniz için oluşturduğunuz yeni bir sayfanız varsa ve o sayfa içerisine özel bir title değeri tanımlanmamışsa, o sayfanızda default ile ifade ettiğiniz title değeri kullanılacaktır.

Template Değeri

Title metadata etiketini obje olarak tanımlarken, bir default değer belirlediyseniz, Next JS zorunlu olarak sizden bir de template değeri belirtmenizi ister. Bu değeri kullanarak, siteniz için dinamik title değerleri tanımlayabilirsiniz. Bu, sitenizdeki tekrarları azaltmak için harika bir özelliktir!

Bu kodda, title objesinin template değeri, %s - NextDok değerine eşitlenmiştir. Bu değer, özelleştirme yaptığınız sayfaların başlığında yer alacaktır. Örneğin, /about sayfası için, about/page.tsx içerisinde title değerinizi Hakkımda olarak değiştirdiniz. Bu durumda, /about sayfası için başlığınız Hakkımda - NextDok olucak.

Absolute Değeri

Sayfamız ile bağlantılı bir layout içerisinde template değeri belirlediysek, bazen o template'i bazı sayfalarda kullanmak istemeyebiliriz. Bu durumda, absolute değerini kullanabiliriz. absolute değeri, sayfanın başlığı için kullanılacak title'i bütün template değerlerini yok sayarak belirler.

Title Değerini Belirlemek İçin Tüyolar