Ana İçeriğe Geç

WordPress için AMP Başlangıç ​​Öğeler

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 600.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Ziyaretçilerinizin zıplamalarına başlamadan önce hareketli bir ekrana yükleme yapmak üç saniye sürecektir. Küçülen bir hata payı ile web sitenizin mobil cihazlardaki hızı son derece önemlidir. AMP'nin müdahalesi bu düzeydedir.

Hızlandırılmış Mobil Sayfalar veya AMP Projesi, web sayfalarınızın hızlandırılmış yüklenmesini hedefleyen ilk kişidir.

Facebook Anında Makaleler et Elma Haber mobil içerik optimizasyonu ile ilgili diğer iki proje, ancak tek bir ortamda kilitli. Facebook Anında Makale yalnızca Facebook uygulamasında çalışır ve Apple News yalnızca Apple aygıtları olanlar için geçerlidir. Bu programların izleyicileri için yapmayı amaçladığı AMP projesi tüm platformlarda yapmayı hedefliyor.

Zaten, AMP biçimindeki makaleler Google Arama ve LinkedIn, Twitter, Pinterest, Medium ve Nuzzle uygulamaları tarafından kullanılıyor. AMP açık kaynaklı bir girişim olduğundan ve herhangi bir zamanda ek platformlar katılabilir.

AMP içeriği, Google arama sonuçlarının görünürlüğünde büyük bir artış elde ediyor ve rakiplerinden dört kat daha hızlı yükleniyor. Zaten AMP biçimini kullanan yüzlerce içerik yayıncısı ve platformu ile, siteniz düzenli olarak makaleler veya bloglar yayınlarsa, WordPress sitenizi AMP makaleleri oluşturmak için kurmalısınız.

AMP mobil sayfaları hızlandırdı

Nasıl hazırlanmalı

Bu noktada hemfikir olalım: AMP öğeleri, duyarlı bir web sitesine sahip olmak için uygun bir alternatif değildir. Mevcut AMP makalelerinde bile, web sitenize gelen ziyaretçiler standart içeriğe erişebilecekŞimdilik, yine de, tarayıcılar AMP formatıyla uyumlu hale gelirse, bunlar değişebilir).

Peki ziyaretçiler AMP içeriğinizi ne zaman görüyor? Ziyaretçiler AMP içeriğinizi bu formatı kullanan belirli platformlardan görebilecekler.

İşte bazı örnekler:

  • Birisi Twitter'daki makalelerinizden birini paylaşıyorsa, Twitter uygulamasını kullanan bir ziyaretçi bağlantıyı açtığında, AMP içeriğine erişecektir. Aynı LinkedIn, Pinterest, Medium ve Nuzzle uygulamaları kullanarak erişilebilir içerik için de geçerli.
  • Birisi mobil cihazda bir tarayıcıyı yeni trendlerin hikayesini aramak için Google’da arama yaptığında, "En Çok Okunan Haberler" arama sonuçları bölümünde bir AMP makalesi seçilecektir.
  • Yeni bir platform, AMP içeriği için destek eklediğinde, içeriğiniz bu platformun kullanıcılarına AMP formatında sunulacaktır.

Nasıl MPA yapar?

AMP makaleleri özel öğeler içeren özel bir HTML kütüphanesi ile oluşturulmuştur. AMP, mobil cihazlardaki içeriği hızlandırmak için bazı HTML, CSS ve JavaScript özelliklerini kısıtlar. AMP kısıtlamalarından bazıları şunlardır:

  • Tüm komut dosyaları zaman uyumsuz olarak yüklenmelidir. Etkileşimli özellikler, AMP HTML ile veya bir iframe'de özel olarak eklenmelidir. Bu, web sayfasının komut dosyalarının önceden yüklenmesini beklemeden görünmesini sağlar.
  • Gömülü görüntüler, reklamlar ve tweetler ve Instagram görüntüleri gibi tüm harici kaynaklar, HTML nesnesi olarak yüklenir ve kaynak indirilmeden önce boyutların ayarlanabilmesi için boyutlarını belirtmelidir.
  • CSS stilleri, maksimum 50 kb boyutuna bağlı bir çevrimiçi e-tabloda bildirilmelidir.
  • Komut dosyaları eşzamansız olarak yüklendiğinden, genellikle çok hantal olan web fontlarının indirilmesi diğer kaynaklardan önce tetiklenir.
  • Animasyonlar düzenini etkileyemez.
  • Kaynakların indirilmesine, içeriğe önce yüklenmiş olarak, konuma göre öncelik verilir.

Bu taktikler, entegre bir AMP doğrulama aracı tarafından uygulanır. Buna saygı göstermeyen sayfalar Google tarafından endekslenemez veya formatı destekleyen uygulamalarda kullanılamaz.

iki belge hikayesi

Bir HTML dosyası, bir CSS dosyası veya iki ve birkaç komut dosyası içeren basit bir web sitesiyle uğraşıyorsanız, sayfayı AMP formatlı bir belgede yeniden biçimlendirmek mümkün olabilir. Ancak, çoğu durumda, tüm web sitenizi biçimlendirmenin bir anlamı yoktur. Bunun yerine, yapmak isteyeceğiniz şey, gönderdiğiniz her makalenin AMP sürümünü oluşturmak için bir eklenti kullanmaktır.

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

Bunun yinelenen içerik yaratacağını düşünebilirsiniz ve öyleyse haklısınız. Bu nedenle, öğeleri bağlayarak sayfanızın AMP sürümünü standart sürüme uygun şekilde bağlamak önemlidir.

Web sayfanızın standart sürümü AMP sürümüne şöyle görünür:

<link rel = "amphtml" href = "http://www.example.com/amp_article_url">

AMP linklerinin versiyonu, benzer bir eleman kullanılarak standart versiyona bağlanır:

<link rel = "canonical" href = "http://www.example.com/full_article_url">

Google ve diğer platformlar, sayfanın iki sürümünü birbirine bağlamak için bağlantıları kullanacak ve AMP sürümünü mobil kullanıcılar için sunarken, masaüstü ziyaretçiler için de standart sürüm sunacak. Ayrıca, Google bu etiketleri tanır ve bu etiketler bulunduğunda yinelenen içerik yayınlamak için web sitenizi cezalandırmaz.

eklentileri ile hayatınızı kolaylaştırın

Özel biçimlendirilmiş belgeler oluşturmak için AMP HTML’yi öğrenme zorunluluğunu hissetmekten biraz sıkıldıysanız, bunun için eklentileri kullanabilirsiniz. Aslında, kullanabileceğiniz WordPress Plugin dizininde zaten birkaç farklı eklenti var.

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

WordPress.org'da mevcut olan seçenekleri gözden geçirdim ve AMP formatını WordPress blogunuza entegre etmek istiyorsanız aklınızda bulundurmanız gereken dört eklenti buldum.

Mobil Hızlandırma Sayfaları (AMP) Projesi

AMP Mobil Hızlandırma Sayfaları (AMP) Projesi

Indir

Eklentiyi kurun ve etkinleştirin; AMP formatlı makaleler buna benzer bir adreste otomatik olarak oluşturulacak http://example.com/permalien-de-larticle/amp/. Şu anda, bu eklenti sayfalar için değil, sadece makaleler için AMP makaleler üretiyor.

Bu eklenti mükemmel çalışıyor. AMP makaleleri güzelce biçimlendirildi

Özel AMP

AMP Özel WordPress eklentisi

Indir

Özel AMP eklentisi, AMP eklentisi tarafından oluşturulan AMP öğesini özelleştirmenizi sağlar. AMP eklentisini kurduktan sonra, gösterge tablonuza özel bir AMP paneli eklemek için bu eklentiyi yükleyin. Panelde, seçili bir logo veya resim ekleyebilir, yorumları gösterip göstermemeyi, WooCommerce'ı entegre etmeyi, makaleleri bağlamayı, gezinti menüsü eklemeyi, bir Google Analytics izleme kodu eklemeyi, özel CSS kodu eklemeyi ve makalenin altbilgisine ek html içeriği ekleyin.

Bu eklentiyle çalışırken, yaptığınız değişikliklerin doğrulama başarısızlığına neden olmadığından emin olmak için web siteniz tarafından oluşturulan AMP sayfalarını doğruladığınızdan emin olun.

AMP PageFrog Facebook Anında Makale ve Google Sayfalar

AMP PageFrog WordPress eklentisi Facebook Anında Makale ve Google Sayfalar

Indir

PageFrog eklentisi, AMP makalelerine özel bir stil eklemek için AMP eklentisiyle el ele çalışır. PageFrog, her iki optimize edilmiş mobil platformdaki makalelerin görünümünü aynı anda kontrol etmek için Facebook Anında Makaleler eklentisiyle de entegre edilebilir.

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Önerilen]

PageFrog eklentisi, AMP eklentisinden daha eksiksiz bir seçenektir. Birden fazla analitik platformuyla entegrasyonu içerir, doğrudan Facebook Reklamlarına ve Google AdSense’e bağlanır ve " automagically AMP doğrulamasını bozmadan seçilen bir görüntü.

Özetlemek

Google, Twitter, Pinterest, Linked gibi büyük platformlarda AMP formatı mobil optimizasyon oyununda zaten önemli bir oyuncu. Blog yazılarını veya haber makalelerini düzenli aralıklarla yayınlarsanız, AMP makaleleri oluşturmak artık sizin için bir seçenek olmayacak.

El ile veya önceki eklentileri kullanarak makaleler oluşturmayı mümkün olduğunca erken düşünmeniz gerekecektir.

Bu eğitim için bu kadar. En sevdiğiniz sosyal ağlarda arkadaşlarınızla paylaşmaktan çekinmeyin.

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta adresiniz gösterilmeyecektir. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
8 hisseleri
hisse8
cıvıltı
Enregistrer