Erişilebilir, taranabilir ve indekslenebilir içerik için tasarım desenleri

09 Mayıs 2008, Cuma

Erişilebilirlik üzerine yazdığım
önceki yazılarımın
devamı niteliğindeki bu yazıda, içeriğinizin hem mümkün olan en geniş kitle tarafından kullanılabilir kalmasını sağlayan hem de taranıp indekslenmesine yardımcı olan tasarım önerilerini paylaşıyorum.

Gereksiz XMLHttpRequest çağrılarından kaçının

Kullanıcıların bilgi aramasına olanak tanıyan sayfalar, genellikle sayfa yüklendikten sonra ek bilgilerle doldurmak için XMLHttpRequest çağrılarını kullanır. Bu yöntemi kullanırken, ilk sayfanızın faydalı bilgiler içerdiğinden emin olun; aksi takdirde Googlebot ve tarayıcılarında betikleri devre dışı bırakmış kullanıcılar, sitenizin yalnızca “yükleniyor…” mesajından ibaret olduğunu düşünebilir.

CSS sprites ve navigasyon bağlantıları

Navigasyon bağlantılarına eşlik eden anlamlı metinlere sahip olmak, hem Googlebot hem de görseli algılayamayan kullanıcılar için aynı derecede önemlidir. Sitenizdeki navigasyon bağlantılarının görünümünü tasarlarken, örneğin <a> öğeleri içine <img /> etiketleri yerleştirerek bağlantı işlevi gören görseller kullanmayı tercih etmiş olabilirsiniz. Bu tasarım, açıklayıcı metni <img /> etiketi üzerinde bir
alt niteliği
olarak yerleştirmenize olanak tanır.

Peki ya sayfa yüklemeyi optimize etmek için
CSS sprites
kullanımına geçtiyseniz? CSS sprites uygularken de o çok önemli açıklayıcı metni dahil etmek hala mümkündür; olası bir çözüm için Google logosunun ve Google Sonuçlar sayfasının altındaki çeşitli navigasyon bağlantılarının nasıl kodlandığına bakın. Kısacası, açıklayıcı metni CSS-sprited görselin hemen altına yerleştirdik.

Göze batmayan (unobtrusive) JavaScript kullanın

Zengin ve etkileşimli bir site oluştururken
kademeli iyileştirme (progressive enhancement)
kavramından bahsetmiştik. Özellikler eklerken, JavaScript destekli web sayfalarını zarif bir şekilde geriye dönük uyumlu hale getirmek için
göze batmayan JavaScript
tekniklerini kullanın. Bu teknikler, Web 2.0 uygulamalarının daha etkileşimli özelliklerinden ödün vermeden içeriğinizin mümkün olan en geniş kullanıcı kitlesi tarafından erişilebilir kalmasını sağlar.

Yazıcı dostu sürümleri kolayca erişilebilir kılın

Oldukça etkileşimli görsel tasarımlara sahip web siteleri, genellikle belirli bir hikayeye ait tüm içeriği yazıcı dostu bir sürüm olarak sunar. Etkileşimli sürümle aynı içerikten oluşturulan bu sayfalar, hem Googlebot hem de bir web sitesinin tüm etkileşimli özelliklerini deneyimleyemeyen görme engelli kullanıcılar için mükemmel bir yüksek kaliteli içerik kaynağıdır. Ancak bu yazıcı dostu sürümler, çok sık bir şekilde şu formdaki betikli bağlantıların arkasında gizli kalır:

Bu yazıcı dostu sürümler için gerçek URL’ler oluşturmak ve bunlara düz HTML bağlantılarıyla (anchor) yönlendirme yapmak, taranan içeriğin kalitesini büyük ölçüde artıracaktır.

Eğer etkileşimli ve yazıcı dostu sürümlerden kaynaklanan
yinelenen içerik
konusunda endişeliyseniz, içeriğin tercih edilen bir sürümünü seçebilir, tercih edilen URL’yi içeren bir Site Haritası gönderebilir ve bu sürüme dahili olarak bağlantı vermeye çalışabilirsiniz. Makalenin farklı URL’lerde göründüğünü tespit ettiğimizde, bu durum Google’ın içeriği ayırt etmesine yardımcı olabilir.

Faydalı içeriğiniz için URL’ler oluşturun

Bir web yöneticisi olarak, yayınladığınız tüm faydalı içerikler için URL’ler oluşturma gücüne sahipsiniz. Bu gücü kullanmak, web’in dönmesini sağlayan şeydir. Yayınladığınız her değerli bilgi parçası için URL’ler oluşturmak ve bunlara eski usul düz HTML köprüleri ile bağlantı vermek şunları sağlar:

• Googlebot’un bu içeriği öğrenmesini,
• kullanıcıların bu içeriği bulabilmesini,
• ve kullanıcıların daha sonra geri dönmek için yer imlerine ekleyebilmesini.

Bunu yapmamak, kullanıcılarınızı sitenizde daha önce gördüklerini bildikleri o bilgi parçasına ulaşmak için karmaşık tıklama yollarını hatırlamak zorunda bırakır.

Yazan:
T.V. Raman, Araştırmacı Bilim İnsanı