CDN Kullanımı ve SEO

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. Bu da uluslararası kitleye en iyi hız deneyimi sunulduğu için SEO yönünden kocaman bir arti puan demektir.

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. https://cdn.cryptosam.com/ Örnek Resim: https://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.

CDN Kullanmanın Artıları

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:

Ü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?

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ı resimleri orjinal 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: https://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 Firması 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. Maxcdn kapandı arkadaşlar. Farklı bir firma olarak devam ediyor ama Türkiye pop noktası yok. Yani Türkiye’den hızlı olmuyordu. Bu nedenle uzun araştırmalar sonucunda bu sitemde de Bunny CDN’yi kullanıyorum. Alt bölümden kaydolup çok cazip fiyatlarla kullanabilirsiniz. (Deneyip memnun kalmadığım hiç bir şeyi bilen bilir önermem. Aktif olarak kullanıyorum ve Bunny’den memnunum.)

Bunny.net CDN’ye Kayıt İçin Tıklayın

(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 Bunny CDN yazıp girebilirsiniz. Korkmayın bize verince sizin hesaptan para kesip vermiyorlar :))

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

CDN Fiyatları

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.

Üstte yazdığım üstü çizili olan kısımlar güncelliğini kaybetti. Bunny CDN’ e geçtim ve fiyat kullandığın kadar öde olarak çalışıyor. 5 $’a 1 Tb’dan tutunda 1 Tb’ye tamamen Türkiyeden erişilirse 30 $ / Tb fiyata geliyor ki bunu harcamanız imkansız. Aylık tutar trafiğiniz sağlamsa 100 gb harcarsınız Tr pop’ u filan açsanız ayda 2-3 doları geçmez. Pop vs olayları nedir ne değildir nasıl kurulur altlarda anlatacağım.

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.) (Bu kısımda Maxcdn’de idi. Artık Bunny’deyiz :D)

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

(Buranın altına bakmayın. Güncellenmedi. Güncellenecek.) (13 Ocak 2022)

Bunny CDN Kurulum İşlemi

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ı 😀 Uyandı 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.

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.

9. Adım: Seo kısmına gelin. En sağda.Robots.txt yazar. Önündeki tike işaretleyin. Update deyin.

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.

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:

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.

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?

Ücretsiz CDN Alternatifleri

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. O konuda detaylı bir yazıyı ilerleyen günlerde yazacağım. Cloudflare kullanımı ve ayarları hakkındaki yeni yazıyı yazdım. Linki şu: https://www.cryptosam.com/tr/cloudflare-ile-site-ip-adresi-gizleme/

Sıkça Sorulan CDN Soruları

Bu arada Asuman geldi demin yazıyı yazarken. Ondanda tiyolar aldık. Telefonla çaktırmadan Rıfkı’ nın foto çektim. Durum alttaki gibi 🙂