Web 2.0'a bir örümceğin bakış açısı

7 Kasım 2007, Çarşamba

Birçok web yöneticisi, sitelerindeki kullanıcı deneyimini iyileştirmek için Ajax kullanmanın avantajlarını keşfetti ve güçlü web uygulamaları gibi çalışan dinamik sayfalar oluşturdu. Ancak Flash gibi Ajax da, teknoloji dikkatli bir şekilde uygulanmadığı takdirde arama motorlarının siteyi indekslemesini zorlaştırabilir. Sunucu konumu, çapraz bağlantı ve Web 2.0 teknolojisi hakkındaki soruları yanıtladığımız yazımızda söz verdiğimiz gibi, arama motorları tarafından da anlaşılan Ajax destekli web siteleri oluşturmak için bazı ipuçlarını derledik.

Google sitemi nasıl görecek?

Ajax siteleriyle ilgili temel sorunlardan biri, Googlebot’un HTML bağlantılarının yapısını takip etme ve anlama konusunda harika olmasına rağmen, gezinme için JavaScript kullanan sitelerde yolunu bulmakta zorlanabilmesidir. JavaScript’i daha iyi anlamak için çalışıyor olsak da, Google ve diğer arama motorları tarafından taranabilir bir site oluşturmak için en iyi yöntem, içeriğinize HTML bağlantıları sağlamaktır.

Erişilebilirlik için tasarlayın

Web yöneticilerini sadece arama motorları için değil, kullanıcılar için de sayfalar oluşturmaya teşvik ediyoruz. Ajax sitenizi tasarlarken, JavaScript destekli bir tarayıcı kullanmayanlar da dahil olmak üzere kullanıcılarınızın ihtiyaçlarını düşünün. Web’de ekran okuyucu veya mobil cihaz kullananlar dahil olmak üzere bu tür birçok kullanıcı bulunmaktadır.

Sitenizin bu tür kullanıcılar için erişilebilirliğini test etmenin en kolay yollarından biri, JavaScript kapalıyken tarayıcınızda siteyi keşfetmek veya Lynx gibi sadece metin tabanlı bir tarayıcıda görüntülemektir. Bir siteyi sadece metin olarak görüntülemek, görseller ve Flash dahil olmak üzere Googlebot’un görmekte zorlanabileceği diğer içerikleri belirlemenize de yardımcı olabilir.

Kademeli iyileştirme ile geliştirin

Sıfırdan başlıyorsanız, iyi bir yaklaşım sitenizin yapısını ve gezinme menüsünü sadece HTML kullanarak oluşturmaktır. Ardından, sitenin sayfaları, bağlantıları ve içeriği yerli yerine oturduğunda, görünümü ve arayüzü Ajax ile zenginleştirebilirsiniz. Googlebot HTML’i incelemekten memnun kalırken, modern tarayıcı kullanan kullanıcılar Ajax avantajlarınızın keyfini çıkarabilir.

Elbette Ajax işlevselliği için JavaScript gerektiren bağlantılarınız olacaktır, bu yüzden Ajax ve statik bağlantıların bir arada bulunmasını sağlamanın bir yolu şudur:

Bağlantılarınızı oluştururken, bunları bir JavaScript işlevini çağırmanın yanı sıra statik bir bağlantı da sunacak şekilde biçimlendirin. Bu sayede JavaScript kullanıcıları için Ajax işlevselliğine sahip olurken, JavaScript kullanmayan kullanıcılar betiği görmezden gelip bağlantıyı takip edebilir. Örneğin:

Statik bağlantının URL’sinin, Ajax kodu tarafından kullanılan bir parça (#foo=32) yerine bir parametre (?foo=32) içerdiğine dikkat edin. Arama motorları URL parametrelerini anladığı ancak parçaları genellikle görmezden geldiği için bu önemlidir. Web geliştiricisi Jeremy Keith bu tekniği Hijax olarak adlandırdı. Artık statik bağlantılar sunduğunuz için, kullanıcılar ve arama motorları paylaşmak veya referans vermek istedikleri içeriğe doğrudan bağlantı verebilirler.

Tarama yeteneğimizi sürekli geliştiriyor olsak da, HTML bağlantıları kullanmak, sitenizin yapısını daha iyi anlamamıza (ve diğer arama motorları, mobil cihazlar ve kullanıcılar için de) yardımcı olacak güçlü bir yöntem olmaya devam ediyor.

Kurallara uyun

Burada açıklanan ipuçlarına ek olarak, bir sitenin Google ve kullanıcılarınız için neyin iyi olabileceği hakkında daha fazla bilgi edinmek adına Web Yöneticisi Kurallarımıza da göz atmanızı öneririz. Kurallar ayrıca, sinsi JavaScript yönlendirmeleri dahil olmak üzere kaçınılması gereken bazı uygulamalara da dikkat çeker. İzlenmesi gereken genel bir kural, kullanıcılara yeteneklerine göre farklı deneyimler sunabilseniz de içeriğin aynı kalması gerektiğidir. Örneğin, Wysz’ın Hamster Çiftliği için bir sayfa oluşturduğumuzu hayal edin. Sayfanın üst kısmında “Wysz’ın Hamster Çiftliği” başlığı var ve altında en son gelen hamsterların Ajax destekli bir slayt gösterisi bulunuyor. Aynı sayfada JavaScript’i kapatmak, kullanıcıyı “hamsterlar, en iyi hamsterlar, ucuz hamsterlar, ücretsiz hamsterlar, evcil hayvanlar, çiftlikler, hamster yetiştiricileri, dans eden hamsterlar, kemirgenler…” gibi ek metinlerle şaşırtmamalıdır.

Wysz’ın Hamster Çiftliği—hamsterlar, en iyi hamsterlar, ucuz hamsterlar, ücretsiz hamsterlar, evcil hayvanlar, çiftlikler, hamster yetiştiricileri, dans eden hamsterlar, kemirgenler, hamsterlar, en iyi hamster kaynağı, evcil hayvan oyuncakları, dans dersleri, sevimli, hamster numaraları, evcil hayvan maması, hamster yaşam alanı, hamster otelleri, hamster doğum günü hediye fikirleri ve daha fazlası!

Daha ideal bir uygulama, JavaScript etkin olsun ya da olmasın aynı metni görüntüler ve en iyi senaryoda, JavaScript kullanmayan kullanıcılara slayt gösterisinin bir HTML sürümünü sunar.

Bu oldukça ileri düzey bir konu, bu yüzden lütfen Web Yöneticisi Yardım Grubu’nda sorular sorarak ve fikirlerinizi paylaşarak tartışmayı sürdürün. Orada görüşmek üzere!

Yazan: Michael Wyszomierski ve Greg Grothaus, Arama Kalitesi