AMP ile Yüksek Performanslı Mobil Deneyimi
•
2 likes•1,003 views
Accelerated Mobile Pages (AMP) Teknolojisi ile mobilde daha görünür ve hızlı olmanın yollarına dair, SEOzone Meetups için hazırladığım sunum.
AMP ile Yüksek Performanslı Mobil Deneyimi
- 1. Yüksek performanslı mobil deneyimi: AMP Mehmet Aktuğ @SEOZEO@mehmetaktug
- 2. Neden Mobil?
- 3. Mobil cihazlara bağımlı ²â²¹ÅŸÄ±²â´Ç°ù³Ü³ú!
- 7. Ä°²õ³Ù²¹³Ù¾±²õ³Ù¾±°ì±ô±ð°ù* 1. Ä°nsanların %73’ü telefonunu yanından ayırmıyor. 2. Ä°nsanlar, telefonlarını günde yaklaşık 200 kez eline alıyor. 3. Ä°nternet kullanıcılarının %75’i, mobil cihazı üzerinden de çevrimiçi oluyorlar.
- 12. Belki de olması gerekenden daha fazla yanımızda! J
- 14. Ve insanlar, her geçen gün aradıklarına daha hızlı ulaşmak istiyor.
- 15. AMA 1. Mobil internet hala yeterince hızlı değil. 2. Web siteleri, hızlı bir şekilde sorgulara cevap veremiyor. 3. Cihaz ya da platformların performansları yeterli seviyede değil.
- 19. Hatta hız öylesine önemli ki, dünya devleri bu konulara sıradışı örneklerle dikkat çekiyor.
- 20. Neden?
- 21. Çünkü, 1. Yüklenmesi 3 saniyeden uzun süren sayfalar, ziyaretçilerinin %40’ını kaybediyor. 2. UX’i negatif etkileyen reklamlar yüzünden Adblocker programlar kullanılıyor. 3. Kullanıcı okuyamıyor, yayıncı içerik ve reklamları gösteremiyor.
- 22. SEO için de ֲԱ𳾱ô¾±!
- 23. SEO için de ֲԱ𳾱ô¾±!
- 24. Sonunda, herkesi mutlu edecek gelişmeler başladı!
- 26. Facebook Instant Articles - 12 Mayıs 2015 - Sadece belirli yayıncılar için başladı: BuzzFeed, NY Times, Washington Post vb. - %70 - %30 reklam geliri paylaşımı (yayıncı – facebook)
- 28. Açık kaynak kodlu, özgürce °ì³Ü±ô±ô²¹²Ôı±ô²¹²ú¾±±ô¾±°ù!
- 29. İçerik yayıncıları ve haber sitelerinde
- 30. Google News da Kullanmaya Başlıyor!
- 32. AMP’yi hızlı yapan ne?
- 33. Lite HTML?!
- 35. Biraz da arka planı inceleyelim.
- 36. AMP HTML
- 37. AMP HTML
- 38. AMP HTML
- 40. AMP JS AMP için JS Kütüphaneleri
- 41. AMP JS Asenkron Yükleme ile sorunsuz render
- 42. AMP CDN Proxy based CDN by Google
- 43. Google AMP CDN 1. AMP HTML Crawl 2. Caching (Önbelleğe alma) 3. Son Kullanıcıya Sunma
- 45. Nasıl Çalışıyor? 1. Web sitesi üzerinde bulunan asıl sayfa: 2. Bu sayfanın AMP versiyonunun URL’i: https://www.example.com/url/to/amp-version.html https://www.example.com/url/to/regular-html-version.html
- 46. Nasıl Çalışıyor? 1. Asıl sayfanın HTML kısmına eklenmesi gereken kod: 2. AMP HTML’e eklenmesi gereken canonical kodu: <link rel="canonical" href="https://www.example.com/url/to/regular-html-version.html" /> <link rel="amphtml" href="https://www.example.com/url/to/amp-version.html" />
- 48. AMP Uygulayan Örnekleri Ä°²Ô³¦±ð±ô±ð²â±ð±ô¾±³¾.
- 55. 1. Google Search Console Ä°ncelemeler
- 56. 1. Google Search Console Ä°ncelemeler
- 57. Ä°ncelemeler 2. Google Structured Data Testing Tool
- 59. AMP ne katıyor?
- 64. İçerikleriniz daha çok kişi tarafından görülür.
- 67. Sadece yayıncılar için Sadece AMP JS
- 68. Sadece yayıncılar için Sadece AMP JS Trafiklere negatif etki
- 69. Sadece yayıncılar için Sadece AMP JS Trafiklere negatif etki Altyapı iyileştirmesi
- 71. Custom CMS
- 74. Richard Gingras @Google Sadece yayıncılar için değil. Hedefimiz tüm web siteleri