aslain.dev
0%
01 Hizmetler 02 Hakkımda 03 Projeler 04 Stack 05 Blog 06 İletişim
← Tüm makaleler SEO & Pazarlama

Mobile-First İndeksleme: Mobil Uyumluluk Rehberi

Mobile-first indeksleme, Google'ın bir web sitesini tararken ve sıralarken artık masaüstü değil, mobil sürümünü esas almasıdır. Yani Googlebot sayfanızı çoğunlukla bir akıllı telefon kullanıcı aracısıyla ziyaret eder; gördüğü içerik, bağlantılar ve yapısal veriler ne ise arama sonuçlarında onları değerlendirir. Bu yaklaşım 2016'da denemeyle başladı ve Google, 2023 sonunda neredeyse tüm siteleri mobil tarayıcıya taşıdığını duyurdu. Sonuç basit: mobil sürümünüz eksikse, sıralamanız da eksik kalır.

Mobile-first indeksleme tam olarak ne demek?

Geçmişte Google içeriği masaüstü Googlebot ile toplar, mobil deneyimi ise ikincil bir sinyal olarak kullanırdı. Mobile-first ile bu ilişki tersine döndü. Artık indekslenen ve sıralanan içerik mobil sürümdür. Masaüstünde gösterip mobilde gizlediğiniz bir metin, Google için pratikte yok hükmündedir. Önemli bir nokta da şudur: bu, "mobil-yalnızca" değildir. Tek bir indeks vardır ve masaüstü kullanıcılar da bu indeksten sonuç alır; ama o indeks mobil taramayla oluşturulur.

Responsive (duyarlı) tasarım kullanan siteler için geçiş çoğunlukla sorunsuzdur, çünkü aynı HTML tüm cihazlara sunulur. Asıl risk, ayrı bir mobil sürüm (örneğin m.siteadi.com) ya da cihaza göre farklı HTML sunan kurguları olan sitelerdedir.

İçerik eşitliği: en kritik kural

Mobile-first dünyasında en sık yapılan hata, mobil sürümü "sadeleştirip" içeriği kırpmaktır. Google'ın net tavsiyesi içerik eşitliğidir: ana içerik, başlıklar, görseller ve videolar mobil ve masaüstünde aynı olmalıdır. Pratikte kontrol etmeniz gerekenler:

  • Metin: Masaüstündeki tüm gövde metni mobilde de yer almalı. "Devamını oku" sekmeleri veya akordeonlar sorun değildir; içerik HTML'de mevcut olduğu sürece Google onu okur.
  • Görseller: Aynı görseller, anlamlı alt metinleriyle mobilde de bulunmalı. Görsel aramada görünürlük buna bağlıdır.
  • Yapısal veri: Schema.org işaretlemeleri her iki sürümde de olmalı; mobilde de aynı URL'leri göstermeli.
  • Meta veriler: title ve meta description mobil sürümde eşit olmalı.

Teknik kontrol listesi

Sitenizin mobile-first indekslemeye hazır olduğunu doğrulamak için şu teknik noktaları gözden geçirin:

  • Viewport meta etiketi: Her sayfanın <head> kısmında bulunmalı.
  • Engellenmiş kaynaklar: CSS, JavaScript ve görsellerin robots.txt ile Googlebot'a kapatılmadığından emin olun. Google sayfayı tam render edemezse içeriği eksik görür.
  • Okunabilir yazı ve dokunulabilir hedefler: Yatay kaydırma olmamalı, butonlar parmakla rahat tıklanmalı.
  • Tutarlı bağlantılar: İç bağlantılar ve gezinme mobilde de tam olmalı; "hamburger" menü içindeki linkler de taranır.

Doğru yapılandırılmış bir viewport etiketi şöyle görünür:

<meta name="viewport" content="width=device-width, initial-scale=1">

Ayrı mobil URL kullanıyorsanız, masaüstü ve mobil sürümleri birbirine bağlamak için karşılıklı işaretleme şarttır. Masaüstü sayfada alternate, mobil sayfada ise masaüstüne işaret eden canonical kullanılır:

<!-- Masaüstü sayfada -->
<link rel="alternate" media="only screen and (max-width: 640px)"
      href="https://m.ornek.com/sayfa">

<!-- Mobil sayfada -->
<link rel="canonical" href="https://www.ornek.com/sayfa">

Bununla birlikte, sürdürmesi en kolay ve Google'ın da önerdiği yaklaşım tek URL'li responsive tasarımdır; ayrı mobil sürümle uğraşmanıza gerek kalmaz.

Core Web Vitals ve sayfa deneyimi

Mobile-first indeksleme ile performans birbirinden ayrı düşünülemez, çünkü değerlendirme mobil cihaz koşullarında yapılır. Google'ın Core Web Vitals metrikleri tam burada devreye girer:

  • LCP (Largest Contentful Paint): Ana içeriğin yüklenme hızı; 2,5 saniyenin altı hedeflenir.
  • INP (Interaction to Next Paint): 2024'te FID'in yerini alan etkileşim yanıt süresi; 200 ms altı iyidir.
  • CLS (Cumulative Layout Shift): Görsel kaymanın ölçüsü; 0,1 altı hedeflenir.

Bu metrikler doğrudan sıralamayı belirlemez ama eşit kalitedeki sayfalar arasında ayrıştırıcı bir sinyaldir ve kullanıcı deneyimini ölçer. Mobilde görselleri width/height ile boyutlandırmak, yazı tiplerini font-display: swap ile yüklemek ve gereksiz JavaScript'i azaltmak somut kazançlar sağlar.

Nasıl test edilir ve izlenir?

Durumu tahminle değil, araçlarla doğrulayın:

  • Google Search Console > URL Denetimi: Googlebot'un sayfayı hangi kullanıcı aracıyla taradığını ve render edilmiş HTML'i gösterir. "Test edilen sayfa" çıktısını mobil görünümle karşılaştırın.
  • PageSpeed Insights / Lighthouse: Mobil sekmesinden Core Web Vitals ve render sorunlarını görün.
  • Tarayıcı geliştirici araçları: Cihaz emülasyonuyla (responsive mod) sayfanın dar ekranda nasıl davrandığını kontrol edin.

Not: Google'ın eski "Mobil Uyumluluk Testi" aracı Aralık 2023'te kapatıldı; artık aynı analizleri Search Console ve Lighthouse üzerinden yaparsınız.

Sık Sorulan Sorular

Masaüstü sürümüm hâlâ önemli mi?

Evet, masaüstü kullanıcılar mobil indeksten sonuç alsa da onlara iyi bir deneyim sunmalısınız. Ancak sıralama açısından belirleyici olan içerik, mobil sürümde gördüğünüz içeriktir. Bu yüzden ikisini içerik açısından eşit tutmak en güvenli yoldur.

İçeriğimi mobilde sekme veya akordeon içinde gizlersem cezalandırılır mıyım?

Hayır. Mobil ekranda yer kazanmak için içeriği "göster/gizle" bileşenlerine koymak normaldir ve cezalandırılmaz; içerik HTML kaynağında mevcut olduğu sürece Google onu indeksler.

Responsive tasarımım var, yine de bir şey yapmam gerekir mi?

Genellikle ek bir geçiş işlemi gerekmez, ama yine de viewport etiketini, engellenmiş kaynak olmadığını ve mobil Core Web Vitals değerlerini doğrulamak iyi bir alışkanlıktır.

Sitenizin mobil performansını ve arama görünürlüğünü baştan sona gözden geçirmek mi istiyorsunuz? Mobile-first uyumu, hız optimizasyonu ve teknik SEO konularında birlikte çalışabiliriz. Benimle iletişime geçin ve sitenizi mobil aramaya hazır hale getirelim.

Bu kategorideki tüm yazılar →

Devamı için