Koddan İçeriğe: Semantik Arama Çağında Web Sitesi Geliştirme Temelleri

Semantik arama, sorgudaki kelimeleri birebir eşleştirmek yerine sorunun ne demek istediğini anlamaya çalışıyor. Bu durum site geliştiren kişinin işini de değiştiriyor. Kod hem sayfayı ekranda gösteriyor hem de sayfanın ne anlattığını arama sistemlerine bildiriyor. Bu yazıda semantik aramaya uygun bir site geliştirirken nelere dikkat edilmesi gerektiğini anlatıyoruz.

Semantik Arama Kod Tarafında Ne Anlama Geliyor?

Semantik arama sistemleri bir sayfayı anahtar kelime listesi olarak değil, konuları ve bu konular arasındaki ilişkileri anlatan bir metin olarak okumaya çalışıyor. Geliştiricinin sorusu da "hangi kelimeyi kaç kez geçireyim" olmaktan çıkıp "bu sayfanın konusu kodda net görünüyor mu" sorusuna dönüşüyor. Sayfanın anlamı ne kadar açıksa klasik arama da yapay zeka sistemleri de o sayfayı o kadar rahat yorumluyor.

Anlamlı HTML ile Başlamak

Her şeyi aynı türden kutularla kurmak ekranda doğru görüntüyü verebilir ancak sayfanın hangi bölümünün ne olduğunu söylemez. Header, nav, main, article, section ve footer gibi etiketler botlara ana içeriğin nerede başladığını gösteriyor. Menü ve kenar çubuğu gibi tekrar eden bölümler main alanının dışında kaldığında ana içerikten ayrışıyor. Bu, ek maliyeti olmayan ve en erken yapılabilecek düzenleme.

Ana İçeriği Sunucu Tarafında Üretmek

Sayfanın asıl metni tarayıcıda JavaScript çalıştıktan sonra oluşuyorsa bazı botlar o metni hiç göremeyebilir. Bütün botların JavaScript'i aynı şekilde çalıştırdığı varsayılmamalı. Ana içerik sunucudan gelen ilk HTML'in içinde durduğunda bot hangi yöntemle gelirse gelsin aynı metni okuyor. Next.js gibi çatılarda sunucu tarafında üretimin tercih edilmesinin nedeni bu.

Başlık Hiyerarşisini Bir Sözleşme Gibi Görmek

Sayfada tek bir H1 ve altında mantıklı sırayla H2 ile H3 bulunması içeriğin iskeletini kuruyor. Başlık etiketini yalnızca büyük yazı görünümü elde etmek için kullanmak bu iskeleti bozuyor. Görünümü CSS ayarlamalı, etiket ise metnin gerçek yapısını taşımalı. İyi bir başlık altındaki paragrafın neyi cevapladığını da söylüyor.

Varlıkları ve Bağlamı Açık Yazmak

Semantik sistemler markaları, ürünleri, yerleri ve kişileri birer varlık olarak tanımaya çalışıyor. Sayfada şirketin adı, ne iş yaptığı ve hangi şehirde hizmet verdiği açık cümlelerle yazılıysa model bunu tahmin etmek zorunda kalmıyor. "Bu firma" ya da "söz konusu ürün" gibi belirsiz göndermelerle ilerleyen metinlerde bağlam kayboluyor. Ürün ve hizmet adları her sayfada aynı yazımla geçmeli.

Yapılandırılmış Veriyi Şablona Gömmek

Schema.org işaretlemesi sayfanın ne olduğunu makinenin okuyacağı biçimde söylüyor. Bu işaretlemeyi her sayfaya elle eklemek yerine sayfa şablonunun parçası yapmak gerekiyor. Makale şablonu Article, ürün şablonu Product verisini kendisi üretirse yeni içerik eklendiğinde işaretleme de otomatik geliyor. İşaretlenen bilgi sayfada görünen metinle uyuşmalı.

Erişilebilirlik ve Hız da Anlamın Parçası

Görsellere anlamlı alt metin yazmak, bağlantı metinlerini açıklayıcı tutmak ve sayfayı hızlı yüklemek hem kullanıcıya hem bota yarıyor. Bu çalışmalar tek başına bir sıralama vaadi taşımıyor ancak sitenin okunabilir olmasının temelini oluşturuyor.

Sonuç

Semantik aramaya hazır bir site anlamlı etiketlerle, sunucudan gelen içerikle ve net bir başlık yapısıyla başlıyor. Yazılım ve API geliştirme hizmetimizde siteleri bu bakışla kuruyoruz. Mevcut projenizi birlikte gözden geçirmek isterseniz bize ulaşın.