WordPress için AMP Makaleleri Başlatma
Ziyaretçileriniz zıplamaya başlamadan önce hücresel bir ekranda bir şey görüntülemek için sadece üç saniyeniz var. Dar bir hata marjı ile web sitenizin mobil cihazlardaki hızı çok önemlidir. AMP buraya girer. Hızlandırılmış mobil sayfalar veya AMP projesi, ilk olarak mobil cihazlara web sayfalarını yükleme ve çeşitli platformlarda çalışma hızını hedefleyen. Anında Facebook ve Apple News makaleleri diğer iki hücresel hız optimizasyonu projesidir, ancak her ikisi de bir ortamda kilitlenmiştir. Facebook Anında Makaleler Yalnızca Facebook uygulamalarında ve Apple News uygulamalarında işlev görür, yalnızca Apple cihazlarındaki kullanıcılar için kullanılabilir. Bu programların izleyiciler için yapmak istediği şey bağlıdır, AMP projesi çeşitli platformlarda gerçekleştirilmeyi amaçlamaktadır.
Zaten, AMP formatı makaleleri Google Search ve LinkedIn, Twitter, Pinterest, Medium ve Nuzzle uygulamaları tarafından kullanılmaktadır. AMP açık kaynaklı bir girişim olduğundan, ek platformlar istediğiniz zaman katılabilir. AMP formatındaki içerik, Google’ın arama sonuçlarında görünürlükte bir artış sağlar ve Amç olmayan eşdeğerlerden ortalama dört kat daha hızlı içerir. AMP Müzik Trenleri’ni takip eden yüzlerce içerik ve platform yayıncıyla, web siteniz düzenli olarak makaleler veya blog yayınları yayınlarsa, WordPress sitenizi AMP makaleleri üretmek için yapılandırmanız gerekir.
Amp makaleniz işyerinde bir şeyi düzeltelim: AMP makalesi, duyarlı web sitelerine sahip olmanın uygun bir yerini değildir. Mevcut AMP makalesinde bile, doğrudan web sitenize giden ziyaretçiler standart web sitesi dosyalarınız ve makaleleriniz tarafından sunulacak (şimdilik, hücresel tarayıcı AMP formatı için orijinal destek ekliyorsa bu ayarların zamanla değişebileceğini hissediyorum). Peki ziyaretçiler AMP içeriğinizi ne zaman görecek? Ziyaretçiler, AMP’yi destekleyen bir platformdan eriştiklerinde içeriğinizin AMP sürümü tarafından sunulacaktır. Aşağıdaki format bazı örneklerdir:
Birisi makalelerinizden birini Twitter’da paylaşırsa, Twitter uygulamasını kullanan ziyaretçiler bağlantıyı açtığında, AMP makalesini alacaktır. Aynı şey LinkedIn, Pinterest, Medium ve Nuzzle uygulamaları kullanılarak erişilen içerik için de geçerlidir.
Birisi, trend olan haberler için Google araması yapmak için bir mobil cihaz tarayıcısı kullandığında – yazdığınız – AMP makale seçenekleri arama sonuçlarının “En İyi Haberler” bölümünde görüntülenir. Makaleniz bölüme başarıyla girdiyse, AMP biçimi sürümü görüntülenir.
Yeni platform AMP içeriği için her destek eklediğinde, içeriğiniz AMP formatında Platform Kullanıcısına sunulur.
AMP nasıl çalışır? AMP makaleleri, özel öğelerden özel HTML kitaplıkları ile yapılır. AMP, mobil cihazlarda içeriği hızlandırmak için bazı HTML, CSS ve JavaScript özelliklerini sınırlar. AMP tarafından uygulanan sınırlamalardan bazıları şunlardır:
Tüm komut dosyaları eşzamansız yüklenmelidir. Etkileşimli özellikler, IFrame’de HTML AMP özel veya kum havuzu kullanılarak eklenmelidir. Bu, web sayfalarının komut dosyasının indirilmesini ve işlenmesini beklemeden yüklenmesine izin verir. Resimler, reklamlar ve tweet’ler ve gömülü Instagram görüntüleri gibi tüm harici kaynaklar HTML nesneleri olarak yayınlanır ve boyutlarını ifade etmelidir. Boyut, kaynaklar indirilmeden önce ayarlanabilir.
CSS kuvveti, maksimum 50 kb olan bir çizgi sayfasında bildirilmelidir.
Komut dosyası senkronizasyondan yüklendiğinden, genellikle çok ağır olan web yazı tipi indirmeleri, diğer kaynaklardan önce tetiklenir.
Animasyon sayfa düzenini etkilemez.
İndirme kaynakları, üst yarıya kadar ilk olarak yüklenirken, konuma göre önceliklendirilir.
Bu taktik, doğrulama cihazı tarafından AMP’de uygulanır. Doğrulanamayan sayfalar Google tarafından dizine eklenmeyebilir veya biçimi destekleyen uygulamalarda kullanılabilir.
İki belgenin hikayesi HTML dosyaları, bir veya iki CSS dosyası ve bazı komut dosyalarından oluşan basit bir web sitesi ile ilgileniyorsanız, sayfaları bir AMP formatı belgesinde yeniden biçimlendirebilirsiniz. Ancak, birçok durumda, sitenizin her sayfasını yeniden biçimlendirmek mantıklı değildir. Bunun yerine, yapmak istediğiniz şey, yayınladığınız her makalenin ikinci kısa AMP sürümünü üretmek için bir eklenti kullanmaktır. Kendinize şöyle diyebilirsiniz: “Bu yinelenen içerik yaratacak!” Ve eğer bu düşünceniz varsa, haklısın. Bu nedenle, bağlantı öğesini kullanarak sayfanızın AMP sürümünü standart sürüme doğru bir şekilde bağlamak önemlidir.
Web sayfanızın standart sürümü, AMP sürümüne şuna benzeyen bir bağlantı ile bağlantılıdır: amp sürümü bağlantılar. Benzer bir öğeyi kullanarak standart sürüm: Google ve diğer platformlar iki sayfalık sürümleri ilişkilendirmek ve amp sürümünü mobil cihaza göndermek için bir bağlantı kullanacak Masaüstü ziyaretçilerine standart sürümler gönderirken cihaz kullanıcıları. Buna ek olarak, Google bu etiketi tanır ve web sitenizi cezalandırmaz, çünkü bu etiket varken yinelenen içerik yayınlar. Bunun için bir eklenti var … eğer biraz bunalmış hissediyorsanız, HTML amplifikatörünü öğrenmeniz ve özel format yapmanız gerekirse Belgeler, iyi haberlerim var! Bunun için bir eklenti var. Aslında, WordPress eklentisinde zaten var olan birkaç farklı eklenti var. WordPress.org adresinden sunulan seçenekleri araştırdım ve AMP formatını WordPress sitenizle entegre etmeyi planlayıp planlamadığınızı bilmeniz gereken dört eklenti buldum.
Hızlandırılmış Mobil Sayfalar (AMP) Projesi
Eklentiyi yükleyin ve etkinleştirin AMP formatında makaleler otomatik olarak http://example.com/article-formap/amp/ adresinden yapılacaktır. Şu anda, bu eklenti yalnızca yayınlar için AMP makaleleri üretiyor. Dolayısıyla, AMP formatında görüntülemek istediğiniz sayfa içeriğiniz varsa, bu eklenti bunu yapmaz.
Bu eklentiyi kişisel bloguma yüklüyorum ve mükemmel çalışıyor. AMP makaleleri ilginç ile biçimlendirilmiştir, bağlantı öğesinin kaynak koduna eklenmesi beklenir ve makale bir Chrome> konsol geliştiricisi kullanılarak başarıyla doğrulanmıştır. Hızlandırılmış Mobil Sayfalar (AMP) Projesi ile ilgileniyor mu? İndir
Özel amfi AMP özel eklentisi, AMP eklentisi tarafından üretilen AMP makalesini ayarlamanızı sağlar. AMP eklentisini yükledikten sonra, WordPress yönetici arayüzünüze özel bir AMP paneli eklemek için bu eklentiyi yükleyin. Panelin içinde, bir web sitesi logosu veya üstün resim ekleyebilir, yorumları görüntüleyip göstermeyeceğinizi seçebilir, woocommerce ile entegre olmayı, ilgili yayınları görüntüleyebilir, navigasyon menüleri ekleyebilir, Google Analytics izleme kodları ekleyebilir, özel CSS ekleyebilir ve ek HTML ekleyebilirsiniz. Altbilgi makale amp.
Bu eklenti ile çalışırken, yaptığınız değişikliklerin sayfanın doğrulanmamasına neden olmamasını sağlamak için siteniz tarafından üretilen AMP sayfalarını doğruladığınızdan emin olun. Özel AMP ile ilgileniyor musunuz?
indirmek
PageFrog tarafından Facebook Anında Makaleler ve Google Amp Sayfaları
Basit bir seçenek istiyorsanız, PageFrog aradığınız şey değildir. Ancak, analitik ve reklam platformlarıyla daha fazla sunum ve entegrasyonu kontrol etmek istiyorsanız, PageFrog ücretsiz olarak birçok şey sunar. PageFrog tarafından Anında Facebook Makaleleri ve Google Amp sayfalarıyla ilgileniyor mu?
Doğru eklenti hangi eklentidir? Şu anda, AMP makaleleri üreten tek WordPress eklentisi dizini eklentisi AMP eklentisidir. En azından, bu eklentiyi yüklemeli ve etkinleştirmelisiniz. AMP makale ekranınız üzerinde daha büyük bir kontrol istiyorsanız veya analitik izleme kodunu gömmek istiyorsanız, en az bir eklenti yüklemeniz gerekir. Küçük bir tasarım ayarı yapmak ve bir Google Analytics izleme kodu eklemek için basit bir eklenti istiyorsanız, özel bir AMP eklentisi görevle eşleşen basit bir seçenektir. Sağlanan AMP özel eklentisinden daha fazla özelliğe ihtiyacınız varsa, PageFrog dikkate alınması gereken başka bir seçenektir. PageFrog, Google Analytics dışındaki analitik programlarla entegre etmek istiyorsanız veya Google AdSense reklamlarını AMP makalenize yerleştirmek istiyorsanız çok ilginçtir. AMP sayfasını doğrulama AMP hazırlama işlemindeki son adım, AMP sayfanızı doğrulamaktır. Başarısız doğrulama olan sayfalar Google tarafından dizine eklenemez ve görüntülenemez veya diğer desteklenen platformlar tarafından kullanılamaz. Neyse ki, doğrulama testleri basittir, ancak doğrulama hatalarının düzeltmek çok daha az olabilir. AMP doğrulamasını nasıl test edeceğiniz aşağıda açıklanmıştır:
Web tarayıcısını açın ve makalelerinizden birinin AMP sürümünü açın. Bir JavaScript konsolu açın. Chrome’da, içerikli bir menü açarak bulabilirsiniz (PC’deki tarayıcı penceresinde sağ -tıklayın veya CTRL basılı tutabilir ve MAC’ı tıklatın), Denetle’yi seçin ve konsol sekmesini tıklayın. Benzer bir adım başka bir tarayıcıda bir konsol açacaktır. AMP URL’nizin sonunda #decelopment = 1 ekle, böylece URL şöyle görünüyor: http://www.example.com/amp_article_url #decelopment = 1. Sayfayı yüklemek için Enter tuşuna basın ve amp doğrulayıcısını çalıştırın.
Mesaj için konsola dikkat edin.
AMP sayfasının JavaScript konsolu ile doğrulanması
Görmek istediğiniz mesaj AMP doğrulaması başarılıdır. Sayfa doğrulanamazsa, arızanın nedenini belirlemek için konsoldaki mesajı incelemeniz ve belirlenen sorunun üstesinden gelmek için gereken adımları atmanız gerekir. Google, Twitter, Pinterest, Linked ve yüklü diğer diğer platformlarla sarılan AMP formatı, hücresel optimizasyon oyununda önemli bir oyuncu haline geldi. Düzenli olarak bir blog yazısı veya haber makalesi yayınlarsanız, AMP makalelerini artık isteğe bağlı hale getirmek. Sitenizi başarıyla doğrulanmış AMP makaleleri üretecek şekilde yapılandırmaya başlamalısınız. Neyse ki, resmi WordPress eklentisinde işlemi oldukça kolaylaştıran birkaç eklenti var.
WordPress sitenizi AMP makaleleri üretmek için hazırladınız mı? Burada bahsetmediğimiz bir eklenti kullanıyor musunuz? Süreç nasıl? Bize aşağıdaki yorumlarda anlatın.
Etiket:
hücresel
Eklenti
