Merhaba TürkHackTeam Ailesi
Bugün sizlere AMP Nedir? Google AMP Nasıl Kullanılır? bundan bahsedeceğim.
AMP Nedir?
Ekim 2015te piyasaya sürüldüğü ilk günden beri beri odağı hız olan Google AMP; web sitelerinin sadeleştirilmiş sürümlerini sunarak mobil sayfaları hızlandırmak ve kullanıcı deneyimini geliştirmek hedefiyle tasarlanmış bir projedir.
Dosya boyutlarını azaltan ve sayfada görüntülenen içeriği sınırlayan AMP ile oluşturulan sayfalar, geleneksel mobil sayfalara kıyasla ortalama dört kat daha hızlıdır ve on kat daha az veri kullanır.
Akıllı telefonlarda Google arama sonuçlarının solunda küçük bir şimşek simgesi görürseniz, bu o sayfada AMP teknolojisinin kullanıldığını gösterir.
Ücretsiz ve açık kaynaklı kodlara sahip olduğundan, herkes AMP yönergelerini izleyerek özelleştirilmiş sayfalar oluşturabilir
AMP Neden Önemli?
Aylık 172 milyon dijital okuyucuya sahip Washington Post , AMP sonrası yükleme sürelerinin ortalama 400 ms olduğunu ve mobil web sitesinde % 88lik iyileşme kaydettiğini belirtmiştir.
Google araştırmaları; akıllı telefon kullanıcılarının % 53ünün yüklenmesi 3 saniyeden uzun süren sayfaları terk ettiğini gösteriyor.
Google; AMPin, mobil sayfaların yükleme süresini % 15 ile % 85 arasında azaltabileceğini iddia ediyor.
Ayrıca AMPnin kendinin, Google aramalarında bir sıralama faktörü olmasa da hızın bir sıralama faktörü olduğu bilinen bir gerçek.
Tüm bu sebepler sebebiyle AMPin; WordPress, Reddit, eBay, Pinterest, Washington Post, The Wall Street Journal, Wired ve Gizmodo gibi çok sayıda tanınmış kullanıcısının olması şaşırtıcı değil.
Aylık 65 milyon civarında ziyaretçisi olan The Wall Street Journal da, verimli ve hızlı web sitesi performansı için Google AMP kullanmaktadır.
AMPin önemini anlamak için 19 Eylül 2019da AMPin bloğunda yayını yapılan bir örneğe göz atabiliriz. Söz konusu yazıda haber ve eğlence platformu GOATın AMP uygulamasından önceki ve sonraki hız testi sonuçlarına yer verilmiş:
Avustralyanın en tanınmış medya markalarından biri olan Nova Entertainmentın akıllı telefon kullanıcıları için tasarladığı Goatın, Google PageSpeed puanı 7den 77ye, GTmetrix skoru ise %63ten %82ye yükselmiş!
Avustralyanın ünlü medya kanalının mobil kullanıcılar için tasarladığı GOATın AMP öncesi ve sonrası yüklenme hızı
AMP Nasıl Çalışır?
AMP, sayfanızda hangi içeriğin gösterildiğini ve önceden nasıl görüntülendiğini belirleyerek, içeriğinizin önbelleğe alınmış kopyalarını CDNlerde saklar. CDN; fotoğraflar, CSS, JavaScript, videolar gibi statik içeriğinizin ziyaretçinize en yakın yerden göndererek hızlı bir biçimde dağıtımını sağlamakta olan sunucu ağıdır.
Örneğin Google ya da Twitterdan gelen bir bağlantıya tıkladığınızda, internet hızınızdan bağımsız olarak, telefonunuza daha hızlı ve daha sade bir sürüm anında yüklenir.
AMP; hacimli, lüzumsuz parçaları açılış sayfanızdan çıkararak daha hızlı yükleme süreleri için sayfayı düzenler. Bu, hâlbuki, daha az özel kod kullanabileceğiniz ve daha basit sayfalar hazırlamanız gerekeceği manasına gelir.
Çok sayıda HTTP isteği sorununu çözmek için AMP, özel yazılmış Javascript veya harici CSS dosyalarının yüklenmesine izin vermez. Katı bir kural gibi görünse de, her bir dosya türünün nasıl işlendiği düşünüldüğünde bu engelleme son derece mantıklıdır.
AMP, internet sitenizin Google sıralamasını yükseltmenin ve markanızı tanıtmanın etkili bir yoludur.
Google AMPin Avantajları
Web sitenizin yüklenme süresini artırır.
Arama sıralamalarınızı yükseltir.
Ziyaretçilerin sitenizden hemen çıkma oranını azaltır.
Kullanıcı deneyimini artırır.
Sayfalar Google üzerinden servis edildiği için sunucunuz üzerindeki yükü azaltır.
Google Chrome, Mozilla Firefox, Edge, Safari ve Operayı desteklemektedir.
URLde AMP ile statik olan ayrı AMP sayfaları geliştirmeniz gerekir.
Belirli bir AMP etiketi kullanmadığınız sürece reklamlarınız gösterilmez.
AMP performansınızı Google Analyticsten izlemek istiyorsanız, sayfalara manuel olarak veya eklentileri kullanarak bir izleme kodu eklemeniz gerekir.
Hızlandırılmış sayfalar, AMP olmayan sayfalara göre daha az işlevselliğe sahiptir.
Kenar çubuğu veya form gibi ögeleri manuel olarak veya eklentiler kullanarak eklemeniz gerekir.
AMP, internet sitenizin görsel çekiciliğinden feda etmenizi gerektirir.
Üçüncü taraf JavaScript kullanamazsınız.
WordPress AMP Kurulumu Nasıl Yapılır?
Google Search Console Arama Konsolu (Eski adı ile Web Master Tools) üstündeki yönergeleri izleyerek web sitenize Google AMP ekleyebilirsiniz.
Eğer siteniz WordPress tabanlı ise kontrol panelinden; Eklentiler > Yeni Ekle > Google AMP yoluyla AMP kurabilirsiniz.
Sonra da mevcut sayfanız veya bağlantınızın sonuna /amp yazarak testlerinizi gerçekleştirebilirsiniz. Google AMP eklentisi web sitenizdeki sayfaların değil, gönderilerin AMP uyumlu sürümlerini oluşturur.
AMP şablonunuzu; mevcut web sitenize benzeyecek şekilde CSSsini düzenleyerek özelleştirmeniz mümkün. Daha fazla özelleştirme için Glue for Yoast SEO & AMP (SEO Yoast kullanıyor olmanız gerek) ve PageFrog eklentileri yükleyebilirsiniz.
AMP sayfalarınızın istatistikleri için Google Analyticsi kurmanız gerekir. Bunun için de tracking ID denen bir takip numarasına ihtiyacınız var (Google Analyticse giriş yaptıktan sonra İzleme bilgisi yani Tracking Info altındaki yönetici panelinden alabilirsiniz). Bu numarayı aldıktan sonra, WordPress panonuzdaki AMP > Analyticse gidip Google Analytics yazan yere takip numarasını yapıştırmanız ve kaydetmeniz yeterli.
İlk AMP kurulumundan sonra Google Arama Konsolunda tonlarca AMP hatasıyla karşılaşabilirsiniz. Bu sebeple aşağıda belirtilen seçeneklerden biriyle, AMP sayfalarınızı doğrulamanız ve test etmeniz önerilir:
https://search.google.com/test/amp adresine gidip URLyi yapıştırabilir ve URLyi test ete tıklayabilirsiniz.
https://validator.ampproject.org/ adresini de test için kullanabilirsiniz.
Ayrıca Google arama sonuçlarında görünme şansınızı artırmak için, AMP URLlerinizi; Googlea göndermeniz gerekir. Sayfayı test edip onayladıktan sonra Google Arama Konsolu ile bunu yapabilirsiniz. Google; AMP sayfanızı sadece, XML site haritasına dahili olarak bağlanmışsa veya listeleniyorsa dizine ekler.
AMP, ziyaretçilerin web sayfalarını hemen terketme oranlarını azaltır.
AMP Siteniz için Uygun mu?
Google AMPden en fazla yarar sağlayan sitelerin yazılı içerik üreten, dergi ve haber siteleri gibi yayıncı siteler olduğunu söylemek yanlış olmaz. Bir web sitesinin tamamı yerine sadece blog bölümünde AMP kullanmak, bazı siteler için çok daha iyi bir alternatif olabilir.
Hızlı yüklenen web siteleri, daha iyi kullanıcı deneyimi ve trafiğin olumlu etkilemesi gibi nedenlerle AMP kullanmak oldukça popüler bir seçenek olsa da her web sitesi için AMP uygun olmayabilir.
Örneğin; kullanıcı dönüşü için JavaScript bölümleri gibi etkileşimli öğeler içeren açılış sayfalarının, sadeleştirilmiş sürümlerini kullanmak tavsiye edilmez.
Ayrıca AMP ile sadece önbellekteki sayfalar gösterildiğinden, kullanıcılarınız her zaman yayınladığınız en güncel içeriğe ulaşamayabilir.
Google AMP, reklam desteğine sahip olsa da, bu reklamları işleme koyma sürecinin karmaşıklığı ve harici reklam platformlarıyla uyumluluğunun sınırlı olması; reklam gelirini önemseyen kullanıcıları düşündürüyor.
Saygılarımla therealbugra
Bugün sizlere AMP Nedir? Google AMP Nasıl Kullanılır? bundan bahsedeceğim.
AMP Nedir?
Ekim 2015te piyasaya sürüldüğü ilk günden beri beri odağı hız olan Google AMP; web sitelerinin sadeleştirilmiş sürümlerini sunarak mobil sayfaları hızlandırmak ve kullanıcı deneyimini geliştirmek hedefiyle tasarlanmış bir projedir.
Dosya boyutlarını azaltan ve sayfada görüntülenen içeriği sınırlayan AMP ile oluşturulan sayfalar, geleneksel mobil sayfalara kıyasla ortalama dört kat daha hızlıdır ve on kat daha az veri kullanır.
Akıllı telefonlarda Google arama sonuçlarının solunda küçük bir şimşek simgesi görürseniz, bu o sayfada AMP teknolojisinin kullanıldığını gösterir.
Ücretsiz ve açık kaynaklı kodlara sahip olduğundan, herkes AMP yönergelerini izleyerek özelleştirilmiş sayfalar oluşturabilir
AMP Neden Önemli?
Aylık 172 milyon dijital okuyucuya sahip Washington Post , AMP sonrası yükleme sürelerinin ortalama 400 ms olduğunu ve mobil web sitesinde % 88lik iyileşme kaydettiğini belirtmiştir.
Google araştırmaları; akıllı telefon kullanıcılarının % 53ünün yüklenmesi 3 saniyeden uzun süren sayfaları terk ettiğini gösteriyor.
Google; AMPin, mobil sayfaların yükleme süresini % 15 ile % 85 arasında azaltabileceğini iddia ediyor.
Ayrıca AMPnin kendinin, Google aramalarında bir sıralama faktörü olmasa da hızın bir sıralama faktörü olduğu bilinen bir gerçek.
Tüm bu sebepler sebebiyle AMPin; WordPress, Reddit, eBay, Pinterest, Washington Post, The Wall Street Journal, Wired ve Gizmodo gibi çok sayıda tanınmış kullanıcısının olması şaşırtıcı değil.
Aylık 65 milyon civarında ziyaretçisi olan The Wall Street Journal da, verimli ve hızlı web sitesi performansı için Google AMP kullanmaktadır.
AMPin önemini anlamak için 19 Eylül 2019da AMPin bloğunda yayını yapılan bir örneğe göz atabiliriz. Söz konusu yazıda haber ve eğlence platformu GOATın AMP uygulamasından önceki ve sonraki hız testi sonuçlarına yer verilmiş:
Avustralyanın en tanınmış medya markalarından biri olan Nova Entertainmentın akıllı telefon kullanıcıları için tasarladığı Goatın, Google PageSpeed puanı 7den 77ye, GTmetrix skoru ise %63ten %82ye yükselmiş!
Avustralyanın ünlü medya kanalının mobil kullanıcılar için tasarladığı GOATın AMP öncesi ve sonrası yüklenme hızı
AMP Nasıl Çalışır?
AMP, sayfanızda hangi içeriğin gösterildiğini ve önceden nasıl görüntülendiğini belirleyerek, içeriğinizin önbelleğe alınmış kopyalarını CDNlerde saklar. CDN; fotoğraflar, CSS, JavaScript, videolar gibi statik içeriğinizin ziyaretçinize en yakın yerden göndererek hızlı bir biçimde dağıtımını sağlamakta olan sunucu ağıdır.
Örneğin Google ya da Twitterdan gelen bir bağlantıya tıkladığınızda, internet hızınızdan bağımsız olarak, telefonunuza daha hızlı ve daha sade bir sürüm anında yüklenir.
AMP; hacimli, lüzumsuz parçaları açılış sayfanızdan çıkararak daha hızlı yükleme süreleri için sayfayı düzenler. Bu, hâlbuki, daha az özel kod kullanabileceğiniz ve daha basit sayfalar hazırlamanız gerekeceği manasına gelir.
Çok sayıda HTTP isteği sorununu çözmek için AMP, özel yazılmış Javascript veya harici CSS dosyalarının yüklenmesine izin vermez. Katı bir kural gibi görünse de, her bir dosya türünün nasıl işlendiği düşünüldüğünde bu engelleme son derece mantıklıdır.
AMP, internet sitenizin Google sıralamasını yükseltmenin ve markanızı tanıtmanın etkili bir yoludur.
Google AMPin Avantajları
Web sitenizin yüklenme süresini artırır.
Arama sıralamalarınızı yükseltir.
Ziyaretçilerin sitenizden hemen çıkma oranını azaltır.
Kullanıcı deneyimini artırır.
Sayfalar Google üzerinden servis edildiği için sunucunuz üzerindeki yükü azaltır.
Google Chrome, Mozilla Firefox, Edge, Safari ve Operayı desteklemektedir.
URLde AMP ile statik olan ayrı AMP sayfaları geliştirmeniz gerekir.
Belirli bir AMP etiketi kullanmadığınız sürece reklamlarınız gösterilmez.
AMP performansınızı Google Analyticsten izlemek istiyorsanız, sayfalara manuel olarak veya eklentileri kullanarak bir izleme kodu eklemeniz gerekir.
Hızlandırılmış sayfalar, AMP olmayan sayfalara göre daha az işlevselliğe sahiptir.
Kenar çubuğu veya form gibi ögeleri manuel olarak veya eklentiler kullanarak eklemeniz gerekir.
AMP, internet sitenizin görsel çekiciliğinden feda etmenizi gerektirir.
Üçüncü taraf JavaScript kullanamazsınız.
WordPress AMP Kurulumu Nasıl Yapılır?
Google Search Console Arama Konsolu (Eski adı ile Web Master Tools) üstündeki yönergeleri izleyerek web sitenize Google AMP ekleyebilirsiniz.
Eğer siteniz WordPress tabanlı ise kontrol panelinden; Eklentiler > Yeni Ekle > Google AMP yoluyla AMP kurabilirsiniz.
Sonra da mevcut sayfanız veya bağlantınızın sonuna /amp yazarak testlerinizi gerçekleştirebilirsiniz. Google AMP eklentisi web sitenizdeki sayfaların değil, gönderilerin AMP uyumlu sürümlerini oluşturur.
AMP şablonunuzu; mevcut web sitenize benzeyecek şekilde CSSsini düzenleyerek özelleştirmeniz mümkün. Daha fazla özelleştirme için Glue for Yoast SEO & AMP (SEO Yoast kullanıyor olmanız gerek) ve PageFrog eklentileri yükleyebilirsiniz.
AMP sayfalarınızın istatistikleri için Google Analyticsi kurmanız gerekir. Bunun için de tracking ID denen bir takip numarasına ihtiyacınız var (Google Analyticse giriş yaptıktan sonra İzleme bilgisi yani Tracking Info altındaki yönetici panelinden alabilirsiniz). Bu numarayı aldıktan sonra, WordPress panonuzdaki AMP > Analyticse gidip Google Analytics yazan yere takip numarasını yapıştırmanız ve kaydetmeniz yeterli.
İlk AMP kurulumundan sonra Google Arama Konsolunda tonlarca AMP hatasıyla karşılaşabilirsiniz. Bu sebeple aşağıda belirtilen seçeneklerden biriyle, AMP sayfalarınızı doğrulamanız ve test etmeniz önerilir:
https://search.google.com/test/amp adresine gidip URLyi yapıştırabilir ve URLyi test ete tıklayabilirsiniz.
https://validator.ampproject.org/ adresini de test için kullanabilirsiniz.
Ayrıca Google arama sonuçlarında görünme şansınızı artırmak için, AMP URLlerinizi; Googlea göndermeniz gerekir. Sayfayı test edip onayladıktan sonra Google Arama Konsolu ile bunu yapabilirsiniz. Google; AMP sayfanızı sadece, XML site haritasına dahili olarak bağlanmışsa veya listeleniyorsa dizine ekler.
AMP, ziyaretçilerin web sayfalarını hemen terketme oranlarını azaltır.
AMP Siteniz için Uygun mu?
Google AMPden en fazla yarar sağlayan sitelerin yazılı içerik üreten, dergi ve haber siteleri gibi yayıncı siteler olduğunu söylemek yanlış olmaz. Bir web sitesinin tamamı yerine sadece blog bölümünde AMP kullanmak, bazı siteler için çok daha iyi bir alternatif olabilir.
Hızlı yüklenen web siteleri, daha iyi kullanıcı deneyimi ve trafiğin olumlu etkilemesi gibi nedenlerle AMP kullanmak oldukça popüler bir seçenek olsa da her web sitesi için AMP uygun olmayabilir.
Örneğin; kullanıcı dönüşü için JavaScript bölümleri gibi etkileşimli öğeler içeren açılış sayfalarının, sadeleştirilmiş sürümlerini kullanmak tavsiye edilmez.
Ayrıca AMP ile sadece önbellekteki sayfalar gösterildiğinden, kullanıcılarınız her zaman yayınladığınız en güncel içeriğe ulaşamayabilir.
Google AMP, reklam desteğine sahip olsa da, bu reklamları işleme koyma sürecinin karmaşıklığı ve harici reklam platformlarıyla uyumluluğunun sınırlı olması; reklam gelirini önemseyen kullanıcıları düşündürüyor.
Saygılarımla therealbugra
