Google AMP nedir ve bunu web siteniz için nasıl kullanabilirsiniz?

AMP, mobil site oluşturmak için en hızlı çerçevedir ve şu anda arama sonuçlarının% 43’ünü oluşturmaktadır. Sitenizi AMP olarak değiştirmek, onu trafik açısından büyük ölçüde geliştirebilir. AMP nasıl çalışır?

AMP nedir?

Telefonunuzu Google arama sonuçlarından haber makaleleri açmak için kullandıysanız, muhtemelen daha önce AMP ile karşılaşmışsınızdır. Bu site zaten Google Catch’te depolanıyor: Dolayısıyla, bu makalenin URL’si www.google.com/amp ile başlar: ancak başlık, sitenin gerçek adını ve o sitenin AMP olmayan bir sayfasına bağlantı içerir. .

Ayrıca, sayfanın çok hızlı veya neredeyse anında yüklendiğini fark edebilirsiniz. Mobil web siteleri için bu amiral gemisi teknolojisine AMP denir. AMP aslında React, Angular ve Vue’ye benzer bir web bileşeni çerçevesidir, ancak bu çerçevelerin odak noktası yüksek oranda özelleştirilmiş web uygulamalarıdır; Ancak AMP, mobil ekranlar için hafif bir çerçeve olacak şekilde tasarlanmıştır.

AMP çerçevesine sığması için web sayfasından birçok gereksiz öğe kaldırılır ve bunun da sınırlamaları vardır. AMP açık kaynaklıdır ve Google’ın müdahalesi olmadan kullanılabilir; Ancak AMP’nin Chrome ve Google Arama ile entegrasyonu, onu diğer tüm çerçevelerden daha hızlı hale getirir.

AMP o kadar yaygındır ki, onu yüklemek için kullanılan komut dosyası muhtemelen zaten önbellekte depolanacaktır. Google sonuçlarından birini açmadan önce bile, AMP’nin bazı içerikleri görüntülenir ve sonuç olarak sayfalar neredeyse hızlı bir şekilde yüklenir.

Ayrıca, sayfanızı sonuçlar listesinde göstermek yerine özel kutularda gösterecek ve AMP’nin etkin olduğu herhangi bir sayfanın yanında şimşek çakmasıyla görüntülenecek Google Arama entegrasyonları da vardır.

Haber yazıları gibi öğeler de kurdeleler şeklinde sergilenebilir ve her kutunun köşesinde şimşek işareti görülebilir. Bu teyp, AMP sayfalarının Google’ın sonuçlar listesine dahil edilmesi için gerekli olan yapılandırılmış verilerle güçlendirilmiştir.

Google arama sonuçlarını döndürün ve amfi sitelerini görüntüleyin

AMP nasıl çalışır?

AMP, özellikle AMP’nin kendisi için optimize edilmiş HTML öğeleri kullanır ve bunları kullanmanız gerekir. Örneğin sıradan fotoğraflar iki soruna neden olur:

  • Bir fotoğrafın yüklenmesi, sayfa öğelerinin sırasını değiştirir ve yoğun bir yeniden hesaplama gerektirir ve AMP, fotoğrafları yavaşça yüklemelidir. Bu nedenle, normal etiketini kullanmak yerine etiketini kullanmalısınız:
  • Video ve reklamcılık ve AMP’ye özel HTML kodu gerektiren dinamik içerik gibi diğer birçok içeriğin birçok başka bileşeni vardır. Ancak, tarayıcılar bu bileşenleri nasıl işleyeceklerini bilmez ve şu kodu yüklemeleri gerekir:

Duyarlı Görüntü Alanı ayarlarını yapmak ve sayfanın AMP’deki normal HTML sürümüne bağlanmak gibi bazı HTML kodunu değiştirmenize gerek olmadığı unutulmamalıdır. AMP sayfanızın Google standartlarını karşıladığından emin olmak için tüm bu ipuçlarını izlemeniz gerekir.

Google, AMP sitenizi önbelleğine kaydeder ve yükleme süresini azaltmak için önceden yükler. Bu harika bir hareket; Ancak URL çubuğunda, google.com web sitenizin adı yerine ana bilgisayar olarak görüntülenir ve bu aslında sayfanın ana ana bilgisayarıdır.

Varsayılan olarak, siteniz hedef kitleye AMP olarak görüntülenir; Ancak, bunu aşmanın ve birkaç ekstra URL’ye sahip olmanın bir yolu olan İmzalı Değişim’i kullanabilirsiniz. İçeriğinizi yöneticinizden bir TLS lisansıyla etiketlemek için etiket değişimlerini kullanabilirsiniz. TSL lisansınızı doğruladıktan sonra, tarayıcı site URL’nizi Google önbelleğinde saklansa ve Google CDN desteğine sahip olsa bile görüntüleyebilir.

AMP’nin sınırlamaları

AMP teknolojisi kesinlikle sitenizin telefona yüklenmesini hızlandıracak; Ama aynı zamanda birçok sınırlaması da var. Örneğin, AMP, JavaScript kullanımını ciddi şekilde kısıtlar. Tüm JavaScript aynı anda çalışır ve dışında herhangi bir özel JavaScript kullanabilirsiniz; Ancak performansı hala deneyseldir.

Siteyi etkileşimli kılan diğer bileşenleri kullanmanız gerekir. AMP pek çok şey yapabilse de, amp-list içeriği JSON uç noktasından oluşturur ve onu şablon olarak oluşturur. Bunu vanilya JS ile yapmak çok önemlidir.

AMP’nin yaptığı tek şey, yeniden hesaplamalardan kaçınmak ve oluşturma optimizasyonuna odaklanmayı artırmaktır; Bu nedenle, birkaç sınırlaması vardır. Tüm kaynakların sabit bir boyutu olmalıdır; Bu, CSS ile yeniden boyutlandırmamız gerekmediği ve tüm CSS’nin satır içi olması gerektiği anlamına gelir. Bu, harici bir dosya yerine başlıkta olması gerektiği ve maksimum boyutunun 50 KB olduğu anlamına gelir. Ek olarak, orijinal CSS değiştirici kullanılamaz; Çünkü temel stil, AMP’nin üzerine yazılır.

Bu tür sınırlamalar, AMP’yi diğer cihazlardan daha mobil uyumlu hale getirir; Çünkü onunla karmaşık bir yazılım oluşturmak mümkün değil. Ancak, orijinal olarak yüklenmek üzere tasarlanmış içeriği görüntülemek için çok iyi çalışıyor; Haberler, makaleler ve WordPress ile çalıştırılabilecek her şey gibi.

Web sitenizde nasıl AMP yapılır?

Sitenizin tamamını bir AMP sitesiyle değiştirmek istemiyorsanız, sitenizi AMP biçiminde yeniden oluşturmanız ve önceki siteyi olduğu gibi tutmanız gerekir. Sitenizi AMP’ye tabi tutmak için, Google’ın sitenizi görebilmesi için standart bir bağlantıya sahip AMP olmayan sayfalara bağlantı vermeniz gerekir.

AMP, sitenizin AMP sürecini başlatmak için size birkaç şablon sunar. AMP yalnızca mobil için tasarlandığından; Ancak bununla sınırlı değil, tasarımınız genel olarak çok daha basit olacak. Bu şablonların bileşen kataloğundaki bileşenlere göz atabilir ve AMP’nin desteklediğini düşündüğünüz ve sitenizi taşıyabileceğiniz bileşeni seçebilirsiniz.

WordPress kullanıyorsanız, eklentiyi kullanabilirsiniz (Eklenti), AMP kullanın. Mevcut iki popüler WordPress eklentisi vardır: resmi eklenti ve Üçüncü taraf eklentisi. İkinci eklentinin ilk eklentiden daha fazla kabiliyete sahip olduğu unutulmamalıdır. Bu eklentiler, Google tarafından görüntülenmeye hazır olan her makalenin ince bir kopyasını sağlar.

Yapmanız gereken başka bir şey de AMP sayfası için yapılandırılmış veri sağlamaktır. Bu, sayfanızın başlığında o sayfadan Google’a bilgi veren birkaç JSON’a sahip olmayı gerektirir. Bu tür verilerin doğruluğundan emin olmak için yapılandırılmış veri test araçlarını kullanabilirsiniz. Ayrıca bu araçlar, içeriğinizin Google tarafından nasıl yorumlandığına ilişkin iyi bir önizleme sağlar. Makalenin türü, başlığı, açıklaması ve fotoğraflarının eşleştiğinden ve doğru yerde olduğundan emin olmanızı öneririz.

Söz diziminizi kontrol etmek için Google AMP doğrulama aracını kullanmalısınız. Bu araç size AMP sayfanızın doğru olup olmadığını söyler ve sonuçlara bağlı olarak aşağıdaki gibi arama sonuçlarında sitenizin bir önizlemesini gösterir:

Google Yapısal Veri Doğrulama Aracı

AMP siteniz hazır olduğunda, normal site başlığınızdaki her sayfanın AMP sürümüne bağlanmak için rel = ”amphtml” kodunu kullanın:

Ek olarak, normal bir siteden AMP sitenize bir bağlantı eklemelisiniz:

İlgili makale:

AMP sayfalarına daha sonra erişilebilir ve Google arama sonuçlarında görüntülenebilir; Ancak Google’ın bunu önbelleğinde saklaması biraz zaman alabilir. Sitenizin güncel haritalarını servis için gönderin Arama Konsolu Google akıllıca bir fikirdir ve Google’ın AMP sitenizin ne zaman etkinleştirildiğini doğrudan bilmesine ve sayfalarınızın AMP sürümlerini sağlamasına izin verir.

Leave a Reply

Your email address will not be published. Required fields are marked *