WP Mobil Dostu Site Oluşturmanın 10 Önemli Adımı

Cihazların evrimi ve sabit yeteneklerle, giderek daha fazla kullanıcı arama amaçlı mobil cihazları benimser. Aslında, son zamanlarda ComScore anketine göre, “kritik hücresel noktayı” geçtik. Bu, ziyaretlerin çoğunun masaüstleri yerine mobil cihazlar kullanılarak gerçekleştirildiği anlamına gelir.

Temel olarak, giderek daha fazla insan yeni hücresel cihazlara geçtiğinden, hücresel kullanıcıları hatırlayarak web sitesi içeriğimizi yeniden düşünmek ve ayarlamak gerekir. Buna ek olarak, hücresel için optimize edilmiş web sitelerini çalıştıran site sahipleri için, web sitelerini gerçekten hücresel dostu hale getirmek, Google’ın dost güncellemelerinin yayınlanmasından sonra göz ardı edilmesi zor bir zorunluluk haline geldi.
Bu nedenle, masaüstü için tasarlanmış ve hücresel hale gelmeyi planlayan veya sitenizi şimdi hücresel için daha optimize etmek istiyorsanız, bu yazıda ele alınan adımları takip etmek hedeflerinize ulaşmanıza kesinlikle yardımcı olacaktır. Adım 1 – Hücresel eklentiyi kullanın Mevcut WordPress temasını duyarlı bir temaya dönüştürmek için yeterli zamanınız yok mu? Bu durumda, özel bir hücresel eklenti kurmak, tüm çalışmaları etkili ve verimli bir şekilde tamamlamanıza yardımcı olabilir. Eklentiler kullanmak, web sitenizi çok fazla karmaşıklık olmadan hücresel dostu hale getirmeye yardımcı olabilir. İşte çeşitli hücresel web sitesi gereksinimlerini karşılamak için düşünebileceğiniz bazı eklentiler:
WP Touch: En popüler özel hücresel eklenti olarak lanse edilen WP Touch, hücresel ziyaretçileriniz için otomatik olarak güzel bir hücresel versiyonun yüklenmesine yardımcı olur. Bu eklentinin en iyi yönü, “Google Hücresel” testini geçen hücresel temalara izin verir. WordPress Hücresel Paketi: Kullanıcıların zamanlarının çoğunu hücresel uygulamalar aracılığıyla hücresel web sitelerine kıyasla dijital içeriğe erişmek için harcadıkları gizli bir sır değil. Çapraz platform uygulamaları için site içeriğinizi (ideal olarak bir blog) yeniden kullanabiliyorsanız daha iyi değil mi? Bu görevi WordPress Mobile Pack eklentisinin yardımıyla gerçekleştirebilirsiniz. Yukarıdaki iki eklenti dışında, WordPress eklentisi deposunda ve diğer çevrimiçi kaynaklarda bulunan diğer birçok özel hücresel eklenti vardır – bu da hücresel siteler oluşturmak için kullanılabilecek. Adım 2 – Hücresiniz için ayrı bir web sitesi oluşturun Sıradan bir web sitesinde hücresel ziyaretçileriniz tarafından ihtiyaç duyulmayacak birkaç özellik kullanabilirsiniz. Belki, bu özelliklerden kurtulmayı merak ediyor olabilirsiniz. Ancak, kaldırmak istediğiniz özellikler masaüstü kullanıcıları için önemliyse ne olur? Böyle bir senaryoda, ayrı bir hücresel yer yapmak sizin için uygun bir çözüm olduğunu kanıtlayacaktır.
Diğer web siteleri oluşturmak ilk başta sizin için korkutucu bir görev görünebilir. Ancak, gerçekte çok zor değil, çünkü tüm web sitelerini en baştan tekrar oluşturmanıza gerek yok. Bunun yerine, yalnızca birkaç önemli sayfa oluşturmanız ve hücresel web sitenize belirli özellikler eklemeniz gerekir. Ancak, süreçte birkaç kod yazmanız gerekir. Bu nedenle, sürece başlamadan önce programlama becerilerinizi geliştirdiğinizden emin olun. Adım 3 – Sitenizi duyarlı hale getirmek için bir medya sorgusu kullanarak, hücresel hale gelmeyi düşünseniz bile, mevcut WordPress temasını atmak istemeyebilirsiniz. Sorun buysa, mevcut temanızı duyarlı hale getirmeyi düşünebilirsiniz. Ve bunu yapmanın en iyi yollarından biri medya sorgularının kullanılmasını gerektirir. Medya sorusu, web sitesi mülkünü cihaz mülküne göre değiştirmeye yardımcı olur. Bu 3 ana bölümden oluşur:
kural @media;
medya türü;
ve hedef cihaz ekranınızın maksimum genişliği.
Maksimum 320 piksel genişliğe sahip küçük ekran telefonlarını (yani portre yönünde cihazlar) hedeflemek için kullanılan medya sorgularını içeren aşağıdaki satır koduna bakalım: / * portre * / @media ekranında ve (maksimum: 320px ) ve (oryantasyon: portre) {} Aşağıda, farklı ekran boyutları için yaygın olarak kullanılan diğer birkaç medya sorununun listesidir:
(Maksimum genişlik: 480px) ve (maksimum genişlik: 780px): sırasıyla 480 ve 780 piksel genişliğine sahip akıllı telefonlar için kullanılır.
(Max-Width: 1024px): Tabletler için hem peyzaj hem de portre yönünde işlev görüyor.
Adım 4 – Sitenizin yanıt verebilirliğini test etmek için Google’ın hücresel dostu aracını kullanın, web sitenize sitenin hücresel dostu olduğu anlamına gelmeyen farklı mobil cihazlar aracılığıyla erişilebilir. Basitçe söylemek gerekirse, duyarlı bir web sitesi çalıştırabilirsiniz, ancak hücresel kullanıcılar için olumlu bir deneyim sağlayabilirsiniz. Bu, Google’ın yeni hücresel algoritma güncellemesine dayanarak arama motoru sıralamasını bile kaybetmenizi sağlayabilir. Neyse ki, sitenizin mobil dostu olup olmadığını veya Google mobil dostu test aracını kullanmadığını öğrenebilirsiniz. Web sitemin sınavı geçen ekran görüntüleri:
Adım 5 – Hücresel sitenizi SEO dostu oluşturmak için Google’ın Web Yöneticisi Araçlarını kullanın, şimdi sitenizin hücresel duyarlılığını öğrendikten sonra, sitenizin arama motorları için optimize edildiğinden emin olmanız gerekir. Hücresel temanız SEO için optimize edilmezse, orada iyi trafiği yönlendiremezsiniz. Neyse ki, Google, web sitesi arama motoru sıralamasını en üst düzeye çıkarmak için mükemmel bir web yöneticisi (cihaz) aracı sunar.
Bu cihaz, anahtar kelime sıralaması, içeriğe ve diğer yararlı verilere dayalı trafik eğilimleri hakkında bilgi sağlar ve etkili bir SEO kampanyası oluşturmanıza yardımcı olur. Google tarafından sağlanan cihazı kullanmak için önce Google Webmaster aracını girmeniz ve ardından sitenize eklemeniz gerekir. Ardından, kendinizi bir web sitesi sahibi olarak doğrulamanız gerekir. Siteniz doğrulandıktan sonra, aşağıdaki ekran görüntülerinde gösterildiği gibi web sitenizdeki verileri görebileceksiniz:
Sonraki birkaç adımda, WordPress kurulumunuzu daha mobil dostu hale getirmek için ayarlama hakkında tartışacağız. Adım 6-WordPress’e duyarlı temayı çalıştırıp çalıştırmadığınız, menüyü doğru görüntüleyemediğiniz önemli bir mobil menü yaratın. Mobil cihazlar, bir cep telefonu kullanarak sitenizle etkileşime girerken kullanıcıların sahip olduğu genel deneyimi etkileyebilir. Masaüstü web sitenizde kullanılan menünün hücresel sitelerde çalışmayacağını unutmayın. Dikkate alınması gereken daha önemli bir şey, hücresel kullanıcı içeriğinizin önceliği masaüstü kullanıcı önceliğinizle aynı olmayacaktır. Örneğin, masaüstü kullanıcıları arşivin bağlantılarını görmek isterken, hücresel ziyaretçiler olmayabilir. Temel olarak, masaüstü görüntüleyenler genellikle markanız hakkında ayrıntılı bilgilere erişmeyi sever. Öte yandan, hücresel müşteriler yalnızca ürün detayları ve en önemli iletişim bilgileri gibi ilgili verileri ister.

Özel bir hücresel menü oluşturmanın en iyi yollarından biri WPTouch eklentisini kullanmaktır. Bunun nedeni, mobil cihazlarda bir menünün kullanılması gerekip gerekmediğini belirleme seçeneği sunar. Adım 7 – İçeriğinizi web sitesi menünüz dışındaki hücresel temalarla uyarlamalı hale getirin, içeriğinizi aşağıdakiler dahil olmak üzere mobil cihazlara doğru bir şekilde ayarlamanız gerekir.

Uzun başlık veya başlık

Metin veya numaralar içeren resimler
“Daha fazla görmek” ve “Şimdi Satın Al” seçenekleri vb.
Masaüstündeki kalitesini etkilemeden içeriğinizin iyi görünmesi çok önemlidir. Bu, içeriğinizi uyarlanabilir hale getirerek elde edilebilir. Bunun nedeni, uyarlanabilir içerik, içeriği kısa kodlarla değiştirerek ve diğer alternatifler yaparak belirli hücresel platformlara göre içerik oluşturmaya yardımcı olur. Adım 8 – Sitenin birçok sahibinin yaşadığı ortak sorunlardan biri için görüntünüzü hücresel için optimize ettirin. Duyarlı site, görüntülerin mobil cihazlar için optimize edilmemesidir. Ancak, maksimum%100 genişlik ayarlayarak görüntüleri duyarlı hale getirebilirsiniz. Bu, mobil cihazlar için büyük bir görüntünün boyutunu otomatik olarak değiştirmeye yardımcı olur. Bu amaçla, bu kodu CSS dosyanıza ekleyin: resim {maksimum genişlik:%100} Arka plan boyutunuzu değiştirmek istiyorsanız, mobil cihazlar için uygun olmak için, yalnızca arka plan boyutu CSS özelliğini ile ayarlamanız gerekir. “İçerik” değeri aşağıdaki gibi: .Header {arka plan: URL (header.png) tekrar olmadan% 50; Arka plan boyutu: Ekran çok küçükse yukarıdaki kod arka plan görüntüsünün boyutunu değiştirir. Bununla birlikte, görüntünün boyutunu azaltmak, herhangi bir modern mobil cihazda görülmesi dışında kalitesi üzerinde büyük bir etkiye sahip olabilir. Ancak, böyle bir senaryodan kaçınmak için, web sitenizde kullanılan meta etiketi “kullanıcı-ölçekli = özellik yok” olarak ayarlamadığınızdan emin olun. Bunu yapmak, kullanıcılarınızı şöyle harekete geçirecek şekilde sınırlandırır: büyütme ve en aza indirin.

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir