Subdomain AMP CDN Kurulumu Eklentisi

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.

• SEO Katkısı: Çoğu uzman SEO‘ya katkısı olmadığını söylese de, kimse kimseyi kandırmasın. Geçtiğimiz yıllara oranla, bu yıldaki AMP sıralama farkını görebiliyoruz. Ben 6 yıldır bu konu üzerine çalışmalar ve incelemeler yapıyorum, bunu söylemeye de hakkım vardır diye düşünüyorum. Gözle görülebilir şekilde SEO’ya katkısı var.

• Hız Faydası: Kullananların %85’i hız sağladığı için kullanıyor, bu teknoloji JavaScript ve türevi yazılım dillerine müsade etmediği için çok çok büyük mobil sayfa hızları yakalanabiliyor ki bu da + olarak SEO demek. Yani düşünsenize site sayfalarınız 1 saniyenin altına bir sürede açılıyor. (Bir kere giren ziyaretçi şaşırır yani bu site ne hızlı açıldı diye.)
• Sunucunuzdaki Yükü Alır: Hosting, sunucu işlerinden çok anlamayan biri olduğunuzu düşünelim. Google diyor ki: “Kardeşim sen AMP’yi sitene kurdun mu? O zaman sen sitene yüklediğin makaleyi, fotoğrafı ben birebir alıp, kendi sunucuma yüklüyorum ama gelen ziyaretçi senin sitene geliyor. Böylece SEO kaybın olmuyor ama sunucu bende olduğu için sayfa daha hızlı açılıyor.” (Daha ne yapsın bu adam 😂)
• CDN URL ve Subdomain Sağlıyor: Yine Google’ın ağzından anlatacağım. En önemli maddeyi sona saklamak istedim dikkatlı okumanızı istiyorum araya mesleki terimler girecek kafanız karışabilir. Google diyor ki: “Vaay, AMP kurdun gönlümü çaldın. Hani ben senin içeriklerini kendi sunucumda tutacağım demiştim ya, sana bir tanede benim siteden subdomain (alt alanadı) vereyim sen onu kullan. O CDN domaini benim mühendisler optimize etti, senin domainden daha hızlıdır. Hemde ücretsiz, sınır mınır yok😉”

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:

• Görsele verilen iç link,
• Yazı başlığına verilen iş link,
• Site adına verilen,
• Arama sayfasına verilen,
• Menüye verilen,
• Kısaca tüm sitedeki iç linkleri cdn ile değiştiren bi sistem. Buyrun uzatmayayım inceleyin siteyi size uygun mu karar verin.

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.

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.

• 256 Bit modern SSL sertfikası verir.
• DDoS koruması, güvenlik duvarı, 8ms’de yanıt veren DNS sunucuları.
• HTML ve CSS hatalarını düzenler, XSS açıklarını kapatır…

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.

• Tasarımları kısıtlıdır çok güzel aşırı caf caflı tasarımlar göremezsiniz.
• JavaScript gibi bir dili özgürce, jQuery gibi bir kütüphaneyi kullanamazsınız yalnızca HTML ve CSS.
• AMP’nin HTML kodlaması kendine özeldir ayrıyetten öğrenmeniz gerekir kodlamasını yapabilmeniz için.
• Eğer daha fazlasını okumak isterseniz Barry Adams’ın AMP Can Go to Hell isimli yazısına gözatabilirsiniz fakat ben başlıcalarını yazdım zaten.

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.

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: change internal links to amp, auto add amp in menu url. Bence gerekli olanlar bunlar. Diğer ayarlar opsiyonel.
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]

Ücretli kurulum sonrası sınırsız ücretsiz teknik destek veriyor, yazılımlarımla ilgili tüm sorunlarla ilgileniyorum. 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

• 1️⃣ AMP CDN Kurulumu Nasıl Olur?
  • Eklentideki birkaç fonksiyon dosyası site içi AMP linklerini üretir. Bizde önceden oluşturduğumuz, size ait AMP CDN linkini fonksiyon dosyası içersindeki kodları düzenleyerek ekleriz. Basit bir işlem olmamasıyla birlikte vakit alan bir kod düzenleme işlemidir.
• 2️⃣ ClassiPress Temasına Kurulum Olur mu?
  • İster özel yazılım ister ClassiPress her tema için kurulum hizmeti gerçekleştirebiliriz. Detaylı bilgi için ClassiPress AMP Kurulumu sayfasına el atabilirsiniz.
• 3️⃣ TİB Olayı Nedir, Nasıl Olur?
  • AMP ilk çıktığı zamanlar BTK tarafından engellenmişti, bizimle iletişime geçip subdomaine amp kurdudurursanız, amp tib çözümüne ulaşmış engeli kaldırmış olursunuz.
• 4️⃣ WordPress AMP Kurulumu Nasıl Olur? CDN Kurulumu Dahil mi?
  • WordPress AMP kurulumu için birden fazla eklenti olmasıyla beraber tasarım seçiminiz de fazladır. Sadece AMP kuracaksanız yapmanız gerekenler basit. Bir eklenti seçin, indirin ve kurulumu gerçekleştirin.
• 5️⃣ AMP Kurdum Sitem Hemen İndex Alır mı?
  • Normal bir sayfa nasıl index alıyorsa AMP’de o şekilde index alıyor, aslında AMP sayfalarını WordPress için bir sayfanın alt sayfası gibi düşünebiliriz. Çünkü AMP sayfalar, herhangi bir sayfanın farklı bir sürümüdür. Sayfanız AMP için index almadığı sürece Google (SERP) arama sonuçlarında gö-rün-mez.