WordPress Sitenizde Google AMP Nasıl Kurulur?
WordPress web sitenizde Google AMP’yi (Hızlandırılmış Mobil Sayfalar) kurmak mı istiyorsunuz? Sitenizin mobil cihazlara yüklenme hızını artırmanın harika bir yoludur ve hatta arama sonuçlarında size bir destek sağlayabilir.
İçindekiler
Wordpress amp Nasıl Kurulur?
Bu yazıda, iki farklı eklentiden birini kullanarak Google AMP’yi nasıl düzgün şekilde kuracağınızı ve yapılandıracağınızı öğreneceksiniz – Automattic’in AMP Eklentisi veya WP için AMP.
AMP kullanmanın artılarını ve eksilerini de ele alacağım, böylece sitenize eklemek isteyip istemediğiniz konusunda bilinçli bir karar verebilirsiniz.
Video eğitimlerini tercih edenler için, bunlardan ikisini aşağıya ekledim. Biri Automattic tarafından AMP Eklentisini kurmak için, diğeri WP için AMP için.
İçindekiler (Wordpress amp Nasıl Kurulur?)
- Google AMP nedir?
- Google AMP Avantajları
- Google AMP’nin dezavantajları
- Seçenek 1 – Automattic’in AMP Eklentisini Kullanarak Hızlandırılmış Mobil Sayfalar Kurma
- Yoast SEO ve AMP için Tutkal Ekleme
- Seçenek # 2 – WP eklentisi için AMP ile AMP ekleme (önerilir)
- AMP Sık Sorulan Sorular
- AMP’yi sitenize yüklemeli misiniz, yüklememeli misiniz?
- Sonuç
Google AMP nedir?
Wordpess amp
Google’ın Hızlandırılmış Mobil Sayfaları, minimum HTML ve sınırlı Javascript’e dayanan açık kaynaklı bir girişimdir. AMP içeriği, Google’ın AMP önbelleğinde barındırılır ve daha sonra, arama motorlarında sonucunuzu tıkladıklarında ziyaretçilerinize anında sunulur.
AMP girişimi hem Google hem de Twitter tarafından desteklenmektedir ve projenin amacı web içeriğinin mobil kullanıcılar için daha hızlı yüklenmesini sağlamaktır. Hızlandırılmış Mobil Sayfalar her uygulama, tarayıcı ve web görüntüleyicide düzgün çalışır.
Google AMP Avantajları
- AMP, yavaş internet bağlantılarına sahip mobil ziyaretçiler için kullanıcı deneyimini büyük ölçüde iyileştirir. İçeriğinizi zayıf ve hızlı hale getirir, bu da ziyaretçilerinizin sitenizin yüklenmesini beklemek zorunda kalmayacağı anlamına gelir. İçeriğinizin yardımcı olması koşuluyla, bu doğal olarak daha fazla trafiğe yol açmalıdır.
- Google, mobil arama sonuçlarında bir artış sağlayarak AMP kullanımını teşvik ediyor. Sitenize AMP eklemek, SEO çabalarınızı geliştirmenize yardımcı olacaktır.
- AMP standartlarına uygun site içeriği, Google mobil arama sonuçlarının en üstündeki atlı karıncada görünme şansına sahiptir, bu da sitenizin görünürlüğünü büyük ölçüde artırabilir.
- Sitenizde AMP’ye sahip olmak, barındırma sunucularınızdaki yükü azaltacak ve bu da web sitesi performansının iyileştirilmesine yardımcı olacaktır. Wordpress amp Nasıl Kurulur?
Google AMP’nin dezavantajları
- AMP sınırlı bir HTML, JavaScript ve CSS seti kullandığından, içeriğinize belirli özellikleri ve widget’ları kolayca ekleyemeyebilirsiniz. AMP eklemek, CTA’lar (harekete geçirici mesajlar), paylaşım düğmeleri ve diğer dinamik komut dosyaları eklemenizi engelleyebilir. Not: WP için AMP ile çeşitli işlevler eklemek için daha fazla seçenek vardır. Sitenizle nasıl çalıştığını görmek için incelemenizi şiddetle tavsiye ederim.
- Automattic’in AMP eklentisi yalnızca Google Analytics’i destekler. Bunun bir dezavantaj olduğunu gerçekten düşünmüyorum, ama bazı insanlar yapıyor. WP için AMP eklentisi, Segment Analytics, Piwik Analytics, Quantcast Measurement, comScore, Effective Measure, StatCounter, HiStats Analytics, Yandex Metrika ve Chartbeat Analytics dahil olmak üzere daha fazla analitik seçeneğine sahiptir.
- Sitenizde reklam yapma fırsatlarını sınırlayabilir. AMP içeriğinde reklamlara izin verilirken, bunların eklenmesi ‘normal, AMP olmayan mobil’ bir sayfadan daha zordur. Google desteklenen reklam türlerini genişletmek için çalışıyor, bu yüzden bunun nereye varacağını göreceğiz. Not: AMP for WP eklentisi, çeşitli reklam biçimlerini destekler ve reklam yeteneklerini daha da genişletmek için premium uzantılara sahiptir.
- AMP’yi sitenize kurmaya ve yapılandırmaya karar verirseniz ve daha sonra fikrinizi değiştirip kaldırırsanız, 301 yönlendirmelerini AMP olmayan yayınlara geri döndürmek isteyeceksiniz. Bu büyük bir sorun değil, AMP’yi yüklemeden önce dikkate alınması gereken bir şey.
Seçenek 1: Automattic’in AMP Eklentisini kullanarak AMP’yi ayarlama (Wordpress Amp Nasıl Kurulur?)
WordPress sitenizde AMP kurmak için önce AMP eklentisini yüklemeniz gerekir . Eklentiler > Yeni Ekle’ye gidin ve AMP’yi arayın . Bulduğunuzda, basitçe kurun ve etkinleştirin.
Ardından, Accelerated Mobile Pages kullanarak sitenizin mobil cihazlarda nasıl göründüğünü görmek için Görünüm > AMP’ye gidin .
AMP, sadeleştirilmiş HTML ve CSS kullandığından, görsel seçeneklerle ilgili fazla bir şeye sahip olmayacaksınız (en azından bu belirli AMP eklentisini kullanarak). Başlık arka planının ve bağlantı renginin yanı sıra başlık metin rengini de değiştirebilirsiniz. Ek olarak, açık veya koyu bir renk şeması da seçebilirsiniz.
Temanız destekliyorsa, AMP eklentisi de sitenizin simgesini kullanacaktır.
Ayarlarınızı yapılandırdıktan sonra, değişikliklerinizi kaydettiğinizden emin olun. Şu anda, AMP for WordPress eklentisi yalnızca yayınları desteklemektedir ve sayfaları DEĞİLDİR. Not: Aşağıda bahsedilen AMP for WP eklentisi, hem yayınlar hem de sayfalar için AMP kullanmanıza izin verir.
Bir gönderinin Hızlandırılmış Mobil Sayfa olarak neye benzediğini görmek için ona gidin ve URL’nin sonuna şu şekilde / amp / ekleyin:
Sitenizin içeriğine bağlı olarak, AMP kullanmak isteyebilir veya istemeyebilirsiniz. Eklemek, blog yazılarınızın işlevselliğini ve görünümünü büyük ölçüde değiştirirse, şimdilik beklemeyi tercih edebilirsiniz.
Site trafiğinizin büyük bir yüzdesi mobil ise, iyileştirilmiş kullanıcı deneyimi için bazı görsel tasarımlardan ve işlevlerden ödün vermeye değer olabilir.
Bir düşünün ve sizin için en iyi olana karar verin. AMP’yi yüklemek ve etkinleştirmek gerçekten çok kolay, ardından gönderilerinizin nasıl göründüğüne bakın. Beğenmediyseniz, devre dışı bırakın ve kaldırın.
Yoast SEO ve AMP için Tutkal Ekleme
Automattic’in AMP eklentisi varsayılan olarak ideal olmayan meta verileri kullanır. Yoast, bu meta verileri ayarlamanıza ve AMP’yi Yoast SEO ile birlikte kullanmanıza izin veren yararlı bir eklenti oluşturdu.
Gönderi türleri
Eklenti seçeneklerini ayarlamak için sol kenar çubuğundaki Yoast SEO’ya gidin ve AMP’ye tıklayın.
Gelen Mesaj türleri sekmesi, size AMP desteği istediğiniz öğeleri seçebilirsiniz. Varsayılan ayarlar burada uygun görünüyor, bu yüzden olduğu gibi bırakabilirsiniz.
Wordpress amp
Tasarım
AMP Simgesi – AMP için kullanmak istediğiniz bir simge seçin (en az 32 x 32 piksel olmalıdır).
Varsayılan resim – Bir gönderinin kendisiyle ilişkilendirilmiş bir resmi olmadığında kullanılacak varsayılan bir resim de seçebilirsiniz (en az 696 piksel genişliğinde olmalıdır). Elbette, her gönderinin kendine özgü bir görsele sahip olduğundan emin olmalısınız.
İçerik renkleri
AMP Üstbilgi rengi – AMP üstbilgi arka planınız için bir renk seçin.
Başlık rengi – Yazı başlıklarınız için bir renk seçin.
Metin rengi – Gönderilerinizin gövde kopyası için bir renk belirleyin.
Meta bilgi rengi yayınla – Yazınızın üst kısmında görüntülenen meta bilgiler için yazar adı ve yayınlanma tarihi dahil bir renk seçin.
Bağlantılar
Metin rengi – Bağlantılarınız için bir renk seçin.
Fareyle üzerine gelme rengi – Bağlantı metniniz için bir fareyle üzerine gelme rengi seçin.
Altı Çizili – Bağlantıların altının çizilip çizilmeyeceğini seçin.
<head> içinde ekstra CSS ve Ekstra kod
Ekstra CSS – Buraya fazladan CSS kodu ekleyin.
<head> içindeki ekstra kod – Bu alana herhangi bir meta ve bağlantı etiketi ekleyin.
Analitik
In Analitik sekmesi, Google Analytics komut bir AMP özgü JSON sürümünü girebilirsiniz.
Not: Genel Google Analytics komut dosyaları AMP çerçevesiyle çalışmaz, bu nedenle işleri biraz daha karmaşık hale getirir… ve çok daha az eğlenceli hale getirir.
Google Analytics’i AMP yayınlarınıza eklemek için aşağıdaki kod satırlarını Analytics kodu alanına ekleyin . UA-XXXXX-Y’yi benzersiz Google izleme kimliğinizle (ör. UA-5295510-2 veya benzeri) değiştirdiğinizden emin olun .
<amp-analytics type = ”googleanalytics”> <script type = ”application / json”> { "Vars": { "Hesap": " UA-XXXXX-Y " }, "Tetikleyiciler": { "TrackPageview": { "Açık": "görünür", "İstek": "sayfa görüntüleme" } } } </script> </amp-analytics>
Bu kodu Yoast SEO ve AMP için Glue’ya eklemek sizin için işe yarayabilir veya çalışmayabilir. Kodunuzun AMP yayınlarınıza eklenip eklenmediğini görmek için aşağıdakileri yapın:
Amfi gönderilerinizden birini (ör. Myneatosite.com/cool-post/amp/) ziyaret edin ve sayfa kaynağını görüntüleyin. “Analiz” araması yapın ve kodu görürseniz, AMP yayınlarınıza başarıyla analiz eklediniz.
Herhangi bir nedenle kod AMP gönderilerinize eklenmediyse sonraki yöntemi deneyin.
Yöntem 2
Bu yöntem biraz daha karmaşık olsa da kesinlikle işe yaraması gerekir.
WordPress kontrol panelinizde, Eklentiler > Düzenleyici’ye gidin , ardından açılır menüden AMP’yi seçin (aşağıdaki ekran görüntüsüne bakın) ve Seç düğmesini tıklayın.
Ardından, ekranın sağ tarafındaki Eklenti Dosyaları altında , Şablonlar’a tıklayın ve single.php’ye gidin .
Komut dosyanızın düzgün çalışması için, aşağıdaki AMP komut dosyasını aşağıdaki resimde gösterildiği gibi bu dosyanın baş alanına <head> ve </head> arasına yerleştirmeniz gerekir.
<script async custom-element = ”amp-analytics” src = ”https://cdn.ampproject.org/v0/amp-analytics-0.1.js”> </script>
İlk komut dosyasını ekledikten sonra, aşağıdaki kodu <body> açılış etiketinin hemen sonrasına eklemeniz gerekir:
<amp-analytics type = ”googleanalytics”> <script type = ”application / json”> {“vars”: {“hesap”: “ UA-XXXXX-Y ”}, “tetikleyiciler”: {“trackPageview”: {“ on ”:“ visible ”,“ request ”:“ pageview ”}}} </script> </amp-analytics>
Kodu dikkatlice ekledikten sonra , sayfanın altındaki Dosyayı Güncelle düğmesini tıklayın.
Lütfen dikkat: Bu dosyalardan herhangi birinde yanlış kod varsa sitenizi bozabilirsiniz, bu nedenle kodu dikkatli bir şekilde ekleyin. Ayrıca, dosyayı WordPress kontrol paneli alanında düzenleyememe ihtimaliniz de vardır.
Bu durumda aşağıdakileri yapın:
- Dosyayı bir FTP istemcisi aracılığıyla indirin. Git wp-content > eklentileri > amp > şablonlar ve indirmek single.php dosyasını.
- Ardından, komut dosyalarını eklediğinizde bir şeyi bozmanız ihtimaline karşı orijinal dosyanın bir kopyasını oluşturun.
- Ardından, bir metin düzenleyicide açın, 2 kod parçasını ekleyin ve dosyayı kaydedin.
- Son olarak, single.php dosyasını indirdiğiniz yere yükleyin ve eskisinin üzerine yazın.
Seçenek # 2: WP eklentisi için AMP ile AMP ekleme
Gelişmiş tasarım ve işlevsellik seçeneklerinin yanı sıra daha kolay Google Analytics entegrasyonu istiyorsanız, AMP for WP eklentisini kullanmayı kesinlikle düşünmelisiniz .
Bu eklenti artık kendi kendine çalışıyor, bu yüzden onu VEYA Automattic’in AMP eklentisini kullanın , ama İKİSİNİ DEĞİL .
WP için AMP size aşağıdakiler dahil gelişmiş seçenekler sunar:
Başlıkta Logo – yerine metin biçiminde sitenizin başlığı, sizin AMP sayfaları ve mesajların başlığında logosu görüntüleyin.
Sayfalar için destek – Blog yayınlarına ek olarak sitenizin sayfalarına AMP ekleyin.
Birden çok tasarım seçeneği – Mevcut 3 farklı yerleşik seçenekle AMP içeriğinizin nasıl görüneceğini yapılandırın. Ayrıca kullanmak için kendi özel AMP şablonlarınızı da oluşturabilirsiniz.
Reklamcılık – Sitenizdeki reklamlardan gelir elde edebilmek için AMP içeriğinize Google AdSense ekleyin.
Sosyal düğmeler – Ekranın altında her zaman görünen yapışkan olanlar da dahil olmak üzere, AMP yayınlarınıza ve sayfalarınıza sosyal paylaşım düğmelerini kolayca ekleyin ve yapılandırın.
WP için AMP’yi kullanmaya başlamak için, basitçe kurun ve etkinleştirin. Artık WordPress panonuzda bir AMP menü öğesi göreceksiniz.
AMP sayfalarınızın düzenini / tasarımını yapılandırmanın en kolay yolu Görünüm > AMP’ye gitmektir .
Bu, aşağıdaki öğeleri etkinleştirip yeniden sıralayabileceğiniz özelleştiriciyi açacaktır:
- Meta bilgisi
- Başlık
- Özellikli resim
- İçerik
- Kategoriler ve Etiketler
- Sosyal Simgeler
- Yorumlar
- İlgili Mesajlar
Ayrıca burada bir Üstbilgi Metin Rengi ve Üstbilgi Arka Planı ve Bağlantı Rengi de seçebilirsiniz .
Şimdi, AMP for WP eklentisindeki diğer ayarlardan bazılarına geçelim.
Eklentinin bazı seçeneklerini yapılandırmak için Ayarlar sekmesine gidelim.
Genel
Burada aşağıdakileri yapabilirsiniz:
- AMP içeriğinizin başlığı için bir logo yükleyin.
- İsterseniz özel bir logo boyutu ayarlayın.
- Yayınlar için AMP’yi etkinleştirin.
- Sayfalar için AMP’yi etkinleştirin.
- Ana Sayfanız için AMP’yi etkinleştirin.
- Arşivler için AMP desteğini etkinleştirin.
AMP içeriğim için bir logo yüklediğimde, gerçekten kötü görünüyordu, bu yüzden onu kullanmamaya karar verdim. Logonuzu yükleyin ve neye benzediğini görün.
Bu eklenti ile sayfalar ve yazılar için AMP’yi etkinleştirebilirsiniz. Sayfa içeriğinize bağlı olarak, bu kutunun dışında iyi çalışabilir veya çalışmayabilir.
Ek olarak, ana sayfanız için de AMP’yi etkinleştirebilirsiniz. Bunu denedim ve özel sitem için iyi çalışmadı.
Tüm bu seçeneklerle onları deneyin ve siteniz için nasıl çalıştıklarını görün.
Sayfa Oluşturucu
AMP for WP, AMP için kolayca açılış sayfaları oluşturmak üzere kullanabileceğiniz bir Sayfa Oluşturucuya sahiptir.
Bunu sitemde kullanmadım ama denemek isteyebilirsin.
İlan
Reklam sekmesinde, içeriğinizin çeşitli alanlarına AdSense kodu ekleyebilirsiniz:
- Başlığın altında (site genelinde)
- Altbilginin altında (site genelinde)
- Gönderi içeriğinin üstünde (tek yazılar)
- Gönderi içeriğinin altında (tek yazılar)
- Başlığın altında (tek yazılar)
- İlgili yazıların üstünde (tek yazılar)
Ayrıca, çeşitli standart görüntülü reklam biçimleri arasından seçim yapmanıza olanak tanır. Ek reklamcılık işlevi istiyorsanız, Gelişmiş AMP ADS uzantısına bakın.
SEO
SEO sekmesinde, Meta Açıklamalarınızın AMP içeriğinizin baş bölümünde görüntülendiğinden emin olabilir ve oraya başka bağlantı ve meta etiketler de ekleyebilirsiniz.
Yoast SEO Seçenekleri altında , Yoast kaydırıcısından Meta Etiketlerini açmanızı tavsiye ederim. Diğerini bilmiyorum ama kapalı bıraktım.
Varsayılan olarak, Gelişmiş Dizin ve Dizin Seçeneği Yok altındaki tüm öğeler etkindir. Hepsini kapattım çünkü yine de Yoast SEO ayarlarımda tüm bu öğeleri noindexed’im var.
Not: Tüm bu ayarları siteniz için farklı şekilde yapılandırmak isteyebilirsiniz, bu nedenle düşünün ve gerekirse ayarlayın.
Verim
Performans sekmesinin altında, AMP Sayfasını Küçült özelliğini sayfa hızını daha da artırdığı için etkinleştirmeniz gerekir.
Analitik
In Analitik sekmesinden, açılır menüden analizi sağlayıcısı seçin ve aşağıdaki kutuda seçilen ne olursa olsun kimliğini ekleyin.
Ek olarak şunları ekleyebilirsiniz:
- Gelişmiş Analytics İzleme Etkinliği Seçenekleri
- Google Etiket Yöneticisi
- Facebook Piksel
Yapılandırılmış Veriler
Gelen Yapısal Veri sekmesi, aşağıdakilerden seçeneklerini ayarlayabilirsiniz:
- Yayınlar ve sayfalar için yapılandırılmış veri türünü seçin.
- Google’da gösterilmek üzere varsayılan bir logo yükleyin ve isterseniz özel bir boyut kullanın.
- Yayınlarda kullanmak için varsayılan bir resim yükleyin.
- Varsayılan görüntünüz için görüntü genişliğini ve yüksekliğini belirtin.
- Video nesneleri için kullanmak üzere varsayılan bir küçük resim yükleyin.
Bildirim Çubuğu
In Bildirimi Bar sekmesi, size AMP tüm içeriği bildirimler etkinleştirebilirsiniz. Bu, ziyaretçilerinize, sitenizin etkinliklerini veya başka bir şeyi izlemek için çerez kullandığını bildirmek için kullanılabilir.
Push bildirimleri
Siteniz Anında Bildirimler için OneSignal kullanıyorsa , bir APP Kimliği girerek sitenizi AMP içeriğinizle entegre edebilirsiniz . Ek olarak, içeriğinizde görüntülenen Abone Ol ve Abonelikten Çık metnini özelleştirebilirsiniz .
İletişim Formu
In İletişim Formu sekmesi, size İletişim Formu 7 veya Yerçekimi Formları ile oluşturulan formları entegre edebilirsiniz.
Lütfen unutmayın: AMP dostu iletişim formları eklemek için premium uzantılar satın almanız gerekecek.
Yorumlar
Gelen Yorumlar sekmesi, sen dahil yorum sistemlerinin etkinleştirebilirsiniz:
- WordPress yorumları – Şu anda varsayılan WordPress yorumlarını kullanıyorsanız, ilk seçeneği etkinleştirin ve görüntülemek istediğiniz yorum sayısını seçin (varsayılan 10’dur).
- Disqus yorumları – Disqus Adı URL’nizi girmeniz ve bir Disqus ana bilgisayar dosyası oluşturmanız gerekir ( talimatlara bakın ).
- Facebook yorumları – AMP olmayan içeriğinizde Facebook yorumları kullanıyorsanız, Facebook yorumlarını etkinleştirin ve gösterilecek yorumların sayısını girin.
Anında Makaleler
Gelen Anlık Makaleler sekmesi, sen Facebook’un Anında Makaleler etkinleştirebilirsiniz.
Daha sonra aşağıdakileri ayarlayabilirsiniz:
- Anlık makaleler için oluşturulacak gönderi sayısı (tüm gönderileri oluşturmak için boş bırakın).
- Anında Makale sayfalarında reklamı etkinleştirin.
- Anında Makale sayfaları için analitiği açın.
AMP Toplu Araçlarını Gizle
Bu sekmede, isterseniz AMP’den hariç tutulacak belirli kategorileri seçebilirsiniz.
Gelişmiş Ayarlar
İleri düzey bir kullanıcıysanız, ek öğeleri Gelişmiş Ayarlar sekmesinde yapılandırabilirsiniz . Etkinleştirdiğim tek öğe, Mobil Yeniden Yönlendirme (ziyaretçileri mobil cihazlardaki AMP içeriğime otomatik olarak yönlendirir) ve Eklenti Güncelleme Bildirim Çubuğu idi .
Wordpress amp Bu sekmeye aşağıdakileri ekleyebilirsiniz:
- Başlığa HTML girin.
- Gövde kısmına HTML girin (gövde etiketinin başında).
- Altbilgiye HTML girin.
- Menü URL’sine otomatik olarak AMP ekleyin.
- AMP’deki kategori tabanını kaldırın (Bunu Yoast SEO’nun ayarlarında ayarladım, böylece burada yalnız bıraktım).
- AMP’deki etiket tabanını çıkarın.
- Özel alanlardan öne çıkan görüntüler ekleyin.
- İçerikten öne çıkan görseller ekleyin. Önceden belirlenmiş bir resim yoksa, bunu etkinleştirmek yayınınızdaki ilk resmi alır ve onu öne çıkan resim yapar.
- Öne çıkan resmin kopyasını oluşturun.
- Meta kutuyu yayın düzenleyicide yayınlama ayrıcalıklarına sahip herkese veya yalnızca yöneticilere gösterin.
- AMP’de geliştirme modu.
- Eklenti güncelleme bildirim çubuğunu etkinleştirin / devre dışı bırakın.
Muhtemelen bu seçeneklerin çoğunu kullanmayacak ve sadece varsayılan ayarları bırakacaksınız.
Çeviri Paneli
Bu panelde, çok dilli AMP içeriğiniz varsa POT dosya yöntemini kullanmayı seçebilirsiniz. Bu durumda, AMP içeriğinizde kullanılan tüm diller için tüm dizeleri çevirmek için Loco Translate gibi bir eklenti kullanabilirsiniz .
Bir sürü farklı öğe için tüm varsayılan metni de değiştirebilirsiniz (yukarıdaki ekran görüntüsüne bakın).
Kullandığınız AMP temasına bağlı olarak, bu öğelerden bazıları içeriğinizde görünmeyebilir bile. Çoğu durumda, varsayılanları olduğu gibi bırakmanızda sorun yoktur.
Wordpress amp
Artık Ayarlar sekmesindeki çeşitli bölümlerden geçtiğimize göre , Tasarım bölümüne geçelim .
Temalar
In Temalar bölümünde, kendi AMP içerik için 4 varsayılan tema arasından seçim yapabilir.
Ayrıca burada birkaç temayı daha görüntüleyebilir ve indirebilirsiniz . Hem Bloglama hem de Minimal temaları ücretsizdir, ancak Gazete teması değildir.
Küresel
In Küresel sekmesi, size çapa bağlantılar için bir renk seçin ve sonrası meta bilgi için bir tarih biçimini ayarlayabilirsiniz.
Ayrıca, AMP stil sayfanızı tamamen özelleştirmek istediğiniz herhangi bir özel CSS’yi ekleyebilirsiniz.
Üstbilgi
Burada, AMP içeriğinizde aşağıdakiler dahil birkaç farklı başlık öğesini etkinleştirebilir veya devre dışı bırakabilirsiniz:
Wordpress Amp
Navigasyon Menüsü – AMP sayfalarınızın / yayınlarınızın başlığında bir mobil menünün görüntülenip görüntülenmeyeceğini seçin.
Ara – AMP ziyaretçilerinizin sitenizi başlıkta aramasına izin vermek istiyorsanız bunu etkinleştirin.
AMP Olmayan Ana Sayfa bağlantısı – başlıktaki logonuzun veya site adınızın AMP olmayan sitenize bağlanmasını isteyip istemediğinizi ayarlayın.
Anasayfa
Bu bölümde ana sayfanız için farklı seçenekler belirleyin:
- Bir alıntı gösterilip gösterilmeyeceğini seçin ve bunun için kelime sayısını belirtin.
- Bir kategori etiketini etkinleştirin veya devre dışı bırakın ve ana sayfanızdaki yayın tarihini gösterin veya gizleyin.
- Son olarak, ana sayfanızdaki küçük resim boyutunu geçersiz kılmayı seçebilirsiniz.
Tek sekmede, tek AMP sonrası biçimlendirme ve görüntüleme için çeşitli seçenekleri yapılandırabilirsiniz.
Ekmek kırıntıları – kırıntıları göstermeyi isteyip istemediğinizi seçin.
Kategoriler – gönderi kategorisini görüntüleyin.
Etiketler – gönderinizle ilişkili etiketleri gösterin.
Yapışkan Sosyal Simgeler – mobil cihaz ekranının altındaki yapışkan sosyal simgeleri etkinleştirin / devre dışı bırakın.
Alıntı – tek AMP gönderilerinin içeriğinin üzerine bir alıntı ekleyebilirsiniz.
Sonraki-Önceki Bağlantılar – tek tek gönderilerin altında sonraki ve önceki bağlantıları görüntüleyerek ziyaretçilerinizin gönderileriniz arasında kolayca gezinmesine izin verin.
Gönderinin Değiştirilme Tarihini Göster – Gönderinizin en son değiştirildiği tarihi gönderinizin sonunda görüntüleyin.
Yazar Biyografisi – bir yazar biyografisi ekleyin.
Yazar Sayfalarına Bağlantı – yazar arşivlerinize bir bağlantı görüntüleyin.
Mesaj Sayfalandırma – tekil gönderilere sayfalamayı dahil edin.
İlgili Gönderi – Eklentinin gönderilerinizin altında gösterilecek ilgili içeriği nasıl seçeceğini seçin.
İlgili Gönderileri Rastgele Sırala – ilgili gönderileri rastgele bir şekilde görüntülemeyi de seçebilirsiniz.
İlgili Gönderi Sayısı – gönderinizin sonunda görüntülemek istediğiniz ilgili gönderi miktarını seçin.
İçerik İçi İlgili Gönderi – Sonunda değil, içeriğinize ilgili gönderileri ekleyip eklemeyeceğinizi seçin.
Alt bilgi
Burada, hem AMP olmayan sayfanıza giden bağlantıyı hem de AMP içeriğinizin altbilgisindeki başa dön bağlantısını etkinleştirmeyi veya devre dışı bırakmayı seçebilirsiniz.
Sayfa
AMP sayfalarına meta bilgi ekleyip eklemeyeceğinizi seçin.
Sosyal
In Sosyal ayarlarında, mobil cihazlar altındaki yapışkan payı çubuğunda görüntülemek istediğiniz hangi sosyal ağlarda seçin.
Çeşitli
Gelen Çeşitli sekmesi, aşağıdakileri yapabilirsiniz:
- AMP yayınlarınızdaki öğelerin düzenini ayarlamak için sürükle ve bırak gönderi oluşturucusunu kullanın.
- Sağdan sola dil desteğini etkinleştirin.
- Kategori sayfalarına alt kategoriler ekleyin.
Uzantılar
Aşağıdakiler dahil olmak üzere, AMP içeriğinize ekstra işlevsellik eklemek için satın alabileceğiniz çok çeşitli güçlü uzantılar vardır :
Gelişmiş AMP ADS – 7 farklı reklam biçimi arasından seçim yapabilir ve hatta Google AdSense’teki bağlantı reklam birimlerini kullanabilirsiniz. Bu uzantı ile, AMP içeriğinizin ortasına herhangi bir reklam ağından reklam modülleri ekleyebilirsiniz. Ayrıca, ziyaretçileriniz ekranı kaydırdığında bile içeriğinizin üstünde kalan yapışkan reklamları da kullanabilirsiniz. Maliyet = 29,99 ABD doları .
AMP Önbelleği – AMP içeriğinizin yükleme süresini daha da iyileştiren bir önbelleğe alma sistemi. WP testleri için AMP’ye göre, AMP içeriğinizin% 50’ye kadar daha hızlı yüklenmesini sağlayacaktır.
Maliyet = 89,99 ABD doları .
Yerçekimi Formları – Yerçekimi Formlarını AMP içeriğiyleentegre etmenizi sağlar. Form oluşturucu ile çalışır ve uygun doğrulamayı içerir. Maliyet = 79,99 ABD doları .
İletişim Formu 7 – İletişim Formu 7’yi AMP sayfaları ve gönderileriyle entegre etmenizi sağlar. Form oluşturucu ve uygun doğrulama ile çeşitli alanlar ile sorunsuz bir şekilde çalışır. Maliyet = 39,99 $ .
E-posta Tercih Formları – Mobil ziyaretçilerin e-posta bülteninize kaydolabilmesi için katılım formları ekleyin. Size sınırsız formlar oluşturma ve bunları çeşitli renk seçenekleriyle özelleştirme seçeneği sunar. Bunları otomatik olarak görüntüleyebilir veya kısa kod aracılığıyla manuel olarak ekleyebilirsiniz. Maliyet = 79,99 ABD doları .
AMP WooCommerce -Tek bir tıklamayla daha iyi mobil kullanılabilirlik için WooCommerce çevrimiçi mağazanızı AMP ileentegre edin. Dükkanın yanı sıra ürün, alışveriş sepeti ve arşiv sayfalarında da çalışır. AMP for WP, mevcut en gelişmiş e-Ticaret AMP eklentisi olduğunu iddia ediyor. Maliyet = 79,99 ABD doları .
AMP Teaser – AMP ziyaretçilerine yayınınızın tamamını içeren bir bölüm ve AMP olmayan içeriğin tamamına yönlendiren bir düğme gösterin. Bu, bazı yayıncıların AMP platformunu tam olarak benimsemekte tereddüt etmesi nedeniyle oluşturuldu. Maliyet = 19,99 ABD doları .
Özel Gönderi Türü – Özel gönderi türlerini kolayca etkinleştirmenize olanak tanırve hatta özel kodlanmış veya 3. taraf eklentiler tarafından oluşturulanları destekler. Maliyet = 19,99 ABD doları .
Harekete Geçirici Mesaj (CTA) – Bu uzantı iki tür CTA içerir: bir kutu ve bir çubuk. CTA kutusu, otomatik veya manuel olarak AMP içeriğinizin üstüne, altına ve içine yerleştirilebilecek bir kutu oluşturmanıza olanak tanır. CTA çubuğu, mobil ekranın altında bulunan ve site genelinde bir mesaj görüntülemenizi sağlayan bir bildirim çubuğudur. Maliyet = 29,99 ABD doları .
Yorum Formu – Bu uzantı ile,AMP içeriğinizekolayca yerel WordPress, Disqus veya facebook yorumlarıekleyebilirsiniz. Bunu kullanmak için sitenizde bir SSL sertifikasının kurulu olması gerekir. Maliyet = 29,99 ABD doları .
AMP için ACF – Bu uzantı, AMP içeriğinizde Gelişmiş Özel Alanlar verilerini görüntülemenize olanak tanır ve gelişmiş teknik beceriler gerektirmez. Maliyet = 29,99 ABD doları .
AMP Derecelendirmeleri – Ürünler için derecelendirmeleri ve özel gönderi türlerini AMP sayfalarınıza ve yayınlarınıza kolayca ekleyin. Aşağıdaki eklentilerle birlikte kullanılabilir:
- KK yıldız derecelendirmeleri
- WP-PostRatings
- WP İncelemesi
Maliyet = 19,99 ABD doları .
AMP için DFP – Bu uzantıyla, AMP’de DoubleClick for Publishers reklam desteğini tek bir tıklamaylaekleyebilirsiniz. DFP reklamlarını AMP içeriğinizdeki herhangi bir reklam alanına veya yapışkan reklam olarak ekleyin. Maliyet = 19,99 ABD doları .
Yukarıda listelenen premium uzantıların tüm fiyatları 1 web sitesi içindir ve 1 yıllık güncelleme ve desteği içerir.
AMP Sık Sorulan Sorular
AMP içeriği kopya olarak kabul edilmeyecek mi?
WP eklentileri için hem AMP hem de AMP, “rel = canonical” etiketlerini orijinal AMP olmayan içeriğinize geri ekler, bu da olası yinelenen içerik cezalarını etkili bir şekilde ortadan kaldırır.
AMP içeriğime yönlendirmeler ayarlamalı mıyım?
Google (ve AMP’yi destekleyen diğer siteler) otomatik olarak mobil kullanıcıları gönderilerinizin (ve etkinleştirilmişse sayfaların) AMP sürümlerine göndereceğinden, mobil kullanıcılarınızı yeniden yönlendirme konusunda endişelenmenize gerek yok. Bir ziyaretçi doğrudan sitenize giderse, WP gelişmiş ayarları için AMP’de mobil yeniden yönlendirme özelliğini etkinleştirmediğiniz sürece AMP sürümüne yönlendirilmeyecektir.
AMP yalnızca mobil cihazlarda mı çalışacak?
Hayır, AMP’ler optimum mobil deneyim için tasarlanmıştır ancak bunları bir masaüstü tarayıcıda da görüntüleyebilirsiniz. Elbette, birisi sitenizi bir masaüstü, dizüstü bilgisayar veya tabletten ziyaret ettiğinde, sayfanızın veya yayınınızın AMP sürümüne yönlendirilmeyecektir.
AMP hakkında nereden daha fazla bilgi edinebilirim?
AMP hakkında biraz daha araştırma yapmak isterseniz, Accelerated Mobile Pages Projesine buradan göz atın .
AMP’yi sitenize yüklemeli misiniz, yüklememeli misiniz?
AMP’yi kurup kurmamayı seçerken kendinize aşağıdakiler dahil birkaç soru sormalısınız:
Yayınlarım ve / veya sayfalarım AMP biçiminde nasıl görünecek?
Accelerated Mobile Pages kullanarak yayınlarınızın neye benzediğini belirlemek için, WP için AMP veya AMP’yi kurmanız ve etkinleştirmeniz yeterlidir. Ardından, herhangi bir gönderiye gidin ve URL’nin sonuna / amp / ekleyin.
Not: Yeni AMP biçiminizi görmek için önbelleğinizi temizlemeniz veya bir Gizli pencere açmanız gerekebilir.
Site işlevselliği ne olacak?
Sitemde AMP ile ÇALIŞMAYACAK ve geliştirilmiş hız çalışmayan diğer işlevleri telafi edecek gerekli işlevler var mı ?
Mevcut trafiğimin yüzde kaçı mobil cihazlardan gelen ziyaretçilerden geliyor?
Bu, Google Analytics hesabınızın sol kenar çubuğundaki Ana Sayfa sekmesinden kontrol edilebilir . Web siteniz için AMP yüklemeye ve yapılandırmaya değer, çünkü sitenizin mobil görünürlüğünü artırmanıza yardımcı olabilir ve bu da doğal olarak daha fazla trafiğe yol açar.
Sonuç
Sitenize AMP eklemek, mobil ziyaretçiler için kullanıcı deneyimini iyileştirmenin harika bir yoludur. Bununla birlikte, sitenize eklemeye karar vermeden önce göz önünde bulundurmanız gereken birkaç nokta var.
Umarım, bu kılavuz Hızlandırılmış Mobil Sayfalara biraz ışık tutmuştur ve WordPress web sitenize kolayca ekleyebilmeniz için size adım adım talimatlar göstermiştir.
Herhangi bir sorunuz varsa, lütfen aşağıya bir yorum bırakmaktan çekinmeyin. Size yardımcı olmak için elimden geleni yapacağım, ancak sorununuzu çözmeyi garanti edemem.