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.