Bir siteyi mobil cihazlar için optimize etmenin yaygın yöntemlerini düşünün:
- Sitenin ayrı bir mobil versiyonunun geliştirilmesi.Artıları:
- kolaylık;
- yüksek sayfa yükleme hızı;
- basit arayüz;
- sitenin farklı sürümlerinde değişiklik yapmak kolay;
- ana sürüme geçme yeteneği.
eksileri:
- sitenin iki versiyonunu güncelleme ihtiyacı;
- her sürüm için ayrı adres;
- işlevsellik sınırlaması: parametrelere ve filtrelere göre ürün seçimi kesilir, içerik menüsünün bir kısmı kaldırılır.
- Sitenin mobil versiyonu üzerinde .Artıları:
- farklı cihazlara uyarlanabilirlik;
- site düzenleme kolaylığı;
- yönlendirme ayarı: kullanıcı otomatik olarak istenen sayfanın mobil versiyonuna yönlendirilir;
- Hafif sayfalar.
eksileri:
- bir alt etki alanı ve bunun için ayrı bir şablon oluşturma;
- genellikle farklı cihazlarda ekranda hatalar olur;
- kısaltılmış tasarım ve işlevsellik, dizin oluşturma sırasında yinelenen sayfalar görünebilir.
- Uyarlanabilir düzen.Artıları:
- tüm cihazlarda doğru görüntü;
- minimum gereksiz eleman;
- tek bir site URL’si;
- hızlı uygulama;
- sitenin rahat kullanımı.
eksileri:
- mobil cihazlarda görüntülendiğinde bilgilerin olası azalması;
- sitenin normal sürümüne geçemezsiniz;
- sitede ağır elementlerin varlığında uzun yükleme.
Duyarlı tasarımı geliştirmek için neler yapılabilir:
- görüntüleri CSS parametresi ile ekran boyutuna uyarlayın;
- videoyu CSS’de ölçeklendir;
- tabloların yatay kaydırmasını ekleyin;
- düğmelerin altındaki uzun açıklamayı gizle;
- menü öğelerini kısmen gizleyin veya tüm menüyü “hamburger” altında gizleyin;
- ürünleri seçmek için filtreleri ve seçenekleri gizleyin;
- ek bilgileri ayrı sayfalara aktarın. Örneğin, metin yorumları ayrı bir düğmenin altına yerleştirilebilir;
- reklam afişlerini, açılır pencereleri kaldırmak veya azaltmak ;
- tüm cihazlarda doğru görüntü için yazı tipini optimize edin;
- cihaz tipine bağlı olarak görüntülenen blok sayısını değiştirin.
3. Sitenin mobil versiyonu
Gadget’lardan siteye giderken, kullanıcı otomatik olarak mobil sürüme yönlendirilir – akıllı telefonlar için bir kopya. Her iki sürüm de aynı içeriği içerir, bu nedenle arama motorlarına ana sürümü söylemeniz ve mobil için doğru yönlendirmeyi ayarlamanız gerekir.
Çoğu zaman, mobil sürümü kullanıcının rahatlığına göre ayarlamak için tasarım ve işlevselliği kesmek gerekir, bunun sonucunda ziyaretçiler sitelerin farklı sürümlerini karıştırır. Öte yandan indirme hızı artar ve siteyi akıllı telefondan kullanmak daha uygun hale gelir. Mobil versiyonun büyük bir avantajı, herhangi bir cihazdan ana siteye gitme yeteneğidir.
Mobil versiyonun ayrı bir site olarak optimize edilmesi gerekiyor. Değişiklik yapmanız gerekiyorsa, her iki sürümü de düzenlemeniz gerekecektir. Mobil için ayrı bir alan adının bakımı, ana sürümün duyarlı düzenine kıyasla daha pahalıdır.
Ana ve mobil sitenin birbiriyle rekabet etmemesini sağlamak da önemlidir. Bunu yapmak için bunları Yandex.Webmaster ve Search Console web yöneticisi panellerinde bağlayın veya rel=”alternate” niteliğini kullanın.
Bir mobil sürüm oluşturmak için şunları kullanabilirsiniz:
- çevrimiçi kurucular. Örneğin, Creambee veya Mobirise ;
- CMS için eklentiler. Örneğin, WP veya WPtouch için AMP ;
- WordPress veya diğer CMS’deki duyarlı temalar.
Mobil sürüm, bir alt etki alanında veya ayrı bir etki alanında oluşturulur ve ana siteyi kopyalar. Arama robotunun yinelenen sayfaları taramasını önlemek için rel=”alternate” özniteliğinin kullanılması önerilir:
<link rel=”alternate” href=”http://m.site.ua/page/”>
ve rel=”canonical”:
<link rel=”canonical” href=”http://site.ua/page/”>
