SİTENİZİ SEMALT İLE ÇEVRE DOSTU YAPMAK


İÇİNDEKİLER

  1. Giriş
  2. Mobil uyumlu olmak ne anlama geliyor?
  3. Sitenizin ne anlama geldiğini nasıl anlarsınız? mobil uyumlu veya değil
  4. Duyarlı tasarım, mobil uyumlu bir tasarımla aynı mıdır?
  5. Web sitenizi nasıl mobil uyumlu hale getirebilirsiniz
  6. Sonuç

Giriş

Dünya web trafiğinin% 50'sinden fazlası mobil cihazlardan geliyor ve bu sayı her yıl artmaya devam ediyor. Ayrıca, tüm internet kullanıcılarının% 80'inin bir akıllı telefonu var. Web siteniz ve içeriği mobil cihazlara uygun değilse, kesinlikle çok fazla trafik kaybedersiniz ve bu da trafik akışınızı ve Google TOP'daki sıralamanızı engelliyor olabilir.

Bu nedenle, web sitenizi ve içeriğini mobil cihazlar için optimize etmek bir zorunluluktur çünkü Google, mobil kullanıcılarına mobil uyumlu sayfalarla hizmet etmek istediğini açıkça söylemiştir.

Mobil uyumlu olmak ne anlama geliyor?

Mobil uyumlu bir siteye veya içeriğe sahip olmak, web sayfalarınızdaki içeriğin yalnızca masaüstünde veya dizüstü bilgisayarlarda değil, mobil cihazlarda da.

Sitenizin mobil cihazlara uygun olup olmadığını nasıl anlarsınız

Sitenizin mobil cihazlara uygun olarak adlandırılma kriterlerini karşılayıp karşılamadığını merak ediyor olabilirsiniz bir site. Google'ın mobil cihazlara uygunluk taleplerine uymayan sitelerde uyguladığı yaptırımlardan kaçınmak için bu ölçütlere uymak gerekir.

Google, sitenizi mobil cihazlara uygunluk açısından test etmek için kolayca kullanabileceğiniz, mobil cihazlara uygun bir test aracına sahiptir. Test tamamlandıktan sonra, sitenize mobil uyumluluk düzeyine göre bir not verecektir.

Duyarlı tasarım, mobil uyumlu bir tasarımla aynı mıdır?

Tamam, gerçekleri doğrudan anlayalım. "Mobil uyumlu" tasarımla birbirinin yerine kullanılan "duyarlı" tasarım terimini görmüş veya duymuş olabilirsiniz. Ancak bu teknik olarak doğru değildir.

Duyarlı tasarımı kullanmak, mobil cihazlara uygun bir site oluşturmanın diğer yollarından sadece biridir. Bir web sitesinin duyarlı olması, sitenin içeriğinin her zaman görüntülenmekte olan ekran boyutuna uyacak şekilde ayarlanacağı anlamına gelir. Mobil uyumlu siteler oluşturmak için en popüler tekniktir.

Web sitenizi nasıl mobil uyumlu hale getirebilirsiniz

Web siteniz zaten çalışıyorsa veya bir tane oluşturmak üzereyseniz, mobil uyumlu en yüksek önceliğe sahip olmalıdır.

Lütfen bu yayında paylaşılan ipuçlarının çoğunun mobil uyumlu sayfalar oluşturmanın duyarlı tasarım yöntemini desteklediğini unutmayın. Bununla birlikte, web sitenizi tasarlamak için (veya web sitenizi durumda olabilir).
  1. Büyük metin blokları kullanmayın: web sitesi ekranınızdaki metin miktarı. Tabii ki, mesajınızı ziyaretçilerinize iletmek için kelimelere ihtiyacınız olacak, ancak büyük metin blokları oldukça ezici olabilir ve okumak için humongo görünebilir.

    Paragraflarınız çok uzunsa ziyaretçileri korkutuyor olabilirsiniz. Okuyucularınızı teşvik etmek için cümlelerinizi ve paragraflarınızı mümkün olduğunca kısa tuttuğunuzdan emin olun.

  2. Doğru yazı tiplerini kullanın: Açık yazı tiplerini kullandığınızdan emin olun. ve mobil sitenizde kolay okunur. İçeriğinizi okumak için ziyaretçilerin gözlerini zorlayan bir yazı tipi istemezsiniz. Web tasarım sürecinizde doğru yazı tipini seçmek önemlidir.

    Yazı tipi seçimleriniz ve metninizin düzenlenme şekli, sitenizi görsel olarak çekici veya dehşete düşürme gücüne sahiptir. Metni ayırmak için yazı tiplerini de kullanabilirsiniz.

    Örneğin, başlıkları, konuları veya alt konuları temsil etmek için kalın bir yazı tipi kullanabilirsiniz; metnin ana gövdesi için normal boyutlu bir yazı tipi kullanılır.

  3. < b> Hızınızı artırın: Çalışmalar, insanların yaklaşık% 53'ünün yüklenmesi 3 saniyeden fazla süren bir mobil web sitesini terk edeceğini gösteriyor. Mobil web sitenizin yüklenmesi ne kadar uzun sürerse, hemen çıkma oranınız o kadar yüksek olur ve sonuç olarak Google TOP'da daha düşük sıralamaya girersiniz.

    Sayfa yükleme sürenizi olabildiğince düşük tutmak istiyorsanız tasarımınızı basitleştirmeyi deneyin. Gereksiz ağır görüntülerden veya kodlardan kaçının.

    Semalt’ın ücretsiz web analizi aracını kullanarak mevcut sayfa hızınızı kontrol edebilirsiniz. hem masaüstü hem de mobil cihazlar için hız puanları. Araç ayrıca hızınızı artırmak için ne yapmanız gerektiğini de söyleyecektir.

  1. Menünüzü basitleştirin: Şunun için bir web sitesi tasarlarken kaçabileceğiniz çok şey var masaüstü. Ancak, mobil cihazlar daha küçük ekranlara sahip oldukları için affedici olmayabilir.

    Ziyaretçilerinizin menü seçeneklerinizde seçim yapmak için her zaman kaydırma veya yakınlaştırma ve uzaklaştırma yapmasını istemezsiniz.

    Web sitenizin tamamını mümkün olan en az sayıda seçenekle basitleştirdiğinizden emin olun. Mümkünse, tüm seçeneklerin ekrana sığdığından ve yeterince görünür olduğundan emin olun. Web sitenize bakın ve kullanıcılar için menü seçeneklerini basitleştirmeyi deneyin.

  2. Kimse uzun formları sevmez: Kullanıcılara, mobil sitenizde bilgilerini verirken vergi formlarını dolduruyormuş gibi hissettirmeyin. Uzun formları doldurmak için bir masaüstü sitesi kullanırken bu kadar zor gelmeyebilir, ancak bunu daha küçük bir ekranda yapmak zorunda kalmak kesinlikle çok zor olacaktır.

    Formlarınız çok uzunsa, onları yeniden tasarlamayı düşünmelisiniz. Formunuza bakın ve her satıra gerçekten ihtiyacınız olup olmadığını kendinize sorun. Örneğin, kullanıcıların bir ürün satın almasını sağlamaya çalışıyorsanız, yalnızca faturalandırma ve gönderim bilgileri yeterlidir - hobilerini sormayın.

    Aslında, çoğu alışveriş sepetini terk etmenin en önemli nedeni genişletilmiş ve karmaşık bir ödeme işlemidir.

  3. CTA'larınızın açıkça görülmesine izin verin: Mobil sitenizden en iyi şekilde yararlanmak için harekete geçirici mesaj düğmelerinizin çok görünür olduğundan emin olun. Ekranda birden fazla CTA ile ziyaretçilerinizi bombalamamaya çalışın - bu sefer daha küçük bir ekran olduğunu unutmayın.

    Her sayfa için birincil hedefini (yeni abonelik, satın alma, indirmeler vb.) düşünün ve bu sayfa için CTA'nızın bu hedefe odaklanmasını sağlayın.

    Araştırma, web sitelerinin% 53'ünün 3 saniye veya daha kısa sürede kolayca tanımlanamayan CTA düğmelerine sahip olduğunu gösterdiğinden, rakiplerinizin önünde olacaksınız.

  4. Bir arama işlevi ekleyin: Bazen sitenizde birçok seçeneğiniz olması gerekebilir. Bu özellikle E-ticaret web siteleri için geçerlidir.

    Çok fazla seçeneğe sahip olmanın ziyaretçiler için karışıklığa ve dönüşümü olumsuz yönde etkilediği doğru olsa da, web tasarımınıza bir arama işlevi eklemek, onlar için işleri basitleştirir.

    Bir arama çubuğu eklemek, kullanıcıların tam olarak aradıklarını yazabilecekleri için karmaşık bir menüde gezinme zorunluluğundan kaçınmasına yardımcı olur.

  5. Müşteri desteğinden emin olun açıkça görülebilir: Mobil ziyaretçileriniz sorunlarla karşılaştıklarında yardım almak için sizinle kolayca iletişim kuramazlarsa, işletmenize kötü bir itibar kazandırır.

    Ziyaretçilerinizin müşteri hizmetleri ekibinize hızlı bir şekilde erişebilmeleri için ilgili tüm iletişim bilgilerini sitenizde görünür bir yerde sağladığınızdan emin olmalısınız.

  6. Sağlayın düğmeleri yeterince büyük: Web sitesi düğmenizi parmağınızla kolayca dokunulabilecek şekilde tasarladığınızdan emin olun. Bunun, bir fare veya klavyeyle gezinmenin yapılabileceği bir masaüstünün geniş ekranı olmadığını unutmayın.

    Akıllı telefon kullanıcılarının% 75'i ekranlarına dokunmak için başparmaklarını kullanıyor, bu nedenle düğmeler ve diğer tıklanabilir öğeler yeterince büyük olmalı.

    Ayrıca, mobil cihaz kullanan kişilerin ekranlarının köşelerine ulaşması oldukça zordur - bu nedenle düğmelerinizi ve diğer önemli öğeleri ekranın ortasına yerleştirmeniz önerilir.

  7. Pop-up'lardan kurtulun: Kabul edelim, pop-up'lar genellikle mobil bir sitede rahatsız edici. Çoğu kişinin mobil web sayfalarında gezinmek için başparmaklarını kullandığını, masaüstü veya dizüstü bilgisayar ekranlarında görünen küçük "x" düğmesinin mobil ekranda daha da küçük olacağından pop-up'ları kapatmak genellikle zordur.

    Çoğu zaman, ziyaretçiler yanlışlıkla kapatmaya çalışırken reklamları yanlışlıkla tıklarlar - başka bir sayfaya tamamen iniş yaparlar - böylece kullanıcı deneyimlerini bozarlar.

    Pop-up'ları ne pahasına olursa olsun kullanmanız gerekiyorsa, formları olabildiğince basitleştirmeye çalışabilirsiniz ya da ikinci seçenek yalnızca bir ziyaretçi tıklattığında pop-up'ları kullanmaktır.

  8. Web sitenizi yeniden tasarlamayı düşünün: Siteniz iyi kurulmuşsa, kitlenizin çoğu web sitenizin tasarımında kullanıldığından bu çok uygun olmayabilir. Ancak web siteniz nispeten yeniyse, web sitenizi yeniden tasarlarken duyarlı bir tema kullanmayı denemelisiniz. Semalt, web sitenizin yeniden tasarlanmasında yardımcı olabilecek en iyi web geliştirme ekiplerinden birine sahiptir.

  1. " Genişliklerin "her zaman yüzde cinsinden olduğundan emin olun: Biraz teknik olma zamanı. Herhangi bir web sayfası öğesini sağ tıklayıp "inceleme öğesi" ni (Google Chrome için) seçerseniz bir panel görüntülenir.

    Soldaki pencerede bir öğeye tıklayın, ardından ilgili değerler sağ pencerede görünecektir. “Genişlik” için piksel veya yüzde cinsinden ayarlanabilecek bir değer görmelisiniz.

    Yüzde cinsinden ayarlarsanız, bu boyutların genişliği ekran boyutları değiştikçe ayarlanır.

  2. Medya sorgularını kullanın: medya sorgularının nasıl kullanılacağını biliyorsanız, yine de öğelerin genişliği için piksel kullanır. Ve medya sorgularını kullanmak, duyarlı tasarımların anahtarıdır.

    Tek yapmanız gereken sitenin farklı ekran boyutlarında nasıl davranmasını istediğinizi belirtmektir. Bu yüzden bazı sayfalar ekran boyutu değiştikçe yeniden boyutlandırılır ve hatta yeniden şekillendirilir.

    Eğer iyi bir tema satın alırsanız veya web sitenizi en güncel mobil dostu ve SEO stratejileri.

Sonuç

Mobil cihazlara uygun bir siteye sahip olmak, alabileceğiniz en fazla trafiği elde etmenize ve genel Google TOP sıralamalarınızı iyileştirmenize yardımcı olacaktır. Bu, işletmeniz için daha fazla dönüşüm oranı anlamına gelir. Sitenizi mobil cihazlara uygun hale getirmek ve web sitenizin sunduğu tüm avantajlardan yararlanmak için bu makaledeki ipuçlarını izleyin.

mass gmail