AMP (Accelerated Mobile Pages) ve SEO

Mobil web deneyiminin hız kazandığı günümüzde, AMP teknolojisi hâlâ birçok yayıncı için önemli bir seçenek olarak karşımıza çıkıyor. Google tarafından 2015’te duyurulan bu açık kaynak projesi, başlangıçta büyük bir heyecan yaratmıştı. Ancak zaman içinde bazı tartışmalara da konu oldu. Bu yazımızda AMP’nin ne olduğunu, SEO’ya etkilerini ve 2025 yılında hâlâ kullanılıp kullanılmaması gerektiğini detaylıca inceleyeceğiz.

1. AMP Nedir?

AMP (Accelerated Mobile Pages), mobil web sayfalarının çok daha hızlı yüklenmesini sağlamak amacıyla geliştirilmiş açık kaynaklı bir HTML çerçevesidir. Temelde, web sayfalarının daha hafif versiyonlarını oluşturarak, mobil kullanıcılar için sayfa yükleme sürelerini önemli ölçüde azaltmayı hedefler.

Google, Twitter ve diğer büyük teknoloji şirketlerinin desteğiyle geliştirilen AMP, özellikle haber siteleri ve blog içeriklerinin mobil cihazlarda saniyeler içinde yüklenmesini sağlayarak kullanıcı deneyimini iyileştirmeyi amaçlar.

AMP’nin Temel Özellikleri

AMP üç temel bileşenden oluşur:

AMP HTML: Standart HTML’in bazı kısıtlamalar ve özel uzantılarla geliştirilmiş versiyonudur.
AMP JS: Sayfaların hızlı yüklenmesini sağlayan JavaScript kütüphanesidir.
AMP Cache: Google’ın AMP sayfalarını önbelleğe alıp dağıtmasını sağlayan CDN (İçerik Dağıtım Ağı) sistemidir.

AMP sayfaları, standart web sayfalarından farklı olarak bazı kısıtlamalara sahiptir. Örneğin, harici JavaScript kullanımına izin vermez ve CSS’i inline olarak kullanmanızı gerektirir. Bu kısıtlamalar, sayfanın daha hızlı yüklenmesini sağlar ancak aynı zamanda tasarım ve işlevsellik açısından bazı sınırlamalar getirir.

2. AMP’nin SEO’ya Etkileri

AMP’nin SEO üzerindeki etkileri, yıllardır tartışılan bir konu. Öncelikle belirtmeliyim ki, Google resmi olarak AMP’nin bir sıralama faktörü olmadığını söylüyor. Ancak pratikte, AMP’nin dolaylı yoldan SEO performansınızı etkileyebilecek bazı avantajları var.

Olumlu Etkiler

Sayfa Hızı İyileştirmesi: AMP, site hızı optimizasyonunu otomatik olarak sağlar. Sayfa hızı, Google’ın önemli bir sıralama faktörüdür.
Daha Düşük Hemen Çıkma Oranı: Hızlı yüklenen sayfalar kullanıcıların sitede daha uzun süre kalmasını sağlar, bu da hemen çıkma oranını düşürür.
Mobile-First İndeksleme Uyumluluğu: Google’ın mobile-first indeksleme yaklaşımıyla uyumlu olarak, AMP sayfaları mobil SEO stratejinizi güçlendirebilir.
Google Haberler Avantajı: AMP, özellikle Google Haberler’de görünürlük için hâlâ avantaj sağlayabilir. News SEO stratejiniz varsa, AMP düşünmeniz gereken bir faktör olabilir.

Olumsuz Etkiler veya Zorluklar

Canonical URL Karmaşası: AMP sayfaları, orijinal sayfanızdan farklı bir URL’de yayınlanır, bu da bazen canonical URL sorunlarına yol açabilir.
Analitik Zorlukları: AMP sayfalarında standart analitik takibi yapmak daha karmaşık olabilir.
Sınırlı İşlevsellik: JavaScript kısıtlamaları nedeniyle, bazı etkileşimli özellikler AMP sayfalarında kullanılamaz.
Yönetim Zorluğu: Normal ve AMP versiyonlarını ayrı ayrı yönetmek, içerik üretim sürecinizi karmaşıklaştırabilir.

Kendi deneyimimizden yola çıkarsak, haber sitesi müşterilerimiz için AMP implementasyonu sonrası organik trafikte %15-20 arası artışlar gözlemledik. Ancak e-ticaret siteleri için sonuçlar daha karmaşık oldu, çünkü dönüşüm fonksiyonelliği kısıtlandı.

3. AMP İmplementasyonu

AMP’yi sitenize entegre etmek, teknik bilgi gerektiren bir süreçtir. Temel adımları şöyle özetleyebiliriz:

1. AMP HTML Sayfalarının Oluşturulması

İlk adım, mevcut sayfalarınızın AMP versiyonlarını oluşturmaktır. Bunun için AMP HTML kurallarına uygun kodlama yapmanız gerekir:


  
    
    
    AMP Sayfası Örneği
    
    
    body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
  
  
    
# Merhabalar AMP Dünyası

2. Canonical ve AMP Bağlantılarının Kurulması

Orijinal sayfanızda AMP versiyonuna işaret eden bir bağlantı ekleyin:

AMP sayfanızda ise orijinal sayfaya işaret eden canonical link ekleyin:

3. AMP İçerik Uyarlaması

Standart HTML içeriğinizi AMP uyumlu hale getirmeniz gerekir:

Özel AMP bileşenleri kullanın (amp-img, amp-video vb.)
JavaScript yerine AMP bileşenlerini tercih edin
CSS’i inline olarak ve 50KB limitini aşmayacak şekilde kullanın

4. AMP Sayfalarının Test Edilmesi

Oluşturduğunuz sayfaları AMP doğrulayıcı araçlarıyla test edin:

AMP Validator Chrome Eklentisi
Google Search Console AMP raporu
https://validator.ampproject.org/

İmplementasyon Maliyetleri

AMP implementasyonu için maliyet aralığı oldukça geniştir:

Küçük bloglar için: WordPress eklentileriyle neredeyse ücretsiz çözüm
Orta ölçekli siteler için: $1,000-$5,000 arası geliştirme maliyeti
Büyük kurumsal siteler için: $5,000-$20,000+ arası özel geliştirme maliyeti

Bir müşterimiz için yaptığımız implementasyonda, WordPress tabanlı bir haber sitesi için AMP kurulumu yaklaşık 15 iş günü sürdü ve toplam maliyet 3.500$ civarındaydı. Ancak bu süre ve maliyet, sitenizin karmaşıklığına ve içerik miktarına göre değişiklik gösterecektir.

4. AMP vs Regular Mobile Pages

AMP ve standart mobil sayfalar arasındaki farkları anlamak, hangi yaklaşımı benimseyeceğinize karar vermenize yardımcı olabilir.

Performans Karşılaştırması

Metrik	AMP	Responsive Design
Yükleme Hızı	0.7-1.0 saniye	2.5-5.0 saniye
Sayfa Boyutu	Ortalama 400KB	Ortalama 2MB
CLS Skoru	Genellikle çok düşük	Değişken
FID	Genellikle

{ “vars” : { “gtag_id”: “UA-XXXXXXXX-X”, “config” : { “UA-XXXXXXXX-X”: { “groups”: “default” } } } }


### Olay Takibi

AMP sayfalarında kullanıcı etkileşimlerini takip etmek için:

{ “vars”: { “gtag_id”: “UA-XXXXXXXX-X”, “config”: { “UA-XXXXXXXX-X”: { “groups”: “default” } } }, “triggers”: { “button”: { “selector”: “#my-button”, “on”: “click”, “vars”: { “event_name”: “button_click”, “event_category”: “user_interaction”, “event_label”: “newsletter_signup” } } } }


### Analitik Zorlukları ve Çözümleri

AMP analitiklerinde karşılaşılan yaygın sorunlar:

1. **Oturum Birleştirme**: AMP ve non-AMP sayfalar arasında oturum bilgilerinin birleştirilmesi zorluğu
2. **Dönüşüm Takibi**: E-ticaret dönüşümlerini takip etmek daha karmaşık
3. **Özel Boyutlar**: Özel boyut ve metrik kullanımında kısıtlamalar

Bu sorunları çözmek için:

- Client ID'leri senkronize etmek için `AMP Linker` kullanın
- Google Tag Manager'ın AMP versiyonunu tercih edin
- Karma takip modeli kurun (AMP sayfalardan non-AMP'ye geçişlerde cookie kullanımı)

Bir medya müşterimiz için kurduğumuz AMP analitik sisteminde, kullanıcı davranışlarını tam olarak izleyebilmek için hem AMP Analytics hem de Google Tag Manager'ın AMP versiyonunu birlikte kullandık. Bu, rapordaki veri kaybını %80 oranında azalttı.

## 6. Yaygın AMP Hataları

AMP implementasyonunda sık karşılaşılan hatalar ve çözümleri:

### 1. Geçersiz HTML Yapısı

**Hata**: AMP HTML standartlarına uymayan kod kullanımı.

**Çözüm**: AMP validator aracını düzenli kullanın ve AMP HTML kurallarına uyun.

### 2. CSS Sorunları

**Hata**: 50KB CSS limitini aşmak veya harici CSS dosyaları kullanmak.

**Çözüm**: CSS'i optimize edin, kritik olmayan stilleri çıkarın ve tüm CSS'i inline olarak ekleyin.

### 3. Canonical Hataları

**Hata**: AMP ve orijinal sayfa arasında doğru canonical ilişkisi kurmamak.

**Çözüm**: Her AMP sayfasında doğru canonical link ve her orijinal sayfada doğru amphtml link olduğundan emin olun.

### 4. JavaScript Kullanımı

**Hata**: Standart JavaScript kodları eklemek.

**Çözüm**: JavaScript yerine AMP bileşenlerini kullanın.

### 5. Eksik veya Yanlış Yapılandırılmış Meta Etiketleri

**Hata**: Viewport meta etiketi veya AMP boilerplate kodunun eksik olması.

**Çözüm**: AMP şablonunun tüm gerekli bileşenlerini eksiksiz kullanın.

Bir müşterimizin sitesinde, CSS limiti aşıldığı için AMP sayfaları Google tarafından indekslenmiyordu. CSS'i optimize ettikten ve kritik olmayan stilleri kaldırdıktan sonra, sorun çözüldü ve sayfalar AMP sonuçlarında görünmeye başladı.

## 7. AMP'nin Geleceği

AMP teknolojisi, 2015'ten bu yana önemli değişimler geçirdi. Peki gelecekte AMP'yi neler bekliyor?

### Güncel Durum

Google, 2021'de yaptığı bir açıklamayla AMP sayfalarının Google Haberler'de görünmek için zorunlu olmadığını duyurdu. Ayrıca, AMP sayfalarının arama sonuçlarında özel bir şimşek ikonuyla gösterilmesi uygulaması da sona erdi.

Bu değişiklikler, AMP'nin Google ekosistemindeki öneminin azaldığına işaret ediyor. Ancak bu, AMP'nin tamamen ortadan kalkacağı anlamına gelmiyor.

### 2024 ve Sonrası için Beklentiler

1. **Core Web Vitals Odaklı Yaklaşım**: Google artık AMP'den ziyade [Core Web Vitals](/tr/blog/core-web-vitals-rehberi) metriklerine odaklanıyor. İyi bir kullanıcı deneyimi sağlayan herhangi bir teknoloji tercih edilebilir.
2. **AMP'nin Evrim Geçirmesi**: AMP projesi, daha fazla esneklik ve işlevsellik sunacak şekilde gelişmeye devam ediyor.
3. **Karma Yaklaşımlar**: Bazı yayıncılar, sadece belirli içerik türleri için AMP kullanmayı tercih edebilir.
4. **Benimseme Oranlarında Düşüş**: Büyük yayıncıların bir kısmı AMP'den vazgeçerken, özellikle teknik kaynakları sınırlı olan küçük yayıncılar için hala değerli bir çözüm olabilir.

Kendi gözlemlerimize göre, müşterilerimizin yaklaşık %30'u son bir yıl içinde AMP stratejilerini gözden geçirdi ve bazıları tamamen responsive tasarıma geçiş yaptı. Ancak haber ve içerik odaklı siteler için AMP hala popüler bir seçenek olmaya devam ediyor.

## 8. Alternatif Çözümler

AMP kullanmak istemiyorsanız veya AMP'den vazgeçmeyi düşünüyorsanız, mobil performansınızı artırmak için alternatif çözümler var.

### 1. Progressive Web Apps (PWA)

PWA'lar, mobil uygulamaların avantajlarını web'in erişilebilirliğiyle birleştirir. Özellikler:

- Çevrimdışı çalışabilme
- Hızlı yükleme süreleri
- Uygulama benzeri deneyim
- Push bildirimleri

### 2. Optimize Edilmiş Responsive Design

İyi optimize edilmiş bir responsive tasarım, AMP'ye yakın performans sağlayabilir:

- Resim optimizasyonu ve lazy loading
- JavaScript optimizasyonu ve kritik olmayan JS'nin ertelenmesi
- CSS optimizasyonu
- HTTP/2 veya HTTP/3 kullanımı
- Etkin önbellekleme stratejileri

### 3. Sunucu Taraflı Rendering (SSR)

React, Vue veya Angular gibi framework'lerin SSR yetenekleri:

- Daha hızlı ilk içerik görüntüleme süresi
- SEO dostu yapı
- Gelişmiş performans metrikleri

### 4. Static Site Generators

Gatsby, Hugo veya Next.js gibi statik site oluşturucular:

- Ultra hızlı yükleme süreleri
- Minimum sunucu yükü
- Güvenli ve ölçeklenebilir

### Alternatif Çözümlerin Karşılaştırması

| Çözüm | Avantajlar | Dezavantajlar |
| --- | --- | --- |
| PWA | Uygulama benzeri deneyim, çevrimdışı çalışma | Geliştirme karmaşıklığı |
| Optimized Responsive | Tek kod tabanı, tam işlevsellik | Manuel optimizasyon gerektirir |
| SSR | SEO dostu, hızlı TTI | Sunucu yükü, daha karmaşık yapı |
| Static Generators | Ultra hızlı, güvenli | Dinamik içerikler için sınırlı |

Bir e-ticaret müşterimiz için AMP'den PWA'ya geçiş yaptığımızda, mobil dönüşüm oranlarında %23'lük bir artış gözlemledik. Bu, kullanıcıların daha zengin ve etkileşimli bir deneyim sunulduğunda daha fazla alışveriş yapmaya eğilimli olduklarını gösteriyor.

## Sonuç: 2025'te AMP Kullanmalı mıyız?

AMP'nin kullanımı, sitenizin türüne, hedef kitlenize ve teknik kaynaklarınıza bağlı olarak değişir. İşte güncel önerilerimiz:

### AMP'nin Hala Mantıklı Olduğu Durumlar:

- Haber siteleri ve yayıncılar
- Blog ve içerik ağırlıklı siteler
- Teknik kaynakları sınırlı küçük işletmeler
- Gelişmekte olan pazarlarda faaliyet gösteren siteler

### AMP Yerine Alternatif Düşünülmesi Gereken Durumlar:

- E-ticaret siteleri
- Etkileşimli web uygulamaları
- Karmaşık form işlevselliği gerektiren siteler
- Özel JavaScript gerektiren siteler

Bizim yaklaşımımız, her müşteri için özel bir değerlendirme yapmak yönünde. Örneğin, bir haber sitesi müşterimiz için Google Haberler'de görünürlük kritik önemdeydi ve AMP kullanmaya devam etme kararı aldık. Ancak bir e-ticaret müşterimiz için, AMP'den PWA'ya geçiş yaparak hem performans hem de dönüşüm oranlarında iyileşme sağladık.

Sonuç olarak, AMP 2025'te hala geçerli bir teknoloji, ancak artık tek seçenek değil. Sitenizin ihtiyaçlarını, hedef kitlenizi ve teknik imkanlarınızı değerlendirerek, size en uygun mobil optimizasyon stratejisini belirlemeniz gerekiyor.

Siz de AMP deneyimlerinizi paylaşmak veya mobil optimizasyon stratejiniz hakkında danışmak isterseniz, yorumlarda bizimle iletişime geçebilirsiniz. Mobil web deneyimi sürekli gelişiyor ve biz de bu gelişmeleri yakından takip etmeye devam ediyoruz.