What is mobile first indexing and how can we measure mobile site metrics?

2. Google’ın Yeni Temel Değişikliği
Mobile-First Indexing’e Ne Kadar
Hazırsınız?
@ceydaaricioglu

3. Mobile:
56.81%
Desktop:
43.19%
Dünya Geneli: Mobile / Desktop

4. Mobile:
65.90%
Desktop:
34.10%
Türkiye Geneli: Mobile / Desktop

6. AMP - Accelerated Mobile Pages

7. PWA - Progressive Web Apps
• Progressive & Responsive
• Bağlanabilirlik
• Uygulama Deneyimi
• Ana Ekrana Ekleyebilme
• Güvenli & Hızlı
• Anlık Bildirim Gönderebilme

8. Mobile-first indexing nedir?

9. Desktop-first indexing nedir?
http://deneme.com
http://deneme.com/1
http://deneme.com/2
http://deneme.com/3
http://deneme.com/4
http://deneme.com/5
http://deneme.com/6
http://deneme.com/7
http://deneme.com/8
http://deneme.com/9

10. Desktop-first indexing nedir?
http://deneme.com
http://deneme.com/1
http://deneme.com/2
http://deneme.com/3
http://deneme.com/4
http://deneme.com/5
http://deneme.com/6
http://deneme.com/7
http://deneme.com/8
http://deneme.com/9

11. Mobile-first indexing nedir?
http://m.deneme.com
http://m.deneme.com/1
http://m.deneme.com/2
http://m.deneme.com/3
http://m.deneme.com/4
http://m.deneme.com/5
http://m.deneme.com/6
http://m.deneme.com/7
http://m.deneme.com/8
http://m.deneme.com/9

12. Tüm arama sonuçları MFI’ye göre belirlenecek

13. Mobile-first indexing süreci
ne zaman başladı?

15. 21 Nisan 2015: Mobilegeddon Güncellemesi

16. 21 Nisan 2015: Mobilegeddon Güncellemesi

17. 21 Nisan 2015: Mobilegeddon Güncellemesi

19. Google’ın Mobil Uyumluluk Testi Aracı
https://search.google.com/test/mobile-friendly

20. Google’ın Mobil Uyumluluk Testi Aracı
https://search.google.com/test/mobile-friendly

22. Mobile-first indexing için
nasıl hazırlanabiliriz?

23. 1. Hangi teknolojiyi
kullanmak
istiyorsunuz?

24. Seçenek 1: Responsive Design
• (+) Google’ın öncelikle önerdiği yöntemlerden
• (+) Tek URL tipi, kolay bakım, daha az problem
• (+) Daha kolay SEO testleri + crawl bütçesi
• ( - ) Çoğunlukla gereksiz olan CSS yüklemeleri

25. Seçenek 2: Dynamic Serving
• (+) Her cihaz tipi için farklı HTML sunumu
• (+) Pagespeed yönüyle daha avantajlı
• (+) Sadece mobil için gerekli içeriği göstermek
• ( - ) Sunucu tarafında konfigürasyon gerekliliği
• ( - ) Nispeten daha zor SEO bakımı

26. Seçenek 3: Ayrı URL’ler Kullanmak
• (+) Her cihaz tipi için farklı HTML sunumu
• (+) Pagespeed yönüyle daha avantajlı
• (+) Sadece mobil için gerekli içeriği göstermek
• ( - ) Sunucu tarafında konfigürasyon gerekliliği
• ( - ) SEO için çeşitli etiketleri kullanma zorunluluğu

28. Test Yapmayı Unutmayın: BrowserStack

29. Test Yapmayı Unutmayın: BrowserStack

30. Test Yapmayı Unutmayın: BrowserStack

31. 2. Hazırlık sürecinde
yapabileceğiniz
manuel kontroller
nelerdir?

32. İpucu: Chrome üzerinden sitenizi iPhone gibi görebilirsiniz

33. 1- Site içi linklerin tamamına mobilde yer veriliyor mu?

34. 2- Sayfalarda gösterilen içerik sayısı mobil ve masaüstünde aynı
mı?

35. 3- Kategori açıklamaları mobil sayfalarda yer alıyor mu?

36. 3- Kategori açıklamaları mobil sayfalarda yer alıyor mu?

37. 4- Breadcrumb ve yapılandırılmış veri mobil sürümde yer alıyor mu?

38. 4- Breadcrumb ve yapılandırılmış veri mobil sürümde yer alıyor mu?

39. 5- Kullanıcı içeriği mobil sürümde yer alıyor mu?

40. 5- Kullanıcı içeriği mobil sürümde yer alıyor mu?
Desktop Mobile

41. Desktop Mobile
5- Kullanıcı içeriği mobil sürümde yer alıyor mu?

42. 6- CSS, JS kaynakları mobil user-agent’lar tarafından taranmaya açık
mı?

43. 6- CSS, JS kaynakları mobil user-agent’lar tarafından taranmaya açık
mı?

45. Bu alanda kendi sunucunuzdan servis edilen JS dosyaları engellenmemiş olmalı.

46. 7- Open Graph, Twitter Cards, Meta Robots gibi meta veriler
mobil sürümde de yer alıyor mu?

47. 7- Open Graph, Twitter Cards, Meta Robots gibi meta veriler
mobil sürümde de yer alıyor mu?

48. 8- Mobil için site hızını optimize etmeyi unutmayın!
https://developers.google.com/speed/pagespeed/insights/?hl=tr

50. İpucu: Diff Check ile içerik farklılıklarımızı inceleyebiliriz

51. 3. Sitenizi tarayarak
eksiklerinizi
kapattığınızdan emin
olun!

52. 1. Screaming Frog ile tüm sitenizi mobilde tarayın

53. 1. Screaming Frog ile tüm sitenizi mobilde tarayın

54. 1. Screaming Frog ile tüm sitenizi mobilde tarayın

55. 2- Screaming Frog’un “extraction” alanını kullanın / schema.org

56. 3. Deepcrawl taramasını mobil için yapın

57. 3. Deepcrawl taramasını mobil için yapın

58. 3. Deepcrawl taramasını mobil için yapın

59. 3. Deepcrawl taramasını mobil için yapın

60. 3. Deepcrawl taramasını mobil için yapın

61. 3. Deepcrawl taramasını mobil için yapın

62. Google bu değişikliği
ne zaman gerçekleştirecek?

63. 4 Kasım 2016’da ilk duyuru yapıldı

66. Eğer mobil siteniz yoksa?

68. Mobil verilerimizi
ölçümlerken hangi
araçlardan faydalanabiliriz?

69. 1. Search Console: Mobil Kullanılabilirlik Raporu

70. 2. Search Console: Tarama Hataları

71. 3. Search Console: Mobil Cihazlarda Trafik

72. 4. SEMrush: Desktop vs. Mobile Indeksler
Desktop
Mobile

73. 5. Searchmetrics: Desktop vs. Mobile Indeksler

74. 6. SEOmonitor: Desktop vs. Mobile Sıralamalar

75. 6. SEOmonitor: Desktop vs. Mobile Sıralamalar

76. 7. Ve tabii ki Google Analytics

77. 7. Ve tabii ki Google Analytics

78. 7. Ve tabii ki Google Analytics

79. 7. Ve tabii ki Google Analytics

80. 7. Ve tabii ki Google Analytics

81. İpucu: İçeriklerinizi istediğiniz gibi konumlandırın!

82. Teşekkürler! :)