Mobil internet hızı her geçen yıl artıyor — ama kullanıcı beklentileri daha da hızlı artıyor. AMP (Accelerated Mobile Pages), Google ve Twitter tarafından 2015’te başlatılan ve web sayfalarının mobil cihazlarda anlık hızda yüklenmesini sağlayan açık kaynaklı bir framework’tür.

Bu rehber, AMP’nin ne olduğunu, nasıl çalıştığını, hangi durumlarda kullanılması gerektiğini ve 2026 itibarıyla AMP’nin mevcut durumunu kapsamlı biçimde açıklamaktadır.

AMP Nedir?

AMP — Accelerated Mobile Pages — web sayfalarını mobil cihazlarda yıldırım hızında yüklemek için geliştirilmiş üç bileşenden oluşan bir teknoloji sistemidir:

AMP HTML: Standart HTML’in kısıtlandırılmış ve genişletilmiş hali. Belirli HTML etiketleri yasaklı, özel AMP etiketleri (amp-img, amp-video, amp-form) kullanılır.
AMP JavaScript: Tek bir özel AMP JS kütüphanesi. Özel JavaScript yazımı yasaklıdır. Bu kısıtlama, render-blocking JavaScript’i ortadan kaldırarak hızı garantiler.
AMP Cache: Google, Bing ve diğer platform sağlayıcılarının sunduğu içerik dağıtım ağı. AMP sayfaları bu cache’ten servis edilir — sunucunuza bile istek gitmez.

AMP Nasıl Çalışır?

Geleneksel Sayfa Yükleme:
Kullanıcı tıklar → DNS → Sunucu → HTML + CSS + JS yükleme → Render

AMP Sayfası Yükleme:
Kullanıcı tıklar → Google AMP Cache → Anında render (pre-rendered)

AMP sayfaları Google tarafından daha önce pre-rendered (önceden işlenmiş) olarak önbelleğe alınır. Kullanıcı arama sonucundan tıkladığında sayfa Google’ın sunucularından milisaniyeler içinde yüklenir. Kendi sunucunuza hiç bağlanmak gerekmeyebilir.

AMP Web Tasarımının Teknik Temelleri

AMP HTML Kısıtlamaları

AMP HTML’de bazı standart HTML özellikleri yasak veya kısıtlıdır:

Yasak özellikler:

<script> etiketiyle özel JavaScript (yalnızca AMP JS iznine sahip)
<img> doğrudan kullanımı (yerine <amp-img> kullanılır)
<video>, <audio> doğrudan kullanımı
Form elemanlarının bazı standart özellikleri
onclick ve diğer inline event handler’lar

Zorunlu AMP yapısı:

<!doctype html>
<html ⚡>
  <head>
    <meta charset="utf-8">
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <link rel="canonical" href="https://example.com/original-page/">
    <meta name="viewport" content="width=device-width,minimum-scale=1">
    <style amp-boilerplate>body{...}</style>
    <noscript><style amp-boilerplate>body{...}</style></noscript>
    <!-- Custom styles max 75KB -->
    <style amp-custom>
      /* Tüm özel CSS buraya */
    </style>
  </head>
  <body>
    <!-- AMP içerik -->
  </body>
</html>

Temel AMP Bileşenleri

amp-img: Tüm görseller için zorunlu.

<amp-img
  src="/image.jpg"
  width="800"
  height="600"
  layout="responsive"
  alt="Görsel açıklaması">
</amp-img>

amp-video: Video için.

<amp-video
  src="/video.mp4"
  width="720"
  height="405"
  layout="responsive"
  controls>
</amp-video>

amp-carousel: Slider/karusel için.

<amp-carousel
  width="400"
  height="300"
  layout="responsive"
  type="slides"
  autoplay
  delay="2000">
  <amp-img src="slide1.jpg" width="400" height="300" layout="responsive"></amp-img>
  <amp-img src="slide2.jpg" width="400" height="300" layout="responsive"></amp-img>
</amp-carousel>

amp-form: Form bileşeni.

<form method="post"
  action-xhr="https://example.com/api/contact"
  target="_top">
  <input type="text" name="name" required>
  <input type="email" name="email" required>
  <input type="submit" value="Gönder">
</form>

amp-analytics: Analytics entegrasyonu.

<amp-analytics type="gtag" data-credentials="include">
  <script type="application/json">
  {
    "vars" : {
      "gtag_id": "G-XXXXXXXXXX",
      "config": {
        "G-XXXXXXXXXX": { "groups": "default" }
      }
    }
  }
  </script>
</amp-analytics>

CSS Kısıtlamaları

Tüm CSS <style amp-custom> içinde yazılmalı
Maksimum 75KB CSS (sıkıştırılmamış)
External stylesheet yüklenemez
!important kullanımı yasak
overflow: visible input elemanlar için yasak
Bazı CSS animasyonları kısıtlı

AMP SEO’ya Nasıl Etki Eder?

Bu konu AMP’nin en tartışmalı boyutu.

AMP’nin SEO Üzerindeki Olumlu Etkileri

Sayfa hızı: Google, sayfa hızını doğrudan sıralama faktörü olarak kullanıyor. AMP sayfaları standart sayfalardan çok daha hızlı yükleniyor. Bu, özellikle Core Web Vitals metriklerinde (LCP, FID/INP) fark yaratıyor.

Mobil uyumluluk: Mobil önce (mobile-first) indexleme döneminde AMP sayfalar mükemmel mobil uyumluluk sunuyor.

Top Stories (En Önemli Haberler): Google’ın arama sonuçlarındaki Top Stories carousel’ına dahil olmak için AMP zorunluluk değil artık — ancak AMP hâlâ bu alanda avantaj sunuyor.

CTR artışı: Arama sonuçlarında AMP simgesi (⚡) görünen sonuçlar genellikle daha yüksek tıklama oranı alıyor.

AMP’nin SEO Üzerindeki Dezavantajları

Kanonik URL sorunları: AMP sayfası genellikle amp/ alt dizininde veya ?amp parametresiyle yayınlanıyor. Kanonik doğru kurulmazsa duplicate content sorunu çıkabiliyor.

Doğru canonical yapısı:

<!-- AMP sayfasında: -->
<link rel="canonical" href="https://example.com/makale/">

<!-- Ana sayfada: -->
<link rel="amphtml" href="https://example.com/amp/makale/">

Analitik izleme: Standard GA4 yerine amp-analytics kullanımı veri tutarsızlıklarına yol açabilir. Bazı dönüşüm eventleri AMP’de takip edilemiyor.

İçerik kısıtlamaları: AMP kısıtlamaları nedeniyle bazı içerik türleri (karmaşık interaktif öğeler, özel JS widget’ları) AMP’de çalışmıyor.

AMP Ne Zaman Kullanılmalı?

AMP İçin İdeal Senaryolar

1. Haber ve yayın siteleri: AMP’nin en güçlü olduğu alan. Metin ağırlıklı içerik, basit layout, hız kritik. Top Stories’e girmek haber trafiğini katlar.

2. Blog ve makale siteleri: Uzun form metin içerik, düşük etkileşim. AMP bu tür içerik için neredeyse kusursuz çalışıyor.

3. Reklam yoğun siteler: AMP Ads sistemi standart reklam yüklemesinden %6x daha hızlı. Reklam geliriyle para kazanan siteler için AMP ciddi gelir artışı anlamına gelebilir.

4. Düşük bant genişliği pazar hedefi: Gelişmekte olan ülkelerin mobil internet hızı düşük. Bu pazarlar için AMP deneyimi çok daha kritik.

AMP İçin Uygun Olmayan Senaryolar

1. E-ticaret sitesi: Ödeme akışı, kişiselleştirilmiş deneyim, karmaşık ürün konfigüratörü — bunların tamamı AMP kısıtlamalarına takılıyor.

2. SaaS web uygulaması: Interaktif web uygulamaları JavaScript gerektirir. AMP bu senaryoda kullanılamaz.

3. Kullanıcı hesabı gerektiren sayfalar: Kişiselleştirilmiş içerik, üyelik sistemi AMP ile sınırlı çalışıyor.

4. A/B test yoğun siteler: AMP ile JavaScript tabanlı A/B test araçları (Optimizely, VWO) çalışmıyor veya ciddi şekilde kısıtlı.

AMP Alternatif Yaklaşımlar: PWA ve Core Web Vitals

2021’den itibaren Google, AMP’yi Top Stories için zorunluluktan çıkardı. Bu değişiklik AMP kullanımını azalttı — çünkü Top Stories’e AMP olmadan da girebilmek mümkün hale geldi.

Progressive Web App (PWA)

PWA, AMP’ye alternatif veya tamamlayıcı yaklaşımdır. PWA: hızlı, güvenilir ve uygulama benzeri deneyim sunan web sitesi.

PWA vs AMP karşılaştırması:

Özellik	AMP	PWA
Yükleme hızı	Çok yüksek (cache)	Yüksek (service worker)
Kısıtlamalar	Çok fazla	Az
Offline kullanım	Hayır	Evet
Push notification	Hayır	Evet
App-like deneyim	Hayır	Evet
E-ticaret uyumu	Zayıf	Güçlü
Implementasyon	Orta	Orta-zor

Core Web Vitals Odaklı Optimizasyon

2026 itibarıyla AMP’nin sunduğu avantajların büyük bölümü, Core Web Vitals optimizasyonuyla AMP olmadan da elde edilebilir.

LCP (Largest Contentful Paint) < 2.5s için:

Hero görselini preload et
WebP/AVIF format kullan
CDN kullan
Server-side rendering uygula

INP (Interaction to Next Paint) < 200ms için:

JavaScript bundle’ı küçült
Long tasks’ı parçala
Event handler’ları optimize et

CLS (Cumulative Layout Shift) < 0.1 için:

Tüm görsellerin width/height belirt
Font display: swap kullan
Reklam placeholder boyutları sabitle

Bu üç metriği “Good” seviyesinde tutmak, AMP’nin avantajlarının büyük kısmını karşılıyor.

AMP Implementasyon Rehberi

WordPress’te AMP

En kolay yol: AMP for WordPress eklentisi (resmi Google eklentisi).

Kurulum:

WordPress eklenti dizininden “AMP” eklentisini kur
Eklenti ayarlarından mod seçin: Standard, Transitional veya Reader
Canonical URL’ler otomatik kurulur
amp-analytics ile GA4 bağlantısı

AMP Modu Seçimi:

Standard Mode: Tüm site AMP. En hızlı ama en kısıtlayıcı.
Transitional Mode: Hem AMP hem standart sürüm mevcut. Paralel URL.
Reader Mode: AMP ayrı template. İçerik aynı, sunum farklı.

Astro ile AMP

Astro ile statik AMP sayfaları oluşturmak mümkün ama resmi AMP entegrasyonu yok. Manuel uygulama gerekiyor.

Özel Geliştirmede AMP

Temel kontrol listesi:

[ ] HTML ⚡ attribute veya amp attribute
[ ] amp-boilerplate stylesheet mevcut
[ ] AMP JS script async yükleniyor
[ ] Canonical link doğru
[ ] Tüm <img> → <amp-img> dönüştürüldü
[ ] Custom script yok
[ ] External stylesheet yok
[ ] CSS 75KB altında
[ ] AMP Validator testleri geçildi

AMP Validator: Chrome uzantısı veya validator.ampproject.org’da sayfanızı test edin.

AMP’nin Geleceği: 2026 Perspektifi

AMP’nin 2021’de Top Stories zorunluluğundan çıkarılmasıyla birlikte adoptasyonu yavaşladı. Ancak AMP tamamen ortadan kalkmadı.

AMP’nin Hâlâ Güçlü Olduğu Alanlar

Haber ve medya siteleri: Top Stories’de hâlâ avantaj sağlıyor
Reklam yoğun siteler: AMP Ads sistemi hız avantajını koruyor
Düşük bant genişliği pazarlar: Yavaş internet bölgelerinde AMP deneyimi kritik

AMP’nin Yerini Almakta Olan Yaklaşımlar

Core Web Vitals odaklı optimizasyon: AMP olmadan da hız hedeflerine ulaşılabiliyor
Edge rendering: Vercel Edge, Cloudflare Workers ile sunucu tarafı hız
Modern image formats: WebP, AVIF ile büyük boyut kazanımı
Partytown: Third-party script’leri web worker’a taşıyarak ana thread’i boşaltma

Karar: AMP’ye Yatırım Yapmalı mıyım?

2026 itibarıyla AMP’ye yatırım yapma kararı şu faktörlere bağlı:

AMP’yi tercih edin:

Haber/medya sitesi işletiyorsunuz
Top Stories trafiği önceliğiniz
İçerik ağırlıklı, düşük interaktiviteli site
Reklam geliriyle para kazanıyorsunuz

AMP yerine Core Web Vitals optimizasyonu yapın:

E-ticaret veya web uygulaması
Karmaşık kullanıcı etkileşimleri
A/B test ve kişiselleştirme öncelikli
Mevcut siteyi yeniden yapılandırmak istemiyorsunuz

Sık Sorulan Sorular (SSS)

1. AMP kullanmadan Google’ın Top Stories’ine girebilir miyim? Evet. 2021’den itibaren AMP zorunluluğu kalktı. Core Web Vitals hedefleri ve yüksek kaliteli içerikle AMP olmadan da Top Stories’e girebilirsiniz.

2. AMP sayfaları normal sayfalardan ne kadar hızlı? Ortalama olarak 4x daha hızlı yükleniyor. Google AMP Cache’ten servis edildiğinde bazı ölçümlerde sayfa yükleme süresi < 500ms’ye iniyor.

3. AMP ile dönüşüm takibi yapılabilir mi? Sınırlı şekilde evet. amp-analytics ile temel sayfa görüntüleme ve event takibi yapılabilir. Ancak karmaşık dönüşüm hunileri ve remarketing için kısıtlamalar var.

4. E-ticaret sitesi için AMP mantıklı mı? Ürün sayfaları ve blog için AMP düşünülebilir, ancak sepet, checkout ve hesap sayfaları için uygun değil. Hibrit yaklaşım (bazı sayfalar AMP, bazıları standart) teknik karmaşıklık yaratıyor.

5. AMP ile WordPress kurabilir miyim? Evet. Resmi AMP for WordPress eklentisi (Google tarafından) en kolay yol. Kurulum ve yapılandırma birkaç saatte tamamlanabiliyor.

6. AMP URL yapısı nasıl olmalı? İki seçenek: domain.com/amp/makale/ veya domain.com/makale/?amp=1. Her iki seçenekte de canonical link doğru kurulmalı.

7. AMP Analytics Google Analytics ile nasıl entegre edilir? amp-analytics bileşeni ve type="gtag" ile GA4 entegrasyonu yapılıyor. Event tracking, sayfa görüntüleme ve bazı özel eventler destekleniyor.

8. AMP’yi sonradan kaldırmak zor mu? 301 yönlendirme ve canonical güncelleme gerekiyor. AMP sayfalarındaki indexlerin standart URL’lere geçişi birkaç hafta sürebiliyor. Ani kaldırma trafik kaybına yol açabilir — kademeli geçiş önerilir.

9. AMP ile Core Web Vitals ilişkisi nedir? AMP, Core Web Vitals’ı otomatik olarak geçirmeyi garantilemez — ama büyük ölçüde kolaylaştırır. Kötü optimize edilmiş bir AMP sayfası hâlâ Core Web Vitals’ı başarısız geçirebilir.

10. Hangi sektörler AMP’den en çok faydalanır? Haber ve medya (en çok), blog ve içerik siteleri, tarif/yaşam tarzı siteleri, spor ve eğlence. Düşük etkileşimli, metin ağırlıklı, reklam destekli içerik modeli.

Sonuç

AMP, doğru kullanım senaryosunda hâlâ güçlü bir araç. Haber siteleri, içerik odaklı platformlar ve reklam geliriyle çalışan medya kuruluşları için anlamlı. Ancak e-ticaret, SaaS ve interaktif web uygulamaları için AMP yerine Core Web Vitals optimizasyonu ve modern web teknolojileri çok daha pratik bir yol.

2026’da AMP’yi düşünmeden önce şu soruyu yanıtlayın: Sitenizin önceliği hız mı, etkileşim mi? Hız öncelikliyse AMP değerlendirilir; etkileşim öncelikliyse Core Web Vitals optimizasyonu yeterli.

Web sitenizin hız ve performansını optimize etmek için iletişime geçin.