Akıllı telefon uyumlu web siteleri oluşturmak için öneriler

06 Haziran 2012, Çarşamba

Her geçen gün daha fazla akıllı telefon etkinleştiriliyor ve daha fazla web sitesi akıllı telefonlar için optimize edilmiş içerik üretiyor. Mobil uyumlu web sitelerinin nasıl oluşturulacağı hakkında en son konuştuğumuzdan bu yana, Google’ın akıllı telefonlar için optimize edilmiş içerik desteğini geliştirmek adına yoğun bir şekilde çalışıyoruz. Bu çabaların bir parçası olarak, Aralık 2011’de bu tür içerikleri tanımlamakla özel olarak görevlendirilen akıllı telefonlar için Googlebot-Mobile‘ı kullanıma sunduk.

Bugün, Google’ın akıllı telefonlar için optimize edilmiş web siteleri oluşturmaya yönelik önerilerini paylaşmak ve hem masaüstü hem de akıllı telefon uyumlu sitelerinizin Google arama sonuçlarında en iyi performansı göstermesini sağlayacak yöntemleri açıklamak istiyoruz.

Akıllı telefonlar için optimize edilmiş sitelere yönelik öneriler

Önerilerimizin tüm detaylarını, şimdi özetleyeceğimiz yeni yardım sitemizde bulabilirsiniz.

Akıllı telefonları hedefleyen bir web sitesi oluştururken Google üç farklı yapılandırmayı destekler:

1. Duyarlı (responsive) web tasarımı kullanan siteler; yani tüm cihazlara aynı URL setinden hizmet veren, her URL’de tüm cihazlara aynı HTML’i sunan ve sayfanın cihazda nasıl görüntüleneceğini değiştirmek için yalnızca CSS kullanan siteler. Bu, Google’ın önerdiği yapılandırmadır.
2. Tüm cihazlara aynı URL setinden dinamik olarak hizmet veren, ancak kullanıcı aracısının (user agent) masaüstü mü yoksa mobil cihaz mı olduğuna bağlı olarak her URL’de farklı HTML (ve CSS) sunan siteler.
3. Ayrı mobil ve masaüstü sitelere sahip olan siteler.

Duyarlı (responsive) web tasarımı

Duyarlı web tasarımı, CSS3 medya sorgularını kullanarak web sayfalarının görünümünü değiştiren bir tekniktir. Yani, sayfaya erişen cihaz ne olursa olsun tek bir HTML kodu vardır; ancak sayfanın sunumu, hangi CSS kurallarının geçerli olacağını belirleyen CSS medya sorguları ile değişir. Duyarlı web tasarımı hakkında daha fazla bilgiyi, Google web yöneticilerinin bu blog yazısında ve önerilerimizde bulabilirsiniz.

Duyarlı web tasarımı kullanmanın aşağıdakiler dahil birçok avantajı vardır:

• Masaüstü ve mobil içeriğinizi tek bir URL’de tutar; bu da kullanıcılarınızın etkileşime girmesini, paylaşmasını ve bağlantı vermesini kolaylaştırır, ayrıca Google algoritmalarının dizine ekleme özelliklerini içeriğinize atamasını sağlar.
• Google içeriğinizi daha verimli bir şekilde keşfedebilir; çünkü tüm içeriği almak ve dizine eklemek için sayfayı farklı Googlebot kullanıcı aracılarıyla taramamıza gerek kalmaz.

Cihaza özel HTML

Bununla birlikte, birçok durumda duyarlı web tasarımı kullanmanın mümkün veya uygun olmayabileceğinin farkındayız. Bu nedenle, web sitelerinin farklı, cihaza özel HTML kullanarak eşdeğer içerik sunmasını destekliyoruz. Cihaza özel HTML, aynı URL üzerinden (dinamik sunum adı verilen bir yapılandırma) veya farklı URL’ler üzerinden (www.example.com ve m.example.com gibi) sunulabilir.

Web siteniz dinamik bir sunum yapılandırması kullanıyorsa, önbellekleme sunucularına ve algoritmalarımıza içeriğin sayfayı talep eden farklı kullanıcı aracılarına göre değişebileceğini bildirmek için Vary HTTP başlığını kullanmanızı şiddetle öneririz. Bunu ayrıca Googlebot-Mobile için bir tarama sinyali olarak kullanıyoruz.

Ayrı mobil site yapılandırmasına gelince, bunu yapmanın birçok yolu olduğundan, önerimiz algoritmalarımıza masaüstü ve mobil sayfalarınızın amaç açısından eşdeğer olduğunu bildiren ek açıklamalar (annotations) getirmektedir; yani yeni ek açıklamalar, masaüstü ve mobil içerik arasındaki ilişkiyi birbirinin alternatifi olarak tanımlar ve her bir alternatifin belirli bir cihaz sınıfını hedeflediği tek bir varlık olarak ele alınması gerektiğini belirtir.

Bu ek açıklamalar, akıllı telefonlar için optimize edilmiş içeriğinizi keşfetmemize ve algoritmalarımızın içeriğinizin yapısını anlamasına yardımcı olarak, arama sonuçlarımızda iyi performans gösterme şansını artıracaktır.

Sonuç

Bu blog yazısı, akıllı telefonlar için optimize edilmiş web siteleri oluşturmaya yönelik önerilerimizin sadece kısa bir özetidir. Lütfen önerinin tamamını okuyun ve siteniz ve kullanıcılarınız için hangi desteklenen uygulamanın en uygun olduğunu görün. Her zaman olduğu gibi, daha fazla sorunuz olursa lütfen Web Yöneticisi Yardım forumlarımızda sorun.

Yazan:
Pierre Far,
Web Yöneticisi Trendleri Analisti