WordPress sitenizde Google AMP’yi hızlı bir şekilde hazırlayın
WordPress siteniz Google’ın Hızlandırılmış Mobil Sayfaları’nı (AMP) kullanmalı mı? Bu karmaşık cevaplarla basit bir soru. 2015 yılında duyurulduğunda Google, AMP projelerini hücresel sayfa performansını ve mobil cihazlardaki kullanıcılar için deneyimi iyileştirmenin bir yolu olarak toplar. Automattic, aynı yıl Ekim ayında AMP’yi destekleyeceklerini açıkladı. AMP eklentisi, WordPress sitenize AMP desteği eklemenizi sağlayan WordPress eklentisi deposunda hemen kullanılabilir. Orijinal eklenti oldukça basit bir konudur, ancak yıllardır önemli bir gelişme gerçekleşmiştir.
Bu makalede, AMP’nin nasıl çalıştığını, resmi ve alternatif AMP eklentisinin nasıl kullanılacağını ve son olarak WP boşaltma ortamı olan tüm kullanıcılar için sitenizin hızını artırma yöntemini ve AMP kullanmadan spinUPWP’yi tartışacağız.
AMP nedir?
Amp ve wordpress
AMP eklentisini yükleyin ve kullanın
Amp daha hızlı mı?
Amp ve wordpress teması
Resmi AMP eklentisi için alternatif
WP boşaltma medyası ve spinupwp ile hızı artırın
Paketlemek
AMP nedir? AMP sayfası, gibi özel AMP meslektaşlarıyla değiştirilen birkaç etiket içeren standart HTML’nin bir alt kümesi olan AMP HTML kullanılarak yapılması gereken sıradan bir site sayfasının özel bir sürümüdür. Google ayrıca AMP sayfasının sayfanızı optimize eden JS AMP kitaplıklarını eklemesini gerektirir.
AMP sayfasını kullanmanın bir nedeni, sayfanın hücresel kullanıcılar için daha hızlı yükleneceği fikridir. Bu hala geçerli olsa da, başka bir ana neden Google’ın Güney Kore’deki AMP tabanlı sayfaya özel tedavi vermesidir. Google, sayfaların hızlı bir şekilde yükleneceğinin ve iyi kullanıcı deneyimi sağlayacağının bir işareti olarak performans, yanıt verme ve görsel çekirdek web hayati istikrarına güvenmek yerine bu uygulamayı Haziran 2021’de durduracaklarını açıkladı. AMP başlangıçtan itibaren tartışmalarla boğuldu. Google tarafından geliştirilen standartlar hakkında yapılan eleştiriler arasında “Web yönteminin oluşturulması kötü”, “kullanıcıların Google alanında kalmasını ve diğer web sitelerinden trafiği yönlendirmesini” ve “Google’ın web sitesini zorladığını içeriyor. .. bir sürüm oluşturmak için makaleleri “. Google’ın hükümet modellerini açma adımları bile eleştiriyi susturamadı.
Son zamanlarda Google, AMP “iyi karşılaştırmalı iyileştirme sayfası” sağlamak için amp olmayan sayfaları yükleme hızını artırmakla suçlandı. Suçlama, Google’a 16 ABD eyaleti ve Porto Riko tarafından açılan bir antimonopol davasından kaynaklandı. Tartışmanın yanı sıra, AMP sayfası hızlı bir şekilde yüklenme eğilimindedir. Daniel Smullen’in Mediahuis IRL’den Theeland ile arama yapmak için söylediği gibi, “Google, AMP’nin amp ile karşılaştırılmasını yapay olarak vuruyor, AMP önbelleğinin hızının artmasının etkisi bir hile değil.” AMP ve WordPress Automattic, ünlü WordPress Ajansı XWP ve Google, 2017’den bu yana resmi AMP eklentisinin geliştirilmesinde yer aldı. Eklentinin 1.0 sürümü 2018’de WordCamp Us’ta resmi olarak piyasaya sürüldü. Sürümün en önemli özelliklerinden biri tüm çekirdek blokların AMP’sinin uyumluluğunu sağlamak için Editör Yeni Blok (Gutenberg) ile entegrasyondur. Geliştiriciye göre, geliştirme sürüm 2.0’ın ana odağı kullanıcı arayüzünü artırmaktır. Mevcut sürüm olan 2.2.0, Aralık 2021’de piyasaya sürüldü ve tarama ekranında ve oryantasyon sihirbazında değişiklikler içeriyordu. AMP WordPress eklentisi için bugün birçok katkıda bulunanlar artık Google’da çalışıyor veya bunu yapmak için sponsorlu:
Alberto Medine – Google’daki Web İçeriği Ekosistem Ekibi’ndeki geliştiricilerin savunucuları.
Weston Ruter – Şimdi Google’da olan XWP’de AMP’nin geliştirilmesine liderlik ediyor.
Ünlü bir WordPress katkıda bulunan Pascal Birchler ve çevirmen şimdi Google’da.
WP-Chli’nin ana geliştiricisi olan ünlü bir WordPress katkısı olan Alain Schlessser, XWP’de ve Google ekibiyle AMP WordPress eklentisinde çalışıyor.
AMP eklentisini yükleme ve kullanma Eklentisi ilk yayınlandığında, AMP WordPress sayfası genellikle aynı sayfanın amp’li sürümünden çok farklı görünür. Bunun için özel CSS’nin AMP sayfasına dahil olmaması da dahil olmak üzere birkaç neden vardır. Aşağıdaki resimde görebileceğiniz fark, 2016’da AMP’yi ilk gördüğümüzden itibaren. Orijinal gönderi solda ve sağdaki AMP sürümü: AMP sürümü orijinal yazı gibi görünmüyor! Ancak, tam olarak o dönemdeki diğer tüm amp sayfalarına benziyor. O zaman eklentinin çıktı ekranını ayarlamak için varsayılan bir seçeneği yoktu. AMP sayfasını bir site ekranla ayarlamak, kodun derin bir şekilde anlaşılmasını gerektirir. AMP ile uyumlu bir tema kullandığınız sürece bu artık bir sorun gibi görünmüyor. Test için kullandığım WordPress sitesini açtım, yirmi yirmi bir tema temasını içerdim ve resmi AMP eklentisini etkinleştirdim. Yazma sırasında en son sürüm olan 2.2.0 sürümünü kullanıyorum. Bir kez daha, orijinal gönderi solda ve sağdaki AMP versiyonu:
Mucizeler mucizeleri, tamamen aynı görünüyorlar! AMP yirmi yirmi bir temayı çok iyi destekler. AMP’nin bir sonraki bölümdeki diğer popüler temaları ne kadar iyi desteklediğini göreceğiz. AMP eklentisini wordpress.org depolarından elde edilen diğer eklentilerle aynı şekilde yükleyebilirsiniz. Sadece arama çubuğunuza “amp” yazın ve gördüğünüz ilk şey bu olacak: Ayrıca WP için AMP olan resmi AMP eklentisinden bir alternatif de görebilirsiniz. Bunu aşağıdaki ayrı bölümde tartışacağız. AMP eklentisini diğer eklentiler gibi yükler ve etkinleştirirsiniz. Ancak, AMP eklentisi Sürüm 2.0’a Oryantasyon Sihirbazı’nı ekledi ve kontrol etmek istiyorum. Bana kısa bir mesaj gösteren sihirbazı açmaya tıklıyorum. İleri tıklayıp bir sonraki bölüme geçiyorum. Sihirbaz yönelimi size “teknik olarak anlamamak” için “geliştirici veya teknik anlayış” ve daha basit ayarlar seçeneği sunar. Tek fark, eklenti tarafından önerilen modda. Devam ediyorum ve geliştiricileri seçiyorum veya teknik olarak anlayan. Tekrar tıkladıktan sonra Sihirbaz, uyumlu olmayan temaları ve eklentileri kontrol etmek için WordPress sitemi taramaya başladı. Bir sorun bulamadı. Aslında, süreç çok hızlıdır, böylece göz kırparsam onu özleyeceğim. Kullandığım test sitesi oldukça şık, bu yüzden çok fazla eklentiniz varsa daha uzun sürebilir. Ayrıca resmi AMP eklentisinin yalnızca temayı ve aktif eklentiyi taradığını hatırlamanız gerekir. Temayı değiştirirseniz veya sitenize yeni bir eklenti eklerseniz tekrar çalıştırmanız gerekir. Şimdi Oryantasyon Sihirbazı bize üç temel seçenek sunuyor: Standart: Bu ayar, her gönderi ve sayfanın AMP olarak oluşturulacağı anlamına gelir. Yine de belirli site parçaları için AMP’den üretebilirsiniz, ancak içeriğinizin amp’li sürümü mevcut olmayacaktır. Sitenizin bu seçeneği seçmeden önce AMP ile uyumlu temaları ve eklentileri kullandığından emin olun. AMP ile uyumlu bir temanız varsa ve sorunlara neden olan etkin bir eklenti yoksa eklentiler genellikle bu seçeneği önerir. Geçiş: Bu, sitenizi AMP ve AMP olmayan sürümüne verir, her ikisi de aynı temayı kullanır. WordPress siteniz AMP ile tam olarak uyumlu olmayan bir tema kullanıyorsa, bu modu kullanabilirsiniz, ancak iki sürüm arasındaki farkla ilgili bir sorununuz yoktur. Mobil cihazlardaki kullanıcılar AMP sürümü tarafından sunulurken, sitenize masaüstünden erişenler, Amp olmayan sürümü görür. Okuyucu: Sitenizin amfi ve amp olmayan sürümünü bu seçim ile kullanır, ancak her sürüm kullanır temanın kendisi. Bu ayar, AMP ile önemli uyumsuzluğa sahip bir tema kullandığınız zaman içindir. Dokümantasyon AMP, “teknik olarak anlamayan veya sadece uyumsuzlukla uğraşmak istemeyenler” için bu ayarı önerir. Test sitesinin uyumlu bir teması ve eklentisi vardır, ancak AMP ve AMP olmayan sürüm olarak sunulduğunda sayfanın nasıl görüleceğini test etmek istiyorum. Geçiş seçtim ve İleri’yi tıkladım. Bu bizi seçimlerimizi gözden geçirebileceğimiz sayfaya götürür.
Her şey iyi görünüyor, bu yüzden devam ediyorum ve bitiriyorum, bizi ayarlar sayfasına götürüyorum.Bu noktada, Gözat Sitesine tıklayabilir ve sitenizin görünümünü etkinleştirilmiş eklentilerle görebilirsiniz. Buradan sihirbazı yeniden açabilir veya doğrudan “standart”, “okuyucular” ve “geçiş” modları arasında geçiş yapabilirsiniz.Faturalandırma, aşağıda görebileceğiniz AMP eklentisinin diğer ayarlarını görüntüler.Bunu bir sonraki tartışacağız. Desteklenen Şablonlar: Bu, yayınlar, sayfalar ve medya dahil olmak üzere AMP için hangi tür içeriğin etkinleştirildiğini seçmenizi sağlar. Ayrıca tüm şablonları AMP olarak yayınlamanıza izin veren bir anahtar düğmesi de vardır. Bu varsayılan olarak seçilir. Eklenti Bastırma: Bu ayarları kullanarak, hangi eklentilerin AMP doğrulama hatasına neden olduğunu görebilir ve aktiften baskılamaya yönlendirebilirsiniz. Eklentiye basmak, sitenizin diğer bölümlerinde aktif bırakırken amp sayfanızda yürümesini önler. Analytics: Bu ayar analitik yapılandırmaları kontrol eder, AMP sayfanız için analitik yakalamanızı sağlar. Her yapılandırma, JSON nesneleri biçimindedir ve herhangi bir yapılandırmanın çalışabilmesi için Google Analytics’i sitenizde hazırlamanız gerekir. Bu ortamda herhangi bir değişiklik yapmadan önce amp-analitik ve analitik belgelerinin belgelerini okumanızı öneririz. Eşleştirilmiş URL yapısı: Bu ayar yalnızca geçiş modları ve okuyucular için geçerlidir. Standart mod yalnızca AMP sayfasını gösterir, bu nedenle montaj URL’sine gerek yoktur. Geçiş modunda ve okuyucularda, Canonic URL’si hala amp’dir, AMP sürümünde özel bir URL AMP’si vardır. Montaj URL yapısının değiştirilmesi, site yeniden inekte edilene kadar 404 saniye üretebilir. AMP, farklı yapılara sahip diğer AMP eklentilerinden geçmediğiniz sürece sadece bu ayarın izin verilmesini önerir. Montaj URL’leri için önceki bağlantıda gösterilen örnekler ile dört farklı yapı vardır. Başka: Bu düzenleme, hepsi varsayılan olarak etkinleştirilen üç anahtardan oluşur. Birincisi, hücresel transferi devre dışı bırakmanızı sağlar. Etkinleştirilmesine izin vermek, hücresel ziyaretçilerin sayfanızın AMP sürümünü görmesini sağlar. İkinci anahtar, AMP geliştiricisinin yayınları düzenlerken ve siteyi görüntülerken doğrulama hatalarını getirmesine izin verir. Eklenti kurulumunu birkaç noktada kaldırırsanız eklenti verilerinin silinmeyeceğini belirlemek için üçüncü ve son anahtar. Amp daha hızlı mı? Daha önce de belirttiğim gibi, AMP eklentisi, yirmi yirmi bir gibi WordPress’i destekleyen temalar için AMP kullandığınız sürece, Amp olmayan meslektaşlarıyla eşanlamlı görünen bir sayfa üretiyor. Daha sonra birkaç tema göreceğiz. Şimdilik, birkaç hız testi yapmak ve AMP’nin sözünü yerine getirip getirmediğini görmek istiyorum. Görsel olarak her ikisi de aynıdır, ancak gerçek test AMP sürümünün gerçekten daha hızlı yüklü olup olmadığıdır. Örnek yayınım başlayacak kadar hafif, sadece bir küçük görüntü dosyası ve küçük bir metin. Ne olursa olsun oldukça hızlı bir şekilde yüklenebilir. AMP’ye biraz daha zorluklar vermek için, bir resim bloğu ve galeri bloğu ile yeni bir yazı yaptım ve doldurmak için bazı resimler çektim. Bu, hızlı yükleme için görüntünüzü optimize etmek için en iyi uygulamadır, ancak umrumda değil. AMP sayfası için her şeyi çok kolay hale getirmenin herhangi bir faydası görmüyorum.
AMP eklentisini yükledim, bu yüzden yaptığım ilk şey galeri gönderimin temel yükleme hızını belirlemek için devre dışı bırakmaktı. Ardından, Firefox’taki geliştirici aracını açtım ve sayfayı birkaç kez yenilerken ağ sekmesini gördüm. AMP SONRA BÖLÜM BOYUTU: 908.54 KB Aktarılan: 637.80 KB Tamamlandı: 1.78 saniye DOMCONCOLDUTED: 549 MS yük: 1.45 MB AMP AMP AMP aktarım: 1.05 MB: 1.58 MB tamamlandı: 1.58 saniye DompVentiped: 423 ms yük: Biraz daha büyük olmasına rağmen, amp olmayan bir sayfadan biraz daha hızlı. AMP ve WordPress temalarımız, resmi AMP eklentisinin, WordPress yirmi bir yirmi bir varsayılan temayı veya AMP’yi destekleyen diğer temaları kullandığınız sürece, Amp olmayan sayfalarla eşanlamlı bir sayfa sunduğunu belirlemiştir. Aynı şeyin diğer temalar için de geçerli olup olmadığını bilmek istiyorum. Her ikisi de resmi AMP eklentisi ile uyumlu olarak kaydedilen popüler tema Astra ve Oceanwp ile test etmeye karar verdim. Ayrıca eklentiyi, WordPress için AMP ekosisteminin bir parçası olarak kaydedilmemiş popüler bir tema olan Storefront ile test etmek istiyorum. Sonuçları aşağıda görebilirsiniz. Her durumda, orijinal sürüm solda, AMP sayfası sürümü sağda. Astra’da: Oceanwp’de: Mağaza temaları ve güncellenmiş sayfalar içerdim. Astra ve OceanWP’den farklı olarak, mağaza, uyumlu bir temanın AMP ekosisteminin bir parçası olarak kayıtlı değildir. Ancak, yazı oldukça aynı görünüyor. Ancak, önceki testlerimizden farklı olarak, AMP eklentisi bana çatışmayı anlattı.
“Teknik detayları gör” ü tıklıyorum ve bana sorunu gösteriyor.Vitrin temaları birkaç özel JavaScript’te yayınlanmıştır.AMP yalnızca eklenti tarafından otomatik olarak eklenen AMP bileşenini yüklemek için kullanılırsa sağlar.Bu eklenti, tema tarafından yayınlanan etiketini silme ve sayfayı AMP olarak görüntüleme veya Silini Sil ve Amp olmayan bir sayfa olarak yayınlama seçeneği sunar.Onları rahatsız etmek, JavaScript temalarının ne yaptığına dair dikkatli bir şekilde değerlendirilmeyi ve farkındalığı gerektirir.Örneğin, temanız navigasyon menüsüne güç vermek için özel JavaScript içeriyorsa, bunları kaldırmak, ön uç navigasyonunuzun hasar görmesine neden olabilir.Bu AMP yönü tema ile sınırlı değildir.Bu aynı zamanda formlar gibi JavaScript’e dayanan diğer bileşenlere de müdahale edebilir. Eklenti, AMP-Bind gibi bileşenleri ve işlevleri kullanmamı tavsiye etti (ONCLICK gibi JS olaylarının kontrol edilmesinin özelliklerinin aksine). AMP komut dosyasına yüklenirse bazı özel JS eklenebilir. Bu bileşen, AMP’yi destekleyen sayfalara özel etiketler eklemenizi sağlar. AMP-Bağ bileşeni, WordPress sitenizdeki kullanıcılar tarafından alınan verilerdeki değişikliklere veya eylemlere bir yanıt görevi görür. AMP-motor bileşeni, web çalışanında özel JavaScript çalıştırmak için kullanılır. Bazı sınırların hala hangi komut dosyalarını bu şekilde çalıştırabileceğiniz için geçerli olabileceğini unutmayın. Bu, AMP’nin hızını korumasını sağlar. Daha önce de belirttiğimiz gibi resmi AMP eklentisi için alternatif olan WordPress.org’un deposu, resmi AMP eklentisi WP için AMP için bir alternatif içerir. Son zamanlarda eklenen özelliklerden biri, AMP sayfanızdan kullanılmayan tüm CSS’yi otomatik olarak silen CSS’nin (AKA Tree Swing) optimizasyonudur. Ayrıca özel yazı türleri için destek sunar. Google Adsense, iletişim formları ve WooCommerce ve diğer e-Niaga eklentileri için destek sunanlar da dahil olmak üzere WP için AMP için birçok uzantısı vardır. Resmi eklentiye kıyasla nasıl çalıştığını görmek istiyorum, bu yüzden ilk adım şu anda sitemde sahip olduğum AMP eklentisini devre dışı bırakmak. Bir sonraki adım, eklentiyi kurmak ve etkinleştirmektir. Aktivasyondan sonra, WP için AMP hazırlamaya devam etmek için iki seçenek sunar: temel ve gelişmiş.
Bu makalede, AMP’nin nasıl çalıştığını, resmi ve alternatif AMP eklentisinin nasıl kullanılacağını ve son olarak WP boşaltma ortamı olan tüm kullanıcılar için sitenizin hızını artırma yöntemini ve AMP kullanmadan spinUPWP’yi tartışacağız.
AMP nedir?
Amp ve wordpress
AMP eklentisini yükleyin ve kullanın
Amp daha hızlı mı?
Amp ve wordpress teması
Resmi AMP eklentisi için alternatif
WP boşaltma medyası ve spinupwp ile hızı artırın
Paketlemek
AMP nedir? AMP sayfası, gibi özel AMP meslektaşlarıyla değiştirilen birkaç etiket içeren standart HTML’nin bir alt kümesi olan AMP HTML kullanılarak yapılması gereken sıradan bir site sayfasının özel bir sürümüdür. Google ayrıca AMP sayfasının sayfanızı optimize eden JS AMP kitaplıklarını eklemesini gerektirir.
AMP sayfasını kullanmanın bir nedeni, sayfanın hücresel kullanıcılar için daha hızlı yükleneceği fikridir. Bu hala geçerli olsa da, başka bir ana neden Google’ın Güney Kore’deki AMP tabanlı sayfaya özel tedavi vermesidir. Google, sayfaların hızlı bir şekilde yükleneceğinin ve iyi kullanıcı deneyimi sağlayacağının bir işareti olarak performans, yanıt verme ve görsel çekirdek web hayati istikrarına güvenmek yerine bu uygulamayı Haziran 2021’de durduracaklarını açıkladı. AMP başlangıçtan itibaren tartışmalarla boğuldu. Google tarafından geliştirilen standartlar hakkında yapılan eleştiriler arasında “Web yönteminin oluşturulması kötü”, “kullanıcıların Google alanında kalmasını ve diğer web sitelerinden trafiği yönlendirmesini” ve “Google’ın web sitesini zorladığını içeriyor. .. bir sürüm oluşturmak için makaleleri “. Google’ın hükümet modellerini açma adımları bile eleştiriyi susturamadı.
Son zamanlarda Google, AMP “iyi karşılaştırmalı iyileştirme sayfası” sağlamak için amp olmayan sayfaları yükleme hızını artırmakla suçlandı. Suçlama, Google’a 16 ABD eyaleti ve Porto Riko tarafından açılan bir antimonopol davasından kaynaklandı. Tartışmanın yanı sıra, AMP sayfası hızlı bir şekilde yüklenme eğilimindedir. Daniel Smullen’in Mediahuis IRL’den Theeland ile arama yapmak için söylediği gibi, “Google, AMP’nin amp ile karşılaştırılmasını yapay olarak vuruyor, AMP önbelleğinin hızının artmasının etkisi bir hile değil.” AMP ve WordPress Automattic, ünlü WordPress Ajansı XWP ve Google, 2017’den bu yana resmi AMP eklentisinin geliştirilmesinde yer aldı. Eklentinin 1.0 sürümü 2018’de WordCamp Us’ta resmi olarak piyasaya sürüldü. Sürümün en önemli özelliklerinden biri tüm çekirdek blokların AMP’sinin uyumluluğunu sağlamak için Editör Yeni Blok (Gutenberg) ile entegrasyondur. Geliştiriciye göre, geliştirme sürüm 2.0’ın ana odağı kullanıcı arayüzünü artırmaktır. Mevcut sürüm olan 2.2.0, Aralık 2021’de piyasaya sürüldü ve tarama ekranında ve oryantasyon sihirbazında değişiklikler içeriyordu. AMP WordPress eklentisi için bugün birçok katkıda bulunanlar artık Google’da çalışıyor veya bunu yapmak için sponsorlu:
Alberto Medine – Google’daki Web İçeriği Ekosistem Ekibi’ndeki geliştiricilerin savunucuları.
Weston Ruter – Şimdi Google’da olan XWP’de AMP’nin geliştirilmesine liderlik ediyor.
Ünlü bir WordPress katkıda bulunan Pascal Birchler ve çevirmen şimdi Google’da.
WP-Chli’nin ana geliştiricisi olan ünlü bir WordPress katkısı olan Alain Schlessser, XWP’de ve Google ekibiyle AMP WordPress eklentisinde çalışıyor.
AMP eklentisini yükleme ve kullanma Eklentisi ilk yayınlandığında, AMP WordPress sayfası genellikle aynı sayfanın amp’li sürümünden çok farklı görünür. Bunun için özel CSS’nin AMP sayfasına dahil olmaması da dahil olmak üzere birkaç neden vardır. Aşağıdaki resimde görebileceğiniz fark, 2016’da AMP’yi ilk gördüğümüzden itibaren. Orijinal gönderi solda ve sağdaki AMP sürümü: AMP sürümü orijinal yazı gibi görünmüyor! Ancak, tam olarak o dönemdeki diğer tüm amp sayfalarına benziyor. O zaman eklentinin çıktı ekranını ayarlamak için varsayılan bir seçeneği yoktu. AMP sayfasını bir site ekranla ayarlamak, kodun derin bir şekilde anlaşılmasını gerektirir. AMP ile uyumlu bir tema kullandığınız sürece bu artık bir sorun gibi görünmüyor. Test için kullandığım WordPress sitesini açtım, yirmi yirmi bir tema temasını içerdim ve resmi AMP eklentisini etkinleştirdim. Yazma sırasında en son sürüm olan 2.2.0 sürümünü kullanıyorum. Bir kez daha, orijinal gönderi solda ve sağdaki AMP versiyonu:
Mucizeler mucizeleri, tamamen aynı görünüyorlar! AMP yirmi yirmi bir temayı çok iyi destekler. AMP’nin bir sonraki bölümdeki diğer popüler temaları ne kadar iyi desteklediğini göreceğiz. AMP eklentisini wordpress.org depolarından elde edilen diğer eklentilerle aynı şekilde yükleyebilirsiniz. Sadece arama çubuğunuza “amp” yazın ve gördüğünüz ilk şey bu olacak: Ayrıca WP için AMP olan resmi AMP eklentisinden bir alternatif de görebilirsiniz. Bunu aşağıdaki ayrı bölümde tartışacağız. AMP eklentisini diğer eklentiler gibi yükler ve etkinleştirirsiniz. Ancak, AMP eklentisi Sürüm 2.0’a Oryantasyon Sihirbazı’nı ekledi ve kontrol etmek istiyorum. Bana kısa bir mesaj gösteren sihirbazı açmaya tıklıyorum. İleri tıklayıp bir sonraki bölüme geçiyorum. Sihirbaz yönelimi size “teknik olarak anlamamak” için “geliştirici veya teknik anlayış” ve daha basit ayarlar seçeneği sunar. Tek fark, eklenti tarafından önerilen modda. Devam ediyorum ve geliştiricileri seçiyorum veya teknik olarak anlayan. Tekrar tıkladıktan sonra Sihirbaz, uyumlu olmayan temaları ve eklentileri kontrol etmek için WordPress sitemi taramaya başladı. Bir sorun bulamadı. Aslında, süreç çok hızlıdır, böylece göz kırparsam onu özleyeceğim. Kullandığım test sitesi oldukça şık, bu yüzden çok fazla eklentiniz varsa daha uzun sürebilir. Ayrıca resmi AMP eklentisinin yalnızca temayı ve aktif eklentiyi taradığını hatırlamanız gerekir. Temayı değiştirirseniz veya sitenize yeni bir eklenti eklerseniz tekrar çalıştırmanız gerekir. Şimdi Oryantasyon Sihirbazı bize üç temel seçenek sunuyor: Standart: Bu ayar, her gönderi ve sayfanın AMP olarak oluşturulacağı anlamına gelir. Yine de belirli site parçaları için AMP’den üretebilirsiniz, ancak içeriğinizin amp’li sürümü mevcut olmayacaktır. Sitenizin bu seçeneği seçmeden önce AMP ile uyumlu temaları ve eklentileri kullandığından emin olun. AMP ile uyumlu bir temanız varsa ve sorunlara neden olan etkin bir eklenti yoksa eklentiler genellikle bu seçeneği önerir. Geçiş: Bu, sitenizi AMP ve AMP olmayan sürümüne verir, her ikisi de aynı temayı kullanır. WordPress siteniz AMP ile tam olarak uyumlu olmayan bir tema kullanıyorsa, bu modu kullanabilirsiniz, ancak iki sürüm arasındaki farkla ilgili bir sorununuz yoktur. Mobil cihazlardaki kullanıcılar AMP sürümü tarafından sunulurken, sitenize masaüstünden erişenler, Amp olmayan sürümü görür. Okuyucu: Sitenizin amfi ve amp olmayan sürümünü bu seçim ile kullanır, ancak her sürüm kullanır temanın kendisi. Bu ayar, AMP ile önemli uyumsuzluğa sahip bir tema kullandığınız zaman içindir. Dokümantasyon AMP, “teknik olarak anlamayan veya sadece uyumsuzlukla uğraşmak istemeyenler” için bu ayarı önerir. Test sitesinin uyumlu bir teması ve eklentisi vardır, ancak AMP ve AMP olmayan sürüm olarak sunulduğunda sayfanın nasıl görüleceğini test etmek istiyorum. Geçiş seçtim ve İleri’yi tıkladım. Bu bizi seçimlerimizi gözden geçirebileceğimiz sayfaya götürür.
Her şey iyi görünüyor, bu yüzden devam ediyorum ve bitiriyorum, bizi ayarlar sayfasına götürüyorum.Bu noktada, Gözat Sitesine tıklayabilir ve sitenizin görünümünü etkinleştirilmiş eklentilerle görebilirsiniz. Buradan sihirbazı yeniden açabilir veya doğrudan “standart”, “okuyucular” ve “geçiş” modları arasında geçiş yapabilirsiniz.Faturalandırma, aşağıda görebileceğiniz AMP eklentisinin diğer ayarlarını görüntüler.Bunu bir sonraki tartışacağız. Desteklenen Şablonlar: Bu, yayınlar, sayfalar ve medya dahil olmak üzere AMP için hangi tür içeriğin etkinleştirildiğini seçmenizi sağlar. Ayrıca tüm şablonları AMP olarak yayınlamanıza izin veren bir anahtar düğmesi de vardır. Bu varsayılan olarak seçilir. Eklenti Bastırma: Bu ayarları kullanarak, hangi eklentilerin AMP doğrulama hatasına neden olduğunu görebilir ve aktiften baskılamaya yönlendirebilirsiniz. Eklentiye basmak, sitenizin diğer bölümlerinde aktif bırakırken amp sayfanızda yürümesini önler. Analytics: Bu ayar analitik yapılandırmaları kontrol eder, AMP sayfanız için analitik yakalamanızı sağlar. Her yapılandırma, JSON nesneleri biçimindedir ve herhangi bir yapılandırmanın çalışabilmesi için Google Analytics’i sitenizde hazırlamanız gerekir. Bu ortamda herhangi bir değişiklik yapmadan önce amp-analitik ve analitik belgelerinin belgelerini okumanızı öneririz. Eşleştirilmiş URL yapısı: Bu ayar yalnızca geçiş modları ve okuyucular için geçerlidir. Standart mod yalnızca AMP sayfasını gösterir, bu nedenle montaj URL’sine gerek yoktur. Geçiş modunda ve okuyucularda, Canonic URL’si hala amp’dir, AMP sürümünde özel bir URL AMP’si vardır. Montaj URL yapısının değiştirilmesi, site yeniden inekte edilene kadar 404 saniye üretebilir. AMP, farklı yapılara sahip diğer AMP eklentilerinden geçmediğiniz sürece sadece bu ayarın izin verilmesini önerir. Montaj URL’leri için önceki bağlantıda gösterilen örnekler ile dört farklı yapı vardır. Başka: Bu düzenleme, hepsi varsayılan olarak etkinleştirilen üç anahtardan oluşur. Birincisi, hücresel transferi devre dışı bırakmanızı sağlar. Etkinleştirilmesine izin vermek, hücresel ziyaretçilerin sayfanızın AMP sürümünü görmesini sağlar. İkinci anahtar, AMP geliştiricisinin yayınları düzenlerken ve siteyi görüntülerken doğrulama hatalarını getirmesine izin verir. Eklenti kurulumunu birkaç noktada kaldırırsanız eklenti verilerinin silinmeyeceğini belirlemek için üçüncü ve son anahtar. Amp daha hızlı mı? Daha önce de belirttiğim gibi, AMP eklentisi, yirmi yirmi bir gibi WordPress’i destekleyen temalar için AMP kullandığınız sürece, Amp olmayan meslektaşlarıyla eşanlamlı görünen bir sayfa üretiyor. Daha sonra birkaç tema göreceğiz. Şimdilik, birkaç hız testi yapmak ve AMP’nin sözünü yerine getirip getirmediğini görmek istiyorum. Görsel olarak her ikisi de aynıdır, ancak gerçek test AMP sürümünün gerçekten daha hızlı yüklü olup olmadığıdır. Örnek yayınım başlayacak kadar hafif, sadece bir küçük görüntü dosyası ve küçük bir metin. Ne olursa olsun oldukça hızlı bir şekilde yüklenebilir. AMP’ye biraz daha zorluklar vermek için, bir resim bloğu ve galeri bloğu ile yeni bir yazı yaptım ve doldurmak için bazı resimler çektim. Bu, hızlı yükleme için görüntünüzü optimize etmek için en iyi uygulamadır, ancak umrumda değil. AMP sayfası için her şeyi çok kolay hale getirmenin herhangi bir faydası görmüyorum.
AMP eklentisini yükledim, bu yüzden yaptığım ilk şey galeri gönderimin temel yükleme hızını belirlemek için devre dışı bırakmaktı. Ardından, Firefox’taki geliştirici aracını açtım ve sayfayı birkaç kez yenilerken ağ sekmesini gördüm. AMP SONRA BÖLÜM BOYUTU: 908.54 KB Aktarılan: 637.80 KB Tamamlandı: 1.78 saniye DOMCONCOLDUTED: 549 MS yük: 1.45 MB AMP AMP AMP aktarım: 1.05 MB: 1.58 MB tamamlandı: 1.58 saniye DompVentiped: 423 ms yük: Biraz daha büyük olmasına rağmen, amp olmayan bir sayfadan biraz daha hızlı. AMP ve WordPress temalarımız, resmi AMP eklentisinin, WordPress yirmi bir yirmi bir varsayılan temayı veya AMP’yi destekleyen diğer temaları kullandığınız sürece, Amp olmayan sayfalarla eşanlamlı bir sayfa sunduğunu belirlemiştir. Aynı şeyin diğer temalar için de geçerli olup olmadığını bilmek istiyorum. Her ikisi de resmi AMP eklentisi ile uyumlu olarak kaydedilen popüler tema Astra ve Oceanwp ile test etmeye karar verdim. Ayrıca eklentiyi, WordPress için AMP ekosisteminin bir parçası olarak kaydedilmemiş popüler bir tema olan Storefront ile test etmek istiyorum. Sonuçları aşağıda görebilirsiniz. Her durumda, orijinal sürüm solda, AMP sayfası sürümü sağda. Astra’da: Oceanwp’de: Mağaza temaları ve güncellenmiş sayfalar içerdim. Astra ve OceanWP’den farklı olarak, mağaza, uyumlu bir temanın AMP ekosisteminin bir parçası olarak kayıtlı değildir. Ancak, yazı oldukça aynı görünüyor. Ancak, önceki testlerimizden farklı olarak, AMP eklentisi bana çatışmayı anlattı.
“Teknik detayları gör” ü tıklıyorum ve bana sorunu gösteriyor.Vitrin temaları birkaç özel JavaScript’te yayınlanmıştır.AMP yalnızca eklenti tarafından otomatik olarak eklenen AMP bileşenini yüklemek için kullanılırsa sağlar.Bu eklenti, tema tarafından yayınlanan etiketini silme ve sayfayı AMP olarak görüntüleme veya Silini Sil ve Amp olmayan bir sayfa olarak yayınlama seçeneği sunar.Onları rahatsız etmek, JavaScript temalarının ne yaptığına dair dikkatli bir şekilde değerlendirilmeyi ve farkındalığı gerektirir.Örneğin, temanız navigasyon menüsüne güç vermek için özel JavaScript içeriyorsa, bunları kaldırmak, ön uç navigasyonunuzun hasar görmesine neden olabilir.Bu AMP yönü tema ile sınırlı değildir.Bu aynı zamanda formlar gibi JavaScript’e dayanan diğer bileşenlere de müdahale edebilir. Eklenti, AMP-Bind gibi bileşenleri ve işlevleri kullanmamı tavsiye etti (ONCLICK gibi JS olaylarının kontrol edilmesinin özelliklerinin aksine). AMP komut dosyasına yüklenirse bazı özel JS eklenebilir. Bu bileşen, AMP’yi destekleyen sayfalara özel etiketler eklemenizi sağlar. AMP-Bağ bileşeni, WordPress sitenizdeki kullanıcılar tarafından alınan verilerdeki değişikliklere veya eylemlere bir yanıt görevi görür. AMP-motor bileşeni, web çalışanında özel JavaScript çalıştırmak için kullanılır. Bazı sınırların hala hangi komut dosyalarını bu şekilde çalıştırabileceğiniz için geçerli olabileceğini unutmayın. Bu, AMP’nin hızını korumasını sağlar. Daha önce de belirttiğimiz gibi resmi AMP eklentisi için alternatif olan WordPress.org’un deposu, resmi AMP eklentisi WP için AMP için bir alternatif içerir. Son zamanlarda eklenen özelliklerden biri, AMP sayfanızdan kullanılmayan tüm CSS’yi otomatik olarak silen CSS’nin (AKA Tree Swing) optimizasyonudur. Ayrıca özel yazı türleri için destek sunar. Google Adsense, iletişim formları ve WooCommerce ve diğer e-Niaga eklentileri için destek sunanlar da dahil olmak üzere WP için AMP için birçok uzantısı vardır. Resmi eklentiye kıyasla nasıl çalıştığını görmek istiyorum, bu yüzden ilk adım şu anda sitemde sahip olduğum AMP eklentisini devre dışı bırakmak. Bir sonraki adım, eklentiyi kurmak ve etkinleştirmektir. Aktivasyondan sonra, WP için AMP hazırlamaya devam etmek için iki seçenek sunar: temel ve gelişmiş.
Advance seçtikten sonra Ayarlar ekranına götürüldüm. Buradan, temel ayarlara geçmek de dahil olmak üzere WP için AMP seçeneğine erişebilirsiniz. İkisi arasındaki temel fark, Advance’nin daha fazla seçenek sunması gibi görünüyor. Advance, kurulum, ayarlar, tasarım ve uzantılara erişim sağlar. Kurulum ve uzantılara soyulmanın temeli. İkisi arasında istediğiniz zaman geçiş yapabilirsiniz. Hazırlık sekmesi, web sitesinin türünü değiştirmenize, sitenizin AMP gerektiren hangi kısmını seçmenize, tasarım seçeneklerini hazırlayan, analitik izleme yapılandırma ve GDPR ile ilgili gizlilik ayarlarını etkinleştirmenize olanak tanır. Bu sekme ayrıca reklam için hazırlık ve WP için AMP ile uyumlu üçüncü taraf eklenti listesinin hangi hazırlamasını da içerir. Ayarlar sekmesi, AMP sayfasını nasıl yayınladığınız hakkında birçok seçenek sunar. Açıkçası burada belirtilemeyecek kadar çok konuşuyor, ancak e-niaga, çeviri, analitik ve yapılandırılmış veriler de dahil olmak üzere çoğu durumu oldukça ayrıntılı bir seviyede kapsıyor gibi görünüyor. Tasarım sekmesi ile karşılaştırıldığında nispeten basittir. Bu size AMP ile uyumlu olan temayı gösterir ve bu eklenti aracılığıyla oluşturulan AMP sayfanızın tam görünümüne ve hissine erişmenizi sağlar. Son olarak, Uzantılar sekmesi, WP için AMP için mevcut olan premium uzantıların bir listesini gösterir.
Ayarlar ve Tasarım Sekmeleri’ne dayanarak, WP için AMP, AMP sayfanız üzerinde resmi eklentilerden daha iyi kontrol sağlar. AMP sitenizi ve sayfanızı her zaman ayarlayabilirsiniz, ancak resmi bir eklenti kullanıyorsanız ayarlama kodu keşfetmenizi gerektirebilir. WP için AMP, sıradan arka uç WordPress aracılığıyla benzer işlevler sunuyor gibi görünüyor. Temalar ve uzantılar için indirimler ve ücretsiz sürümde bulunmayan özellikler sunan WP Sürüm Pro için AMP. Tüm ayarları denemek yerine Basic’e geri dönmeye karar verdim. Sonra AMP’ye ihtiyacınız olan yere tıklıyorum? ve seçilen yayınlar. Örnek yayının AMP sayfası olarak sunulduğundan emin olmak istiyorum, bu yüzden AMP testini çalıştırıyorum. Her şey iyi çalışıyor gibi görünüyordu, bu yüzden eklentinin bir şey değiştirip değiştirmediğini görmek için Düzenleme Post ekranını açtım. İçerik tamamen aynı görünüyor, ancak aşağı kaydırma bazı değişiklikler ortaya çıkar. AMP sayfası oluşturucu, başlangıçtan bir AMP sayfası oluşturmanıza veya daha önce yapılmış olan düzeni kullanmanıza olanak tanır. AMP Özel Düzenleyicisi, genellikle AMP sayfasında kullanmanız gereken AMP ile uyumlu özel bir etiket değil, HTML kullanmanıza olanak tanır. Nasıl çalıştığını görmek istiyorum, bu yüzden birkaç etiket dahil bir dizi metin atıyorum ve bu içeriği AMP içeriği içeriği olarak kullanmayı kontrol ediyorum. Başarı! Eklediğim metin sayfaya dahil edildi ve kullandığım HTML etiketi metne uygulandı. Sonra hızlı bir hız testi yapıyorum. Yükleme hızı açısından, sonuçlar resmi eklentilerle bulunanlara benzer. AMP Olmayan Sürüm Boyutu sıkıştırılmamış: 908.54 KB Aktarılan: 637.80 KB Tamamlandı: 1.78 saniye DOMCIMENTENTLEDLED: 549 MS yük: 1.29 MB için 668 MDTK Amp, Transfer: 722.90 KB aktarılan Complete: 1, 21 saniye DOMConcatery: 1 : 503 ms WP boşaltma medyası ve spinupwp ile hızı artırın Son zamanlarda, bu soruyu başka bir soru sorarak cevaplayabilirsiniz: “Carousel Top Stories Google’da görünmek ister misiniz, değil mi?” Bugün cevaplamak çok daha zor. Test ettiğimiz iki AMP eklentisi yükleme hızını artırdı. Ancak, yükleme sürenizi artırmanın başka yolları da vardır. Bu, WP boşaltma medyası gibi eklentiler aracılığıyla medyanızı sökmeyi ve içerik dağıtım ağını (CDN) kullanmayı içerir. WP Boşaltma Ortamı, her sayfanın yükleme süresini hücresel olsun ya da olmamak üzere artırmaya yardımcı olur. Dokümantalarımızda WP boşaltma ortamının nasıl yönetileceğini tartışıyoruz, bu nedenle bilgiyi burada tekrarlamayacağız. Ayrıca Amazon S3, DigitalOcean Boşlukları ve Google Cloud depolama yönergeleri de dahil olmak üzere, azaltılmış medyayı işlemek için depolama alanını yapılandırma konusunda yönergelerimiz de var. Test sitem WP boşaltma ortamını yükledi ve yapılandırdı, ancak görüntünün CDN değil yerel site yolundan yayınlandığından emin olmak için AMP testini yapmadan önce devre dışı bıraktım. Yeniden etkinleştirdim ve iki AMP eklentisinin devre dışı bırakıldığından emin oldum, sonra Galeri Post’ta temel hız testini yaptım. WP boşaltma ortamı yükleme hızı sıkıştırılmamış: 1.10 MB Aktarılan: 907.77 KB Tamamlandı: 804 ms DOMConcentoaded: 490 ms yük: 659 ms sayfa yük. Öte yandan, WP boşaltma medyasını kullanmak, temanızla veya WordPress sitenizde sahip olduğunuz JavaScript öğesi ile çatışma konusunda endişelenmenize gerek olmadığı anlamına gelir. [Önbelleğe alma sayfası] (https://spinuppress-caching-all-need-to-to-to-to-to-ne- the-nown gibi medyanıza CDN aracılığıyla hizmet vermenin yanı sıra sayfanızın hızını artırmak için atabileceğiniz başka adımlar da var. /# Önbellek sayfası). Tek tıklamayla spinupWP sayfasını kullanarak yükleme hızını biraz artırıp artıramayacağımızı görmeye karar verdim. Spinupwp kontrol panelini girdim ve etkinleştirilmiş “sayfa önbelleği”. SpinupWP size önbellek süresini ve yollar hariç ayarlama olanağı sağlar. Bunu varsayılan olarak izin verdim ve test sitesinde diğer hız testlerini çalıştırdım. WP boşaltma ortamı ve spinupwp baskı baskılamamış boyut: 1.10 MB aktarıldı: 907.81 kb Tamamlandı: 605 mdtk DOMConcloaded: 376 ms yük: 494 ms Bu hız, AMP eklentisi ile elde ettiğimiz sonuçlarla karşılaştırılabilir, ancak bu avantajla temanızın ve eklentinizin uyumluluğu konusunda endişelenmenize gerek yok. Sarmak, AMP eklentilerinden birinin mobil cihazlarda kullanıcılarınıza hız artışı sağlayacağı görülüyor. WP boşaltma medyası size benzer bir cesaret verir, ancak masaüstü kullanıcılarınız için hızdaki bir artış da geçerlidir. SpinupWP sayfası önbelleğini kullanmak daha fazla hızı artırır. AMP kullanmanın ana sürücülerinden biri, sayfanızı Güney Kore Güney Kore’ye girmektir. Google temel web verilerinizi değerlendirmeye geçtiğinden motivasyon artık geçerli değil. Siteniz hızlı yükleme süresi sunduğu sürece, AMP kullanmak sizi engellememelidir. Düşük çekirdekli bir web hayati puanının arttırılması, zamanınızı amfi uygulamaktan daha iyi bir şekilde kullanacaktır. En iyi haber atlıkarıncasını kırmak isteyip istemediğiniz dışında, temel web verilerinizi artırmak daha iyi bir kullanıcı deneyimi sağlar. Öte yandan, AMP’den kaçınmanın ana nedenlerinden biri, AMP’nin sitenizdeki diğer sayfalardan çok farklı görünen sayfaları göstermesidir. Görünüşlerini değiştirmek için ayarlamaları keşfedebilseniz de, birçok kodlama içerir. Bu nedenle şu anda geçerli olmayabilir. Resmi AMP eklentisi, AMP ile uyumlu bir tema kullandığınız sürece, Amp olmayan sayfalarla eşanlamlı görünen bir sayfa üretiyor gibi görünüyor.
