Yanıt veren web tasarımı önemlidir - eğer yeni bir site oluşturuyorsanız sitenizi duyarlı hale getirmeniz GEREKİR. Zaten, trafiğin% 50'si mobil cihazlardan ve tabletlerden geliyor ve sadece bu da büyümekle kalmayacak, internet kullanımının en baskın şekli olacak.
Küçük coğrafi bölgeleri hedefleyen küçük işletmeler için, daha da kritiktir - SEO, yeni bir küçük işletme için çok zor olacak, ancak ürününüz iyi ise, yaptığınız işi paylaştığınız kişiyi en üst düzeye çıkarabilirsiniz.
Sosyal medya okumak söz konusu olduğunda, insanlar çoğunlukla şu anda mobil cihazları kullanıyorlar - genellikle sabahları ve geceleri yatakta.
Siteniz bir mobil cihazda kullanılamıyorsa, ilgili kitlenizi etkileyen herhangi bir hisse israf olur. Bunu istemiyorsun Olmasını önlemek için kritik öneme sahiptir.
Duyarlı veya ayrı kod ile ilgili: Duyarlı tasarıma yönelik en önemli dezavantajı, ayrı kod tabanları kadar hızlı olmamasıdır. Bu hız kaybı, küçük bir yerel işletme söz konusu olduğunda, sitenin diğerlerinden neden 0.2 saniye daha yavaş olduğu konusunda diğer faktörler kullanıcıların aklına geldiğinde kesinlikle küçük bir yerel işletme durumunda ihmal edilebilir hale gelecektir.
Duyarlı tasarımın en büyük avantajı aynı kod tabanını tutmanızdır. Bu, bakım maliyetlerini, test maliyetlerini ve geliştirme maliyetlerini azaltır.
Bugünlerde SEO’da büyük olan şey Site Site Kalitesi ’dir - site kalitesinin ölçülmesi zordur, ancak genel olarak Google’ın, bunu ölçmek için Sitedeki Sıçrama Oranı ve Zaman’ı kullanması gerekir. Siteniz cep telefonunu çekiyorsa, trafiğinizin% 50’si yüksek bir hemen çıkma oranına ve düşük katılımlı çok sayıda ziyaretçiye sahip olacak (sayfada 10 saniyeden az).
Bu, sizi Google Cezaları riskine sokar - Google Panda'ya ve yeni (geçen hafta) Tam Eşleme Alanı cezalarına bakın, her ikisi de siteleri 'düşük kaliteye sahip oldukları için cezalandıracaklar'.
Bu yöntemi kullanarak bir işletme için bir web sitesini optimize ederken karşılaşabileceğiniz temel problemler, yeni bir terimdir, herkesin ihtiyacı vardır, bu yüzden yapılması kolay bir şey için gülünç derecede yüksek fiyatlar alan kovboylar vardır.
Örneğin, geçenlerde bir cihaz, bir forum, bir soru-cevap bölümü ve ayrıca çeşitli sayfalar, bloglar vb. Olan tüm cihazlara yaklaşık bir gün içinde tam cevap veren bir web sitesi yaptım.
İşte yapmanız gerekenlerin temelleri:
- Gövde dolgusunu ve kenar boşluklarını ayarlayın
- Sol veya Sağ taraftaki menüleri açılan menülere taşıyın, belki üstteki seçenekler düğmesinin altına gizleyebilirsiniz.
- Kapları yeniden boyutlandırın, mümkün olan yerlerde% 100 genişlik kullanın
- Tüm resimlerinizi genişlik% 100 olarak değiştirin
- Telefonda hangi şeylerin gerekli olmadığına karar verin (reklamlar?) Ve bunları kaldırın (ekran: yok)
İşte bazı örnek kod:
@media screen and (max-width:480px) {
body {
margin:5px;
padding:0px;
}
.advertbox {
display:none;
}
}
Bunun anlamı akıllı telefonlardan (en fazla 480 piksel genişliğinde) bir sınıf 'ilan kutusu' olan herhangi bir şeyi kaldırmak ve vücut marjını azaltmaktır.
Yeni bir site oluşturuyorsanız, bunu oluşturmak daha kolaydır, çünkü tüm cihazlara uyacak şekilde güzel temiz sınıflar ve iyi stiller içeren temiz bir tasarım oluşturduğunuzdan emin olabilirsiniz.
Umarım bu yardımcı olur!