Web Tasarımı

Google AMP, Web Sitesi İçin Doğru Seçim mi?

Google AMP: Accelerated Mobile Pages veya AMP, Google’ın açık kaynaklı bir girişimidir. Onların sözleriyle, “Web’i herkes için daha iyi hale getirmeye” yardımcı olur.

Yani bu doğru mu? Bazı eleştirmenler (çoğunlukla yayıncılar) Google’ın web’e hakim olmasına yardımcı olacağını söylüyor. Ancak sadece bir bakış açısını göz önünde bulundurarak herhangi bir sonuca atlayamayız.

Bize yardımcı olmak için bu makaleyi üç bölüme ayırdık, böylece AMP’yi üç farklı perspektiften ele alabiliriz.

İlki, web sitelerinin yayınlanma perspektifini ve onları yöneten insanları ele alır yani yayıncıları. İkincisi, kullanıcının bakış açısını ele alır. Ve son bakış açısı, Google’ın bunu bir arama motoru olarak ele aldığı düşünülüyor.

AMP’yi tüm bu açılardan düşünürseniz, web siteniz için doğru kararı verebileceksiniz. Ayrıca bu makale sadece doğru yönde hareket etmenize yardımcı olacaktır.

Ayrıca başarılı portföy web sitesi oluşturmak için 10 ipucu bölümümüze bakmayı unutmayın.

İlk bakış açımıza bakalım.

1. AMP’nin Yayıncılar Üzerinde ki Etkileri

Google AMP, Web Siteniz İçin Doğru Seçim mi?

AMP, 2015 yılında piyasaya sürüldü, yani henüz 5 yaşında. Bu nedenle, o zamandan çok önce yayın yapan kişiler ve siteler, tüm makalelerinin aniden modası geçmiş olacağından endişelenebilir. Ama durum bu değil. Yine de büyük şirketler gibi değişime direnmek istiyorlar.

Google AMP’nin uygulanabilmesi için gereken bazı katı koşullar olduğundan, eleştirel bakış açıları tamamen geçerlidir. Örneğin:

  • JavaScript’i unutun (bazı geçici çözümler olsa da). Geleneksel JavaScript kullanımına kesinlikle izin verilmez.
  • Bir sayfanın AMP sürümünü oluşturuyorsanız, AMP sürümü ve standart sayfa (orijinal sayfa) aynı tasarıma ve işlevselliğe sahip olmalıdır.
  • Harici CSS kullanamazsınız, bunun yerine her şeyi satır içi yapmanız gerekir. Bu verimsiz olacağından, özelleştirilmiş bir kitaplık tercih edilir.

Aşağıda gördüğünüz kod içeriği, Google AMP dokümanlarından alınan minimal bir AMP web sayfasıdır. Ayrıca Kod yazmak için doğru kod editörü arıyorsanız mutlaka En iyi kod editörleri bölümümüze bakmayı unutmayın.

<!DOCTYPE html>
<html ⚡>
  <head>
    <meta charset="utf-8" />
    <title>Sample document</title>
    <link rel="canonical" href="./regular-html-version.html" />
    <meta
      name="viewport"
      content="width=device-width,minimum-scale=1,initial-scale=1"
    />
    <style amp-custom>
      h1 {
        color: red;
      }
    </style>
    <script type="application/ld+json">
      {
        "@context": "http://schema.org",
        "@type": "NewsArticle",
        "headline": "Article headline",
        "image": ["thumbnail1.jpg"],
        "datePublished": "2015-02-05T08:00:00+08:00"
      }
    </script>
    <script
      async
      custom-element="amp-carousel"
      src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"
    ></script>
    <script
      async
      custom-element="amp-ad"
      src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"
    ></script>
    <style amp-boilerplate>
      /* AMP boilerplate CSS */
    </style>
    <noscript
      ><style amp-boilerplate>
        body {
          -webkit-animation: none;
          -moz-animation: none;
          -ms-animation: none;
          animation: none;
        }
      </style></noscript
    >
    <script async src="https://cdn.ampproject.org/v0.js"></script>
  </head>
  <body>
    <h1>Sample document</h1>
    <p>
      Some text
      <amp-img src="sample.jpg" width="300" height="300"></amp-img>
    </p>
    <amp-ad
      width="300"
      height="250"
      type="a9"
      data-aax_size="300x250"
      data-aax_pubname="test123"
      data-aax_src="302"
    >
    </amp-ad>
  </body>
</html>

Gövde etiketinin içeriğinin yanı sıra geri kalanı, geçerli bir AMP sayfası oluşturmanı için ihtiyaç duyduğunuz minimum kod miktarıdır.

Detayı: Google AMP’nin Yayıncılara Etkileri

Google AMP, Web Siteniz İçin Doğru Seçim mi?

Şayet AMP kullanacaksanız Web sayfasını yavaşlatabilecek herhangi bir şeye ya izin verilmez ya da farklı bir biçime sahip olması beklenir. Örneğin, görüntülerde <amp-img> etiketi yerine <img> etiket kullanılmalıdır. Benzer şekilde, iframe ve video etiketleri farklı bir biçime sahiptir.

Bazı CSS animasyonları dışında (sayfayı yavaşlattığı için) CSS’yi istediğiniz şekilde satır içi kullanma özgürlüğüne sahipsiniz. Standart sayfanız kayıt formları ve çok sayıda dinamik öğeye sahipse, aynı AMP sürümünü oluşturmakta zorlanacaksınız.

Bu sorundan kaçınmak istiyorsanız, iki seçeneğiniz vardır. Standart sayfanızı süper basitleştirin veya standart sayfayı çıkarın ve yalnızca bir AMP sayfası kullanın. Çoğu yayın sitesini ve onları yöneten kişileri rahatsız eden şey budur.

Google, ağ tarafsızlığı kavramına aykırı olan internet üzerinde muazzam bir kontrole sahip olacaktır.

Google, arama sonuçlarında AMP sayfalarını tercih etmediğini söylüyor. Ancak, yalnızca AMP ile mümkün olan zengin kartlar vardır. Yani bir bakıma Google sizi hayatta kalmak için AMP kullanmaya dolaylı olarak zorluyor.

Google AMP, Web Siteniz İçin Doğru Seçim mi?

AMP ayrıca, tüm organik trafiğinizin AMP sürümünü göreceğini göz önünde bulundurarak, reklam gelirini etkileyebilecek her sayfada sınırlı reklama izin verir. Bununla birlikte diğer reklam ağları için sınırlı destek vardır. Desteklenenler dışında başka analiz sağlayıcıları da kullanamazsınız. Karar vermeden önce tüm bu noktaların dikkate alınması gerekir.

Google AMP Kullanımının Faydaları

Ama haberlerin tamamı kötü değil. Şimdi, yayıncıların elde ettiği avantajlardan bahsedelim:

  • Google, AMP önbelleğinden AMP sayfalarını gösterir ve bu, yayıncının sunucusundaki bant genişliği kullanımını büyük ölçüde azaltır. Bu sizin için yararlı olabilir.
  • AMP’nin ciddi sınırlamaları nedeniyle web siteniz gerçekten hızlı yüklenecektir. Yani onu yavaşlatacak hiçbir şey yok. Google ayrıca, biri tıklamadan önce web sayfalarını önceden yükler, bu nedenle yükleme süresi göz ardı edilebilir.
  • Web siteniz, uygun şekilde yapılandırılmışsa zengin kartlar veya Snippets olarak görünebilir ve bu da tıklama oranını artırır.

Şimdi en önemli şey: AMP, web sitenizin kesinlikle mobil uyumlu olması gerektiğini ima ediyor. Ve mobil uyumlu olmak bugünlerde öyle bir zorunluluk ki, AMP olsun ya da olmasın web siteleri bunu görmezden gelemez.

Bu nedenle, Google AMP’ye yayıncılar açısından baktık. Şayet, çok fazla işlevselliğe sahip bir web uygulamanız varsa, AMP’ye gitmenizi önermem.

Şimdi ikinci perspektife geçelim.

2. Kullanıcılar

Google AMP, Web Siteniz İçin Doğru Seçim mi?

Yayıncılar, sayfalarına AMP’yi uygulama konusunda sorun yaşayabilecek kişilerdir. Ancak bir kullanıcı olarak birincil amacınız internette gezinmektir. Pek çok mobil kullanıcı harika internet hızına sahip değildir. Mobil uyumlu olmayan ve yavaş internet hızına sahip yavaş bir web sitesi en kötü kombinasyondur.

Çevrimiçi bir şey arıyorsanız, ilk önceliğiniz bir sonuç almaktır. Tüm web siteleri hızlı değildir ve harika içeriğe sahip olsalar bile, yavaş yüklenirlerse büyük olasılıkla zarar göreceklerdir. Ancak Google AMP, hızlı ve erişilebilir olmalarına yardımcı olur.

Bugünlerde herhangi bir kitlenin önemli bir kısmı mobil kullanıcılardan oluşuyor. Google, kullanıcı merkezli bir şirkettir. Verdiği her karar, kullanıcılarına fayda sağlayacaktır.

Bir kullanıcı olarak, bir şey arıyorsanız, çok az dikkat süreniz ve gözden geçirmeniz gereken çok sayıda sonuç vardır. Bir web sitesi 5 saniye içinde yüklenmezse, büyük olasılıkla bir sonraki sonuca geçersiniz.

AMP kullanırsanız elde ettiğiniz performans artışını görebilirsiniz. Ve bir kullanıcı olarak sizin için faydalıdır. Sonuçları beklemek istemezsiniz, sadece cevabı hızlı bir şekilde almak istersiniz. Ve Google, manuel olarak arama yapmak zorunda kalmamanız için cevapları bulmaya çalışır.

Gördüğünüz gibi Google, soruları yanıtlamak ve deneyiminizi hızlandırmak için en iyisini yapmaya çalışıyor. AMP, yalnızca hızlı bir şekilde yanıt bulmak isteyen kullanıcılar için bunu daha da hızlı hale getirmenin bir yoludur.

AMP ayrıca bir sayfanın platformlarda ve tarayıcılarda aynı görünmesini sağlayarak web tasarımının birçok sınırlamasını ortadan kaldırır. Dolayısıyla, bir kullanıcının bakış açısından, AMP mutlak bir kazançtır.

Şimdi üçüncü ve amaçlarımız açısından en önemli perspektife geçelim.

3. Google, bir arama motoru olarak

Bu perspektifi tartışmadan önce, Google AMP’nin gerçekte ne yaptığını özetleyelim. Accelerated Mobile Pages veya adından da anlaşılacağı gibi AMP, özellikle mobil cihazlarda kullanıcı deneyimini iyileştirmek için web sayfaları tasarlamanın bir yoludur.

Bu sayfalarda, bir sayfayı muhtemelen yavaşlatabilecek şeyler için geçici çözümler vardır. Dinamik listeler, formlar ve yerleştirmeler gibi çoğu dinamik öğe için eklentiler vardır. İçerik, ön yüklemeyle birlikte hızlı bir yükleme efekti oluşturan AMP önbelleğinden sunulur.

Bir web sayfası tasarlamak için tek bir kılavuz yoktur. Bununla birlikte, bazı iyi sanatçılar ve bazı kötü sanatçılar var. Her sayfanın nasıl olması gerektiğine dair bir rehber olsaydı, sayfalar arasında çok daha az varyasyon olurdu.

Yine de, web sayfalarımızı düzenlememize yardımcı olan Anlamsal HTML kavramı vardır. Anlamsal HTML, her şey için genel <div> ve <span> etiketler kullanmak yerine bir web sayfasının belirli bölümleri için anlamlı etiketler kullanma uygulamasıdır.

Her web sayfası bu tür kuralları kullanmaya zorlansaydı, arama motorları ana içeriğin ne olduğunu kolayca belirleyebilir ve çok daha iyi sonuçlar gösterebilirdi. Ancak, herkesi bu tür kuralları kullanmaya zorlayamazsınız.

Google, web sayfalarından bilgi almayı basitleştirmek için geliştiricileri Yapılandırılmış Verileri kullanmaya teşvik eder.

AMP ile ilgili iyi olan şey, geliştiricileri yapılandırılmış verileri kullanmaya teşvik etmesidir. Ayrıca, ciddi sınırlamalar nedeniyle, sayfa çok daha temiz bir tasarıma sahiptir. Bu, arama motorlarının işini çok daha kolaylaştırır.

Ve hemen hemen herkes genel olarak daha temiz ve daha hızlı web sayfalarının da önemli olduğu konusunda hemfikirdir.

Peki nasıl karar vermelisiniz?

Bu yazıda AMP’nin hem kullanıcılar hem de Google için yararlı olduğunu ve değişime direnmezlerse yayıncılar için de faydalı olabileceğini gördük. Ve bir noktada herkes bir kullanıcıdır.

Yavaş, mobil uyumlu olmayan web sitelerinden nefret ediyorsanız, diğer kullanıcıların da nasıl hissettiğini düşünün. Daha temiz bir internet her zaman daha iyidir.

Bununla birlikte, tek amacınız temiz ve hızlı bir web sayfası oluşturmaksa, bunu AMP olmadan da yapabilirsiniz. Gereksiz bileşenlerden kaçının ve verimli bir şekilde tasarlayın.

Artık sizin için Google AMP nin neden yararlı olabileceğini veya olmayabileceğini biliyorsunuz. Ve sadece bir not 3DMadMax.com AMP kullanır. Umarım siteniz için iyi bir karar verirsiniz.

Umarım bu makaleyi beğenmişsinizdir.

Resmi Google AMP web sayfasına buradan ulaşabilirsiniz.

Daha fazla oku:

Etiketler
Online Eğitime Özel Masaüstü Bilgisayar Kampanyası

İlgili Makaleler

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu