WordPress CDN Kullanımı ve SEO Ayarları [Detaylı Anlatım]

Niks

Emektar üye
Katılım
28 Mart 2019
Mesajlar
101
Beğeniler
0
#1
CDN Nedir ? Nasıl Çalışır?
Standart bir host firmasında, dosyalarınız bir server altında depolanır ve o depolanma host firmanızın serverları neredeyse orada, yani dünya üzerinde tek bir noktada depolanmış olur.
Sitenizin ziyaretçilerinize tek bir noktadan dağıtım yapması, site sunucunuza yakın bir yerden bağlanan bir kullanıcı ile uzak bir yerden bağlanan kullanıcı arasında sitenize bağlanma hızı açısından fark oluşmasına sebep olacaktır.
Örneğinhost firmanızın server lokasyonu İstanbul ise, İstanbul’dan sitenize bağlanan bir ziyaretçi ile Ankara’dan sitenize bağlanan bir ziyaretçinin sayfa açılış hızları farklıdır. Sayfa açılış hızı Ankara’daki ziyaretçi için İstanbul’daki ziyaretçiye göre daha yavaştır.
Mesafe arttıkça sayfa dolum hızıda artar… Fakat CDN kullanımı büyük ölçüde sitenizin hızını arttırabilir. Peki CDN nasıl çalışır, mantığı nedir ?
CDN, sitenizin dosyalarını bir çok noktadaki serverlara dağıtır ve ziyaretçi, sitenize bulunduğu yerin en yakınında olan serverdan bağlanır. Yani, tüm ziyareçilerinize eşit uzaklıkta olmanızı sağlar.
CDN Kullanımı ile Ne Elde Ederiz?
CDN kullanımı ile sitenizin hızı muazzam derecede artar. Site hızının artması demek alexa ve google sıralamalarında üst sıralara çıkmanız demek.
Ayrıca Google, CDN kullanımını çok değerli buluyor. CDN kullanımı faydalarını wordpress sitenize CDN entegrasyonunu gerçekleştirdikten sonra, içeriklerinizin google’daki sıralaması muazzam derecede değiştiğinde emin olun daha iyi anlayacaksınız.
Ben de iki yıldır blogumda MaxCDN kullanıyorum ve sonuçlardan oldukça memnunum. Site hızımın ve dolayısı ile hem Google, hemde alexa’daki sıralamalarımın artmasına büyük ölçüde etkisi oldu.
Zaten memnum kalmadığım bir hizmeti blogumda asla yayımlamam. Eğer siz benim aksim bir tecrübe yaşar ve memnun kalmazsanız 30 gün içinde paranızı iade etme garantiside sunuyorlar.

Yazımın geri kalanında ise sizlere CDN kullanımı ve SEO ayarlarını nasıl yapacağınızı detaylı bir şekilde anlatmaya çalışacağım.
Anlatacağım yazıyı ise sizin de MaxCDN üyeliğiniz olduğunu, yani MaxCDN‘den CDN servisi satın aldığınızı varsayarak yapacağım.
Adım 1: Hesap Olusturma – Satın Alma
1-Öncelikle Buraya tıklayarak CDN Fiyat tablosuna gidin ve karşınıza aşağıdak resimde olduğu gibi bir ekran çıkacaktır.

CDN Kullanımı – Satın Alma Süreci
2-Ardından aşağıdaki resimde 1. nokta olarak gösterdiğim, Yearly Pricing sekmesini açık konuma getirin.
Yani bu şekilde alımı 1 yıllık olarak yapıyoruz. Alımı bir yıllık yapınca da firma sizden 2 aylık ücreti almıyor. Bu şekilde yaparsanız hizmeti olabilecek en ucuz fiyata almış olursunuz.
3-Yearly Pricing kısmını On konumuna getirdikten sonra 100 GB’lık paket için Sign Upbutonuna tıklayın. ( Başlangıç için 100GB bant genişliği satın almak yeterli olacaktır. Ben de ilk başta 100GB paketle başladım. Daha sonra kullanımınız 100GB’ı geçerse, ki bu ciddi bir trafiktir o zaman paketinizi arttırısınız. )

CDN Kullanımı Satın Alma Süreci 2
3-Paketinizi seçip Sign Up dedikten sonra iletişim ve tüm bilgileri girdikten sonra create account and get started butonuna tıklayarak paketi satın alma işlemini tamamlıyorsunuz.

CDN Kullanımı Üye Olma
Artık sizin de bir MaxCDN hesabınız var. Şimdi sıra geldi wordpress sitemizi aldığımız CDN hizmetine entegre etmeye.
Adım 2: MaxCDN Paneli – CDN Kullanımı
MaxCDN‘de satın alma işlemini gerçekleştirdikten sonra wordpress sitenize dönüp W3 Total Cache eklentisini kurun.
W3 Total Cache Kurulumu ve AyarlarıŞimdilik sadece kurulumu gerçekleştirin, ayarları ile şu an işimiz yok, daha sonra yaparsınız.
Daha sonra tekrar MaxCDN‘e gidip oluşturmuş olduğunuz hesaba giriş yaptıktan sonra Zones yada Manage Zones sekmesi altından Create Pull Zone sekmesine tıklayın.

Daha sonra karşımıza çıkan ekranda sırası ile; ( Aşağıdaki resimde olduğu gibi )
Pull Zone Name:En az 3 karakterden oluşan istediğiniz bir zone ismi girin.
Origin Server URL:Wordpress sitenizin adresini benim girdiğim gibi girin. ( Örnek:https://www.wpmavi.comhttp://www.sizinsiteniz.com)
Label:Bu kısma zone‘u tarif eden herhangi bir etiket girin ve ardından create butonuna tıklayın.

Daha sonra önümüze Zone Succesfully Created açılır penceresi çıkacak. Buda işlemin tamamlandığı anlamına gelir. Açılan küçük pencereyi kapattıktan sonra artık oluşturduğumuz zone’un yönetim panelindeyiz.
Pull Zone sekmesinden Settingssekmesine tıklayın ve karşınıza aşağıdaki resimdeki gibi bir ekran açılacak.
Custom Domain Settings
Custom Domainsyerine CDN url adreslerinizin nasıl görünmesini istiyorsanız, o adresi girin. Yani, bize atadığı cdnwpmavi.wpmavi.netdna-cdn.com URL adresini girdiğimiz URL adresine yönlendiriyoruz.
Ben cdn.wpmavi.com yaptım size de sitenizin ismi neyse onu yapmanızı öneririm. ( Örnek : cdn.sizinsiteniz.com)
Blogumdaki herhangi bir resme tıkladığınızda resim URL adresi cdn.wpmavi.com/resim.jpgşeklinde açılacaktır ki buda resimlerimin CDN serverı üzerinden hemen üstte belirlediğimiz custom domain isminden aktarıdılığını gösteriyor.
Edge Settings
Edge Settingsiçin sadece Gzip Compression ve Query Strings seçeneklerini işaretleyin. ( Alttaki resimde olduğu gibi )
Cache Settings
Cache settingsiçin Set Default Cache Time ve Override Cache-Control Header’ı 7 daysolarak ayarlayın ve update deyin. ( Alttaki resimde olduğu gibi )

CDN SEO Ayarı
Daha sonra alttaki resimde olduğu gibi yine Pull Zones sekmesi altından SEO sekmesine gidin ve ayarlarınızı aşağıdaki gibi yapın;
Canınical Header:Enable
Robots.txt:Enable ve aynı zamanda Use custom robots.txt seçeneğinide aktif hale getirip aşağıdaki komutu boş alana yapıştırın ve update deyin.
User-agent: *
Allow: /wp-content/uploads/
Disallow: /

Bu ayarlarla google botlarına, farklı bir url adresi üzerine taşıdığımız resimlerimizin aslında bize ait olduğunu söylüyoruz ve duplicate’in (kopya içerik oluşumunun) önüne geçiyoruz.
Önemli: Eğer bu ayarları yapmazsak, google botları resimleri başka bir url adresi üzerinde gördüğü için (cdn.sizinsiteniz.com) resimlerin çalıntı olduğunu düşünüp bizi gösterimlerde en alt sıralara atabilir hatta hiç gösterime bile almayabilir. O yüzden bu kısım çok önemli.
Adım 3: DNS Ayarları – CDN Kullanımı
MaxCDN yönetim paneliyle işimiz bitti. Şimdi sıra geldi MaxCDN DNS adreslerini entegre etmeye.
Öncelikle cPanel‘e giriş yapın. cPanel’de bulunan Domains sekmesi altından Gelişmis DNS Bölge Düzenleyicisine tıklayın.https://wpmavi.com/wp-content/uploads/2015/01/cpanel-basitdns-b%C3%B6lge-d%C3%BCzenleyici.jpg

Ardından karşımıza aşağıdaki resimde olduğu gibi bir sekme açılacak ve o sekmeye sırası ile;
Ad:cdn.sizinsiteniz.com
TTL:14400
Tip:CNAME seçin.
CNAME:Buraya ise MaxCDN’in size atadığı orjinal cdn url adresini girin. Adım birde gösterdiğim gibi ( örnek: cdnwpmavi.wpmavi.netdna-cdn.com )

Ve ardından Kayıt Ekle butonuna tıklayın. İşlem tamamdır. İkinci adımıda tamamladık. Şimdi açtığımız CNAME’nin oturmasını bekleyeceğiz. (Bir kaç saat alabilir ) Ama siz beklemeden 4. adıma geçin.
Adım 4: WordPress’e CDN Entegre Etme – CDN Kullanımı
Bu aşamada MaxCDN‘i wordpress sitemize entegre edeceğiz. Bu entegrasyon işlemi için W3 Total Cache eklentisini kullanacağınız.
WordPress admin panelinizden W3 Total Cache eklentisine gidip, General Settingssekmesi altından CDNsekmesini bulun ve aşağıdaki resimde olduğu gibi CDN seçeneğini enableedin, CDN Type içinde MaxCDN’i seçip, Save all settings deyin.

Ardından yine wordpress yönetici panelinizden Performance (W3 Total Cache) sekmesi altından CDN opsiyonuna tıklayın.
Daha sonra Configuration sekmesine gelin. Bu noktada eklenti sizden aşağıdaki resimde olduğu gibi Authorization Key ve API key isteyecektir. Bu bilgilere ulaşmak için tekrar MaxCDN yönetim panelimize gidiyoruz.

MaxCDN yönetim panelinden en sağ üst köşede bulunan Account sekmesine tıklayın ve açılan diğer yönlendirme sekmesinden APIsekmesine tıklayın.


Daha sonra create aplication butonuna tıklayın

Ardından karşımıza çıkan ekrandan, Name ve Description kısmına istediğiniz gibi isimler verin. Application URL ve Callback URL kısımlarını boş bırakıp register application butonuna tıklayın.

Bu işlemi gerçekleştirdikten sonra tüm API bilgilerinize ulaşmış olacaksınız. Ulaştığınız sayfada company alias consumer key, consumer secret gibi tüm bilgilere ulaşabilirsiniz.
Bu sayfada bulunan bilgileri Performance (W3 Total Cache) >> CDN >> Authorization key kısmına Company Alias+Cosumer Key+Consumer Secretşeklinde yazmanız gerekli;
Yani üstteki adımda ulaştığımız Company Alisas, Consumer Key ve Consumer Secretbilgilerini, aralarına + koyup birleştirerek yazıyoruz.
Örnek: wpmavi+a34adwa323f992fsa80053622fb0+f59fesdasd763d61fb9eas2e8
Daha sonra Test MaxCDN butonuna tıklayın ve eğer Test passed derse işlem tamamdır.
Hayırlı uğurlu olsun. Artık CDN kullanımı ve entegrasyonu konusunda tüm bilgiye sahipsiniz. CDN’in çalışıp çalışmadığını, sitenizin adresini www.sizinsiteniz.com yerine cdn.sizinsiteniz.com yazarak tarayacınızdan test edebilirsiniz.
 

Bu konuyu okuyan (Kullanıcı: 0, Ziyaretçi: 1)

Benzer konular


Yasal uyarı

İçerik sağlayıcı paylaşım sitelerinden biri olan wabbuz.com T.C.K 20.ci Madde ve 5651 Sayılı Kanun'un 4.cü maddesinin (2).ci fıkrasına göre ve kullanıcıların sisteme kayıt olurken kabul ettikleri kurallar çerçevesinde tüm kullanıcılar yaptıkları paylaşımlardan sorumludur.

Wabbuz.com hakkında yapılacak tüm hukuksal Şikayetler buradan iletişime geçilmesi halinde ilgili kanunlar ve yönetmelikler çerçevesinde en geç 1 (Bir) Hafta içerisinde tarafımızca gereken işlemler yapılacak ve tarafınıza dönüş sağlanacaktır.

İstatistikler

Konular
2,162
Mesajlar
2,216
Kullanıcılar
111
24 saatte açılan konu
0
24 saatte yazılan mesaj
0
Son 30 günde kaydolan üye
25
Son üye
sildağhurdacılık
Üst Alt