Blogunuzu Nasıl Mobil Uyumlu Hale Getirirsiniz: Sosyal Medya Denetçisi

Daha fazla mobil abone ve okuyucu ister misiniz?

Blogunuz bir mobil cihaz için uygun mu?

2012'de mobil kullanıcılar harcadı Cihazlarında% 63 daha fazla zaman mobil web sitelerine ve uygulamalara erişim ve bu artacak şekilde ayarlanmıştır.

Bu yazıda ben önemini keşfetmek blogunuz için mobil ve mevcut farklı seçenekler blogunuzu bir mobil cihazda desteklemek için.

Mobil Blogunuz İçin Önemli mi?

Evet! Artan sayıda okuyucu, blogunuza mobil cihazlarından erişecek. Gelecekte daha fazla kişi blogunuza masaüstü yerine mobil cihazdan erişirse akıllı telefon kullanımı artmaya devam edecek ve şaşırmayacaktır.

Bu alana yatırım yapmadan önce, analizlerinizi kontrol etmeniz yararlıdır. blogunuza kaç kişinin bir mobil cihazdan eriştiğini öğrenin.

Çoğu analitik program size bu bilgileri sağlayacaktır.

Eğer kullanırsan Google AnalyticsKitle bölümünün altında Mobil> Genel Bakış'ı seçin. Bu ekran size bir mobil cihazdan gelen trafik miktarını gösterir. Pasta grafik görünümüne geçtiğinizde sitenizin mobil cihazlardan gelen trafiğinin yüzdesini görürsünüz.

Cihazlar altında şunları yapabilirsiniz: Ziyaretçilerinizin hangi mobil cihazları kullandığını görün. Bu örnekte, iPhone ve iPad'in en popüler seçenekler olduğunu görebilirsiniz. Bir iPad, iPhone'dan daha büyük bir ekran boyutuna sahip olsa da, blogunuzu onun üzerinden görüntülerken hala olası sorunlar vardır.

Paylaşım simgeleriniz mobil cihazda çalışıyor mu? Kullanıcılar yorum yapabilir mi? Sağa çok fazla kaydırma gerekli mi?

Yukarıdaki örnekten, tüm trafiğin% 20'ye yakını bir mobil cihazdan geliyor. Bu görmezden gelebileceğiniz bir şey mi?

Sitenize göz atın. Mobil cihazlardan trafiğin yüzde kaçını alıyorsunuz? Bu arttı mı? Daha da artması muhtemel mi?

Blogunuzu Nasıl Test Edersiniz?

Sitenizi test etmenin en iyi yolu, blogunuzu çeşitli mobil cihazlardan görüntüleyin ve etkileşimde bulunun (iPhone, iPad, Samsung Galaxy vb.)

Google, adında bir web sitesi sağlar Mo'ya Nasıl Gidilir sana yardımcı olan mobil web sitenizi mobil uyumluluk için test edin.

Sitenizi test etmek için şuraya gidin: Mobil Ölçüm Cihazı sayfasında, web sitenizin adresini girin ve Sitenizi Test Et'i tıklayın.

Google, web sitenizin bir mobil cihazda nasıl göründüğüne dair bir resim görüntüler ve ardından size bir dizi sorar. Web sitenizin ne için kullanıldığıyla ilgili, görüntülenen içeriğin okunabilir olup olmadığı vb. üzerinde.

Yanıtlarınıza bağlı olarak Google, sonuçların bir özetini görüntüler ve size daha ayrıntılı öneriler verecek bir PDF belgesi indirme seçeneği sunar.

Bu çok basit bir araçtır, ancak belgedeki öneriler size kullanıcıların sahip olduğu tipik sorunları anlamak ve nasıl yapabileceğinizle ilgili bazı ipuçları sitenizi birincil amacına uyacak şekilde uyarlayın.

Mobil Ziyaretçileri Desteklemek İçin Seçenekleriniz Nelerdir?

Web sitenizin mobil bir sürümünü oluşturmak için birçok seçenek vardır. Aşağıdakiler, dikkate alacağınız en olası seçenekleri içerir.

# 1: Web sitenizde değişiklik yapmayın

Mobil cihazını desteklemek için web sitenizde herhangi bir değişiklik yapmazsanız, ziyaretçileriniz mobil cihazdaki web tarayıcısı aracılığıyla bilgilere yine de erişebilir.

Ancak, büyük olasılıkla web siteniz bir mobil cihazda doğru şekilde çalışmayacaktır. Tipik sorunlar şunlardır:

• Çok fazla sağa kaydırma gerekli - Web sitesi bir mobil cihaza doğru şekilde sığmıyor, bu nedenle ziyaretçilerin bilgiye erişmek için sağa doğru çok fazla kaydırması gerekiyor. Mobil kullanıcılar genellikle sabırsızdır, bu nedenle bu durumda onları web sitenizde tutmak zordur.
• Her zaman çimdiklemelisiniz — İçeriğiniz okunamayacak kadar küçükse, onu büyütmek için parmaklarınızla sıkıştırmanız gerekir. Bu daha sonra okumayı kolaylaştırır, ancak daha fazla kaydırma sağlar!
• Resimler ve videolar ayarlanmadı - Web sitenizde daha büyük resimleri ve videoları görüntülemek için yeriniz var, ancak bir mobil sitede kaydırma yapmadan tüm resmi veya videoyu ekranda göremezsiniz.
• Hız - Bir mobil cihazda her zaman bir masaüstü ile aynı hızda bağlantıya sahip olmazsınız. Sayfalarınızın indirme süresini göz önünde bulundurmanız gerekir. Bir mobil web sitesini doğru bir şekilde kurarsanız, görüntünün boyutunu küçültebilirsiniz ve görüntü çok daha küçük bir ekranda görüntülendiği için kaliteden ödün vermezsiniz.

Mobil / tablet cihazların kullanımı artmaya devam edecek. Bu nedenle, şimdi değişiklik yapmaya hazır değilseniz, gelecek için bir plan düşünmelisiniz.

# 2: Web sitenizin ayrı bir mobil sürümünü oluşturun

Web sitenizin bir mobil sürümünü oluşturursanız, etkili bir şekilde iki web siteniz olur - biri masaüstü için diğeri mobil cihaz için uygundur.

Ayrı bir mobil web sitesi genellikle aşağıdaki gibi görüntülenir—m.yoursite.com.

Birisi web sitenizi bir mobil cihazdan ziyaret ettiğinde, otomatik olarak mobil web sitenize yönlendirilir. Ayrı bir mobil web sitesi ile farklı içeriğe, düzen görsellerine vb. Sahip olabilirsiniz. sitede.

Web sitenizin mobil versiyonu nasıl oluşturulur?

Geliştiricinize gidip ondan web sitenizin mobil bir sürümünü oluşturmasını isteyebilir veya şunları yapabilirsiniz: web'de bulunan araçları kullanın. Örneğin, Dudamobile bir mobil site oluşturmak için yazılım sağlar.

How to Go Mo, bir yıla kadar ücretsiz mobil web siteleri sağlamak için Dudamobile ile ortaklık kurdu.

Eğer gidersen Sitenizi Oluşturun bölümüne web sitenizin adresini girebilirsiniz. Sitemi Mobil Yap seçeneğini seçin.

Siteniz bir blog ise, bunu tanımlayacak ve size blog düzenine bağlı kalma seçeneği sunacaktır. stil veya web sitesi düzenine geçerek size aralarından seçim yapabileceğiniz farklı bir şablon yelpazesi sunar.

Bunu bir blog olarak tutmayı seçin ve ardından mobil siteniz için kullanmak istediğiniz şablonu seçin.

Bir blog için uygun olan bir şablon paketi vardır, bu yüzden en uygun olanı seçin.

Bir kez sen şablonunuzu seçinSiteyi tamamlamak için uyguladığınız çok basit bir süreç var.

İlk ekranda şunları yapabilirsiniz: site tasarımını düzenle, başlık, blog ana sayfası, blog yazısı sayfası vb. gibi ekrandaki öğelerin çoğu için arka plan, yazı tipi ve renklerin özelleştirilmesini içerir.

Üstte bir başlık eklenmiş bir Sosyal Medya İnceleme sitesi örneği. Gördüğünüz gibi, blog içeriği, ziyaretçilerin alakalı bir gönderiyi bulmasını kolaylaştıran basit bir biçimde açıkça düzenlenmiştir.

Biraz daha maceracı olmak istiyorsanız, o zaman şunu da yapabilirsiniz: Mobil sitenize paylaşım simgeleri, Twitter beslemesi, iletişim formları, resimler, metin vb. gibi yeni içerik ekleyin.

Tam'a tıklayın mevcut çeşitli seçenekleri görün. Ardından öğeyi ekranda görünmesini istediğiniz yere sürükleyip bırakın ve ardından, görünümünü ve özelliklerini özelleştirin.

Ayrıca şunları da yapabilirsiniz Siteye sekmeler, bölücüler, düğmeler gibi tasarım öğeleri ekleyin ve daha fazlası. Hatta yapabilirsin kendinizden biraz ekleyin özel HTML.

Site tasarımınızdan memnun olduğunuzda sitenizi kaydetmeniz gerekir. Önce sizden istenir bir hesap oluşturmak için e-posta adresinizi ve şifrenizi girin Dudamobile web sitesinde.

Bunu yaptığınızda, site artık kaydedilir ve size hemen mobil siteniz için bir adres verilir. Adresinizde Dudamobile istemiyorsanız ücretli sürüme geçebilir ve kendi mobil web sitesi adresinizi alın (örneğin, m.socialmediaexaminer.com).

Eğer kullanırsan WordPress, şimdi yapabilirsin Ziyaretçileri otomatik olarak mobil sürümünüze yönlendiren bir mobil web sitesi yönlendirmesi oluşturun web sitenize bir mobil cihazdan ulaşırlarsa.

Dudamobile eklentisini WordPress sitenize yüklemeniz gerekecek, mobil adresinizi onaylayın ve sonra aktifsiniz. Artık mobil ziyaretçiler otomatik olarak yeni web sitenize gidecek.

3: Mobil Cihazlar İçin Optimize Edilmiş Bir Tema Kullanın

Bir mobil cihazlar için optimize edilmiş tema yalnızca bir web siteniz olduğu, ancak ziyaretçiler bir mobil cihazda olduğunda bunun farklı bir sürümünün görüntülendiği anlamına gelir.

Oluşturulan tema bir mobil cihaz için çok uygundur. Genellikle grafikler ve herhangi bir karmaşık işlev üzerinde hafiftir.

WPtouch kullanarak mobil cihazlar için optimize edilmiş bir site oluşturma.

Web sitenizin mobil bir sürümünü oluşturmanıza izin veren çeşitli WordPress eklentileri vardır. Daha popüler olanlardan biri WPtouch.

WPtouch, içeriğiniz için çok basit, mobil cihazlar için optimize edilmiş bir şablon oluşturur. Bu durumda, tek bir web adresine sahip yalnızca bir siteniz olur, ancak sitenin çok daha basit bir sürümü mobil cihazda görüntülenir.

WPtouch'u herhangi bir WordPress eklentisini kurduğunuz şekilde kurun. Etkinleştirdiğinizde, web sitenizin otomatik olarak mobil bir versiyonuna sahip olacaksınız. Cidden, bu kadar basit.

Aşağıdaki örnekte, blog yazılarının gezinmesi kolay bir listede nasıl görüntülendiğini görebilirsiniz.

Bir blog gönderisini açtığınızda, bir mobil cihaz için doğru boyutlandırılır.

WordPress içinde eklenti, gereksinimlerinize bağlı olarak size birçok farklı yapılandırma seçeneği sunar. Örneğin, varsayılan olarak menü yalnızca üç seçenek içerir - Ana Sayfa, RSS Beslemesi ve E-posta.

Başka menü seçenekleri eklemek istiyorsanız, Sayfalar ve Simgeler bölümüne gidin. Görünmesini istediğiniz menü seçeneklerini ve her seçenekle ilişkilendirilecek simgeleri seçin. Sen de yapabilirsin standart simgeler kitaplığından seçim yapın veya kendinizinkini yükleyebilirsiniz.

Menünüz artık seçtiğiniz seçeneklere sahip olacaktır.

WPtouch ücretsizdir ancak isteyebileceğiniz cihazlar ve işlevler için bazı ücretli destek vardır. Örneğin, WPtouch Pro ile aşağıdaki özellikleri elde edebilirsiniz:

• Birden çok dil desteği
• Reklam için gelişmiş destek
• Gelişmiş yönetim
• iPad tema desteği
• Yorumlar için daha iyi destek
• Çok seviyeli menüler için destek

# 4: Duyarlı Bir Tasarım Oluşturun

Bir sorumlu tasarım içeriğinizin otomatik olarak cihazınızın boyutuna göre ayarlandığı anlamına gelir. Bir web siteniz ve bir dizi içeriğiniz var, ancak onu hangi cihazda görüntülediğinize bağlı olarak, otomatik olarak farklı bir şekilde düzenlenir.

Bir masaüstü cihazda üç sütun bilgi olduğunu hayal edin. Bir iPad'de, onu yalnızca iki sütunda veya bir iPhone'da bir sütunda görüntüleyebilirsiniz. Görüntülenemeyen herhangi bir bilgi aşağıya taşınır, bu nedenle sağa kaydırmayı ortadan kaldırır.

Not: Duyarlı tasarımın RDSS (Duyarlı Tasarım + Sunucu Tarafı) bileşenleri olarak adlandırılan daha gelişmiş bir sürümü vardır. Bu, cihazın boyutuna uyarlanan sayfaya ek olarak, cihaza bağlı olarak sayfanın belirli öğelerinde değişiklikler yapacağınız anlamına gelir.

Örneğin, bir iPhone veya iPad cihazı için tamamen farklı menü yapılarına sahip olabilirsiniz. Bu, geliştiricilerinizle tartışmanız gereken bir konu!

# 5: Yerel Bir Uygulama Oluşturun

Akıllı telefonunuz varsa, uygulamaları doğrudan telefonunuzda çalıştırabilirsiniz. Bunlara denir Yerel Uygulamalar.

Yapabilirsin belirli telefonlara uygun gerçekten güzel bir kullanıcı arayüzü oluşturun ve telefonda bulunan bazı işlevleri kullanın (ör. kamera).

Bir blog için yerel bir uygulama oluşturmak mümkündür ancak bu iyi bir seçenek değildir. Sonunda, çok pahalı olacak birkaç yerel uygulama (örneğin, Apple iOS, Android vb. İçin bir tane) oluşturursunuz.

Son Yorumlar

Mobil kullanıcılarınızı desteklemek artık önemlidir ve giderek daha önemli hale gelecektir. Şu anda mobil ortamı desteklemiyorsanız, yakın gelecekte düşünmeniz gereken bir şey var.

Mobil kullanıcılarla deneyiminiz nedir? Web sitenizin mobil versiyonunu uyguladınız mı? İşinize fayda sağladı mı? Soru ve görüşlerinizi aşağıdaki kutuya bırakın.