Google Uyumlu Web Site
Duyarlı Web Tasarımı
- Içerik Editör: Ahmet Demirci
- --------
- Link kaldırıldı
Duyarlı web tasarımı (RWD), sunucunun tüm cihazlara her zaman aynı HTML kodunu gönderdiği ve sayfanın cihazdaki oluşturulma biçimini değiştirmek için CSS'nin kullanıldığı bir kurulumdur. Tüm Googlebot kullanıcı aracılarının sayfayı ve öğelerini (CSS, JavaScript ve resimler) taramasına izin verilirse Google'ın algoritmaları bu kurulumu otomatik olarak algılayacaktır
- Tarayıcıya, içeriği nasıl ayarlayacağını bildirmek için
meta name="viewport"etiketini kullanın..
name="viewport" meta etiketini kullanma
Tarayıcılara, sayfanızın tüm cihazlara uyarlanacağını bildirmek için dokümanın başına bir meta etiket ekleyin:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Meta viewport (görüntü alanı) etiketi tarayıcıya, sayfanın boyutlarını ve ölçeklemesini cihazın genişliğine göre nasıl ayarlayacağı konusunda talimatlar verir. Meta viewport öğesi eksik olduğunda, mobil tarayıcılar sayfayı varsayılan olarak masaüstü ekranı genişliğinde (cihazlara göre değişmekle birlikte, genellikle 980 piksel) oluştururlar. Ardından, mobil tarayıcılar yazı tipi boyutlarını büyüterek ve içeriği ekrana uyacak biçimde ölçekleyerek veya içeriğin sadece ekrana sığan bölümünü göstererek daha iyi görünmesine çalışırlar.
Link kaldırıldı
Kullanıcılar için bu durum, yazı tipi boyutlarının tutarsız bir görünümde olması ve kullanıcının, içeriği görerek onunla etkileşimde bulunabilmek için iki kez dokunması veya yakınlaştırmak için parmaklarıyla sıkıştırma hareketi yapmak zorunda kalması demektir. Google, mobil cihazlarda bu tür bir etkileşim gerektirdiği için sayfayı mobil uyumlu olarak nitelendirmeyebilir.
Duyarlı resimler için
<picture> öğesini ekleyin.
Genel bir kural olarak, siteniz Google Chrome veya Apple Mobile Safari gibi yeni tarayıcılardan birinde çalışıyorsa, algoritmalarımızla da çalışır.
--
---
Akblog.NET
