WordPress için AMP Eklentisi İncelemesi: Mobile önceliklendiren web için baskın teknoloji
İçindekiler
Genel WordPress Amp ayarları
Esnek tasarım
İşaretleme Tercih Şeması
AMP Analytics: En sevdiğiniz analitik aracınızı entegre edin
Reklamlarla tamamen uyumlu olan amp
Ayarlanabilir geçerli sayfalar
WOOOCOMMERCE için AMP: Alıcılar için pürüzsüz uygulamalar gibi etkileşimler
SSS Eklentisi Amp
fiyat
WordPress eklentileri için AMP’deki son kelime
Okul Konferansı’ndaki anlatıcının papal tonunu kullanarak şunları belirtmek zorundayım: Google’ın hücresel arama sonuçlarındaki görünürlüğünüz, tıklama oranları, kullanıcı katılımı ve dönüşüm AMP’ye çok bağlıdır. Bu terim için yeniyseniz, bu hızlandırılmış hücresel sayfa projeleri için bir kısaltmadır – Web için hücresel öncelik veren bir Google girişimi.
Basit bir kelime ile AMP projesi, mobil cihazlarda web yükleme performansının en yüksek ayıklamasını sunan teknolojiyi temsil eder. Ana amaç, hız ve kullanım için tüm mobil cihazlarda içeriğin basitleştirilmiş sürümünü sunarak yayıncının, tüketicilerin, kullanıcıların, reklamverenlerin, üreticilerin, girişimcilerin ve diğer web sakinlerinin hayatını basitleştirmektir. Bonus olarak Google, daha hızlı yükleme süresi, daha uzun oturumlar, daha fazla sayfa ekranı, daha iyi UX ve diğerleri sayesinde AMP’yi daha yüksek sıralamada destekleyen web sitelerine ödül verebilir. Bugün milyarlarca amp sayfası var.
Çadırın altında, AMP yetenekli sayfa, içerik yüklemek için çok fazla kaynak aldığı bilinen ve hatta bazen felakete neden olan soyulmuş veya azaltılmış (yani orijinal web sitesi kaynak kodunun ağır kısmı) CSS ve JS dosyalarıyla donatılmıştır. Web sitesi. Web’e göz atarsanız, Google AMP ile ilgili birçok hikaye, rehber ve inceleme ile bombalanırsınız. 2016 yılında, birçok yayıncı AMP’yi benimsemektedir çünkü haberler mobil cihazlarda giderek daha fazla tüketilmektedir. Şu anda, giderek daha fazla platform, her türlü web sitesine hizmet etmek için AMP uygulamalarını benimsemektedir. Sizin için manuel olarak küratör olan gönderme
29 Nisan 2020 WordPress Sitesi Astra & Motopress Tema Sipariş Eklentileri ile Oteller İçin
İlk bakışta, bu zorla aksiyon gibi gelebilir, ancak uzun vadede bu her iki taraf için kazan-kazan. Cep telefonlarında web sitenizin performansını geliştirirsiniz, Google size daha iyi bir görünürlük sağlar, son kullanıcı yenilikleri harika bir web deneyimi üzerinden. Çabalar ve iyileştirmeler el ele gidiyor. Ancak hile, AMP’yi etkinleştirmek için basılacak düğme olmamasıdır. Amp acı hapı, kanonik URL altında görüntülenen web sitesi sayfalarının yeniden oluşturulmasını gerektirmesidir. AMP sayfası sürümü, sıradan web sitesi sayfalarıyla içerik ve davranış açısından aynı olmalıdır – bu AMP’nin ana gereksinimlerinden biridir. Bu, çoğu platformun hala AMP olmak için çok fazla ek geliştirme kaynağına ihtiyaç duyduğu anlamına gelir. Bu yüzden birçok küçük yayıncı için hala lüks. Neyse ki, WordPress değil. WordPress, AMP’nin ilk benimsenmesinden biridir; Şu anda kutunun dışında amp-valid web sitesi sayfasını yapan bir eklenti ile sunuldu. Hala bir düğme dokunuşuyla olmadı, ama ona çok yakın. En azından AMP’yi WordPress’e uygulamak için bir şirket veya SEO geliştirici uzmanı işe almaya gerek yoktur. Burada, motopresde, büyüyen hücresel teknolojiyle güncel kalmak, hücresel kullanıcıların UX’ini arttırmak ve cep telefonlarındaki web sitesinin açılış süresini arttırmak için WordPress için AMP kullanıyoruz. Muhtemelen şimdi bu makalenin AMP versiyonunu okuyor musunuz? Bu, önümüzdeki yıllarda düşünmeyi planladığımız olağanüstü bir teknolojidir ve dahası, AMP WordPress’in entegrasyonuna katkıda bulunur.
Uzun lafın kısası, motopress amp: wordpress amp çok yönlü eklenti yayınlandığını duyurmaktan mutluluk duyuyoruz! Çözümümüzle, AMP’yi gerçekleştirmeye hazır olması gereken bir çocuk oyun eklentisi ayarlarıyla AMP’yi ekstra çaba harcamadan tamamen kullanabilirsiniz. Hayal edin: Google’ın en iyi kodlama ve performans uygulaması WordPress ekosistemine dahil edilmiştir ve artık Motopress tarafından THI AMP WordPress eklentisi aracılığıyla kullanılabilir. Google AMP’nin bazı avantajlarından bahsettim, ancak başka birçok avantaj var. Bu yüzden, bugün tüm hücresel web siteleri için hakim olan web sitesini optimize etmek için neden daha harika noktaları vurgulamak iyi bir fikir olduğunu düşünüyorum: AMP işlem süresi en çok çok hızlı yükleme hızları için optimize edilmiştir, bu nedenle AMP kullanıyorsanız, web siteniz çok çok Mobil cihazlarda hızlı. Buna ek olarak, bu tüm mobil cihazlarda sürekli olarak yüksek performansı garanti eder.
Web siteleri ve haber yayıncıları için AMP, Google’da en iyi haberlerde görüntülenmesi için daha fazla fırsat sunar.
AMP, basitleştirilmiş bir düzen sunan bir web sitesi sayfası bildirmenin iyi bir yoludur.
Yavaş İnternet bağlantısı olan dünya bölgesinde AMP, sıradan hücresel web sitesi sürümlerinden daha hızlı web siteleri içeren birçok son kullanıcı için bir kurtarıcıdır.
Twitter, standart bir hücresel sayfa değil, varsayılan olarak kullanılabilir AMP sayfasına bağlantı vermeyi seçti, bu nedenle sosyal medya trafiğinizin ana kaynağı ise AMP’ye ihtiyacınız var.
AMP, farklı araştırmalara sahip kullanıcıların web sitenizden maksimum sonuç almasına izin veren tüm en iyi tarayıcılar tarafından desteklenmektedir.
AMP katılımcıları, lüks galeriler, kayar bıçaklar ve doğrulamanın ihtiyaç duyduğu bazı unsurlar da dahil olmak üzere ana web sitesinin tüm bileşenleriyle uyumluluk üzerinde çalışmaya devam ediyor.
AMP’nin E-Niaga web sitesi gelirini dünya çapında önemli ölçüde arttırdığı yaygın olarak bildirildi.
Şimdi WordPress Motopress eklentisini paketten farklı kılan şeyleri merak ediyor olabilirsiniz. İşte buna yatırım yapmakla ilgilenmenin ana nedenlerinden bazıları:
Bunun kullanımı çok kolaydır: tüm ayar sekmeleri, yarım saat içinde cep telefonuna geçmeniz mümkün olduğunca kategorize edilir.
Bu çok uyarlanmış – tasarımdan para kazanmaya kadar gerekli tüm ayarlar üzerinde kontrolünüz var.
Sayfalar yapısı sürükle ve damla ile değiştirilebilir.
Bu, WooCommerce tarafından desteklenen dükkanlar için mucizevidir, çünkü AMP motopresi WooCommerce eklentilerinin derinlemesine entegrasyonu sunar.
Bu, para kazanma çabalarınızı optimize eden AdSense veya kutunun dışındaki özel kaynaklardan banner reklamları gibi önemli gelir unsurlarını ele alır.
Ekstra hızı optimize etme yöntemini uygulayarak daha da ileri gittik.
Bu eklenti, WooCommerce ile ilgili içerik türleri de dahil olmak üzere tüm yayınlar, sayfalar, özel yayın türleri ve taksonomi için işlev görür.
Kolay Amp Ön: Belirli sayfaları yalnızca bu eklenti ile AMP yetenekli olarak işaretleyebilirsiniz. En çok trafiği yönlendiren ve AMP WordPress’i etkinleştiren sayfaları seçebilirsiniz.
Bu eklenti, SEO işleminizi Yoast SEO, hepsi bir SEO paketinde, SEO Framework ve SEO Ultimate gibi üst sıralı eklentilerin desteğinden önce olduğu kadar pürüzsüz tutar.
WordPress sitenizde geçerli bir AMP sayfası oluşturmak için nelerin gerekli olduğunu görmek için eklentiye daha yakından bakalım. AMP Motopress eklentisi yüklendikten ve etkinleştirildikten sonra, WordPress kontrol panelinizde AMP’yi açın ve genel sekme ile başlayın. Bu, başlamanıza yardımcı olacak ilk mantıklı adımdır. Gerekli eklenti davranışını üretmek için aşağıdaki tercihleri ayarlayın:
AMP sürümünü etkinleştirin / devre dışı bırakın: etkinleştirilirse, hücresel kullanıcılar varsayılan olarak geçerli AMP sayfasına aktarılır (endişelenmeyin, bunu seçici yayınlar ve sayfalar için devre dışı bırakabilirsiniz, çünkü AMP ile tüm web sitelerinizi oluşturmak zorunda kalmazsınız) .
AMP sayfası için maksimum içerik genişliğini ve tercih edilen öğenin yüksekliğini ayarlayın.
Mevcut AMP sürümüyle değiştirilmesi gereken yazı ve arşiv türünü seçin. Eklenti, bu verileri eklentiden ve etkinleştirilen temadan alacaktır, bu nedenle işiniz bir gönderi, sayfalar ve uygulanan özel yayın türlerini seçmektir.
Üçüncü taraf eklentileri tarafından geçerli içeriğinize uygulanabilecek herhangi bir değişikliği silmek istiyorsanız, “Uyumluluk Modu” nu kontrol ederek çatışma olmayan eklenti modunu etkinleştirmek isteyebilirsiniz. Doğrulama sorunlarından kaçınmak için isteğe bağlı olarak içerik yayınındaki formu gizleyebilirsiniz.
Gerekirse RTL yazma sisteminin desteğini etkinleştirin.
Hata ayıklama modunu kullanın. Genel olarak, bu sekmeden basit bir yolculuk başlatabilir ve ardından değişiklikleri tasarlayabilirsiniz. Esnek Tasarım Bu eklentinin en önemli özelliklerinden biri, tasarım açısından bir esneklik seviyesi sağlamaktır. Varsayılan stili kullanan diğer AMP yetenekli web siteleri gibi görünmek istemiyorsanız, kodlamadan özel stilleri uygulayabilirsiniz. Ziyaretçilerin masaüstü web sitesi sürümünüzle görsel farklılıklar hakkında kafası karışmayacak şekilde tasarım sekmesi aracılığıyla AMP’yi destekleyen web sitenizin stilini ve hissini değiştirebilirsiniz. Arka plan rengini, başlığını, bağlantının metnini ayarlayın, bağlantıyı işaret et, ana noktayı değiştirebilirsiniz. Metin, başlık metni, altbilgi metni, sepete düğme ekle. Bunun yerine varsayılan tema ayarlarını da kullanabilirsiniz.
Navigasyon yazı tipi menüsünü, başlığı, meta yayınını (etkinleştirildiyse), içerik ve altbilgiyi değiştirin.
Okunabilirliği etkilemezse, özel yazı tipi ayarı miktarını en aza indirmeye çalışın. Örneğin, farklı özel yazı tipleri uygularsanız, daha fazla kaynağın sayfa yüklemesi gerekir.
Favicon’unuzu yükleyerek gölgenin özelleştirilmesi.
Yapılandırma Başlık Menüsü: Görüntüleyebilir veya gizleyebilirsiniz. AMP menüsünden menünüzden AMP’nin ayrı bir sürümünü de oluşturabilirsiniz.
Akordeon veya kenar çubuğu menüsü arasında seçim yapabilirsiniz. Başlık menüsü düğmesini “Menü” metin satırı veya Hamburger simgesi olacak şekilde ayarlayabilirsiniz.
Logo türünüzü seçin: Geleneksel logo simgesini kullanabilir veya metinle değiştirebilir ve her ikisini aynı anda kullanabilirsiniz. Görüntüleri tam boyutta görüntülenecek bir logo olarak da kullanabilirsiniz. Tabii ki, metin logosu en iyi performansı sunmanın en iyi yolu olacaktır. Uygulamalı ayar altbilgisi S: Sıradan HTML’yi satırsız kullanarak altbilgi içeriği ekleyin. Meta gönderme verilerini görüntüleyip göstermeyeceğinizi seçin.
Sosyal Paylaşım Düğmelerini Göster – Listeden tercih edilenleri seçin:
Ve her gönderi altında görünecekler: Ek CSS ekleyin. Sadece gerekirse, çok fazla özel CSS web sitesi açma süresini etkileyebilir. Web sitenizin ziyaretçileri varsa, tüm özel tasarım ayarlarınız ziyaretçilerin farklı görsel deneyimler hakkında şaşkın hissetmemesine yardımcı olacaktır. Google’ın web sitenizin yapısını daha iyi anlamasına yardımcı olmak için işaretleme tercihi işaretleme şeması gereklidir, bu nedenle daha kolay endekslenir. AMP Motopress ile özel bir yayıncı logosu, içeriği ve WooCommerce türlerinin düzenlemesi ile daha da ilerleyebilirsiniz. AMP Analytics: En sevdiğiniz Analytics Araç Eklentisi Motopress AMP, geleneksel masaüstü web sitesi sürümleriyle her zamanki gibi ziyaretçileri izlemenizi, ancak özellikle AMP’yi destekleyen sayfalar için entegre. Her şeyi bağlamak için yapmanız gereken tek şey, kullandığınız araçlarla geçerli bir izleme kimliği kodu oluşturmak ve bunları ‘Analytics’ eklenti sekmesi aracılığıyla kendi alanlarına koymaktır.
Aşağıdaki analiz araçları AMP WordPress eklentimiz tarafından desteklenmektedir: Google Analytics Google Etiket Yöneticisi Yandex.metrika
Bu aracı kullanan Facebook pikselleri, AMP’nin tüm ana iş metrikleriniz üzerinde önemli bir etkisi olup olmadığını analiz etmenin iyi bir yoludur;Bazı A/B testi ile, AMP ve AMP olmayan performansını hızlı bir şekilde karşılaştırabilirsiniz.Reklamla tamamen uyumlu olan AMP, mobil cihazlarda daha hızlı hale gelir, reklam gelirinizi feda etmek anlamına gelmez.Adsense veya DoubleClick gibi popüler otomatik reklam programlarından yararlandıysanız, AMP’yi destekleyen sayfalarda kullanmaya devam edebileceğinizden emin olabilirsiniz.Başka bir deyişle, AMP’de para kazanabilirsiniz – belki eskisinden daha iyi.Reklam bloğunun sayfada nerede görüntülenmesi gerektiğine karar vermeden önce, görünümü reklam bloğu sekmesinden ayarlayın.Burada birkaç reklam bloğu ekleyebilir ve bloğun düzenini, yüksekliğini ve genişliğini değiştirebilir ve diğer birkaç ayar belirleyebilirsiniz. Reklamlarınızla tüm mikro etkileşimler, sıradan bir masaüstü reklamı gibi ele alınacaktır-sayfa içeriği kadar hızlı yayınlanmıştır. Reklamınızın beklenen ekranını içerik öğesinde üretmek için WP Şablonları sekmesini açın. Bu bölümde nasıl çalışılacağı için daha fazlasını okuyun. WordPress eklentimiz için ayarlanabilen geçerli AMP sayfaları yapımız, AMP desteği ekleyeceğiniz her türlü yayın için benzersiz bir görünüm oluşturmanızı sağlar. Bu eklenti, ev sayfaları, blog sayfaları, tek yayınlar, statik sayfalar, kategoriler, etiketler, arşivler, özel yazı türleri, taksonomi ve WooCommerce mağaza bileşenleri için işlevler. Bu, bir parça parçasının içeriğinin bileşenini parça parça ayarlamak oldukça kolaydır – sadece ayar düğmesini kontrol edin ve ardından daha iyi bir sipariş ayarlamak için sayfa öğesini çekip çıkarın. Ne kadar derin ayarlamalar yapabileceğinizi görmek için “Post” örneğini ele alalım. Reklam bloğu için konumu ayarlayın (önce eklediğinizden emin olun) – her yere taşıyabilirsiniz. Daha iyi bir sayfa yapısı ve daha kolay navigasyon için ekmek kırıntılarını etkinleştirin / devre dışı bırakın.
Daha iyi bir UX için bir arama formu (SSL gerektirir) ekleyin.
Orijinal gönderi sürümü n için bağlantılı düğmeyi gösterin.
Kullanıcıyı yorum formuna yönlendirecek bir bağlantı görüntüleyin.
Bir stil hattı olmadan özel bir HTML parçası ekleyin.
Bir gönderiden üstün görüntüleri gösterin veya gizleyin. Sosyal paylaşım düğmesi ekleyin. İlgili ve en son yayınların bağlantısını ekleyin / hariç tutun.
Mevcut gönderim yorumlarını gösterin / gizleyin.
Sayfalar, blog sayfaları, arşivler ve hatta sayfa 404 gibi diğer içerik türleri için oldukça benzer araç setleri vardır. Her gönderi türü için tercih edilen yapıyı ayarlamak için sekmeler arasında geçiş.Sayfaları veya yayınları düzenlerken, AMP’yi devre dışı bırakmanıza olanak tanıyan veya isteğe bağlı olarak AMP sürümü için kısa kodlar veya diğer ağır doğrulama içeriği olmadan sıradan içerik sağlamanızı sağlayan AMP bölümünü bulacaksınız.İçeriğin basitleştirilmiş sürümünü eklemek için “AMP İçeriğini Değiştir” i tıklayın, ayrıca Üstün Görüntüler AMP’si ekleyin.
Ancak, sayfanın iki farklı sürümünü korumak zorunda değilsiniz, böylece olduğu gibi bırakabilirsiniz – bu otomatik olarak AMP sürümüne değiştirilecektir. WooCommerce için AMP: WordPress alıcıları için pürüzsüz uygulamalar gibi etkileşimler sadece yayıncılar ve AMP için değildir. Google AMP projesinin resmi web sitesi, e -ticaret kategorisinde düzenli olarak vaka çalışmalarını paylaşmaktadır. Örneğin, yakın zamanda yayınlanan bazı hikayeler şunları ifade etti: -greenslips.com araba sigortası şirketleri dönüşümü% 12-15, hücresel hızı AMP ile% 15 oranında artırdı; – Endonezya’daki en büyük çevrimiçi tüccar olan Tocopedia, daha yüksek bir 5x dönüşüm oranı ve AMP ile% 65 daha hızlı bir yükleme süresi görüyor; -Senovation markaları e-retaylılar,% 27 daha uzun oturum süresini, oturum başına% 24 daha fazla sayfa ve yeni AMP sayfalarında% 30 daha düşük oranı gözlemler. İnternette bunun gibi daha birçok hikaye var. Ahlak açıktır: AMP, e-mağaza için önemli bir artış sağlarken, Amp olmayan çevrimiçi mağazalar para kaybeder. Cep telefonlarında yüzlerce siparişi üstlenebilen bir e-mağaza, yıldırım kadar hızlı bir şekilde çevrimiçi tüccarlar için çok daha iyi bir çözüm, katılıyor mu? Şanslı bir WooCommerce eklentisi kullanıcısıysanız, potansiyel müşterileriniz için alışveriş deneyimini kolaylaştırmak için Google AMP WordPress eklentimizi güvenli bir şekilde uygulayabilirsiniz, bu nedenle gelirinizi artırın. Bu, ziyaretçilere tanıdık ve net uygulamalar gibi alışveriş deneyimi web sitelerine vermenizi sağlar. Ne yazık ki, AMP’nin sınırlamaları nedeniyle, şimdiye kadar eklenti, ‘Sepete Ekle’ ve ‘Checkout’ deneyimini içermiyor.
ancak bir ürün seçmek, beklentiler için çok daha hızlı ve daha kolay olacak. Alıcılar bir üründen diğerine çok hızlı hareket edebilir ve zorluk çekmeden satın alımlar yapabilir. AMP eklentisi, mağaza sayfalarınızı kullanıcının görmesi beklendiği gibi ayarlamak için tüm araçları sağlar. AMP WOOCOMMERCE mağazanızı hazırlamak için Tuvalet Şablonu sekmesine geçin: Burada ürün sayfaları, mağaza sayfaları, ürün arşivleri, etiketler, kategoriler için düzen ve içeriği ayarlayabilir ve ‘Sepete Ekle’ düğmesi için davranışları ayarlayabilirsiniz. AMP’yi destekleyen ürün sayfasına ekleyebileceğiniz ana bileşenler şunlardır:
Reklam bloğu bölümü (önce eklediğinizden emin olun)
Galeta unu
Orijinal Düğme
Ürün Görüntüsü ve Başlık E
SKU ve Rütbe Ayarlanabilir sepete blok ekle Etiketler ve Mağaza Kategorileri
Kısa açıklama Sosyal Paylaşım Düğmesi
İçerik bloğu
İlgili ürün blokları.
Ürün sayfalarını WooCommerce eklentisi üzerinden düzenlerken, AMP ürün görüntüsünü yükleyebilir ve içerik ve ürün başlıklarını değiştirme gibi standart AMP ayarlarını değiştirebilirsiniz.
Mağaza sayfaları için tasarımı (ızgara veya liste) ayarlayabilir, derecelendirmeler ve açıklamalar vb. Ekleyebilirsiniz. Ürün arşivi neredeyse aynı ayarlarla birlikte gelir. Sayfanın düzenini yeniden düzenlemek için oldukça sürükleyin ve çevredeki parçayı çıkarın.
‘Trooli’ye ekle’ düğmesi için davranışı ayarlayabilirsiniz:
