arama

WordPress Site İçin CDN Resim Sistemi Kullanımı

  • paylaş
  • paylaş
  • paylaş
  • paylaş
  • paylaş

WordPress resimlerini farklı sunucuda barındırmak son zamanlarda oldukça aranılan bir konu oldu. Bu konu hakkında cryptosam sitesinde Samet oldukça güzel bir yazı yazmış. Yazısı aşağıdaki gibidir;

CDN (Content Delivery Network) kısaca örnekle açıklarsam: Sitemize İngiltere’ den  giren kullanıcı ile Türkiye’ den giren kullanıcının aynı hızla  siteye ulaşmasını sağlayan yapılanmadır. Facebook gibi dev firmalar video ve resim dosyalarını bu tarz dosyalarda depolarlar. Bu nedenle video yüklenme hızları aşağı yukarı Dünya’ nın çoğu Ülkesinde aynıdır. (Youtube en büyük örneklerden.) Daha da açalım karışmasın iyice aklınıza yatsın bu mevzu :) Yani siz CDN üstüne bir resim yüklediğinizde servis otomatik olarak İngiltere, Asya, Afrika gibi yerlerde yer alan sunucularına sizin resminizin bir kopyasını gönderir. Girilen yer Afrika ise o kullanıcıya Afrika daki resmin kopyası gösterilir. Adam İngiltere’ den girerse İngiltere’ ye yakın yerdeki sunucudaki kopya aynı mantıkla kullanıcıya sunulur.

CDN kullanımında sitemizde yer alan resimleri, css dosyalarını, js dosyalarını CDN üstünde tutmak bize hız olarak oldukça büyük imkanlar sağlar. Sitemiz hem kullanıcılara hızlı açılır, hem de Google gözünde Uluslararası bir kitleye hitap ediyor görünür. Hem de aynı anda sitemize 10.000 kişi girerse resimler ve statik tüm dosyalar CDN üstünde ise sunucumuza resim veya statik kaynaklar nedeniyle yük ve trafik binmez. Ben sitemde CDN hizmeti kullanıyorum.http://cdn.cryptosam.com/ Örnek Resim: http://cdn.cryptosam.com/wp-content/uploads/2013/04/bot-rifki.png Bu resmi şu an 10.000 kişide görüntülese yük sunucuya ya da hostuma değil direk olarak CDN ‘ ye biner. Ben nasıl CDN kullandım, kaça patladı vs tüm hepsini alt bölümlerde anlatacağım.

Peki CDN kullanımı Seo veya Sıralamaya etki eder mi?

Ben Pagespeed değerimi iyi düzeyde tutmak, sitemizi kısaca hızlandırmak için kişisel sitelerimde de CDN kullanıyorum. Her zaman sıralama olarakta, indexlenme hızı olarakta, Arama Motorlarında sıralama alımı olarakta + larını gördüm. Yani kişisel ya da Kurumsal tüm sitelerinizde CDN kullanın.

Kurumsal Sitelerde CDN ve Sıralama

Hemen örnek bir resim vereyim. Kullanıp görmüş olduğum etki şurada:

Resim Seomoz hesabımdan Kurumsal Sitedeki bir anahtar kelimedendir

Üstteki sıralama değişimi aldığım sitede ekstra bir işlem yapılmadı. CDN geçişinden sonra bu tarz verebileceğim bir çok örnek var ama genel olarak bence yeterli. Peki Samet nerden esti de CDN’ ye aktardın bu siteyi diye sorabilirsiniz. Esmedi. Ana kelimede önümde yer alan tüm siteleri backlink ve sistem olarak analiz ettim. Hiçbirinde CDN yoktu. Css3 ve Html5 tema kullanan yoktu. Temayı değiştirdim. CDN kullandım. En büyük etken kısaca; farklı olmak, Arama Motorları gözünde büyük düşünen bir site imajı çizmekti. Çizdim ve oda gerekeni yaptı.

CDN kullanımında akıllardaki en büyük soru işareti indexlenmiş resimlerim nolacak, kopya içerik gibimi olacak vs. sorulardır. Gelin bu sorulara birlikte yanıtlar arayalım.

Öncelikle Bot Rıfkı’ yı( Rıfkı’ nın maaş durumu: SGK, 1500 Maaş, yemek fişi, Kurumsal siteleri indexlemeye giderken giyecek Takım Elbise, Kundura ayakkabı) hepimiz tanıyoruz. Rıfkı’ nın yakın arkadaşlarından bi kız bu CDN ve resim olaylarına bakıyor. Rıfkı abi böyle böyle bu images botu kız bana resimlere bakıp raporlar veriyor. Alıntı yapılmış mı? Bu resim ilk defa mı internette kullanılmış, Orjinalleştirilmeye çalışılmış mı? Ne tür işlemler ile orjinalleştirilmiş. Orjinalleştirilmesin de emek ne düzeyde verilmiş? gibi detaylı satır satır yazıp ne var yok raporları düzenli faxlıyor. Kızın yüzünü gören cennetlik filan diye anlattı durdu. Bilmiyorumda Rıfkı bu kız konusunu bir açtım susmak bilmedi. Gözlerinin içi parlıodu anlatırken, Sonra tuvalette p,p.siyle oynarken yakaladım az önce Rıfkı’ yı. (Rıfkı’ nın kendiyle baş başa geçirdiği saatler diyelim biz bu saatlere kibarca). Nolur abi yazmayalım buraları çıkaralım bo…. yiyim işimden edersin. Asuman’ ın kulağına gider filan derken uyudu kaldı yanımda. Sabah görünce sürpriz olacak.

Kim bu Asuman? Ne iş yapar?

images botu Asuman

Asuman alımlı, güzel Arama Motorlarında tüm görsel indexi oluşturan bot kısaca. Asuman şunları yaparsanız sitenizi seviyor: Orjinal görseller kullanırsanız +1 puan veriyor. Bot Rıfkı’ ya durumu faxlıyor. Rıfkı tüm durumu Abisi’ ne raporlarken bu durumdan bahsediyor. Yani sitelerinizde kullanabildiğiniz kadar güzel, canlı resimleriorjinal olarak kullanın. Çekebiliyorsanız resimleri kesinlikle kendiniz çekin. Kurumsal site iseniz 200-300 liralık alacağınız dijital fotoğraf makinası işinizi görür. E-ticaret sitesi iseniz kesinlikle ama kesinlikle ürün resimlerinizi kendiniz çekip sitenizde yayınlayın. (Rekabetin çok olduğu bir sektörde aynı ürünü aynı fiyata satsanız da Arama Sonuçlarında bir adım önde olmazsanız bu iş olmaz. Kapatır batar gidersiniz.) Normal sitelerimde de Kurumsal sitelerde de ben görselleri ya Firmaya çektiririm. Yada kendim Photoshop’ la şu kalıpta bişeyler yapar geçerim. Örnek resim ver Samet dediğinizi duyar gibiyim. Şu işte: http://cdn.cryptosam.com/wp-content/uploads/2013/04/ornek-resim-formati.png Yani kopya resim bulacağıma kendim yapar Flickr’ da, site içinde kullanırım. Kopyadan iyidir. Resim illahaki gerekli ise de Photoshop’ u açar sağından solundan keser(orjinaliyle olan en boy oranını bozar), ufak bi logo ekler, keskinliğini, renk doygunluğunu değiştirir kaydeder kullanırım. (Asuman’ ın dediğine göre orjinal resim yoksa dediklerimi yapmak 1 puan vermese de geçer not veriyormuş. Yani spam veya çalıntı damgası basmıyormuş en azından.)

CDN olarak nereyi önerirsin?

Ben CDN olayında çok araştırdım. Çok yeri denedim. Netdna merkezli çalışan Maxcdn gibisini görmedim arkadaşlar.

Siteye gitmek için alttaki butona tıklayın

Öneri

(Üstten pricing alanına tıklayın paketleri görmek için.) Kupon Kodu: max20 (%20 indirim sağlar)

(Uyarı: Link affiliate linktir. Yani tıklayıp alırsanız bize 3-5 bişeyler verir. :)Tıklamak istemez direk siteye gitmek isterseniz Google’ de Maxcdn yazıp girebilirsiniz. Korkmayın bize verince sizin hesaptan para kesip vermiyorlar :))

Maxcdn dedin tamam Samet. Ben de alıp yapacağım şu CDN işini siteme. Fiyat ne?

Farklı paket çeşitleri bulunuyor. Aylık 100 Gb’ a kadar trafiğiniz varsa Start paketi işinizi görecektir. Normalde ücreti aylık 9$ ama Kupon Kodu: max20 yazarak aylık 7.2$’ a sahip olabilirsiniz. Bana kalırsa yıllık alın ki yıllıkta 2 ayda ücretsiz oluyor. (En alt paketi yıllık alırsanız 72$ para yapar ve 2 adet web siteniz için aylık 100 gb gibi bir trafiği kullanabilirsiniz. 100 gb oldukça büyük bir rakam bence. Günlük 10k civarı hiti olan bir siteye rahatlıkla yetecektir.

Kısaca 1 Yıl kullanım süreli aylık 100 Gb trafik haklı paket = 72$ (144 TL koyun cebinize. Paypalla aldım ben. Paypalla alın.)

Böyle gözünüze cafcaflı görünen, büyük oyun vs sitelerin kullandığı CDN servisi’ nin maliyeti bu işte :)

CDN filan aldım ben. Napıcaz şimdi panelde kayboldum ben Samet

Adımları veriyorum ben size. Benim bu cryptosam.com’ da kullandığım gibi wordpress sitelerinize adım adım kurmayı göstereyim ben size.

1. Adım: Maxcdn panelinize girin.

2. Adım: (Rıfkı dur  bişey anlatıyoz. Laaann laa. Gö…. keserim bak Rıfkı :DUyandı bizimki :)) Eee  Şimdi. Üstte bulut gibi bişey var. Ordan Zones yazar ona tıklayın.

3. Adım: Açılan sayfada logo’ nun hemen altında (Summary yazar bir sağında) Pull Zones’ e tıklayalım.

4. Adım: Pull Zones Overview der. Sağa doğru bakın o hizada Create Pull Zone der. Ona tıklayın.

5. Adım: Alttaki resimdeki gibi kendi sitenize uygun doldurun.

Maxcdn için domaine özel CDN açmak

6. Adım: Create’ ye basın. Basınca Creating Pull Zone der bekleyin. Sonra ekranda Zone Successfully Created yazar. Gördünüz mü bunu tamamdır. Close basın. Edge SSL filan der bilmediğiniz bişeye basmayın. :)

7. Adım: Pull Zones yazar oraya tekrar tıklayın. Orda yeni oluşturduğumuz cdn görüntüleniyorsa tamamdır. Şimdi birkaç ayar var. Seo ayarı vs. O sayfada Manage yazar oluşturduğumuz Pull Zone yanında ona tıklayın.

8. Adım: Açılan sayfada Settings yazar ona tıklayın. Şunun aynısını ayarlarınıza uygulayın.

Cdn ayar kısmının yapılışı

9. Adım: Seo kısmına gelin. En sağda.

10. Adım: Settings kısmına tekrar gelin. Orda en altta. Custom domain settings der. Orda Cname to: cryptosam .xxxxxx. netdna-cdn. com der. Kısaca size diyor ki. Sen cdn. siten. com’ u kullanmak istiyorsun. Ben sana kendi domainimle bunu oluşturdum. Sitenin üstünden kullanacaksan cdn. siten. com u şuna: cryptosam.xxxxxx. netdna-cdn. com cname ile bağla diyor.

Whm panelde edit dns zone der ordan ilgili domaine eklersiniz.

Whm cdn için cname ekleme

Normalde çoğu kişide düz cpanel vardır. Cpanelde Advenced Dns Zone Editor vardır. Oraya girin. Cpanelde de resim olarak şöyle bu işlem:

Cpanelde cdn için cname ekleme

Hayırlı olsun. Maxcdn ile işimiz bitti. Şimdi açtığımız cnamenin oturmasını bekleyeceğiz. Tarayıcınızda cdn. siteniz. com diye girince site ana sayfanızı görüyorsanız işlem tamamdır.

11. Adım: Şimdi hemen Wp Super Cache kuruyoruz. Sitemizdeki tüm resimler, tema js, css ve resim dosyalarını cdn üstünden çalıştıracağız. Wp Super Cache ayarları kısmına gelip oradan CDN tıklıyoruz. Ayarları alttaki gibi yapıyoruz.

Wp Super Cache cdn ayarları

Değişiklikleri kaydet deyin. Cacheyi bir temizleyin. Sonra sitenizin kaynak kodlarından tema ve içeriklerdeki resimler cdnye geçmişmi bakın.
Önemli Not: Artık statik dosyalar cdn’ de. Resimlerde düzenleme filan yapınca yani bir resimi hatalı yüklediniz aynı adla tekrar yüklediniz ama eski resim görünmesi gibi durumlarda, temanızda css vs düzenlemesi yapınca maxcdn girip cache temizlemelisiniz.

Cache nasıl temizleniyor?

Maxcdn paneline girin. Pull zones/Manage cache/Purge All dedinizmi 20 saniye içinde filan cacheleri temizler. Speedtestte geçince bir 3-4 dk değerler düşük görünebilir(Server response time düşük vs gibi) Bu durumda bekleyin resimleriniz Londradan Afrika’ ya kadar gönderiliyordur. Oturur.

Samet para yok bende. Bedava bir şey ver bana?

Eğer amaç sunucunuza düşen statik yükü azaltmak ise(resimler, js, css filan çok trafik harcıyorsa) para da yoksa Cloudflare (Google aratın ilk site) kullanabilirsiniz. Cloudflare ücretsiz seçerseniz siteniz 500-1000 farklı site ile aynı ipde görünür Google botlarına da kullanıcılara’ da.(Rıfkıların ekibe. Eğer harbiden para yoksa iletin yorum olarak yazıya Rıfkı’ ya parası yok ondan geçemedi bu eleman derim ona göre davranırlar :D) Hızlı açar ama o ip de spam yapılırsa etkileme olasılığı var size. Onunda ilk site için 20$’ a sonraki her sitenize 5$’ a pro versiyonunde tek ipde sizin siteleriniz olur. Para yoksa Free kullanın, Az varsa Cloudflare Pro alın. Az daha varsa Maxcdn kullanın. Ben Cloudflare’ yi ip gizleme için yıllardır kullanırım.