AMP URL Yapısı ve SEO: Accelerated Mobile Pages Rehberi
AMP sayfaları için URL yapısı, canonical ayarları ve Google AMP Cache stratejilerini öğrenin. Mobil hız optimizasyonu rehberi.
AMP (Accelerated Mobile Pages), Google tarafından geliştirilen ve mobil web sayfalarının hızlı yüklenmesini sağlayan açık kaynaklı bir framework'tür. Bu rehberde, AMP sayfaları için URL yapısı ve SEO stratejilerini inceleyeceğiz.
AMP URL Yapısı
AMP Sayfa URL Formatları
// Standart sayfa ve AMP versiyonu
https://example.com/makale-basligi/
https://example.com/makale-basligi/amp/
// Alternatif yapılar
https://example.com/amp/makale-basligi/
https://amp.example.com/makale-basligi/
https://example.com/makale-basligi/?amp=1Google AMP Cache URL'leri
// Google AMP Cache URL yapısı
https://example-com.cdn.ampproject.org/c/s/example.com/makale-basligi/amp/
// URL bileşenleri
- cdn.ampproject.org: AMP cache domain
- /c/: Content type (c=content, i=image)
- /s/: HTTPS işareti
- example.com: Orijinal domainCanonical ve AMP İlişkisi
Paired AMP (İkili Yapı)
// Standart sayfada AMP'ye referans
<link rel="amphtml" href="https://example.com/makale/amp/" />
// AMP sayfasında canonical
<link rel="canonical" href="https://example.com/makale/" />Standalone AMP (Tek Sayfa)
// Self-referencing canonical (AMP tek versiyon)
<link rel="canonical" href="https://example.com/makale/" />
// Aynı URL hem AMP hem canonicalAMP URL Best Practices
URL Yapısı Önerileri
- AMP URL'leri kısa ve temiz tutun
- /amp/ suffix'ini tercih edin (subdomain yerine)
- Tutarlı yapı kullanın (tüm sitede aynı pattern)
- Canonical ilişkileri doğru kurun
URL Tutarlılığı
// Doğru yapı
Standart: /blog/makale-basligi/
AMP: /blog/makale-basligi/amp/
// Kaçınılması gereken
Standart: /blog/makale-basligi/
AMP: /amp-blog/makale-basligi/ (farklı path)AMP ve SEO
Google Arama Sonuçlarında AMP
// AMP sayfaları Google'da şimşek ikonu ile işaretlenir
// Top Stories carousel'de öncelik
// Mobil aramada hız avantajı
// AMP valid kontrolü
https://search.google.com/test/amp
https://validator.ampproject.org/Core Web Vitals ve AMP
// AMP sayfaları genellikle iyi CWV skorları alır
LCP (Largest Contentful Paint): < 2.5s
FID (First Input Delay): < 100ms
CLS (Cumulative Layout Shift): < 0.1
// AMP otomatik optimizasyonları
- Lazy loading images
- Async script loading
- Fixed layout elementsAMP için Redirect Yönetimi
AMP Redirect Kuralları
// Non-AMP'den AMP'ye yönlendirme YAPMAYIN
// Her iki versiyon da erişilebilir olmalı
// Mobil kullanıcıları otomatik yönlendirme
// (önerilmez - canonical ilişkisi yeterli)
// Eski AMP URL'leri için 301
Redirect 301 /amp/eski-makale/ /yeni-makale/amp/AMP Sayfalarında Analitik
URL Takibi
// amp-analytics kullanımı
<amp-analytics type="gtag">
<script type="application/json">
{
"vars": {
"gtag_id": "GA_MEASUREMENT_ID",
"config": {
"GA_MEASUREMENT_ID": {
"page_location": "{{ampdocUrl}}"
}
}
}
}
</script>
</amp-analytics>WordPress'te AMP URL Yapısı
AMP Plugin Ayarları
// Official AMP Plugin
// Settings > AMP > URL Settings
// URL yapısı seçenekleri
1. /amp/ endpoint (önerilen)
2. ?amp query parameter
3. Reader mode (ayrı template)
// Permalink yapısı
/%postname%/amp/AMP Stories URL'leri
// Web Stories URL yapısı
https://example.com/web-stories/hikaye-basligi/
// Google Web Stories
- Tam ekran format
- Swipe navigasyon
- Discover ve Search'te görünürAMP Cache Preloading
// Signed Exchange (SXG) ile orijinal URL gösterimi
// Google arama sonuçlarında kendi URL'niz görünür
// SXG gereksinimleri
- HTTPS sertifikası (CanSignHttpExchanges)
- amp-cache-transform header
- Valid AMP sayfasıAMP'den Non-AMP'ye Geçiş
Migration Stratejisi
// 1. Önce non-AMP sayfaları hızlandırın
// 2. Core Web Vitals'ı optimize edin
// 3. AMP'yi kademeli olarak kaldırın
// Redirect planı
/makale/amp/ → /makale/ (301)
// amphtml link'ini kaldırınSonuç
AMP, mobil sayfa hızı için güçlü bir çözüm sunar. Doğru URL yapısı ve canonical ayarları ile hem kullanıcı deneyimini hem de SEO performansını optimize edebilirsiniz. Ancak Core Web Vitals optimizasyonu ile AMP'siz de iyi performans elde edebilirsiniz.