Mobil uyumluluk, Google sıralamaları ve kullanıcı deneyimi için kritik öneme sahiptir. WordPress temanız mobil dostu değilse, aşağıdaki adımları izleyerek sorunu çözebilirsiniz.
1. Mobil Uyumluluğu Test Edin
Önce sitenizin mobil performansını kontrol edin:
2. Tema Güncellemesi veya Değişikliği
A) Tema Güncelle
Tema kodlarını değiştirmek istemiyorsanız, Ek CSS ekleyerek düzeltebilirsiniz:
WordPress > Özelleştir > Ek CSS
css
Copy
Download
/* Mobilde menüyü düzeltme */
@media (max-width: 768px) {
.menu { display: block !important; }
.header { padding: 10px !important; }
}
/* Görsellerin mobilde küçülmesi */
@media (max-width: 480px) {
img { max-width: 100%; height: auto; }
}
/* Mobilde metin boyutunu ayarlama */
@media (max-width: 600px) {
body { font-size: 14px; }
h1 { font-size: 24px; }
}
4. Eklenti Kullanarak Mobil Optimizasyonu
Bazı eklentiler mobil uyumluluğu bozabilir:
Eğer tema tamamen uyumsuzsa ve düzeltilemiyorsa:
Google, mobil uyumlu olmayan siteleri cezalandırır. Hemen harekete geçin!
1. Mobil Uyumluluğu Test Edin
Önce sitenizin mobil performansını kontrol edin:
- Google Mobile-Friendly Test
- PageSpeed Insights
- Tarayıcıda "Responsive Mode" (Chrome: Ctrl+Shift+M)
2. Tema Güncellemesi veya Değişikliği
A) Tema Güncelle
- WordPress Panel > Görünüm > Temalar kısmından tema güncellemesi yapın.
- Eski ve desteklenmeyen temalar mobil uyumsuz olabilir.
- Hafif ve responsive temalar tercih edin (Astra, GeneratePress, OceanWP, Neve).
- Ücretli temalarda demo içeriği yükleyerek test edebilirsiniz.
Tema kodlarını değiştirmek istemiyorsanız, Ek CSS ekleyerek düzeltebilirsiniz:
WordPress > Özelleştir > Ek CSS
css
Copy
Download
/* Mobilde menüyü düzeltme */
@media (max-width: 768px) {
.menu { display: block !important; }
.header { padding: 10px !important; }
}
/* Görsellerin mobilde küçülmesi */
@media (max-width: 480px) {
img { max-width: 100%; height: auto; }
}
/* Mobilde metin boyutunu ayarlama */
@media (max-width: 600px) {
body { font-size: 14px; }
h1 { font-size: 24px; }
}
4. Eklenti Kullanarak Mobil Optimizasyonu
- WP Touch → Mobilde farklı bir tema gösterir.
- AMP for WP → Hızlandırılmış mobil sayfalar oluşturur.
- Elementor / Divi Builder → Responsive tasarım ayarları sunar.
- WebP formatında görseller kullanın.
- Smush veya ShortPixel ile sıkıştırma yapın.
- Lazy Load özelliğini aktif edin.
Bazı eklentiler mobil uyumluluğu bozabilir:
- Gereksiz eklentileri kaldırın.
- JavaScript/CSS birleştirme eklentilerini test edin.
Eğer tema tamamen uyumsuzsa ve düzeltilemiyorsa:
- Yedek alın (UpdraftPlus).
- Yeni bir tema yükleyin ve test edin.
- 404 hatalarını önlemek için yönlendirmeler (Redirection eklentisi) ekleyin.
- Tema güncelleme ve CSS düzenlemeleri en hızlı çözümdür.
- Mobil eklentiler geçici çözüm sunar.
- Kalıcı çözüm için responsive tema kullanmak en iyisidir.
