Giriş
Mobil optimizasyon, sitenize cep telefonlarından giren site ziyaretçilerinin kendi cihazları için optimize edilmiş bir web sitesiyle karşılaşmalarını sağlama tekniğidir.
İnsanlar her yıl günlük saatlerinin giderek artan bir bölümünü cep telefonu kullanımına ayırmaktadır. Birçok site, çeşitli ekran boyutlarını ve yükleme sürelerini dikkate alacak şekilde geliştirilmemiştir. Mobil SEO normalde web sitesi düzenini, web sitesi kompozisyonunu, web sayfası yükleme hızlarını inceler ve mobil okuyucuları tasarımınızla kapatmadığınızdan emin olmak için hepsini eşitlemeye çalışır.
En İyi SEO Taktikleri: Mobil Optimizasyon
Web siteniz Yahoo gibi arama motorları için güzel bir şekilde optimize edilmişse, mobil cihazlar için optimize ederken düşünmek isteyeceğiniz birkaç öğe daha bulabilirsiniz.
Web Sayfası Hızı
Bileşenler ve çevrimiçi bağlantı zorluklarının bir sonucu olarak, sayfa hızı mobil müşteriler için masaüstü kullanıcılarına kıyasla çok daha önemlidir. Fotoğrafları optimize etmenin dışında, kodu küçültmek, web tarayıcısı önbelleğini yönetmek ve ayrıca yönlendirme sayısını azaltmak isteyeceksiniz. .
Mobil Tabanlı CSS, JavaScript veya Görseller
Birkaç yıl önce, bazı cep telefonları bu tür bileşenleri desteklemiyordu. Bu nedenle, web tasarımcıları belirli unsurları engelledi. Bu artık doğru değil GoogleBot gibi akıllı telefon teknolojisi, içeriği kullanıcılarla benzer bir biçimde kategorize etmek için görüntülemek ve etkileşimde bulunmak istiyor. Bu unsurlar Google'ın sitenizi ve sitenizin duyarlı olup olmadığını anlamasına yardımcı olur. .
Duyarlı Tasarım
CSS3 siteleri, içeriği hem mobil hem de masaüstü bilgisayarlara sunmak için responsive kullanır. Duyarlı tasarımlar, mobil ekranlardaki ve tabletlerdeki kullanıcıların siteyi amaçlandığı gibi görüntüleyebilmesi için çeşitli medya aramaları sağlar. .
Mobil için internet sitesi tasarımı ve stili
Cep telefonu teknolojisi, web sitelerinin yapıldığı gerçek teknikleri hem basitleştiriyor hem de devrim yaratıyor gibi görünüyor ve "katın üstü" gibi bu fikirler artık herhangi bir öneme sahip değil. Siteler, medya sorgularını kullanan esnek bir tasarıma sahip olmalı ve kullanıcı ekranlarına uyum sağlayan duyarlı tasarımlara sahip olmalıdır. Örneğin: CSS, tarayıcıların içeriği 420 veya daha az piksel genişliğinde bir ekranda görüntülemesine olanak tanır.
@media screen and (max-width: 420px) { .class { [styles class here] } }
Bu koda veya stil sayfasına başka yönergeler eklemek için aşağıdaki kodu izleyin:
<link href="mobile.css" type="text/css" media="screen and (max-device-width: 480px)" rel="stylesheet" />
Flash kullanmayın
Eklenti tüm kullanıcıların telefonlarında mevcut olmayabilir, bu nedenle tadını çıkarmayı kaçıracakları bilgiler tasarlıyor olabilirsiniz. Özel yan efektler geliştirmek için bunun yerine HTML5 kullanın.
Pop-up'lardan sık sık kaçının
Bu alanları daha küçük bir taşınabilir üniteden ortadan kaldırmaya çalışmak zor ve can sıkıcı olabilir. Bu, yüksek bir hemen çıkma oranını tetikleyebilir.
Fazla yağlı el için model
Dokunmatik ekran navigasyonu, düğmeler çok büyük, çok küçük veya kaydırılan bir sayfanın yolu içinde olma eğilimindeyse rastgele fare tıklamalarına neden olabilir.
