Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

2019'da Daha İyi SEO Performansı İçin Site Hızınızı Artıracak 12 İpucu

25.894 visualizaciones

Publicado el

İlyas Teker: SEMrush ile birlikte Google'ın son dönemde üzerinde sıkça durduğu site hızı konusunu derinlemesine ele aldik.

Sunumda cevabını bulabileceğiniz bazı sorular;

- Hız SEO için neden önemli?
- Google site hızına neden bu kadar önem veriyor?
- Hızın arkasındaki psikolojik etkenler neler
- Hız, dönüşüm oranlarını nasıl etkiliyor?
- Siteniz yavaş açıldığında ne olur?
- Site hızımızı arttırmak için neler yapabiliriz?
- Görseller, CSS, JS dosyalarımızı nasıl optimize edebiliriz?
- Siteniz hızlı açılırsa geliriniz nasıl değişir? (Google Üzerinden Gösterim)

Publicado en: Marketing

2019'da Daha İyi SEO Performansı İçin Site Hızınızı Artıracak 12 İpucu

  1. 1. @ I LYA S T E K E R
  2. 2. I LYA S T E K E R K I M D I R ? 11+ yıllık SEO deneyimi Amerika, Avrupa ve Türkiye’de yerel ve global bir çok dijital pazarlama projesini yönetme 60 Gün Güney Amerika Macerası T O R R E S D E L PA I N E , C H I L E
  3. 3. I LYA S T E K E R 60 günün tüm story’leri burada >>>😍 M A C E R A L A R I M I TA K İ P E D E B İ L İ R S İ N İ Z
  4. 4. B E R A B E R Ç A L I Ş T I Ğ I M A R K A L A R D A N B A Z I L A R I
  5. 5. B E N İ N E R E L E R D E G Ö R D Ü N Ü Z ? A R G E N T I N A
  6. 6. A D V I S O RY B O A R D M E M B E R
  7. 7. H T T P : / / W W W. M O U N T N O W. C O M / B E S T- S E O - E X P E RT S /
  8. 8. A R K A D A Ş O L A L I M @ I LYA S T E K E R C U B A
  9. 9. H AY D İ B A Ş L AYA L I M M E X I C O
  10. 10. Neden Hızı Bu Kadar Seviyoruz?
  11. 11. S A AT T E 4 3 0 K M
  12. 12. S A AT T E 4 3 0 K M 4 . 3 M I LY O N E U R O
  13. 13. S A AT T E 4 3 0 K M 4 . 3 M I LY O N E U R O
  14. 14. @ I LYA S T E K E R # S E M R U S H
  15. 15. Hızın Arkasındaki Psikolojik Etken @ I LYA S T E K E R # S E M R U S H Source: Ericsson Mobility Report
  16. 16. Hız Gerçekten Bu Kadar Önemli Mi? @ I LYA S T E K E R # S E M R U S H 1 9 5 0 ’de F1 yarışlarında pitstop’ların süresi çok uzundu
  17. 17. Hız Gerçekten Bu Kadar Önemli Mi? @ I LYA S T E K E R # S E M R U S H G Ü N Ü M Ü Z D E ise bu işlem saniyeler içerisinde tamamlanmak zorunda. Yoksa yarışı kaybederler.
  18. 18. @ I LYA S T E K E R # S E M R U S H
  19. 19. Sinir Bozucu Durumlar @ I LYA S T E K E R # S E M R U S H
  20. 20. @ I LYA S T E K E R # S E M R U S H
  21. 21. @ I LYA S T E K E R # D I G I TA L Z O N E Hız, Dönüşüm Oranlarını Ciddi Oranda Etkiliyor
  22. 22. @ I LYA S T E K E R # D I G I TA L Z O N E 2.5 Milyon Dolar Kaybedecek Kadar Zenginseniz Ayrı
  23. 23. @ I LYA S T E K E R # S E M R U S H Source: Google Siteniz Yavaş Açıldığında Ziyaretçi Kaybediyorsunuz!
  24. 24. Siteniz Yavaş Açıldığında Ziyaretçi Kaybediyorsunuz! https://testmysite.withgoogle.com
  25. 25. Sayfalarınız Yavaş Yükleniyorsa Google Sitenizi Az Crawl Ediyor @ I LYA S T E K E R # S E M R U S H Source: edit.co.uk
  26. 26. Google Hızla İlgili Sürekli Testler Yapıyordu @ I LYA S T E K E R # S E M R U S H
  27. 27. Temmuz’da Sayfa Hızını Sıralama Faktörleri Arasına Ekledi @ I LYA S T E K E R # S E M R U S H
  28. 28. Hız Olayı Düşündüğümüzden Daha Detaylı ve Kapsamlı @ I LYA S T E K E R # S E M R U S H
  29. 29. T Ü R K İ Y E PA Z A R I İ Ç İ N B U G Ü N E K A D A R YA P I L M I Ş " E N K A P S A M L I " T E K N İ K S E O A N A L İ Z İ N D E N N E L E R Ö Ğ R E N D İ K ? ( 1 3 FA R K L I E N D Ü S T R İ , 6 2 FA R K L I M E T R İ K ) 1 0 . 0 0 0 . 0 0 0 S AY FA
  30. 30. Yayıncı Medya Finans Market place
 Listing E-ticaret FMCG İlaç Retail Devlet Tatil Yazılım Tech Zayıf Zayfalar %14 %12 %6 %10 %7 %26 %5 %30 %2 %24 Boş Sayfalar %0.84 %0.61 %3 %1 %0.6 %1 %0.6 %3 %0.06 %1.6 H1 olmayan %16 %12 %56 %18 %2.01 %9 %2.22 %35 %2.6 %20 AMP sayfası %2 %1 %0.5 %0.03 * %0.1 * * %0.3 %0.8 Responsive %44 %58 %19 %65 %87 %73 %90 %12 %62 %35 Mobili yok %26 %23 %74 %23 %7 %17 %5 %47 %4 %27 Max fetch time %4 %13 %8 %20 %4 %4 %1 %4 %1.08 %8
  31. 31. Türkiye’de Yazılımcıların Hıza Yaklaşımı @ I LYA S T E K E R # S E M R U S H gerkca
  32. 32. Dünyada Durum Nasıl Peki?
  33. 33. Geçmeden Önce Bazı Terimleri Öğrenelim @ I LYA S T E K E R # S E M R U S H
  34. 34. @ I LYA S T E K E R # S E M R U S H Mobilde Ortalama Sayfa Büyüklüğü 1.2 MB
  35. 35. @ I LYA S T E K E R # D I G I TA L Z O N E Google: Sektörlere Göre Sayfa Büyüklüğü
  36. 36. @ I LYA S T E K E R # S E M R U S H 2011’de Ortalama Sayfa Büyüklüğü 202 KB İken
  37. 37. @ I LYA S T E K E R # S E M R U S H 2018’de 1.5 MB Artış %674
  38. 38. @ I LYA S T E K E R # D I G I TA L Z O N E Google: Ortalama First Byte İndirme Süresi
  39. 39. First Byte Gerçekten Önemli Mi? @ I LYA S T E K E R # S E M R U S H
  40. 40. @ I LYA S T E K E R # S E M R U S H 1 Mobil Sayfa Yüklenirken 18 TCP Bağlantısı Kuruluyor
  41. 41. @ I LYA S T E K E R # S E M R U S H 1 Mobil Sayfa Yüklenirken 18 TCP Bağlantısı Kuruluyor G E R Ç E K T E N H E P S İ N E İ H T İ YA Ç VA R M I ?
  42. 42. @ I LYA S T E K E R # S E M R U S H 1sn Altında First Paint Oranı Mobilde %34
  43. 43. @ I LYA S T E K E R # S E M R U S H First Contentful Paint Mobilde Ortalama 5.3 sn
  44. 44. Amazon, Walmart’a göre FCP’de Önde @ I LYA S T E K E R # S E M R U S H Source: Patrick Meenan, Smashing Conference 2018
  45. 45. @ I LYA S T E K E R # S E M R U S H Time to Interactive (TTI) Mobilde Ortalama 7.6 sn
  46. 46. Peki İlyas’cığım, Sitemizi Hızlandırmak İçin Neler Yapabiliriz?
  47. 47. Akıllı Hareket Etmeliyiz @ I LYA S T E K E R # S E M R U S H
  48. 48. @ I LYA S T E K E R # S E M R U S H Mobilde Ortalama 18 Javascript İsteği Var
  49. 49. @ I LYA S T E K E R # S E M R U S H +5 CSS İsteği Daha Ekleyelim
  50. 50. @ I LYA S T E K E R # S E M R U S H Ortalama 44 KB CSS Yüklüyoruz
  51. 51. Google Hiçbir CSS İsteğinde Bulunmuyor :) @ I LYA S T E K E R # S E M R U S H
  52. 52. Kullanmadığımız CSS’leri Uçurma Zamanı @ I LYA S T E K E R # S E M R U S H https://unused-css.com/
  53. 53. @ I LYA S T E K E R # S E M R U S H
  54. 54. SEMrush Site Audit İle Sıkıştırılmamış JS ve CSS Dosyalarınızı Görün @ I LYA S T E K E R # S E M R U S H
  55. 55. Kullanılmayan CSS ve JS’leri Tespit Edin Sitenizden Kaldırın @ I LYA S T E K E R # S E M R U S H
  56. 56. @ I LYA S T E K E R # S E M R U S H
  57. 57. Bu Aracı da Deneyebilirsiniz @ I LYA S T E K E R # S E M R U S H
  58. 58. CSS ve JS’leri Sıkıştırmayı Unutmayalım @ I LYA S T E K E R # S E M R U S H https://cssminifier.com/
  59. 59. CSS ve JS’leri Sıkıştırmayı Unutmayalım @ I LYA S T E K E R # S E M R U S H https://www.minifier.org/
  60. 60. CSS ve JS’leri Sıkıştırmayı Unutmayalım @ I LYA S T E K E R # S E M R U S H https://jscompress.com/
  61. 61. CSS ve JS’leri Sıkıştırmayı Unutmayalım @ I LYA S T E K E R # S E M R U S H https://javascript-minifier.com/
  62. 62. Daha Fazla Kaynak? @ I LYA S T E K E R # S E M R U S H https://developers.google.com/speed/docs/insights/MinifyResources
  63. 63. 1 Sayfada Ortalama 493 KB Görsel Kullanılıyor @ I LYA S T E K E R # S E M R U S H
  64. 64. @ I LYA S T E K E R # S E M R U S H 1 Sayfada Ortalama 28 Görsel Yüklenme İsteği Var
  65. 65. Görselleri Optimize Etmemiz Lazım @ I LYA S T E K E R # S E M R U S H
  66. 66. Klasik Olacak Ama Mutlaka Lazy-Loading Yapmalıyız @ I LYA S T E K E R # S E M R U S H
  67. 67. Kendi Siteniz İçin Uygulamadan Önce Okuyun @ I LYA S T E K E R # S E M R U S H
  68. 68. WebP Görsel Formatı İle Tanıştınız mı? @ I LYA S T E K E R # S E M R U S H
  69. 69. Üstelik Çok Daha Hızlı Yükleniyor @ I LYA S T E K E R # S E M R U S H
  70. 70. Kaliteden Ödün Vermeden Görselleri Küçülmek Mümkün @ I LYA S T E K E R # S E M R U S H JPEG file size: 43.84 KB
  71. 71. Kaliteden Ödün Vermeden Görselleri Küçülmek Mümkün @ I LYA S T E K E R # S E M R U S H JPEG file size: 43.84 KB WebP file size: 29.61 KB
  72. 72. WebP Gibi Başkaları da Var: FLIF @ I LYA S T E K E R # S E M R U S H
  73. 73. Adaptive Görseller İçin Bu Servisi Kullanabilirsiniz @ I LYA S T E K E R # S E M R U S H http://adaptive-images.com/
  74. 74. Görsellerin Optimize Edilmesi Direkt Gelirinizi Arttırabilir @ I LYA S T E K E R # S E M R U S H
  75. 75. Nereden Çıktı Bu Analiz? @ I LYA S T E K E R # S E M R U S H
  76. 76. %65 Görsel Yüklenme Hız İyileştirmesi = 2 Kat CR Artışı @ I LYA S T E K E R # S E M R U S H
  77. 77. %65 Görsel Yüklenme Hız İyileştirmesi = 2 Kat CR Artışı @ I LYA S T E K E R # S E M R U S H
  78. 78. Kendi Siteniz İçin Deneyin @ I LYA S T E K E R # S E M R U S H
  79. 79. SEMrush Site Audit İle Yavaş Açılan Sayfalarınızı Görebilirsiniz @ I LYA S T E K E R # S E M R U S H
  80. 80. Önerdiğim Bir Başka Servis Daha: Cloudinary @ I LYA S T E K E R # S E M R U S H
  81. 81. Görsel, Video Optimizasyonu Konusunda Bayağı İyiler @ I LYA S T E K E R # S E M R U S H
  82. 82. Netflix, Tripadvisor, Dropbox Kullanıyor @ I LYA S T E K E R # S E M R U S H
  83. 83. @ I LYA S T E K E R # S E M R U S H Üstelik 10GB Depolama Ücretsiz
  84. 84. CDN Kullanmamız Lazım Ama Hangisi Daha İyi? @ I LYA S T E K E R # S E M R U S H
  85. 85. Dilediğiniz CDN’nin Performansını Kıyaslayın @ I LYA S T E K E R # S E M R U S H
  86. 86. Sitenizin CDN Performansını Ücretsiz Test Edin @ I LYA S T E K E R # S E M R U S H
  87. 87. Facebook CDN Konusunda Nasıl? @ I LYA S T E K E R # S E M R U S H
  88. 88. Mobilde 78 KB Font Yüklüyoruz @ I LYA S T E K E R # S E M R U S H
  89. 89. +3 Font İsteğimiz Var @ I LYA S T E K E R # S E M R U S H
  90. 90. Alternatif Font Kullanarak Hızlanabiliriz @ I LYA S T E K E R # S E M R U S H
  91. 91. Font-Display Olayını Göz Ardı Etmeyin @ I LYA S T E K E R # S E M R U S H
  92. 92. Font-Display Olayıyla İlgili Detaylı Bilgi için Okuyun @ I LYA S T E K E R # S E M R U S H
  93. 93. Hero Element’i Duyan Oldu Mu? @ I LYA S T E K E R # S E M R U S H
  94. 94. Bu Değerleri Google Analytics’te Ölçebilirsiniz @ I LYA S T E K E R # S E M R U S H
  95. 95. Bu Makaleyi Okuyun @ I LYA S T E K E R # S E M R U S H https://medium.com/@zizzamia/first-contentful-paint-with-a-touch-of-perfume-js-cd11dfd2e18f
  96. 96. Yetmez Diyorsanız Data Studio’ya Ekleyin @ I LYA S T E K E R # S E M R U S H
  97. 97. Time To Interactive (TTI) Mobilde Daha Uzun @ I LYA S T E K E R # S E M R U S H
  98. 98. Google Page Speed Aracı Yenilendi! @ I LYA S T E K E R # S E M R U S H
  99. 99. Artık Google Lighthouse Bilgileri de Görünüyor @ I LYA S T E K E R # S E M R U S H
  100. 100. Diğer Metriklerdeki Sayfa Performansınızı da Analiz Edin @ I LYA S T E K E R # S E M R U S H
  101. 101. Google’ın Sayfasını Okuyun ve Chrome Eklentisini İndirin @ I LYA S T E K E R # S E M R U S H
  102. 102. Hızlandırma İçin Optimizasyon Adımlarınızı Önceliklendirin @ I LYA S T E K E R # S E M R U S H
  103. 103. Waterfall Görünümü Sayfayı Yavaşlatan Unsurları Daha Kolay Görmenizi Sağlar @ I LYA S T E K E R # S E M R U S H
  104. 104. Okumadan Geçmeyin @ I LYA S T E K E R # S E M R U S H https://developers.google.com/web/fundamentals/performance/user-centric-performance-metrics
  105. 105. @ I LYA S T E K E R # S E M R U S H Okumadan Geçmeyin https://medium.com/@fox/talk-the- state-of-the-web-3e12f8e413b3
  106. 106. Tam Bitti Derken Google FID (First Input Delay) Duyurdu @ I LYA S T E K E R # S E M R U S H
  107. 107. FID (First Input Delay) Nedir? @ I LYA S T E K E R # S E M R U S H Kullanıcının site yüklendikten sonra herhangi bir linke tıkladığında, butona bastığında ya da custom bir js kontrolünü çalıştırdığında browser’ın cevap verme süresi arasında geçen zaman.
  108. 108. Grafiğe Dökersek Daha Kolay Anlaşılır @ I LYA S T E K E R # S E M R U S H
  109. 109. FID Değerini Google Analytics’te Ölçmek İsterseniz @ I LYA S T E K E R # S E M R U S H
  110. 110. Sayfamızın Kritik Alanlarının Önce Render Edilmesi @ I LYA S T E K E R # S E M R U S H
  111. 111. Nelere Dikkat Etmeliyiz? @ I LYA S T E K E R # S E M R U S H • Server’ın bu sayfa datalarını öncelikli gönderdiğinden emin olun.
  112. 112. Nelere Dikkat Etmeliyiz? @ I LYA S T E K E R # S E M R U S H • Server’ın bu sayfa datalarını öncelikli gönderdiğinden emin olun. • rel=preload Kullanarak hangi elementin önce yüklenmesi gerektiğini browser’a söyleyin.
  113. 113. Nelere Dikkat Etmeliyiz? @ I LYA S T E K E R # S E M R U S H • Server’ın bu sayfa datalarını öncelikli gönderdiğinden emin olun. • rel=preload Kullanarak hangi elementin önce yüklenmesi gerektiğini browser’a söyleyin. • <head> kısmında inline CSS kullananın (kritik olan sayfa özelinde)
  114. 114. Chrome Bu Konuda Farklı Denemeler de Yapıyor @ I LYA S T E K E R # S E M R U S H
  115. 115. Hız Konuşurken AMP Konuşmamak Olmaz @ I LYA S T E K E R # S E M R U S H
  116. 116. 5.7 Kat Daha Hızlı @ I LYA S T E K E R # S E M R U S H
  117. 117. AMP ile Responsive Kıyaslarsak @ I LYA S T E K E R # S E M R U S H Source: Bastian Grimm, SearchLeeds 2018
  118. 118. E-ticaret Sitelerinde de Kullanılabiliyor @ I LYA S T E K E R # S E M R U S H
  119. 119. Guess.js: Data-driven User-experiences @ I LYA S T E K E R # S E M R U S H
  120. 120. @ I LYA S T E K E R # S E M R U S H Hangi Linklere Tıklanacağını Hesaplayıp Hızlı Yüklüyor
  121. 121. Google Analytics Hesabınıza Bağlanıp Oradaki Datanızı İşliyor @ I LYA S T E K E R # S E M R U S H
  122. 122. Küçük Bir Siteniz İçin Mutlaka Deneyin @ I LYA S T E K E R # S E M R U S H
  123. 123. Mümkün Olan Yerlerde Asynchronous Yükleme Yapabiliriz @ I LYA S T E K E R # S E M R U S H
  124. 124. Defer.js Kullanarak Başlayabilirsiniz @ I LYA S T E K E R # S E M R U S H awdadawdaw
  125. 125. Hız Optimizasyonuna Yaklaşımımız Nasıl Olmalı? @ I LYA S T E K E R # S E M R U S H
  126. 126. Hız Optimizasyonuna Yaklaşımımız Nasıl Olmalı? @ I LYA S T E K E R # S E M R U S H ???
  127. 127. RUM = Real User Monitoring @ I LYA S T E K E R # S E M R U S H
  128. 128. RUM = Real User Monitoring @ I LYA S T E K E R # S E M R U S H
  129. 129. Başka Servisler de Sunuyor @ I LYA S T E K E R # S E M R U S H
  130. 130. Ücretsiz Kullanabileceğiniz Araçlar da Var @ I LYA S T E K E R # S E M R U S H
  131. 131. NASA Bile Kullanıyor :) Siz de Deneyin! @ I LYA S T E K E R # S E M R U S H
  132. 132. Sitenize Bir Script Eklemeden Önce 2 Kez Düşünün @ I LYA S T E K E R # S E M R U S H
  133. 133. Sitesinde Çok Fazla Script Kullananlar Mutlaka Okuyun @ I LYA S T E K E R # S E M R U S H https://developer.akamai.com/blog/2015/11/17/tips-managing-performance-third-party-scripts
  134. 134. Redirect Zincirleri Site Hızınızı Etkiliyor @ I LYA S T E K E R # S E M R U S H
  135. 135. Bu Kadar Uğraşa Gerçekten Değer Mi? Instagram’da Story İzlemek Varken
  136. 136. @ I LYA S T E K E R # S E M R U S H Source: Bastian Grimm, SearchLeeds 2018
  137. 137. @ I LYA S T E K E R # S E M R U S H Source: Bastian Grimm, SearchLeeds 2018
  138. 138. @ I LYA S T E K E R # S E M R U S H Source: Bastian Grimm, SearchLeeds 2018
  139. 139. İyileştirme Yapılmış Performans Değerleri Harika @ I LYA S T E K E R # S E M R U S H awdadawdaw Source: Bastian Grimm, SearchLeeds 2018
  140. 140. @ I LYA S T E K E R # S E M R U S H Source: Bastian Grimm, SearchLeeds 2018
  141. 141. Greenweez AMP İle Dönüşüm Oranlarını %80 Arttırdı @ I LYA S T E K E R # S E M R U S H
  142. 142. Gravatas AMP İle Mobil Dönüşüm Oranlarını %15 Arttırdı @ I LYA S T E K E R # S E M R U S H
  143. 143. AMP + PWA = @ I LYA S T E K E R # S E M R U S H
  144. 144. Yapınca Oluyor @ I LYA S T E K E R # S E M R U S H
  145. 145. Başka Bir Sitede Optimizasyon Sonrası Sonuçlar @ I LYA S T E K E R # S E M R U S H
  146. 146. Siteniz Hızlandıkça Google’ın Crawl Oranı Artıyor @ I LYA S T E K E R # S E M R U S H
  147. 147. John Amca Ne Demişti Hatırladınız Mı? @ I LYA S T E K E R # S E M R U S H
  148. 148. Google: Rakiplerinizle Birlikte Ülke Bazlı Site Hızınızı Kıyaslayın @ I LYA S T E K E R # S E M R U S H https://www.thinkwithgoogle.com/feature/mobile/
  149. 149. Hızlandıkça Geliriniz Tahmini Ne Kadar Artacak Görün @ I LYA S T E K E R # S E M R U S H https://www.thinkwithgoogle.com/feature/mobile/
  150. 150. N11.com 4sn Hızlanarak Yıllık +$84M Gelir Elde Edebilir @ I LYA S T E K E R # S E M R U S H https://www.thinkwithgoogle.com/feature/mobile/
  151. 151. N11.com 4sn Hızlanarak Yıllık +$84M Gelir Elde Edebilir @ I LYA S T E K E R # S E M R U S H https://www.thinkwithgoogle.com/feature/mobile/
  152. 152. N11.com 4sn Hızlanarak Yıllık +$84M Gelir Elde Edebilir @ I LYA S T E K E R # S E M R U S H https://www.thinkwithgoogle.com/feature/mobile/
  153. 153. N11.com 4sn Hızlanarak Yıllık +$84M Gelir Elde Edebilir @ I LYA S T E K E R # S E M R U S H https://www.thinkwithgoogle.com/feature/mobile/
  154. 154. 100ms Hız İyileştirmesi Session Başına %0.7 Gelir Arttırmış @ I LYA S T E K E R # S E M R U S H https://jobs.zalando.com/tech/blog/loading-time-matters/index.html
  155. 155. Bu Hafta Bu Dökümanı MUTLAKA Okuyun @ I LYA S T E K E R # S E M R U S H
  156. 156. @ I LYA S T E K E R # S E M R U S H Bu Araçları Tek Tek Kullanın https://testmysite.withgoogle.com
  157. 157. @ I LYA S T E K E R # S E M R U S H Bu Araçları Tek Tek Deneyin
  158. 158. @ I LYA S T E K E R # S E M R U S H SpeedCurve Bayağı Sağlam
  159. 159. @ I LYA S T E K E R # S E M R U S H SpeedCurve Bayağı Sağlam
  160. 160. @ I LYA S T E K E R # S E M R U S H SpeedCurve Bayağı Sağlam
  161. 161. @ I LYA S T E K E R # S E M R U S H SpeedCurve Bayağı Sağlam
  162. 162. T E Ş E K K Ü R L E R @ I LYA S T E K E R

×