Emre Nogay

WordPress Subdomain AMP CDN Kurulumu

WordPress Subdomain AMP CDN Kurulumu

Ücretli kurulum ve destek için buradan iletişime geçebilirsiniz.


Merhaba, bu yazımda sana WordPress yazılımına nasıl AMP Subdomain ve AMP CDN kurulumu yaparız, TİB olayı nedir, eklenti olarak AMP for WP eklentisi mi kullanılır vs. Tüm yanlarıyla ele alıp anlatacağım.
Baştan söylemek istiyorum, uzun bir yazı olacak sıkılmadan sonuna kadar okumanı tavsiye ediyorum çünkü kaçırdığın bir kısım olursa ana domaine veya subdomaine amp cdn kurulumu başarısız olabilir. Ben olabildiğince seni sıkmadan, gereksiz uzatmalardan kaçınarak kurulum nasıl yaparız anlatacağım. Ama önce şu terimlere ufak bir değinelim.

Sadede gel bana özeti göster diyorsan buraya tıklayabilirsin.

İçindekiler

  1. AMP Nedir, Faydaları Nelerdir?
  2. AMP CDN Kurulumu
  3. Google Tarafından Verilen Subdomain’e AMP CDN URL Kurulumu
  4. CloudFlare Tarafından Verilen Subdomaine AMP CDN URL Kurulumu
  5. AMP Olumsuz Yanları
  6. TİB Olayı Nedir, Nasıl Olur?
  7. AMP Hataları
  8. AMP Sayfaları Açılmıyor
  9. WordPress AMP Kurulumu
  10. Sitedeki İç Linkleri CDN URL ile Değiştirme
  11. Kurulum Sonrası Destek

AMP Nedir, Faydaları Nelerdir?

Şimdi ben AMP dedim kurulum dedim yapacağız dedim ama bu terimler ne olaki?
AMP: Hızlandırılmış mobil sayfalar anlamına gelir. Google tarafından geliştirilen ücretsiz, bebek bir projedir. Kurulu olan sitelerin içeriklerini önbelleğine alır ve kullanıcıya daha hızlı bir şekilde sunar. İsmiyle müsemma internet sitemizi hızlandırmak için kullanırız, nimetlerini saymaya başlasam 20’nin üzerinde madde olur o yüzden en önemli maddeleri sıralayayım.

AMP Kullanımında Artış Oranı

AMP Faydaları Hız Karşılaştırması

AMP CDN Kurulumu Nasıl Olur?

Ya kardeş ben dediklerini anlamıyorum yaptığın işe ait bi örnek göstersene bana diyen dostlarım için amp cdn kurulumu olarak subdomaine bir test sitesi oluşturdum. Bu sitede 2 adet yazı bulunuyor iç linklerini sistem otomatik olarak değiştiriyor ve CDN linklerini sunuyor yani sen veya kullanıcı tıkladığında oluşturulmuş cdn linke tıklıyor. Bu test sitesi üzerinden amp cdn kurulumu nasıl oluyor inceleyebilirsiniz.

https://amp-emrenogay-com.cdn.ampproject.org/c/s/amp.emrenogay.com/amp/

İnceleyebilecekleriniz:

Biraz daha anlatmaya çalışayım amp cdn kurulumu olayını CDN (Content Delivery Network) tek başına içerik dağıtım ağı demektir. Hani demiştik ya AMP’nin asıl amacı hız diye, bu ağı kullanarak kullanıcıya kesintisiz ve yüksek performans ile kullanıcıya içerik sunmak asıl amaç. Sağladığı imkanlar nedeni ile amp cdn url kurulumu farklı amaçlar için de kullanılabiliyor. Google amcamız yayınladığı bir makalede şöyle demiş.

  • Platform keşfi: platformlar AMP içeriğinizi <html > veya <html amp> etiketi ile keşfedin ve içeriği önbelleğe alın. Örneğin, Google Arama içeriği tarar; tanımlanmış ve geçerli AMP sayfaları için içerik Google AMP önbelleğine eklenir.
  • Önbellek URL isteği: platformlar özellikle AMP Önbellek URL biçimini kullanarak bir AMP sayfası isteyebilir. AMP Önbellek, bir ters proxy olarak davranır, bu nedenle, platform sayfaya eriştiğinde, sayfanın otomatik olarak önbelleğe alınmasına neden olur.

Wordpress Subdomain AMP CDN Kurulumu

Google Tarafından Verilen Subdomain’e AMP CDN URL Kurulumu

AMP Teknolojisi’nin popülerliği arttıkça farklı sistemler(Bing, CloudFlare) tarafından da tanınmaya ve destek görmeye başladı. Yazının bu paragrafında Google’dan alınan subdomain nasılmış onu görelim.

Normal bir URL

http://www.orneksite.com/amp/orneksayfa

Önbelleğe Alınmış CDN URL’ye sahip bir AMP Sayfası

https://www-orneksite-com.cdn.ampproject.org/c/www.orneksite.com/amp/orneksayfa.html

WordPress amp subdomain özet olarak önbelleğe alınan subdomainler bu şekilde görünüyor tarayıcı çubuğunda. Yani içerik sizin içeriğiniz, reklam sizin reklamınız fakat Google sunucusunda ve domaininde. İç linklerinizi bu şekilde düzenleyebilmeniz için sadece eklenti kurmanız değil, kod yapısına müdahale etmeniz ve APİ bağlamanız gerekiyor. Google tarafında edinebildiğimiz avantaj kısıtlı. Yani AMP Tekolojisini Google çıkardı ama sadece o desteklemiyor Bing ve CloudFlare gibi şirketler de destekliyor. Onların sunduğu avantajlar daha fazla Cloudflare üzerinden örnek vereyim.

CloudFlare Tarafından Verilen Subdomaine AMP CDN URL Kurulumu

CloudFlare kurduğumuz zaman Google’dan gelen avantajları elde etmiş oluyoruz bunun üzerine siteniz dünyadaki 102 veri merkezindeki statik kaynakları ile önbelleğe alınır. Yani siteniz oldu ki 3-5 günlüğüne kapandı, CloudFlare sitenizi görüntülemeye devam eder.

AMP Olumsuz Yanları

Ulan amma övdün şunu, hiç mi yok kötü yanları? Dediğini duyar gibiyim o yüzden çok kısa olumsuz yanlarına da değineyim neyle karşı karşıya olduğunu bil.

Başlıca özelliklerine değindik, bizim en çok işimize yarayacak olan madde son madde yani CDN URL kurulumu + Subdomain kısmı. E ben bunları yazdım da bizi ilgilendiren kısmı neresi, nereyi kullanacağız biz? Son maddeyi kullanacağız. Şu BTK’nın TİB olayına değineyim daha iyi anlayacaksın.

TİB Olayı Nedir, Nasıl Olur?

Accelerated Mobile Pages (AMP) Türkiyede daha yeni yeni kullanıma çıktığında, sanıyorum ki Bilgi Teknolojileri Kurumu çalışanlarının tam haberi yoktu. Kurulumu yaptığımızda Google bize cdn.ampproject.org şeklinde özel bir subdomain tahsis eder. Her siteye Google tarafından uzantı olarak verilen cdn.ampproject.org alt alan adını porno, bahis, eskort sitesi kuranlar kullanmaya başlayınca BTK’da henüz bilgisiz olduğundan banlayınca AMP kurulumu yapan tüm siteler engellenmişti. Ancak legal olan diğer tüm sitelerde tib yiyince yanlışlık olduğu anlaşılıp kaldırdılar amp tib çözümü oldu. Ban yeme nedeni, AMP CDN + Subdomain kurulumu ile BTK’nin attığı TİB kaldırılıyordu yani mobil için tüm erişim engeli kalkmış oluyor.

Yazımız bu paragrafını 24 Şubat 2020 tarihli bir güncelleme ile eklemek istiyorum. Tib yedikten sonra artık URL yapısı ile ban yiyor, tib açan kişiler artık daha zor açıyor. Ancak sabrın sonu selamet açıyorlar sonuç olarak. 😀 Bu konuyu sub açarak tib çözümüne kavuşturuyoruz ancak daha zahmetli oluyor. Konu hakkında da benimle iletişime geçebilirsiniz bilgilerim aşağıda.

AMP Hataları Nelerdir?

Sana tek tek şu hatanın çözümü şudur diye anlatmak yerine, bir şey öğreteceğim hataların anlamını ve çözümünün ne olduğunu kendin de bulabileceksin.

Örneğin çalışma yaptığın bi sayfa var, kodlaması AMP’ye uygun mu veya bir sorun var mı merak ediyorsun. Bunun için AMP Validator sitesini aç ister oraya kodlarını yapıştırıp kontrol et, istersen de direk kontrol etmek istediğin sayfanın linkini yapıştır sana analiz edip hataları ve çözümlerini söylesin.

Eğer gönderdiğin sayfa uyumlu ise aşağıdaki gibi yeşil bi sayfa çıkar.

Eğer uyumsuz ise aşağıdaki gibi gri veya kırmızı bir sayfa çıkar karşına.

AMP Sayfalar Açılmıyor

Sayfalarınızın AMP olarak açılmamasının ana konu olarak 1-2 sebebi vardır. 1 Henüz index almadığı için arama google amp search sonuçlarında AMP olarak görüntülenmiyor. 2 AMP kodlama hataları olduğu için index alsa bile google amp search için dizine eklenmiyor. Bu sorunları nasıl çözeriz?

  1. Search console aracına girin
    1. Dizine eklenmesini istediğiniz URL’i arama çubuğuna yapıştırın.
    2. Canlı test yaptıktan sonra dizine eklenmesi için istek gönderin.
    3. Bu aşamadan sonra tek yapmanız gereken beklemek, yoğunluğa bağlı olarak ortalama 30 dakika içinde index alır.(AMP kodlama hatası yoksa.)
  2. AMP kodlama hataları
    1. Yukarıda linkini verdiğim amp validator aracına girin
    2. Dizine ekletmek istediğiniz linki yapıştırın
    3. Validator aracı sizin için linki tarayacak ve AMP hatalarını gösterecek.
    4. Aldığınız hataya göre aksiyon gösterebilir çözüm arayışına gidebilirsiniz ya da direkt bana ulaşmak isteyebilirsiniz.

AMP sayfalarının açılmaması dediğim gibi 2 konu altında ele alınabilirdi. Her şeyin normal olduğunu düşünüyosunuz ama yine de amp olarak açılmıyor ise muhtemelen hard cache sahipsiniz, tüm önbellekleri temizleyin.

WordPress AMP Kurulumu Nasıl Olur?

WordPress yazılımı için birden fazla eklenti mevcut. Benim tavsiye ettiğim ve kurulum yaparken kullandığım eklenti AMP for WP eklentisidir fakat kurdum bitti olmuyor. Eklenti içerisinde bazı ayarlamalar yapman gerekiyor, bu ayarlar herkesin kullanımına göre farklılık gösterebileceği için burada anlatmam mümkün olmaz ben yine biraz maddeler halinde nasıl kurulur vs anlatacağım ama zaten paneli biraz incelersen, azıcık da ingilizcen varsa kullanmak istediğin özellikleri bulabilirsin.

  1. Soldaki menüden eklentiler sayfasını açtık.
  2. Arama kutusuna AMP for WP yazdık, kurduk eklenti paneline ulaştık.
  3. Son sürümü kurduysanız SETUP isimli sayfada olacaksınız. Burayı geçelim “Settings” isimli sayfayı açalım.
  4. Posts, pages, homepage, archives aktif edelim (Bu sayfalar amp için önbelleğe alınacak)
  5. Advertisement sekmesinde ise adsense ele alalım reklamlarınızı yerleştirebilirsiniz kodlarını yani.
  6. SEO sayfasına geldik vee burası varsayılan ayarlarda kalsa daha iyi olur.
  7. Analiz kısmına Analytics kodunuzu ekleyip, amp sayfalardaki trafiği görebilirsiniz.
  8. Structured Data kısmında zenginleştirilmiş sonuçları Google’a tanıtabilirsiniz bende Article seçili, sizler site konusuna göre seçersiniz artık.
  9. Advance Settings kısmına aktif edeceklerimiz: mobile redirection, change internal links to amp, auto add amp in menu url. Bence gerekli olanlar bunlar siz diğerlerini kendinize göre ayarlayıverin.
  10. Design sekmesinde tasarım ayarları mevcut.

Sitedeki İç Linkleri CDN URL ile Değiştirme

Bahsettiğim en önemli kısım olan Cache + Subdomain + İç Linkleri CDN ile değiştirme kısmını yapabilmek için kodlama bilgisine sahip olmanız gerekiyor. Ben sizler için bi eklenti kodladım, bu eklentiyi sitenize kurarak iç linklerinizi değiştirebilirsiniz, daha sonra beğenirseniz satın alabilirsiniz. Bu kodlama konusu biraz ehemmiyetli bilgiden çok tecrübe istediği için ücretli olarak hizmet verdiğim bir konu. Siteden siteye fiyatların değişmesiyle birlikte, piyasanın %80 daha az fiyatına yaptığımı söyleyebilirim.

İndirme linki
https://github.com/emrenogay/amp-cdn-kurulumu

 

Örnek test sitesi: https://amp-emrenogay-com.cdn.ampproject.org/c/s/amp.emrenogay.com/amp/

Ben yinede kodlama bilenler için yol gösterici olmak amacıyla, nasıl yapabilecekleri hakkında bilgi vermiş olayım. AMP teknolojisi Cache update için API sunar sunucunuzda bu API’yi kullanmanız gerekecek eksiksiz bir kurulum gerçekleştirebilmeniz için. İletişim için Skype adresim: live:.cid.d9f2a044efb6b364 mail adresim: [email protected] telegram adresim: @emrenogay

Kurulum Sonrası Destek

Ücretli kurulum sonrası 3 ay boyunca ücretsiz teknik destek veriyor, AMP ile ilgili tüm sorunlarla ilgileniyorum. AMP CDN linki de tib yiyebildiği için olurda yerse onu da 1 ay boyunca ücretsiz yeniliyorum. Yaptığım değişikliklerin ve yazılımın arkasındayım içiniz rahat olsun. Bu yazımda WordPress yazılımı üzerine AMP for WP eklentisini kullanarak, subdomain AMP CDN kurulumu nasıl yapılır anlatmaya çalıştım naçizane. 🙂
Takıldığınız bir yer olursa, lütfen skype hesabımdan iletişime geçmekten çekinmeyin, size yardımcı olmaktan mutluluk duyarım.

Ben Emre Nogay,
Sevgiler.


AMP CDN Kurulumu S.S.S


Benzer yazılar
  • WordPress Subdomain Destekli AMP CDN Kurulumu
  • ClassiPress AMP Kurulumu
  • WordPress Subdomain AMP CDN Kurulumu

  • Yorumlar
    Yazar: Birkon -
    Yorum: Classipress amp kurulumunu layığıyla yapan bi arkadaş. çok memnunuz eline sağlık. 2 tıkla 1 ayda yapamadığımızı yaptı.

    Yazar: Ruletci -
    Yorum: O kadar adamla çalıştık bu sektörde ya hepsi çarpıp kaçtı bizi ya da kötü yaptılar işlerini sana rastlamak büyük şanstı kral...

    Yazar: Anonim -
    Yorum: Eklentinizi çok sevdik. 2 sitemiz için kendisinden satın aldık ilgili ve anlayışlı bi arkadaş her sorunumuzda yardımcı oldu.

    Yazar: İstanbul esc -
    Yorum: Kendisinden 4 sitemiz için hizmet aldık. classipress için harikalar yarattı amp cdn kurulumu için teşekkürler.

    Bir cevap yazın

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