AMP FOR WP Eklentisi Ayarları ve Kurulumu

0

WordPress için hazırlanmış en iyi amp eklentisi sayesinde sitenizi %100 mobil uyumlu hale getirebileceksiniz. Sizlere bugün bu eklentinin kurulumunu ve ayarlarını nasıl yapacağınızı anlatmaya çalışacağım ama bundan önce eklenti hakkında kısaca sizi bilgilendirmek istiyorum. Eklenti şuan da WordPress kullananların en çok tercih ettiği eklenti çünkü birçok özelliği ücretsiz olarak paylaşıyor. AMP reklam yerleri, sadece yazılar ve sayfalar da amp olsun istiyorsanız bunu da panel üzerinden değiştirebiliyorsunuz. GDPR cookie desteği, One signal push desteği, 4 farklı ücretsiz amp tema, adsense için amp otomatik reklamlar desteği ve daha bir çok özellik daha yazımın devamında uzun uzun yazacağım şimdi kurulum ve ayarlara geçelim.

Eklentinin Kurulumu

Eklentiyi wp-admin >> eklentiler >> yeni ekle kısmından “ampforwp” şeklinde arama yaparak indirebilirsiniz ya da manuel olarak  buradan indirebilirsiniz.

Etkinleştirdikten sonra eklenti hızlıca ayarları yapabilmemiz için hızlıca ayarları yapabilmeniz için basit ve kullanışlı bir kurulum sayfası yapmış:

Run İnstallation Wizard diyerek logonuzdan, menülerinize ve analytics koduna kadar birçok temel alanı hızlıca doldurabilirsiniz. Hızlı ayarları yaptıktan sonra Amp ayarlar sayfamıza girebiliriz artık “Amp Options Panel” bağlantısına tıklayıp asıl yönetim ekranına geçelim. Ayarlar sayfası 4 bölüm üzerinden oluşuyor bunlar:

Eklentinin AYARLARI

1- Settings (Ayarlar) Sekmesi 

  • General
    General sayfası içinde iki alan bulunuyor bunlardan biri Branding kısmı logo ve logo yükseklik değerlerini değiştirebileceğiniz alan. Diğeri ise Amp Support alanı burada da sitenizdeki anasayfa, yazılar, kategoriler, etiketler için hangilerinde amp desteğinin olmasını istediğinizi seçiyorsunuz. Kendim sadece post yani yazı türlerinde amp’yi etkinleştirdim. Çünkü kendi sitemin mobil ziyaretçiler için olan kısmı da yeterince iyi açılıyor bende. Eğer siteniz için mobil bir temanız yoksa ya da responsive bir tasarıma sahip değilseniz bütün sayfalar, kategoriler ve anasayfa içim amp kullanabilirsiniz.

    amp support bölümünden görüntü
Özellikle responsive bir tasarıma sahip değilseniz ya da mobil temanız yoksa hepsini aktileştirmenizi öneririm.
  • Page Builder
    Bu sekme sayesinde nasıl sayfa oluşturabileceğinizi öğrenebilirsiniz. Fazla üzerinde durulacak bir alan değil şuan.
  • Advertisement
    Reklamlarınızı yerleştirebileceğiniz alan bu alanda ücretsiz versiyonda sadece adsense reklamları yerleştiriliyor. Yazının üstü, yazının altı, footer, header, loop ad dediğimiz yazıların listelendiği alanda istediğiniz yazıdan sonra reklam alanı gibi bir çok alan mevcut. boyutlarına kadar her alano değişterbilirsiniz. Yeni gelen özellikle hızlı açılması için de optimizasyon alanı da mevcut. Bu kısmı aktif ederek reklamların daha hızlı açılmasını sağlayabilirsiniz.
  • Seo
    Seo kısmında siteniz için özel bir meta açıklama alanı oluşturabilirsiniz. Eğer bir seo eklentisi kullanıyorsanız alttan seo eklentinizi seçebilir direk o ayarları kullanabilirsiniz. Eklenti en popüler seo eklentileriyle %100 uyumlu çalışmaktadır.
  • Performance
    Bu kısımda amp için minimize işlemi yapabilir kod yapısını küçültüp daha hızlı açılan amp sayfaları yapabilirsiniz. Ben bu kısımdaki “minify” seçeneğini aktif kullanıyorum.
  • Analiz
    Analiz kısmında Google Analytics kodunuzu ekleyebilir ve ziyaretçi ölçümü yapabilirsiniz. Bunun dışında diğer ziyaretçi analiz ürünlerine de hizmet verir. Hizmet verdiği ürünler şu şekilde: Facebook Pixel, Segment Analytics, Matomo (Piwik) Analytics, Quantcast Measurement, comScore, Effective Measure, StatCounter, Histats Analytics, Yandex Metrika, Chartbeat Analytics, Alexa Metrics, AFS Analytics, Adobe Analytics
  • Structured Data
    Seo için çok önemli olan Schema desteğini veren alandır. Burada önemli olan kısım içeriğinizin türüdür. Eğer bir blog yazarıysanız blogposting seçeneğini, eğer bir haber sitesi yönetiyorsanız Newsarticle seçebilirsiniz diğer ayarlar için görsele bakın
amp schema desteği

 

  • Notice Bar & GDPR
    Bu alanda son zamanlarda Google’ın AB tarafından verilen cezayla herkesin gündemine oturan gizlilik yasası ve cookie’lerin korunması olayıdır. Eğer siteniz AB ülkelerinden hatırı sayılır ziyaretçi çekiyorsa bu alandan GDPR’yi aktif edebilirsiniz.
  • Push Notifications
    Bu panel sayesinde onesignal push app id’nizi girerek amp sayfalarında abone olma simgesi gösterebilirsiniz.
  • Contact Form
    WordPress için hizmet veren Contact form7, Grivity Form ve Ninja Form eklentilerini kullanmanıza olanak sağlayan alandır.
  • Comments
    AMP sayfalarınızda yorum alanını aktif etmek isterseniz ya da farklı bir yorum sistemi kullanmak isterseniz bu sayfada gerekli ayarlamayı yapmanız gerekiyor. Yorumlara yazılar da ve sayfalarda izin verme alanı ve  en iyi yorum eklentilerini kullanmanıza olanak sağlıyor. Disqous, Facebook Comment ve daha fazlası görsel de mevcut.
amp yorum seçenekleri

 

  • Facebook Instant Articles
    Bu özellik bence harika amp desteğiyle beraber sayfalarınızı FB Instant article’a uyumlu hale getirmenizi sağlıyor. Tek eklenti ile işi çözmüş oluyorsunuz bir nevi. Instant articles için gerekli tüm ayarlamaları yapabileceğiniz bir panel sunuyor size.
  • Hide AMP Bulk Tools
    Bu araç sayesinde kolay bir şekilde amp olmasını istemediğiniz yazıları ve kategorileri seçebiliyorsunuz. Hepsi sıralı liste halinde önünüze geliyor sizin yapmanız gereken tek şey amp’ye dönüşmesini istemediğiniz sayfalara tik koymak.
  • Advanced Settings
    Çeşitli ayarlamaları yapacağınız alan, Önemli olan kısım Adsense Otomatik AMP Reklamlar için gerekli kodları girmenizi sağlayan alanlar mevcut. AMP’nin head, body ve footer alanlarına amp’ye uygun kodlar ekleyebilirsiniz. Mobil kullanıcıları AMP sayfalara yönlendirebilirsiniz, bir nevi mobil tema olarak kullanmak isteyenler için önemli. Birçok ayarı yapmanıza olanak sağlayan bir alan aklınıza bu kısımla ilgili anlamadığınız bir alan çıkarsa bana yorum alanından bildirebilirsiniz.
  • E-Commerce
    Bu kısımda Woocommerce eklentisi veEasy Digital Downloads Support eklentileri için AMP Desteğini aktif etmeniz için var. İsterseniz ürün sayfalarınızı da AMP’ye çevirebilirsiniz.
  • Translation Panel
    AMP siteniz üzerinde bulunan alanları Türkçeleştirebilirsiniz. Son yazılar, Benzer İçerikler, Arama Kısmı, Arama sonuç sayfası bir çok alanın istediğiniz dile çevirebilirsiniz.

1- Design (Tasarım) Sekmesi 

Bu sekme genel itibari ile Görünüm ile alakalıdır. Tema seçiminden yazılar ve kategorilerin biçimine kadar birçok alanı düzenlemenize imkan verir. Şimdi yine sırasıyla ne işe yaradığını anlatayım.

    • Themes
      AMP siteniz için tema seçimi yapabileceğiniz alan ücretsiz olarak 4 adet tema var. Her biri birbirinden farklı özellikle son eklenen iki tema (Design Tree ve Swift temaları) çok güzel arama modülünden, mobil menüye kadar birçok alanı özenle yapılmış.

      amp tema seçimi
    • Global
      Bu alanda sitenizin genel renk, yazı tipi ve sidebar gibi alanların düzenini sağlıyorsunuz. Ayrıca isteğe bağlı CSS’de ekleyebilirsiniz.
    • Header
      Bu alanda seçmiş olduğunuz tamaya göre üst kısımı düzenleyebiliyorsunuz. Menüleri düzenleyebilir ekstra olarak alışveriş simgesi, arama simgesi gibi alanlar girebilirsiniz gayet kullanışlı bir alan.

      amp header bölümü

       

  • HomePage
    Amp anasayfası için basit ayarlar mevcut. Resim özniteliklerini geçersiz kılma ve görüntülenecek özet kısmı gibi ayarları yapmanızı sağlar.
  • Single
    Bu alan AMP yazılarınızın nasıl görüneceğini seçeceğiniz alandır. Temanıza göre şekillendirebileceğiniz alanlar mevcuttur.  Benzer yazılar, paylaşım butonları, BreadCrumbs ve daha fazla alanı gösterip gizleyebileceğiniz alandır.
  • Footer
    Bu alanda footer yapınızı seçebilirsiniz. Footer’a eklemeler yapabilir sitenin altında görünen AMP olmadan siteyi görüntüle seçeneğini gibi küçük değişikleri yapabilirsiniz.
  • Page
    Sayfalarınız AMP aktif ise sayfalarınız için de tıpkı yazı türlerinde olduğu gibi nelerin gözüküp nelerin gözükmesini istemediğinizi seçebilirsiniz.
  • Social
    Sosyal medya siteleri için gerekli url ve app id’leri gireceğiniz alandır
  • Date
    Yazılarınızın yayımlanma tarihi gibi alanların gösterimini yapmanızı sağlar. Arama sonuçlarında şu tarihte yayınladı ibaresinin görünmesini istiyorsanız seçmelisiniz.
  • Misc
    Sitenize RTL desteği ve alt kategoriler içinde çeşitli ayarları yapmanızı sağlar.

Pro İçin İndirim Kodu İsteyen

Genel itibari ile AMPFORWP eklentisi bu şekilde. Birçok ücretli özelliği mevcut. AMPFORWP proyu almak isteyenler için %15 indirim kodu elimde mevcut. Sadece 25 kişi için geçerli olan kodu yorum alanından isteyenlere göndereceğim.

Cevap bırakın

E-posta hesabınız yayımlanmayacak.