1. Ana Sayfa
  2. Wordpress Eklentileri
  3. WordPress AMP Kurulumu ve Özelleştirmesi Nasıl Yapılır?

WordPress AMP Kurulumu ve Özelleştirmesi Nasıl Yapılır?

Google AMP nedir? - AMP site nasıl kurulur? - WordPress için Google AMP kurulumu gerekli midir? - AMP sayfaya AdSense kodu nasıl eklenir?

WordPress AMP Kurulumu ve Özelleştirmesi Nasıl Yapılır?

WordPress kullanmak gerçekten çok kolay, ve özelleştirmek için sınırsız seçenek var. WordPress AMP kurulumu için de seçenekler var elbette.

Daha önce basitçe bu konuya değinmiştim. Fakat WordPress AMP kurulumu bir yana, insanlar özelleştirmeler istiyor. Çünkü AMP pek çok şeyi kısıtlıyor. Zaten hızlı olmasının nedeni de bu ya.

Bu makale de ise, WordPress AMP kurulumu, AMP sayfaları özelleştirme, SEO için iyileştirme, ve reklamlarla fazladan para kazanma hakkında konuşalım istiyorum.

WordPress AMP kurulumu

AMP yi WordPress’e entegre etmek için, her hangi bir teknik bilgiye gerek yoktur.

Tek yapmanız gereken, WordPress eklenti dizininden AMP eklentisini yüklemek.

WordPress yönetim paneline girin, sol menüden, Eklentiler > Yeni ekle diyoruz. Arama kutusuna AMP yazıp eklentiyi buluyoruz. Yükleyip etkinleştir diyoruz.

WordPress AMP Eklentisi

Bu eklenti için her hangi bir ayar menüsü mevcut değil. Tek yapmamız gereken yüklemek ve aktif hale getirmek.

Eklenti otomatik olarak sitemizin farklı bir dinamik sürümünü oluşturur.  AMP sürümü için bağlantı adresiniz şu şekilde olacaktır.

32byte.org/amp veya bir yazı sayfasında 32byte.org/wordpress-amp/amp biçiminde olacaktır.

Terk ettiğim sitemde bu makale için AMP kurup, görseller oluşturdum. Bakın AMP ile yada olmadan nasıl değişiklikler olmuş benim sitemde.

AMP olmadan:

Üstteki adres barına bakarsanız, AMP sürümü olmadığını göreceksiniz.

AMP sürümü:

AMP sürümünde kenar çubuğunun kaybolduğunu görebilirsiniz. Normalde AMP sürümlerinde, çok daha fazla değişiklikler olduğunu görmüşsünüzdür. Benim temam AMP yi desteklediği için, amatör bir görünüme dönmedi.

Farklı temalarda nasıl değişim olduğunu anlamak için, temayı değiştirip, tekrar görsel aldım.

WordPress yirmi ondört teması AMP olmadan:

Kendi temamın özellikleri sayesinde fazlaca bir değişiklik olmamıştı. WordPress deposunda bulunan Yirmi On Dört temasını kurdum ve bakın nasıl bir değişiklik oldu.

AMP sürümü:

Aradaki fark, siyahla açık mavi kadar net sanırım.

Sitede biraz özelleştirme yapmak istersek, Görünüm > AMP sekmelerini takip ederek, küçük renk değişikleri yapabiliriz.

WordPress AMP Özelleştirme

Fakat oldukça amatör bir görünüme sahip olacağı da bir gerçek.

O halde ne yapmak gerekli?.

  • Kolları sıvayıp, tonlarca kod yazarak özelleştirebilirsiniz.
  • Benim temam gibi AMP için uyumlu bir tema satın alabilirsiniz.
  • Yazıyı okumaya devam edip, muhteşem bir eklentiyle işinizi halledebilirsiniz.

WordPress AMP sayfaları özelleştirme

Bu iş için muhteşem bir eklenti var dedik. Eklentinin adı, hızlandırılmış mobil sayfalar. Bu eklenti üstte bahsettiğimiz eklenti olmadan çalışmaz. (Eklenti sayfası)

AMP for Wp Accelerated eklentisi

Hemen şunu da belirteyim: Temanız AMP eklentisi ile sorun çıkarıyorsa, bu eklentiyi de kurduğunuzda, sorun ortadan kalkabilir.

Eklenti bize neler sunuyor?

Hızlandırılmış mobil sayfalar eklentisi, son derece geniş yapılandırma ayarlarıyla birlikte geliyor.

  • Email aboneleri toplamak için, e-posta seçeneği.
  • Bildirim çubukları.
  • 9 Farklı reklam boyutu.
  • Açıklama formları.
  • Arama özelliği.
  • Geniş ekranda video izletme.
  • Disqus yorum desteği.
  • Google etiket yöneticisi desteği.
  • Sayfa, kategori ve etiketler için destek.
  • Sadece AMP ye özel yazı yazabilme özelliği.
  • Mobil yönlendirme.
  • Özel yazı tipi desteği.
  • Yıldız derecelendirme.
  • Sürükle bırak sayfa oluşturma.
  • 2 yeni tasarım
  • AMP sayfalarında ve diğer SEO eklentilerinde Yoast SEO desteği
  • AMP WooCommerce Desteği
  • AMP’de Sayfalar için Destek Açma / Kapatma
  • Çeviri Paneli ve RTL
  • Dahili AMP bağlantısı – Dahili olarak AMP sayfalarına göz atabilirsiniz
  • Mesajın altındaki ilgili yayınlar
  • Son Yorumlar listesi
  • Google Adsense (AMP-AD) Düzen boyunca 4 farklı Reklam yuvası ile destek! Bu kabiliyete sahip olan tek eklenti..
  • Google Analytics Desteği.
  • Kullanıcı Dostu Tema Seçenekleri Paneli.
  • Sınırsız Renk Şeması.
  • Resim Logo Yükle.
  • Mesajları ve Sayfaları destekler.
  • Doğru standart kanon etiketleri, Google’ın orijinal sayfayı bildiği anlamına gelir.
  • Kaplama Gezinme Menü çubuğu.
  • Tek Kişilik Sosyal Paylaşım.
  • Seksi Tasarım.
  • AMP sürümü için ayrı WordPress Menüsü.
  • Sayfa oluşturucu ve Kısa Kodlar Uyumluluk.
  • Galeri için atlıkarınca desteği.
  • Daha iyi Görüntü germe ve yeniden boyutlandırma.
  • Youtube Video Destek Embed.
  • Asma Embed Desteği.
  • Twitter oembed Desteği.
  • Instagram Embed Desteği.
  • Facebook Video Destek Embed.
  • RTL Desteği
  • Özel AMP FrontPage
  • Bildirimler
  • Widget’lar ve WoCommerce

Bunlar eklenti sayfasından aldığım listedir. Ben yaklaşık 10 tanesini test ettim. Listede yazanların tamamını test etmedim. Onu baştan söyleyeyim. Fakat deneyimleye bildiğim kadarıyla, eklentinin harika bir iş çıkardığını söyleyebilirim.

Kod derdi yok, uğraşmak yok. Güzel değil mi sizce de!.

Yüklemek için WordPress Kontrol Panelinize gidin ve sol bölmeden Eklentiler -> Yeni Ekle’ye gidin ve AMP for WP – Accelerated Mobile Pages için arama yapın Yükleyin ve etkinleştirin .

WordPress-Eklentiler-Sayfasında-Yoast-SEO-Eklentisi-Görünümü

SEO Dostu AMP Sayfalar Oluşturma

AMP Google tarafından sürekli teşvik edilmekte.Arama yaptığınızda, AMP  sürümü bulunan sayfalar için, başta AMP yazdığını görürsünüz.

Google’ın, daha hızlı yüklenen sayfaları, özel olarak desteklediği bir sır değil. Muhtemelen bunu sizde duydunuz.

Sitenizde AMP varsa, Google, sıralamada size biraz daha yakın duracaktır. Buda daha yüksek sıralama demek.

AMP sayfanızın SEO açısından daha iyi olması için, Facebook anlık makaleler ve Google AMP eklentisini kullanabilirsiniz.

Bu eklenti size fazladan ne kazandırır?

  • Trafik
  • Paylaşım ve beğeni
  • İçerik optimizasyonu
  • Marka olmanın yolunu açar
  • Daha fazla analiz
  • Daha çok reklam satışı
  • Daha fazla para kazanma

Eklentiyi tıpkı diğer eklentiler gibi kuruyoruz. Arama kutusuna Facebook Instant Articles & Google AMP Pages by PageFrog yazdığımızda, sadece bu eklenti çıkacaktır zaten.

Eklentiyi yükleyip, aktif hale getiriyoruz. Doğrudan alttaki resimde gördüğünüz alana yönlendiriyor.

Eklenti artık aktif.

Kenar çubuğunda Mobile Format adında yeni bir bölüm belirecek. Oradan ayarları kendinize göre yapmalısınız.  Hem Google için, hemde Facebook için sizden bazı ayarlamalar istiyor.

Üstteki görselde de gördüğünüz gibi, Facebook stil ayarlamaları için görseller de oluşturulmuş.

Sayfalarınızın nasıl görünmesini istiyorsanız, gereken ayarlamaları yapmalısınız. Facebook reklamları eklemek için de bir alan mevcut. Bu bölümde anlık makalelerle para kazanma hakkında daha fazla bilgi için, Facebook sayfasına bir bağlantı da var.

Şimdi genel olarak ayarlara bakalım. Neleri değiştirebiliyoruz, bize neler kazandırıyor görelim.

En güzel özelliklerinden biri, anlık ön izleme yapabilmemiz. Ayrıca ön izlemenin hemen altında, mobilden kontrol edebilmemiz için, benzersiz bir URL oluşturmakta.

Yine aynı sayfada, sadece AMP için yazı eklememize yarayan bir yazım alanı da var. Ekranda alta doğru indiğimizde bu bölüm yeni bir yazım editörü olarak çıkıyor.

Görünümü özelleştirmek için, Mobile Formats > Styling sekmesini takip ediyoruz.

Burada yazı fontları renkler, gibi özelleştirmeleri yapıyoruz. Yan tarafta da anlık ön izleme yapabiliyoruz.

Bir başka özelliği ise, Google Analytcs eklemesi. Eklenti menüsünde, Analytics sekmesine tıkladığımızda, karşımıza alttaki seçenekler çıkıyor. Buradan aktif etmek istediğimiz aracı seçebiliriz.

Burada benim dikkat çekmek istediğim, sadece Google Analytcs. Diğerlerinin ne olduğuna dair bir fikrim yok. İkinci ve üçüncü araçlar, API anahtarı istedi, pas geçtim. Other yani diğer araç ise, bağımsız analiz kodları eklenebilecek bir alan.

Google Analytcs’i etkinleştirmek için, Google hesabınıza giriş yapmanız gerekiyor.

Bir diğer özelliği ise, Reklam yayımlama.

Hem Facebook reklamlarını, hemde Google AdSense reklamlarını yayımlamak için seçenekler var.

Burada Google reklamlarını etkinleştirmek için, giriş yapmanız gerekiyor. Yönergeleri izleyerek, çok kolay bir biçimde AMP için google reklamları ekleye bilirsiniz.

Reklamların hemen altında, ayarlar sekmesi bulunmakta.

Eklenti için gereken ayarları yaptıktan sonra, bırakın o çalışsın.

Sitenizde Yoast SEO eklentisi yüklüyse, bu eklentiye ek olarak, AMP için Yoast SEO AMP eklentisini de kurabilirsiniz.

WordPress Yoast Seo

Daha profesyonel bir eklenti yardımıyla AMP kurulumu yapmak isterseniz, WP AMP eklentisini kullanmanız daha mantıklı bir seçim olabilir.

Sonuç:

Google sürekli olarak, kullanıcı deneyimini ön plana çıkarmakta dır. Bunun için bazı şeyleri yapmak gerekiyor. Çünkü Google ile başa çıkabilecek gücümüz yok. O halde suyuna gidelim.

SSL sertifikası gerekliliği, AMP derken, bakalım daha neler isteyecek bizden. Yapacağız başka çaresi yok. Benim sitemin bir AMP sürümü yok. Çünkü bir şey yapmadan önce, en son güne kadar beklemek gibi bir huyum var. Mecbur kalınca yaparım.

Ben henüz yapmamış olsam da, bu konuda adım atmak isteyenler için ufak bir katkı sağlamak istedim. Umarım faydalı olur. WordPress AMP kurulumu konusunda araştırma yapan çok kişi var. İlla birine fayda sağlar.

Yorum Yap

Yazar Hakkında

Samet KARACAN

Owner # wordpress, web güvenlik, sistem yönetimine dair ~

Yorum Yap