WordPress'te AMP Nasıl Kurulur

WordPress için AMP Kılavuzunun ikinci bölümüne hoş geldiniz. Son makalemizde, mobil öncelikli bir web stratejisinin önemini ve AMP'nin nasıl potansiyel bir oyun değiştirici olabileceğini öğrendik. Bugünün kılavuzunda şunları öğreneceğiz:

• AMP'yi WordPress ile entegre etme
• AMP'yi özelleştirmek için en iyi WordPress eklentileri
• WordPress sitemize gerçekten AMP uygulamamız gerekiyor mu?

Başlayalım.

WordPress Video Kılavuzu için AMP

Dizimizdeki son gönderilerin kaldığı yerden devam ederek, WPCrafter'ın AMP'yi WordPress web sitenizle nasıl kolayca kuracağınıza ilişkin videosunu takip edebilirsiniz. Adam'ın videosu, rehberimizin her adımında size yol gösteriyor – keyfini çıkarın!

WordPress için AMP Nasıl Kurulur

WordPress için AMP kurulumu çok basit bir işlemdir. Tek yapmanız gereken Automattic tarafından geliştirilen WordPress AMP eklentisini kurmak ve gerisi gelecektir.

• WordPress Kontrol Paneli > Eklentiler > Yeni Ekle'ye gidin
• “AMP” arayın

Eklentiyi seçin ve Şimdi Kur'a tıklayın

Eklentiyi etkinleştirdikten sonra sitenizdeki tüm gönderi URL'lerinin bir AMP sürümü olacaktır. Herhangi bir gönderinin bağlantısına gidebilir, URL'nin sonuna /amp/ ekleyebilir ve AMP sürümünü görebilirsiniz.

Web sayfasının normal versiyonuna bir göz atalım.

Bu da aynı sayfanın AMP versiyonu:

İşte bu – WordPress'te AMP'yi başarıyla kurdunuz. Bu kadar basit olduğuna inanmak zor, değil mi?

Ancak, güzel kalıcı bağlantılarınız etkin değilse, gönderinin bağlantısına ?amp=1 ekleyerek amp sürümünü alabilirsiniz. Örneğin, gönderinin bağlantısı şöyle olacaktır:

• Normal Sürüm: http://example.com/2016/01/01/hello-mobile-web/
• AMP Sürümü: http://example.com/2016/01/01/hello-mobile-web/amp/
• AMP Sürümü (Güzel Kalıcı Bağlantılar devre dışıyken): http://example.com/2016/01/01/hello-mobile-web/?amp=1

AMP eklentisi, Google ve diğer arama motorlarının mevcut sayfaların AMP sürümünü tanımasını mümkün kılan "normal" HTML sayfalarınızın başına standart bir meta etiket ekler. WordPress Tema Özelleştirici'de ayarlayabileceğiniz sitenin logosunu kullanır.

Eklentinin yalnızca gönderilerin AMP sürümlerine dönüştürülmesini desteklediğini unutmamak önemlidir. ¹ Kasım 2016 tarihinde erişilen eklentinin açıklamasına göre, WordPress sayfalarının AMP sürümü için destek geliştirme ve yakında altındadır.

AMP Performans Etkisini Ölçme

Sayfanın AMP sürümünün performans etkisini Pingdom'da ölçmeye karar verdik. Sonuçlar çarpıcı biçimde farklıydı. WordPress kurulumumuzun, önbelleğe alma veya optimizasyon eklentisi yüklü olmayan varsayılan Yirmi On Dört temasını kullanan paylaşılan bir barındırma ortamında olduğunu unutmayın.

Aşağıdaki ekran görüntüsü, sayfanın temel sürümünün performans karşılaştırmasını gösterir:

Ve bu, sayfanın AMP sürümünün sonucudur:

Sonuçlar çarpıcı biçimde ayrıdır.

Bileşenlerin her biri muazzam bir gelişme yaşadı:

• Sayfa boyutu %70 azaldı
• Yükleme süresi %35 azaltılarak 900 milisaniyenin altına düşürüldü
• İstek sayısı neredeyse %60 oranında 17'den 7'ye düşürüldü!

Tüm bunlar, sayfanın içeriğini korurken AMP tarafından sağlandı. Aşağıdaki tablo, referans olması için testin ayrıntılarını içermektedir:

faktör	Normal	AMP	Gelişme
Sayfa Boyutu (KB)	563.8	167	%70
Yükleme Süresi (sn)	1.42	0.929	%35
İstek Sayısı	17	7	%59

Bu sayılara bakıldığında, AMP almanın hiç de akıllıca olmadığı açıktır. Sadece SEO puanlarınızı iyileştirmeye yardımcı olmakla kalmaz, aynı zamanda güzel, düzenli bir kullanıcı deneyimi sağlar.

Ayrıca sayfanın AMP sürümüne izleme mekanizmalarını da dahil edebilirsiniz. Bunu aşağıdaki bölümde ele alacağız.

AMP'nin Yeteneklerini Genişletme

İçeriğinizi okuyucular için optimize etmek iyi bir uygulama olsa da marka tutarlılığını korumak da önemlidir. Bu, mevcut içeriğinizin AMP sürümlerinin bile markanızın renk şemasına, yazı tiplerine ve genel kullanıcı arayüzüne uyması gerektiği anlamına gelir.

AMP WordPress eklentisi, bu tür değişiklikleri yapma seçeneklerine sahip değildir. Amacı, mevcut WordPress içeriğinizin tamamını AMP ile uyumlu hale getirmenin hızlı ve kolay bir yolunu sağlamaktı – oldukça iyi bir iş.

AMP for WP – Accelerated Mobile Pages eklentisine girin.

Bu ücretsiz eklenti, aşağıdakiler gibi ek işlevler sunarak WordPress'teki AMP'nin yeteneklerini genişletir:

• Google Analytics entegrasyonu
• AMP WooCommerce Sayfaları için Destek
• İlgili Yazılar Yazının Altında
• Son Yorumlar listesi
• Özel logo yükleme
• Sosyal paylaşım çubuğu
• YouTube, Instagram, Twitter, Vine vb. içerik platformlarından videolar ve içerikler dahil olmak üzere zengin içeriği yerleştirme desteği.

Ön koşul olarak, eklentinin düzgün çalışması için AMP eklentisini kurmanızı ve etkinleştirmenizi gerektirir. Her zamanki gibi, bu eklentiyi, bu yazının başında AMP eklentisini kurma şeklimize benzer şekilde yükleyebilirsiniz.

Etkinleştirildiğinde, eklentinin sunduğu çeşitli seçenekleri yapılandırmaya hazırsınız. Ayarlara erişmek için WordPress Kontrol Paneli > AMP'ye gidin .

Eklentinin sunduğu birçok ayardan şunları denedik:

• Yorumları Açma
• İlgili Yazıları Ekleme
• Sonraki/Önceki gönderilere Gezinme Ekleme

Değişiklikleri kaydettikten sonra AMP sürümünün nasıl göründüğüne dair bir ekran görüntüsü:

Ve işte performans:

İşte karşılaştırma için vanilya AMP sayfasının ekran görüntüsü:

Yükleme süresi daha da %7,4 oranında azaldı. Sayfa boyutu ve istek sayısının biraz artmasına rağmen, genel Performans Derecesinde (3 puanlık artış) bir iyileşme olduğunu belirtmek ilginçtir.

Sonuç olarak, AMP'yi daha fazla zorlamak ve içeriğinizin, reklamlarınızın ve analizlerinizin platformla iyi çalışmasını sağlamak konusunda ciddiyseniz, bu eklenti mükemmeldir.

Çözüm

Son birkaç yılda cep telefonu kullanımının inanılmaz büyümesi göz önüne alındığında, artık çevrimiçi işletmelerin önce mobili kullanması bir seçenek değil . Bu mutlak bir zorunluluktur . Hızlandırılmış Mobil Sayfalar projesi bu amaca yönelik iddialı bir çabadır ve giderek daha fazla medya kuruluşu bunu hızla adapte etmektedir.

Yeni blogların AMP'yi dahil etmesi daha kolay olsa da, binlerce sayfalık içeriğe sahip bloglar bunu özellikle zorlayıcı bulabilir. Nedeni basit – çevrimiçi yayınlarken herkes uygun standartları izlemez. Organizasyonlar gelişir. Beş yıl önce “sıcak” olan web teknolojileri bile bugün modası geçmiş durumda. AMP, mevcut web teknolojilerini geliştirmek için elinden gelenin en iyisini yapmaya çalışsa da, bazı uyumsuzlukların/hataların olduğu birden çok durum olabilir. Ve bu hatalar SEO puanlarınızı olumsuz etkileyebilir.

İdeal olarak, işletmeler gelen trafik kaynaklarını ölçmelidir – bunun yüzde kaçı bir mobil cihazdan geliyor? Bunların kaçı mobil aramadan geliyor? Mobil ziyaretçilerin hemen çıkma oranı nedir? AMP'yi düşünmeden önce sormanız gereken sorular bunlar.

Web sitenizin içeriğinin teknik olarak en son standartlara göre yapılandırıldığından eminseniz, o zaman elbette – AMP ile devam edin! Sadece SEO'nuzu artıracaksınız.

Ancak, birçok dahili yanlış yapılandırma, bozuk bağlantı ve hata olduğunu biliyorsanız, AMP ile devam etmeden önce bu sorunları ele almak (ve muhtemelen çözmek) en iyisi olacaktır.

AMP ile ilgili düşünceleriniz nelerdir? İçeriği tüketmek için kullanıyor musunuz? Web sitenizde uyguladınız mı? Sizden haber almak isteriz!