Mobil site ve mobil öncelikli dizine ekleme en iyi uygulamaları

Google, dizine ekleme ve sıralama için site içeriğinin akıllı telefon aracısı ile taranan mobil sürümünü kullanır. Buna mobil öncelikli dizine ekleme denir.

İçeriğinizin Google Arama sonuçlarında yer alması için sayfalarınızın mobil sürümünün olması şartı bulunmasa da önemle tavsiye edilir. Bu en iyi uygulamalar, genel olarak mobil siteler için ve tanım gereği mobil öncelikli dizine ekleme için geçerlidir.

Kullanıcılarınızın en iyi deneyimi yaşamalarını sağlamak için bu kılavuzda ayrıntılı olarak açıklanan en iyi uygulamaları takip edin.

Mobil uyumlu site oluşturma

Henüz yapmadıysanız sitenizi mobil telefondan ziyaret eden kullanıcılarınızın mükemmel bir deneyim yaşayabilmesi için mobil uyumlu bir web sitesi oluşturun. Mobil uyumlu site oluşturmak için seçebileceğiniz üç yapılandırma vardır:

  • Duyarlı tasarım: Kullanıcının cihazından (masaüstü, tablet, mobil, görsel olmayan tarayıcı) bağımsız olarak aynı HTML kodunu aynı URL'den sunar ancak ekran boyutuna göre görüntüyü farklı olarak oluşturabilir. Google, tasarım kalıbı olarak en kolay uygulama ve bakıma sahip olması nedeniyle Duyarlı Web Tasarımı'nı önerir.
  • Dinamik sunum: Cihazdan bağımsız olarak aynı URL'yi kullanır. Bu yapılandırma, farklı cihazlara HTML'nin farklı bir sürümünü sunmak için user-agent yoklama yöntemini ve Vary: user-agent HTTP yanıt başlığını kullanır.
  • Ayrı URL'ler: Her bir cihaza ayrı URL'lerden farklı HTML sunar. Dinamik sunumda olduğu gibi bu yapılandırma, kullanıcıları sitenin cihaza uygun sürümüne yönlendirmek için user-agent ve Vary HTTP üst bilgilerini kullanır.

Bu kılavuzun içeriği yalnızca dinamik sunum ve ayrı URL yapılandırmaları için geçerlidir. Uyumlu tasarımdaki içerik ve meta veriler, sayfaların mobil ve masaüstü sürümlerinde aynıdır.

Google'ın içeriğinize erişebildiğinden ve içeriğinizi oluşturabildiğinden emin olun

Google'ın mobil sayfa içeriğinize ve kaynaklarınıza erişebildiğinden ve bunları oluşturabildiğinden emin olun.

  • Mobil ve masaüstü sitede aynı robots meta etiketlerini kullanın. Mobil sitede farklı bir robots meta etiketi kullanırsanız (özellikle noindex veya nofollow etiketleri) sitenizde mobil öncelikli dizine ekleme etkinleştirildiğinde Google, sayfanızı tarama ve dizine ekleme konusunda başarısız olabilir.
  • Asıl içeriği kullanıcı etkileşiminin ardından yükleyerek geç yükleme yöntemine başvurmayın. Google, yüklenmek için kullanıcı etkileşimi (ör. kaydırma, tıklama veya yazma) gerektiren içerikleri yüklemez. Google'ın geç yüklenen içeriği görebildiğinden emin olun.
  • Google'ın kaynaklarınızı taramasına izin verin. Bazı kaynakların mobil sitedeki URL'leri ile masaüstü sitedeki URL'leri birbirinden farklıdır. Google'ın URL'lerinizi taramasını istiyorsanız disallow kuralıyla URL'yi engellemediğinizden emin olun.

İçeriğin masaüstü ve mobilde aynı olduğundan emin olun

İçerik aynı olsa bile masaüstü ve mobil sayfadaki düzenin ya da DOM'un farklı olmasından dolayı Google, içeriği farklı algılayabilir. Ancak masaüstü ve mobil sürümde aynı içeriğe sahip olmak, iki sürümün aynı anahtar kelimelere göre sıralanmasını sağlar.

  • Mobil sitenizin masaüstü sitenizle aynı içeriğe sahip olduğundan emin olun. Mobil sitenizdeki içerik masaüstünüzdekinden azsa mobil sitenizi güncelleyerek asıl içeriğinin masaüstü sitenize denk olmasını sağlamaya çalışın. Kullanıcı deneyimini en üst düzeye çıkarmak için mobil cihazlarda farklı bir tasarım kullanabilirsiniz (örneğin, içeriği akordeonlara veya sekmelere taşıyabilirsiniz). Sitenizdeki dizine ekleme işlemleri mobil siteden geldiği için tek yapmanız gereken, içeriğin masaüstü siteyle aynı olmasını sağlamaktır.
  • Mobil sitede de masaüstü sitede kullandığınız net ve anlamlı başlıkları kullanın.

Yapılandırılmış verilerinizi kontrol edin

Sitenizde yapılandırılmış veri varsa bunun sitenizin her iki sürümünde de mevcut olduğundan emin olun. Kontrol edilmesi gereken bazı noktaları aşağıda görebilirsiniz:

  • Mobil ve masaüstü sitelerinizin aynı yapılandırılmış verilere sahip olduğundan emin olun. Mobil sitenize eklediğiniz türleri öncelik sırasına koymanız gerekiyorsa Breadcrumb, Product ve VideoObject yapılandırılmış verileriyle başlayın.
  • Yapılandırılmış verilerde doğru URL'ler kullanın. Mobil sürümlerin yapılandırılmış verilerindeki URL'lerin mobil URL'lere güncellendiğinden emin olun.
  • Veri İşaretleyici'yi kullanıyorsanız mobil sitenizde bu işaretleyiciyle alıştırma yapın. Yapılandırılmış veri sağlamak için Veri İşaretleyici'yi kullanıyorsanız ayıklama hatası olup olmadığını görmek için Veri İşaretleyici kontrol panelini düzenli olarak kontrol edin.

Sitenizin her iki sürümünde de aynı meta verileri kullanın

title öğesinin ve meta tanımın sitenizin her iki sürümünde de aynı olduğundan emin olun.

Reklamlarınızın yerleşimini kontrol edin

Reklamların mobil sayfa sıralamanıza zarar vermesine izin vermeyin. Mobil cihazlarda reklam görüntülerken Better Ads Standartları'nı uygulayın. Örneğin, sayfanın üst kısmındaki reklamlar mobil cihazlarda çok fazla yer kaplayabilir. Bu da kötü bir kullanıcı deneyimine yol açar.

Görsel içeriği kontrol edin

Resimlerinizi kontrol edin

Mobil sitenizdeki resimlerin, resimlerle ilgili en iyi uygulamalara uyduğundan emin olun. Özellikle şunları yapmanızı öneririz:

  • Yüksek kaliteli resimlersunun. Mobil sitede çok küçük veya düşük çözünürlüklü resimler kullanmayın.
  • Resimler için desteklenen bir biçim kullanın. Desteklenmeyen biçimler veya etiketler kullanmayın. Örneğin, Google, SVG biçimindeki resimleri destekler, ancak sistemlerimiz satır içi SVG içinde bulunan <image> etiketindeki bir .jpg resmini dizine ekleyemez.
  • Sayfanın resimler için yüklendiği her seferde değişen URL'ler kullanmayın. Sürekli değişen URL'ler kullanırsanız Google, kaynaklarınızı düzgün bir şekilde işleyemez ve dizine ekleyemez.
  • Mobil site ile masaüstü sitenin resimler için aynı alternatif metne sahip olduğundan emin olun. Tıpkı masaüstü sitenizde yaptığınız gibi, mobil sitenizde de resimler için açıklayıcı alternatif metin kullanın.
  • Mobil sayfanın içerik kalitesinin masaüstü sayfası kadar iyi olduğundan emin olun. Resimlerle ilgili olarak masaüstü sitede kullandığınız açıklayıcı başlıkları, altyazıları, dosya adlarını ve metni mobile sitede de kullanın.

Videolarınızı kontrol edin

Mobil sitenizdeki videoların, videolarla ilgili en iyi uygulamalara uyduğundan emin olun. Özellikle şunları yapmanızı öneririz:

  • Sayfanın videolarınız için yüklendiği her seferde değişen URL'ler kullanmayın. Sürekli değişen URL'ler kullanırsanız Google, kaynaklarınızı düzgün bir şekilde işleyemez ve dizine ekleyemez.
  • Videolarınız için desteklenen bir biçim kullanın ve videoları desteklenen etiketler arasına yerleştirin. Videolar sayfada bir HTML etiketinin varlığıyla tanımlanır. Örneğin: <video>, <embed> veya <object>.
  • Hem mobil hem de masaüstü sitenizde aynı video yapılandırılmış verilerini kullanın. Daha fazla bilgi için yapılandırılmış verilerinizi kontrol edin.
  • Videoyu mobil cihazda görüntülendiğinde sayfada kolay bulunabilecek bir konuma yerleştirin. Örneğin, kullanıcıların mobil sayfada videoyu bulmak için çok fazla aşağı kaydırması gerekiyorsa videonun sıralaması zarar görebilir.

Ayrı URL'ler için ek en iyi uygulamalar

Sitenizin bir sayfanın masaüstü ve mobil sürümleri için ayrı URL'leri varsa (m-dot olarak da bilinir) aşağıdaki ilave en iyi uygulamaları da dikkate almanızı öneririz:

  • Hata sayfası durumunun hem masaüstü hem de mobil sitelerde aynı olduğundan emin olun. Masaüstü sitenizdeki bir sayfa normal içerik sunarken aynı sayfanın mobil sürümünde hata sayfası gösteriliyorsa ilgili sayfa dizinde yer almaz.
  • Mobil sürümünüzün URL parçaları içermediğinden emin olun. URL parçası # ile başlayan son kısmıdır. URL parçaları çoğu zaman dizine eklenemez. Alanınızda mobil öncelikli dizine ekleme etkinleştirildikten sonra bu sayfalar dizinde yer almaz.
  • Farklı içerik sunan masaüstü sürümlerinin eşdeğer mobil sürümleri olduğundan emin olun. Mobil cihazlarda farklı URL'ler aynı URL'ye (ör. ana sayfa) yönlendiriyorsa alanınızda mobil öncelikli dizine ekleme etkinleştirildikten sonra bu sayfaların hiçbiri dizinde yer almaz.
  • Her iki sürümde de verilere ve mesajlara erişiminiz olduğundan emin olmak için sitenizin iki sürümünü de Search Console'da doğrulayın. Google, siteniz için mobil öncelikli dizine eklemeye geçtiğinde verilerde bir kayma yaşanabilir.
  • Ayrı URL'lerdeki hreflang bağlantılarını kontrol edin. Uluslararası hale getirmek için rel=hreflang link öğelerini kullandığıızda mobil ve masaüstü URL'lerini ayrı olarak bağlayın. Mobil URL'lerinizdeki hreflang mobil URL'leri ve aynı şekilde masaüstü URL'lerinizdeki hreflang masaüstü URL'leri işaret etmelidir.

    Aşağıda, mobil cihaz ve masaüstü için ayrı URL'lere sahip bir sitenin ana sayfasına ait bir hreflang örneği verilmiştir.

    Mobil

    Bu örnekte, mobil sitenin URL'si olarak https://m.example.com/ kullanılmıştır.

    <link rel="canonical" href="https://example.com/">
    <link rel="alternate" hreflang="es" href="https://m.example.com/es/">
    <link rel="alternate" hreflang="fr" href="https://m.example.com/fr/">
    <link rel="alternate" hreflang="de" href="https://m.example.com/de/">
    <link rel="alternate" hreflang="th" href="https://m.example.com/th/">

    Masaüstü

    Bu örnekte, masaüstü sitenin URL'si olarak https://example.com/ kullanılmıştır.

    <link rel="canonical" href="https://example.com/">
    <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/">
    <link rel="alternate" hreflang="es" href="https://example.com/es/">
    <link rel="alternate" hreflang="fr" href="https://example.com/fr/">
    <link rel="alternate" hreflang="de" href="https://example.com/de/">
    <link rel="alternate" hreflang="th" href="https://example.com/th/">
  • Mobil sitenizin, sitenizin mobil sürümünün tarama hızındaki olası bir artışı işlemeye yetecek kapasiteye sahip olduğundan emin olun.
  • Robots.txt kurallarınızın sitenizin her iki sürümü için de istediğiniz şekilde çalıştığını doğrulayın. Robots.txt dosyası, web sitesinin hangi bölümlerinin taranabileceğini veya taranamayacağını belirtmenizi sağlar. Çoğu durumda, sitenizin hem mobil hem de masaüstü sürümleri için aynı robots.txt kurallarını kullanırsınız.
  • Mobil ve masaüstü sürümleriniz arasında doğru rel=canonical ve rel=alternate linkbağlantı öğelerini kullanın. Masaüstü URL'si her zaman standart URL olup mobil sürümü bu URL'nin alternatifidir.

    Ayrı URL'leri olan site kurulumu için rel=canonical ve rel=alternate örneğini aşağıda bulabilirsiniz.

    Mobil

    Bu örnekte, mobil site URL'si https://m.example.com/ olup standart URL olarak masaüstü URL'sine işaret eden bir link öğesi içerir.

    <link rel="canonical" href="https://example.com/">

    Masaüstü

    Bu örnekte masaüstü site URL'si https://example.com/ olup standart URL olarak kendisine işaret eden bir link öğesi ve URL'nin alternatif sürümü olarak mobil sürüme işaret eden başka bir link öğesi içerir.

    <link rel="canonical" href="https://example.com/">
    <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/">

Sorun giderme

Burada, sitelerde mobil öncelikli dizine eklemenin etkinleştirilmesini engelleyebilecek veya bir sitede mobil öncelikli dizine ekleme etkinleştirildikten sonra sıralamada düşüş yaşanmasına neden olabilecek en yaygın hataların listesi verilmiştir. Sitenizde mobil öncelikli dizine ekleme henüz etkinleştirilmediyse, sitenizde mobil öncelikli dizine ekleme etkinleştirildikten sonra sıralamada düşüş yaşandıysa veya Search Console'da bir mesaj aldıysanız sık karşılaşılan aşapıdkai hataların listesine bakın ve olası hataları giderin.

Hatalar

Yapılandırılmış veriler eksik

Sorunun nedeni: Masaüstü sayfasındaki yapılandırılmış veri işaretlemelerinden bazıları mobil sayfada yok.

Sorunu düzeltme

  1. Yapılandırılmış verilerin sitenizin her iki sürümünde de (masaüstü ve mobil) bulunduğunu doğrulayın.
  2. Mobil ve masaüstü sitelerinizin aynı yapılandırılmış verilere sahip olduğundan emin olun.
  3. Yapılandırılmış verilerde doğru URL'ler kullanın. Mobil sürümlerde yapılandırılmış verilerdeki URL'lerin doğru URL'lere güncellendiğinden emin olun.
  4. Yapılandırılmış verileriniz için ayıklama hatalarını kontrol edin. Yapılandırılmış veri sağlamak için Veri İşaretleyici'yi kullanıyorsanız ayıklama hatası olup olmadığını görmek için Veri İşaretleyici kontrol panelini düzenli olarak kontrol edin.
  5. İçeriğin oluşturulan sayfada görünüp görünmediğini kontrol etmek için URL Denetleme aracını kullanın (oluşturulan sayfa, Google'ın sayfanızı gördüğü şekildedir).

Sayfalardaki noindex etiketi

Sorunun nedeni: noindex etiketi, bir mobil sayfanın dizine eklenmesini engelliyor.

Sorunu düzeltme: Mobil sitede ve masaüstü sitede aynı robots meta etiketlerini kullanın. Mobil sayfada noindex etiketini kullanmayın (aksi halde, sitenizde mobil öncelikli dizine ekleme etkinleştirildiğinde Google, sayfanızı dizine eklemez).

Resim eksik

Sorunun nedeni: Masaüstü sayfasındaki önemli resimlerden bazıları mobil sayfada yok.

Sorunu düzeltme

  1. Mobil sitenizin masaüstü sitenizle aynı içeriğe sahip olduğundan emin olun. Mobil sitenizdeki içerik masaüstünüzdekinden azsa mobil sitenizi güncelleyerek asıl içeriğinin masaüstü sitenize denk olmasını sağlamaya çalışın. Yalnızca mobil sitede gösterilen içerik, dizine eklemede kullanılır.
  2. Mobil sitede ve masaüstü sitede aynı robots meta etiketlerini kullanın. Mobil sayfada nofollow etiketini kullanmayın (aksi halde, sitenizde mobil öncelikli dizine ekleme etkinleştirildiğinde Google, sayfanızdaki resimleri taramaz ve dizine eklemez).
  3. Resimler için desteklenen bir biçim ve etiket kullanın. Örneğin, Google, SVG biçimindeki resimleri destekler, ancak sistemlerimiz satır içi SVG içinde bulunan <image> etiketindeki bir .jpg resmini dizine ekleyemez.
  4. Asıl içeriği kullanıcı etkileşiminin ardından yükleyerek geç yükleme yöntemine başvurmayın. Google, yüklenmek için kullanıcı etkileşimi (ör. kaydırma, tıklama veya yazma) gerektiren içerikleri yüklemez. Google'ın geç yüklenen içeriği görebildiğinden emin olun.

Engellenen resim

Sorunun nedeni: Mobil sayfadaki önemli bir resim, robots.txt tarafından engellendi.

Sorunu düzeltme: Google'ın kaynaklarınızı taramasına izin verin. Bazı resimlerin mobil sitedeki URL'leri ile masaüstü sitedeki URL'leri birbirinden farklıdır. Google'ın URL'lerinizi taramasını istiyorsanız disallow kuralıyla URL'yi engellemeyin.

Düşük kaliteli resim

Sorunun nedeni: Mobil sayfadaki önemli bir resim çok küçük veya çözünürlüğü düşük.

Sorunu düzeltme: Yüksek kaliteli resimler sağlayın. Mobil sitede çok küçük veya düşük çözünürlüklü resimler kullanmayın.

Alternatif metin eksik

Sorunun nedeni: Mobil sayfadaki önemli bir resmin alternatif metni yok.

done Sorunu düzeltme: Mobil sitenizde ve masaüstü sitenizde resimler için aynı açıklayıcı alternatif metni kullanın.

Sayfa başlığı eksik

Sorunun nedeni: Bir mobil sayfanın başlığı eksik.

Sorunu düzeltme: Sitenizin her iki sürümünde de aynı başlıkların ve meta açıklamaların kullanıldığından emin olun.

Meta tanım eksik

Sorunun nedeni: Mobil cihazda meta açıklama eksik.

Sorunu düzeltme: Sitenizin her iki sürümünde de aynı başlıkların ve meta açıklamaların kullanıldığından emin olun.

Mobil URL bir hata sayfası

Sorunun nedeni: Mobil sayfa bir hata sayfası.

Sorunu düzeltme: Hatalı sayfa durumunun masaüstü ve mobil sitede aynı olduğundan emin olun. Masaüstü sitenizdeki bir sayfa normal içerik sunarken aynı sayfanın mobil sürümünde hata sayfası gösteriliyorsa ilgili sayfa dizinde yer almaz.

Mobil URL'de bağlantı parçası var

Sorunu nedeni: Mobil URL, bir bağlantı (anchor) parçası içeriyor. Google, parça içeren URL'leri dizine ekleyemez.

Sorunu düzeltme: Mobil sürümünüzün URL parçası içermediğinden emin olun. parça URL'ler çoğu zaman dizine eklenemez. Alanınızda mobil öncelikli dizine ekleme etkinleştirildikten sonra bu sayfalar dizinde yer almaz.

Mobil sayfa, robots.txt tarafından engellendi

Sorunun nedeni: Mobil sayfa, bir robots.txt kuralı tarafından engellendi.

Sorunu düzeltme: Robots.txt kurallarınızın ve robots meta etiketlerinizin, sitenizin her iki sürümü için de istediğiniz gibi çalıştığını doğrulayın. Sitenizin hem mobil hem de masaüstü sürümleri için aynı robots.txt kurallarını kullanın.

Yinelenen mobil sayfa hedefi

Sorunun nedeni: Birden fazla masaüstü sayfası aynı mobil sayfaya yönlendiriyor.

Sorunu düzeltme: Farklı içerik sunan masaüstü sürümlerinin eşdeğer mobil sürümleri olduğundan emin olun. Mobil cihazlarda farklı URL'ler aynı URL'ye yönlendiriyorsa alanınızda mobil öncelikli dizine ekleme etkinleştirildikten sonra bu sayfaların hiçbiri dizinde yer almaz.

Masaüstü sitesi mobil ana sayfaya yönlendiriyor

Sorunun nedeni: Masaüstü sitenizdeki sayfaların çoğu ya da tamamı, mobil sitenin ana sayfasına yönlendiriyor.

Sorunu düzeltme: Masaüstü sürümünün eşdeğer bir mobil sürümü olduğundan emin olun. Mobil cihazlarda farklı URL'ler ana sayfaya yönlendirme yapıyorsa alanınız mobil öncelikli dizine eklemeye geçtikten sonra bu sayfaların hiçbiri dizinde yer almaz.

Sayfa kalitesiyle ilgili sorunlar

Sorunun nedeni: Mobil sayfada reklamlar, eksik içerikler, başlıklar veya resimler için açıklayıcı öğelerle ilgili sorunlar var.

Sorunu düzeltme:

  1. Reklamların mobil sayfa sıralamanıza zarar vermesine izin vermeyin. Mobil cihazlarda reklam görüntülerken Better Ads Standartları'nı uygulayın.
  2. Mobil sitenizin masaüstü sitenizle aynı içeriğe sahip olduğundan emin olun. Mobil sitenizdeki içerik masaüstünüzdekinden azsa mobil sitenizi güncelleyerek asıl içeriğinin masaüstü sitenize denk olmasını sağlamaya çalışın. Yalnızca mobil sitede gösterilen içerik, dizine eklemede kullanılır.
  3. Mobil sitede de masaüstü sitede kullandığınız net ve anlamlı başlıkları kullandığınızdan emin olun.
  4. Resimlerle ilgili olarak masaüstü sitede kullandığınız açıklayıcı başlıkları, altyazıları, dosya adlarını ve metni mobile sitede de kullanın.

Video sorunları

Sorunun nedeni: Mobil sayfada biçimi desteklenmeyen, zor bulunan bir konuma yerleştirilmiş, meta tanımı eksik veya çok yavaş yüklenen bir video var.

Sorunu düzeltme:

  1. Videolarınız için desteklenen bir biçim kullanın ve onları desteklenen etiketler arasına yerleştirin. Videolar sayfada bir HTML etiketinin varlığıyla tanımlanır. Örneğin: <video>, <embed> veya <object>.
  2. Asıl içeriği kullanıcı etkileşiminin ardından yükleyerek geç yükleme yöntemine başvurmayın. Google, yüklenmek için kullanıcı etkileşimi (ör. kaydırma, tıklama veya yazma) gerektiren içerikleri yüklemez. Google'ın, geç yüklenen içeriği görebildiğinden emin olun.
  3. Videoyu mobil sitenizde kolayca bulunabilecek bir konuma yerleştirin. Örneğin, kullanıcıların mobil sayfada videoyu bulmak için çok fazla aşağı kaydırması gerekiyorsa videonun sıralaması zarar görebilir.

Ana makine yükü sorunları

Sorunun nedeni: Bazı barındırıcıların yeterli ana bilgisayar yükü yoktur.

Sorunu düzeltme: Mobil sitenizin, sitenizin mobil sürümünün tarama hızındaki olası bir artışı işlemeye yetecek kapasiteye sahip olduğundan emin olun.