WordPress’te Google AMP’yi başlatma [AMP sayfanızı buradan test edin!]
Bir WordPress geliştiricisi olarak, bir numaralı önceliğiniz müşterileriniz için ilginç ve güçlü bir web sitesi oluşturmaktır. Ancak, söylemek genellikle yapmaktan daha kolaydır. Konumda olağanüstü deneyimler üreten çeşitli değişkenleri anlıyorsunuz, ancak dış güç farklı yapılması için dikte ettiğinde ne yaparsınız? Örneğin hücresel deneyim kazanın. Beş ila on yıl önce, web sitesini “hücresel dostu” olarak tasarladınız. Daha sonra, birkaç yıl önce, duyarlı web tasarımı dijital manzarada gerçekten rekabet etmek isteyen herhangi bir web sitesi için önemli hale geldi. Ve şimdi … Eh, şimdi Google, WordPress geliştiricileri tarafından hücresel deneyimlerle başa çıkmak için yapılması gereken başka yollar olduğunu söyledi.
Biliyorsunuz, Google’ın her zaman Web’i geliştirme görevi var gibi görünüyor. HTTP’ler ve değiştirilmeyen cezalandırılan web siteleri hakkında daha sıkı hale gelirler. Erişilebilirliği dikkate almayan web sitelerinde kırılırlar. Ve mobil ilk girişimleri yakında gerçekleşecek. Ancak, o güne kadar Google, ziyaretçileri için gerçekten hücresel dostu deneyimler yaratmak isteyen yayıncılara, web yöneticilerine ve web geliştiricilerine kendi çözümlerini sundu. Buna AMP veya Hızlandırılmış Mobil Sayfalar denir. Hücresel bir UX WordPress geliştirme sürecinde büyük bir rol oynadığında, Google AMP projesi bir hediye gibi görünebilir, çünkü hücresel ziyaretçilerle yıldırım etkileşimleri oluşturmak için gereken araçları sağlamayı vaat ediyor. Ama tüm hikaye bu mu? Gerçekten o kadar basit mi? Muhtemelen değil.
Google AMP’nin ne olduğunu, WordPress içeriğinizde ne işlediğini ve neden bazı web geliştiricilerinin endişesi olduğunu görelim. AMP’den korkmayan ve bu yeni açık kaynak çerçevesinden memnun olanlarınız için, başlamak için bir eklenti kullanarak size rehberlik edeceğim ve ardından uygulamanızı burada ücretsiz bir doğrulama aracı ile test edeceğim! Google AMP hakkında bilmeniz gerekenler, temel bilgilerle başlayalım. Googleamp nedir? Başlangıçta, açık kaynak AMP girişimi, hücreseldeki web sitelerinin hızını artırmak amacıyla 2015 yılında yeniden tanıtıldı. Ancak, Google’a göre, bu sadece kullanıcılar için hücresel deneyimi geliştirmekten daha fazlasıdır. AMP, hücresel deneyimden daha etkili bir şekilde para kazanmaya yardımcı olan bir çözüm olarak tasarlanmıştır: “Akıllı reklamlarla çalışan ve anında yüklenen video, animasyon ve grafik gibi zengin içeriğe sahip bir web sayfası istiyoruz. Ayrıca, içeriğin anında herhangi bir yerde görünebilmesi için aynı kodun çeşitli platformlarda ve cihazlarda çalışmasını istiyoruz – kullandığınız cep telefonu, tablet veya mobil cihaz türleri nelerdir? ” Kullanıcılardan gördüğümüz bir reklam engelleme reaksiyonu ile bu, Google’ın akıllı bir adımdır. AMP ekranı ile ilgili olarak, AMP makalesini hücresel ağ üzerindeki yolculuğunuzda bulmuş olabilirsiniz, ancak bunu fark etmeyebilirsiniz. İşte makale amfi bulduğunuzu bildiğiniz şekilde:
Gönderme zamanının yanındaki yıldırım simgesini görüyor musunuz? Bu AMP için bir gösterge. Aramadaki AMP makalesini tıkladıktan sonra, bulacağınız şey budur:
AMP önbelleği: Bu önbellek sistemi, amplifikatör içeriğinizi almaktan, önbellekte tutmaktan ve kullanıcıya mümkün olduğunca çabuk göndermekten sorumludur.
Daha ünlü kullanıcılarından bazılarının vaka çalışmalarına göre, AMP katılımı ve elde tutmayı artırmak ve büyümeyi artırmak için çok iyi çalışır. Örneğin, Time Magazine, ziyaretçilerin AMP ile hücresel bölgelerinde 13 kat daha fazla harcadıklarını bildiriyor. Öte yandan Gizmodo, AMP ziyaretçilerinin% 80’inin sitelerinde yeni gelenler olduğunu söyledi.
Ve AMP ile ilişkili tek fayda bu değil:
AMP büyük bir geliştirme ekibi veya büyük bir bütçe gerektirmez. Aslında, çoğu geliştirici, özellikle WordPress’te çalışıyorlarsa, bunu kullanma becerisine sahiptir.
Google, web geliştiricilerinin yine de esnek, ayarlanmış ve markalı hücresel deneyimler geliştirebileceğine söz veriyor. Yukarıdaki GQ örneğini GQ web sitesindeki makalelerle karşılaştırırsanız, bunun doğru olduğunu göreceksiniz. Google’a göre AMP, yüzden fazla analitik araç, içerik yönetim sistemi ve diğer önde gelen teknolojik çözümlerle entegre edilmiştir.
Bing ondan bile etkilendi çünkü AMP sayfasının diğerlerinden% 80 daha hızlı içerdiğini iddia etti.
Tabii ki, AMP eleştiriden ayrılamaz. Endişelerini ifade eden bazı geliştiriciler ve yayıncılar var, bu yüzden AMP’nin neden tüm web siteleri için uygun olmayabileceğini hızlı bir şekilde özetleyelim:
Kafa karıştıran UX GQ örneğine bir kez daha bakın:
Sol üstte nasıl bir “x” düğmesi olduğunu görüyor musunuz? Tıklandığında, kullanıcıları Google arama sonuçlarına geri getirir. Ziyaretçileriniz Google AMP içeriğinde akıcı olmadıkça, bu, sitenize veya kaynak makaleye ulaşmanın yollarını bulmaya çalıştıklarında karışıklığa neden olacaktır. Google, bu karışıklığın olasılığını fark ediyor gibi görünüyor ve üst çubuğu tasarlamak için daha iyi bir çözüm üzerinde çalışıyor.
Eklenti fonksiyonu kaybı AMP, gelişmiş hücresel deneyim nedeniyle içeriğinize SEO teşvik etme eğiliminde olsa da, AMP kurban ile gelir. Çok hafif olan HTML ve JavaScript kullandığından, bu eklenti eklentilerle, özellikle de sitenize iletişim formları, açılır veya diğer dinamik içerik ekleyenlerle iyi çalışmaz.
Google Analytics hataları Görünüşe göre, AMP trafiğine erişmeye çalışırken Google Analytics ile iyi belgelenmiş bir hata var. Google bu sorunu biliyor ve bunun için iyileştirmeleri yok. Bu nedenle, doğru trafik bilgilerini istiyorsanız bir süre AMP analizine güvenmelisiniz. Tüm web geliştiricilerinin uygulanmasında zorluklar AMP’nin kolayca uygulandığını kabul etmiyor. Bunun nedeni, AMP’nin her türlü web sitesi veya hatta her türlü içerik için evrensel bir ideal çözüm olmamasıdır. Örneğin: AMP gerçekten sadece blog yayınları ve haberler için iyi çalışıyor, web sayfaları değil.
Bu aynı zamanda tüm web siteleri için de ideal değildir. Hikayeler anlatmaya odaklananlar – bir kez daha bloglar ve haber siteleri – bu formattan en çok yararlananlardır. İki ayrı içerik sürümü oluşturmalısınız: biri masaüstünüz için ve AMP için normal hücresel sürüm.
HTML ve CSS ile nasıl bir kod yapacağınızı zaten biliyorsanız, öğrenme eğrisini azaltacaktır. Ancak, AMP’ye girmek istediğiniz içeriğin her bir bölümü için kodu yeniden yazmak ve medya etiketini güncellemek için AMP Özel Kurallarını kullanmalısınız.
AMP’yi WordPress’te nasıl kullanmaya başlarsa, AMP’nin siteniz için iyi olacağına karar verdiyseniz, WordPress’te AMP’yi nasıl kullanmaya başlayabileceğinizi ve daha sonra her şeyin iyi çalıştığını doğrulayabileceğinizi görelim (burada bir araçımız var!).
1. Bir eklenti alın
İlk şey birincisidir: WordPress’e WP eklentisi için AMP’yi yükleyin.Eklenti geliştiricisi, burada nasıl yapılacağını açıklayarak iyi bir iş çıkarır (2:50 işaretinden başlayarak): [YouTube https://www.youtube.com/watch Bu, birkaç şeye dikkat ettiğinizden emin olun: Kendiniz eklerseniz kullanamayacağınız bir dizi iletişim formunu ve eklentisini destekler.(Rahatlama.)
Geliştiriciler, web sitelerinde AMP içeriğinin arama için nasıl optimize edileceği, woocommerce’in nasıl kullanılacağı vb.
Bu eklenti, AMP sayfasının üreticisini WordPress’e ekler ve bu da hücresel için özel olarak yapılan içeriği yapma işlemini basitleştirir.İşte nasıl kullanılacağına dair bir video:
[YouTube https://www.youtube.com/watchKod oluşturmayı ve sayfalarınızı yönergelere göre nasıl yapılandıracağınızı bilmeniz için Google AMP eğitimine başvurduğunuzdan emin olun.Bunu, AMP’ye gelişmiş özelliklerin ve etkileşimli tasarımın nasıl ekleneceğini öğrenmek için de kullanabilirsiniz.3. İçeriğinizi işaretle tamamladıktan sonra, Google’ı ve bu sayfanın bu kategoriye dahil edildiği AMP içeriğini yayınlayan diğer platformları göstermek için kanonik bir etiket eklemeniz gerekir.Web sitenizin orijinal sayfasında bu kanonik etiketi ekleyin: oluşturduğunuz amptle içerik sayfasında şunu ekleyin. Canonic Tag:
4. İşaretleme Düzenle Şemayı Düzenle Daha iyi bir SEO için WordPress’e markup schema.org eklemenin ne kadar önemli olduğunu biliyorsunuz. AMP içeriğinizin gerçekten optimize edildiğinden emin olmak istiyorsanız, özellikle AMP için yapılan herhangi bir sayfada işaretlemeyi düzenlemeniz gerekir. AMP olmayan içerik genellikle şema işaretlemesindeki başlıklar ve görüntüler gibi değişkenleri belirlemenizi gerektirir. Ancak, AMP içeriğinin Google tarafından açıklandığı gibi tanımlamanız gereken daha sıkı bir yapılandırılmış veri toplama bulunur. Dolayısıyla, Google’ın yalnızca AMP içeriğinizi sıralamakla kalmayıp, aynı zamanda aramanın en üstünde çok görünür olan atlıkarınca amfiye de yerleştirmesini istiyorsanız, yaklaşımınızı AMP içeriğiniz için yazma işaretlemesinde ayarlamanız gerekir. Ayrıca, içerik ampu için mikro veriyi kullanamayacağınızı unutmayın; Yalnızca JSON-LD kodu kabul edilebilir. 5. Google Analytics ekleyin Google Analytics şu anda sorunlu olabilir, ancak bu, AMP içeriğinizi izlememeniz gerektiği anlamına gelmez. Google’ın hatayı ne zaman bitireceğini asla bilemezsiniz ve bu, hazırlamak için hiç zaman almaz. AMP eklentinizi girin ve Google Analytics kimliğinizi oraya ekleyin. 6. Sayfanızın Doğrulanması İçeriğiniz oluşturulup etiketlendikten sonra, sayfanın geçerli olduğunu doğrulama zamanı. Sayfalarınızı burada WPMU Dev web sitesinde de test edebilirsiniz. URL’nizi yukarıdaki sütuna girecek kadar yeterlidir. Doğrulama sonuçlarını ayrı bir tarayıcıda alacaksınız. Her şey iyiyse, son adıma devam etmeye hazırsınız! 7. AMP İçerik Dizininiz
Etiket:
Google AMP
