MWN9LGx8LGF4NWZcMqR5NWVdLTcsynIkynwbzD1c

Google Uyumlu Web Site

Google Mobil Page Web Site

Ak Blog SEO
4349759590016280108

Google Uyumlu Web Site

27 Kasım 2019 Çarşamba

Google Uyumlu Web Site

Duyarlı Web Tasarımı

  • Kaynak: Google Support
  • Içerik Editör: Ahmet Demirci
  • --------
  • Akblog.net
  • Nuxe.web.tr


    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


    Duyarlı tasarım, tüm cihazlara ekran boyutuna göre ayarlanan aynı kodu sunar.

    • 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.
    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
    Etiketler
    Ak Blog SEO - Google SEO Eğitimleri Dokümanları
    1. Kaynak Google.
      Konumuzun kaynak linki verelim.
      https://www.akblog.net/2019/11/google-uyumlu-web-site.html

      YanıtlayınSil
    2. Mobil devri.
      Mobil Duyarlı Responsive Siteler hakkında güncel bilgiler vermeye çalıştık.

      YanıtlayınSil
    Konu hakkında sormak istediklerinizi yazabilirsiniz.
    AK Blog SEO

    Read. Think. Exercise (Oku. Düşün. Uygula.)

    Whatsapp İletişim Formu×
    Bilgileriniz
    İstek Bilgileriniz
    iletişime geç