Frontend geliştiriciler için SEO: metadata, sitemap ve structured data

Tek sayfalık portfolio sıralama alabilir; fakat destekleyici blog ve vaka çalışması sayfaları uzmanlığı daha keşfedilebilir hale getirir. Her yazı arama motorlarına belirli bir konu, ziyaretçilere ise tek landing page'in veremeyeceği kadar derin kanıt sunar.

Google'ın resmi rehberleri faydalı, güvenilir ve insan odaklı içerik üretmeye odaklanır. Frontend geliştirici için bu; metadata stratejisi, erişilebilirlik kararları, performans çalışmaları, tasarım sistemleri ve UI kararlarının ürün etkisini gerçek örneklerle anlatmak demektir.

Her önemli sayfanın kendine ait title, description, canonical URL ve lokalize sitede language alternate bilgisi olmalıdır. Bu sinyaller belirsizliği azaltır ve sayfanın arama sonuçlarında ve sosyal önizlemelerde daha doğru temsil edilmesine yardım eder.

Next.js App Router, dinamik metadata için generateMetadata fonksiyonunu ve statik metadata için route export'larını resmi API olarak sunar. Title, description, robots, Open Graph, Twitter ve alternates gibi alanlar bu yapıdan yönetilebilir.

Portfolio her sayfada aynı genel başlığı kullanmamalıdır. Anasayfa, blog index ve her blog yazısı kendi içeriğine göre özel metadata üretmelidir.

Blog lokalizeyse metadata da aynı içerik modelinden gelmelidir. Böylece Türkçe ve İngilizce başlıklar, açıklamalar, canonical URL'ler ve alternate linkler tutarlı kalır.

Google'ın sitemap dokümantasyonu, sitemap'in sayfalar, dosyalar ve aralarındaki ilişkiler hakkında bilgi verdiğini ve arama motorlarının siteyi daha verimli crawl etmesine yardımcı olduğunu söyler. Sitemap son güncelleme tarihi ve alternatif dil sürümleri gibi bilgiler de taşıyabilir.

Sitemap tüm sayfaların indexleneceğini garanti etmez; ancak yeni siteler, az dış link alan siteler ve içeriği linklerle hemen keşfedilemeyen siteler için hâlâ değerlidir.

Next.js içinde app/sitemap.ts ve app/robots.ts temiz entegrasyon noktalarıdır. Sitemap lokalize anasayfaları, blog index sayfalarını ve her blog yazısını içermelidir. Robots önemli içeriğe izin vermeli ve sitemap URL'ini referans göstermelidir.

Schema.org, BlogPosting tipini Article ailesinin daha özel bir türü olarak tanımlar. Başlığı, yazarı, yayın tarihi ve gövdesi olan gerçek blog yazıları için uygundur.

Developer portfolio blogunda BlogPosting JSON-LD; headline, description, datePublished, dateModified, author, publisher, inLanguage, URL ve keywords alanlarını içerebilir. Bu alanlar makinelere sayfa tipini ve yazarlık bağlamını anlatır.

Structured data görünür içeriği tarif etmelidir. Sayfada olmayan puanlar, sahte yorumlar, sahte yazarlar veya gerçek olmayan iddialar eklenmemelidir.

Arama motorları sayfaları linkler üzerinden keşfeder. Portfolio anasayfadan bloga, portfolio kartlarından ilgili vaka çalışmalarına ve yazılardan ilişkili yazılara bağlantı vermelidir.

İç bağlantılar ziyaretçiler için de faydalıdır. Portfolio SEO hakkında okuyan biri ilgili vaka çalışmasına, iletişim bölümüne veya başka bir teknik yazıya kolayca geçebilmelidir.

Anchor text hedefi açıklamalıdır. Vaka çalışmasını oku, frontend geliştiriciler için SEO veya Next.js metadata rehberi gibi ifadeler, hedef sayfayla uyumlu olduğunda belirsiz bağlantı metinlerinden daha yararlıdır.