WordPress web sitenizi nasıl oluşturabilirsiniz Mobil dostu ücretsiz
Bu 2017’dir. Bu, WordPress söz konusu olduğunda bu hücresel dostça tasarım olarak adlandırılan küçük şeyi artık görmezden gelemeyeceğiniz anlamına gelir. Ama hepimiz milyonlarca bankada büyük şirketler değiliz, değil mi? Peki sadece eski bir WordPress kullanıcısıysanız, WordPress web sitenizi mobil dostu nasıl ücretsiz olarak oluşturabilirsiniz?
Sorun burada yatıyor! Bu zor görünebilir, ancak sitenizin hücresel misafirperverliğini artırmak için kendinizi uygulayabileceğiniz birçok temel ilke vardır. Ve her şeyi tartışacağım. Bu oldukça uzun yazıda tartışacağım tek şey bu:WordPress sitenizi mobil cihazla uyumlu hale getirmek neden önemlidir?
Sitenizin hücresel misafirperverliğini test etmek için ücretsiz araçlar
WordPress sitenizi mobil dostu oluşturmanın bazı basit yolları ücretsiz
WordPress sitesi uygulama sürümünüzü oluşturmanın iki farklı yolu
Detayları burada tartışacağım … Umarım bir fincan taze kahve alırsınız! Başlayalım…
WP Buffs’taki ekibimiz, web sitesinin sahibinin, ajans ortaklarının ve serbest çalışanların ortaklarının web sitelerini hücresel dostu hale getirmesine yardımcı olur. 1 web sitesini yönetmemize veya 1000 istemci sitesini desteklememize ihtiyacınız var mı, sizi destekliyoruz.
Web yüzü için bir hedef olarak düşük hücresel misafirperverlik değişir. On yıl önce, hücresel dostu tasarımlar hakkında, özellikle de siteniz için önemli bir yer olarak adlandıranlar hakkında yayınlar bile görmeyeceksiniz. Şimdi, hepsi değişiyor.
2016 yılında, hücresel keşif ilk kez masaüstü web araştırmasını aştı. Yup, hücresel trafik şaşırtıcı dünya trafiğinin% 51,3’ünü oluşturuyor. Ve masaüstü hala ABD’de küçük bir lider olsa da (tüm trafiğin% 58’ine katkıda bulunur), eğilim kesinlikle her şeyi hücresel olarak hareket ettirecektir. Sanırım söylediklerim bu … Yakında, “Web Sitenizi Neden Dostu Masaüstü Yapmanız Gereken” hakkında bir yazı görebiliriz. Bu küçük bir şaka, ama eğilim bu yönde hareket ediyor. Web tasarımı için hücresel odaklanmayı öneren “ilk hücresel” gibi hareketler zaten var. Sitenizi yapmanın yanı sıra, insanların web’i keşfettiği en popüler yollardan birine genel olarak erişilebilir, hücresel dost tasarımınıza gerçekten yardımcı olabilir. Sonuçlarda site sıralaması daha yüksek google hücresel arama. Bunun nedeni, Google’ın hücresel arama sonuçlarına uyguladıkları özel bir hücresel dostu algoritmaya sahip olmasıdır. Algoritmanın bir sonucu olarak, hücresel dostluk bölgeler hücresel arama sonuçlarında sıralamada bir artış elde eder. Bunun bir kısmı, çevrimiçi mağazanızın aynı zamanda e -ticaret kabininden daha fazla bilgi edinebileceğiniz hücresel dostu olmasını içerir.
Ancak, çoğu Google aramasının cep telefonlarında çoğunun gerçekleştiğini varsaydığınızda, bu oldukça büyük bir teşviktir! WordPress sitenizle ne kadar uyumlu … şu anda? Tamam – hücresel dostça tasarımın önemli olduğunu biliyorsunuz. Ama nasıl öğrenebilirsin:
Hücresel dostu bir tasarım nedir?
WordPress sitenizin şu anda mobil dostu olup olmadığı
Bu bölümde tartışacağım şey bu! Google tarafından hücresel dostu olarak kabul edilen nedir? Neyse ki, WordPress siteniz için mobil cihazlarla uyumlu bir tasarımla ne anlama geldiğini tahmin etmenize gerek yok. Google aslında hücresel misafirperverlik için özel yönergeler yayınlamıştır. WordPress sitenizi oluşturmaya çalışırken Google’ın kaçınıldığını söylediği şey mobil dostu: çalınamayan içerik, eklediğiniz herhangi bir içeriğin kaynağının mobil ve masaüstü cihazlarda çalınabileceğinden emin olun.
Küçük Yazı Tipi Boyutu – Google, hücresel yazı tipleri için en az 16px önerir.
Çok yakın olan elementlere dokun-Parmaklar şişman! İnsanlara doğru öğelere dokunmak için yeterli alan vermeniz gerekir.
Yanlış Görünüm Alanı – Hücresel sayfanızın görünüm alanını doğru ayarladığından emin olun.
Google’ın yönergelerinin ötesinde, web tasarımcılarından hücresel dostça tasarımlar hakkında birçok kaynak bulabilirsiniz. Başlamak için iyi bir yer, hücresel web geliştirme için bir Smashing dergisi kılavuzudur.
Google’ın hücresel dostu muayene aracı nasıl kullanılır, WordPress temanızın zaten hücresel dostu olup olmadığını nasıl bilebilirsiniz? Google tarafından bir araya getirilen araçlar sayesinde bu aslında çok kolay. Tek yapmanız gereken buraya gitmek. Ardından, kontrol etmek ve tıklayın Testi kontrol etmek ve tıklamak istediğiniz sitenin URL’sini girin:
Google, sayfalarınızı analiz edecek ve tasarımınızın şimdi ne kadar dost olduğunu söyleyecektir:
Görünüşe göre sitem hücresel ile uyumlu! Ama senin mi? WordPress sitenizi nasıl mobil dostu oluşturabileceğinize bakalım! WordPress web sitenizi nasıl ücretsiz hücresel hale getirirsiniz Aşağıda, WordPress sitenizi mobil dostu nasıl oluşturacağınızla ilgili bazı ipuçlarını tartışacağım. Eklentilerin temaları ve seçimleri gibi büyük kararlardan açılır pencere ve Google AMP gibi küçük şeylere kadar her şeyi tartışacağım. Kazalım. Açık görünebilecek bu duyarlı WordPress temasını kullanın, ancak gerçek şu ki: Hücresel olan uyumlu bir WordPress temasını seçmek, mevcut WordPress temalarını hücresel dostu olacak şekilde geri döndürmekten ve yeniden yüklemekten çok daha kolaydır. Ve süreç elbette ücretsiz değil! WordPress sitenizi mobil dostu oluşturmak istiyorsanız, duyarlı bir tema seçtiğinizden emin olun. Ücretsiz temayı kullanmaya devam ederseniz, mevcut WordPress.org tema dizinindeki her şey duyarlıdır. Aynı şey orada neredeyse diğer tüm temalar için de geçerlidir. Ancak sadece bir tema duyarlı tasarımın temel ilkesini uyguladığı için, temanın% 100 hücresel dostu olduğu anlamına gelmez. Peki … aslında gördüğünüz WordPress temasının ne kadar mobil dostu olduğunu nasıl öğrenebilirsiniz? Bunun için birkaç numaram var! Bakın, çoğu WordPress teması, temanın doğrudan ortamda nasıl göründüğünü görmek için bir demo sitesi sağlar. Yapmanız gereken demo sitesi URL’sini almak ve Google’ın hücresel dostu test ekipmanlarına bağlamaktır: Örneğin, yukarıdaki çekim bize tema alanındaki popüler Zerif Pro temasının hücresel için% 100 uyumlu olduğunu söylüyor. Yani, herhangi bir WordPress temasını seçmeden önce, sadece “duyarlı” arayarak temanın gerçekten mobil olduğundan emin olun. Veya … Hücresel uyarılar için farklı bir tema kullanın – Bu yaklaşımı çoğu WordPress sitesine tavsiye etmiyorum. Ancak, mevcut temanızın masaüstü ekranını seviyorsanız, ancak hücresel misafirperverlikten memnun değilseniz, hücresel trafiğiniz için farklı bir tema kullanmak aslında oldukça kolaydır. Mobile Smart adlı ücretsiz bir eklenti, farklı bir WordPress temasını kullanmanıza izin verir. Her ziyaretçinin cihazının cihazında. Ya da, yalnızca aynı temada çalışmak için farklı bir WordPress şablonu kullanmanız gerekir. Pro sürüm ayrıca şunları sağlar:
Farklı cihazlar için sayfanızın çeşitli sürümlerini belirleyin
Farklı bir URL’ye hücresel trafiği gönderin
Hücresel sitenizdeki belirli eklentileri devre dışı bırakın
Widget/Shortcode kontrolü ziyaretçi cihazına bağlıdır
Size yardımcı olmak için başka birçok WordPress hücresel eklentisi de bulabilirsiniz. Şahsen, duyarlı bir tema kullanmanın hala en iyi yaklaşım olduğunu düşünüyorum. Ancak, durumunuz için şu anda mümkün değilse mobil akıllı bir seçimdir. Eklentinizin de izlediğinden emin olun, aşağıdaki duyarlı tasarımın genellikle göz ardı edilen bir WordPress hücresel misafirperverliği yönü olduğundan emin olun: Bu sadece duyarlı bir WordPress teması seçmekle ilgili değildir. Kurduğunuz her eklentinin de duyarlı tasarım ilkeleri üzerinde çalıştığından emin olmanız gerekir. Örneğin, WordPress sitenize bir iletişim formu ekleyen bir eklenti yüklerseniz, iletişim formunun masaüstünde ve hücreselde iyi göründüğünden emin olmalısınız. Ne yazık ki, bunun için otomatik bir test yok. Bunun yerine, yeni bir eklentiyi her yüklediğinizde manuel olarak kontrol etmelisiniz. Yapabilirsiniz: Telefonda eklenti eklentisini görmek için kendi akıllı telefonunuzu kullanın
Farklı cihazlarda eklentilerin nasıl çalıştığını görmek için yanıt veriyorum gibi siteleri kullanın
Tarayıcı Geliştirici İşlevinizi Kullanın
Sayfa Maker mı kullanıyorsunuz? Sayfa yapımcılarının son zamanlarda oldukça popüler olan duyarlı kontrolünden yararlanın. Ancak buna alışık değilseniz, temel olarak herhangi bir kod bilmeye gerek kalmadan karmaşık bir tasarım oluşturmanıza izin verir. Genellikle, “öğeleri” taşımak için bir sürükleme ve basit arayüz kullanırsınız. Peki, WordPress sitenizi hücresel dostu hale getirmek için sayfalar nasıl bağlanır? Çünkü çoğu sayfa üreticisi, ziyaretçileriniz tarafından kullanılan cihaza bağlı olarak öğeleri etkinleştirmenize veya devre dışı bırakmanıza izin verir. Örneğin, seçtiğim özel sayfaların üreticisine, Elementor’a bakalım. Diyelim ki masaüstünde iyi görünen bir resmim var … ancak sayfayı hücresel olarak paketliyor veya yüklenmesi uzun zaman alıyor. Tek yapmam gereken, görüntünün sayfamın mobil sürümünde görüntülenmediğinden emin olmak için kutuyu kontrol etmek. Dokunmatik eleman için doğru mesafeye sahipsin
Hücresel sitenizdeki tüm içerikler çalınabilir
Hücresel siteniz çok kalabalık değil
Bu nedenle, bir sayfa üreticisi kullanıyorsanız, duyarlı sayfa tasarımlarını uygulamanıza izin veren birini seçmek iyi bir fikirdir. Hücreselde agresif açılır pencereyi sınırlayın. Özellikle ilk sayfada bu çok kolay çünkü ihtiyaç duyulan tek şey bir şey yapmak değil. Birkaç yeni teknik eklemek yerine, tek yapmanız gereken sitenizin hücresel versiyonunda ortaya çıkan görüntülemekten kaçınmaktır. Neden? Niye? Çünkü hücresel ziyaretçileri rahatsız etmenin ve Google’ın hücresel tasarım standartlarını ihlal etmenin yanı sıra, hücresel aramada sitenizin sıralamasında da olumsuz bir etkisi vardır. Bunun nedeni, Google’ın “içeriğin hücresel arama sonuçlarının geçişinde kullanıcılar için kolayca erişilemediği” site için hücresel bir sıralama başlatmasıdır. Bu ceza 10 Ocak 2017’den beri geçerlidir. Bu nedenle, sitenizin hücresel sayfasında eş veya mobil aracıları kullanmayın. Özellikle Google arama sonuçlarından geldikten sonra ziyaretçiler tarafından ziyaret edilen ilk sayfa için değil. Google AMP’yi WordPress için entegre etmeyi düşünün, eğer alışkın değilseniz, AMP hızlandırılmış mobil sayfaların kısaltmasıdır. Bu, daha basit bir sayfa sürümü sunarak hücresel sayfaların yükleme süresini hızlandırmak için Google tarafından desteklenen bir girişimdir. Google’ın hücresel aramasında bir şey izlediyseniz, AMP’nin atanmasıyla işaretlenmiş bir site bulabilirsiniz: Peki Google AMP’nin WordPress için avantajları nelerdir? Her ne kadar hücresel sitenizin görünümü üzerinde bir miktar kontrol yayınlamanıza rağmen (kod çıkarıldığı için), Google AMP sayfası çok hızlı bir şekilde doğada ve hücresel için uyumludur. WordPress sitenizi hızlı bir şekilde ücretsiz olarak oluşturmak istiyorsanız … Amp iyi bir seçimdir. WordPress için Google AMP’yi hazırlamak da çok kolaydır. Bunu yapmanıza yardımcı olmak için Automattic’ten resmi bir eklenti bile var! Yapmanız gereken çok fazla AMP eklentisini yüklemek ve etkinleştirmek. Ardından, siteniz Google’dan hücresel ziyaretçilere AMP içeriği sunmaya başlayacaktır. Ayrıntılı bir kılavuz arıyorsanız, şunu okuyun: Google AMP – WordPress AMP içeriğinizin görüntülenmesi hakkında daha fazla esneklik istiyorsanız WordPress’e nasıl uygulanır, WP eklentisi için AMP iyi bir seçimdir. Yeni bir stil seçeneğine sahip resmi AMP eklentisi ve reklamlar ve sosyal paylaşım düğmeleri ekleme seçeneği üzerine inşa edildi: Google AMP WordPress sayfanızdan SEO’nun etkisi konusunda endişeliyseniz, dikkate alınması gereken iki önemli şey var. :
AMP eklentisi, AMP içeriğinize otomatik olarak bir rel = “kanonik” etiket ekler, bu nedenle yinelenen içerik hakkında endişelenmenize gerek yoktur.
Yoast SEO ayarlarınızın Yoast SEO ve AMP eklentisi için yapıştırıcı yükleyerek AMP içeriğinize taşındığından emin olabilirsiniz. Buna ek olarak, bir SEO’daki hepsi Core eklentisinde Google AMP’yi de destekler.
Daha ileri gidiyor – WordPress’i Tamam hücresel uygulamalar olarak değiştirin, yukarıdaki ipuçları temel WordPress sitenizi oluşturmakla ilgilidir Hücresel dost olduğunuz.Ancak her şeyi hücresel olarak yapmak istiyorsanız, aslında temel bir duyarlı tasarımdan daha fazlasını alabilirsiniz.Uygulamadan bahsediyorum!Bakın, en iyinin duyarlı bir web tasarımı mı yoksa hücresel uygulama mı kullanacağınız hakkında bir tartışma var.Şimdi, tartışmayı dikkate alacak bilgiye sahip gibi davranmayacağım … ama tam olarak WordPress sitenizi hücresel bir uygulamaya nasıl dönüştürebileceğinizi biliyorum.Yani, bir ekip hücresel uygulaması kullanıyorsanız, WordPress sitenizi şu şekilde değiştireceğiniz aşağıda açıklanmıştır: Progressive Web Uygulaması
Orijinal Uygulama
Fark ne? Progresif Web uygulaması, duyarlı tasarım ve orijinal uygulamalar arasında bir tür melezdir. Teknik olarak hala bir “web sitesi” dir, ancak bir uygulama gibi işlev görürler. Orijinal uygulama ise aslında ziyaretçinizin akıllı telefonuna kurulur. WordPress’in Ücretsiz İlerici Web Uygulamasına Nasıl Yapılır WordPress sitenizden Aşamalı bir web uygulaması sürümü oluşturmak için WordPress Mobile Pack adlı iyi bir freemium eklentisi kullanabilirsiniz. Ücretsiz sürümde, sitenizden temel bir aşamalı web uygulama sürümü oluşturabilirsiniz. Başlamak için yalnızca ücretsiz WordPress Mobile Pack eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Ardından, Aşamalı Web uygulamalarını sadece birkaç dakika içinde etkinleştirebilir ve çalıştırabilirsiniz. Logonuzu ekleyerek ve renk şemasını ve stil seçeneğini yapılandırarak başlayın: Ardından, uygulamanıza dahil etmek istediğiniz içeriği seçin. Her şeyi girebilir veya dahil edilecek belirli bir kategori veya sayfayı seçebilirsiniz. Hücresel için uygun olmayan bazı içeriğiniz varsa bu iyi bir seçenektir: ve bu hemen hemen! Google Analytics izleme eklemek ve ilerici hücresel uygulamalarınızı kimin gördüğünü yapılandırmak için diğer seçenekleri keşfedebilirsiniz. Ama yapacak başka bir şey yok. WordPress Mobile Pack Pro’da ne elde ediyorsunuz? Tüm aşamalı web uygulamalarınızı kullanmak istiyorsanız, erişmek için bir Pro sürümü satın alabilirsiniz:
İlerici web uygulamanıza reklam girme seçenekleri
Geliştirici ayrıca, aşağıdakiler gibi işlevsellik eklemenize izin veren ek uzantılar üzerinde de çalışıyor:
Çevrimdışı mod
HTTPS
İki Dünyanın En İyisi için Progressive Web Uygulamanızın Orijinal Uygulama Sürümünü İndirme Çözümü
WordPress’in orijinal bir uygulamaya nasıl dönüştürülmesi maalesef, WordPress sitenizi orijinal hücresel uygulamalara dönüştürme işlemi oldukça karmaşık olduğundan, çoğu eklenti çok para gerektirir.Bu nedenle, WordPress sitenizden orijinal hücresel uygulama sürümünü yapma konusunda ciddiyseniz, cüzdanınızı açmalı ve Premium eklentisi için ödeme yapmalısınız.Bunu yapmayı amaçlayan birkaç eklenti olmasına rağmen, en popüler üç seçeneğiniz: Kelime uygulaması
Sert cep telefonu
Eleman
WordApp nasıl çalışır?WordApp, WordPress sitenizden orijinal Android ve iOS uygulamaları oluşturmanıza olanak tanır.En iyisi, iOS sürümü için ödeme yapmanız gerekse de, ücretsiz olarak bir Android uygulaması oluşturabilirsiniz.Uygulamanızın yalnızca yaklaşık 5 dakika sürmesi ve hatta uygulama kullanıcısınıza doğrudan WordPress kontrol panelinizden bir push bildirimi gönderebilirsiniz.Ücretli bir sürüm kullansanız bile, WordApp hala ayda 10 dolardan daha az değerinde.Appmaker nasıl çalışır?AppMaker, WordPress ve WooCommerce sitelerinizi orijinal WordPress/WooCommerce ve iOS uygulamalarına dönüştürmenizi sağlar.Fiyat özeldir ve başvuru uzmanlarıyla iletişim kurduktan sonra tahmini bir maliyet elde edebilirsiniz.Şirketler her şeyden önce kalite ve performansa öncelik veriyorlar, bu nedenle fiyat rakiplerden daha yüksek olsa da, “Ödediğinizi anlarsınız” mantrasına itaat ediyorlar.
Tabiri caizse. Mobiloud nasıl çalışır? Mobiloud ile ücretsiz bir eklenti yükler ve ücretli Mobiloud hesabınızla senkronize edersiniz. Ardından Mobiloud, iOS ve Android için sitenizin orijinal uygulama sürümünü oluşturdu. Kendi logonuzu, simgeni ve lansman ekranınızı alacaksınız. Ve Mobiloud, gönderim sürecini bile ele alacaktır. Şu anda, en ucuz paket Mobiloud aylık ödenirse ayda 69 $ ‘dan başlıyor. Ayrıca yükselen daha zengin özellikler paketleri var. AppPresser nasıl çalışır? AppPresser ile orijinal hücresel uygulamanızı AppPresser arayüzünde oluşturursunuz. Ardından, AppPresser size WordPress sitenizi orijinal hücresel uygulamanızla senkronize etmek için özel bir eklenti sağlar. Kendi başvurunuzu yaptığınızda endişelenmeyin! Orijinal WordPress uygulamanızı oluşturmak için herhangi bir kod bilmenize gerek yoktur. Her şey çok temiz olan görsel inşaatçılar aracılığıyla yapılır. Açıkçası, bir sonraki flappy kuşunu görsel bir yapımcı ile yapmayacaksınız. Ancak WordPress sitenizin basit uygulama sürümü için sorun değil. AppPresser birkaç farklı paket sunuyor: Yeni başlayanlar – 199 $ için temel paketler
Woo – WooCommerce Shop için hedeflenen paket 399 $
Ajans – 499 $ karşılığında bir ajans için tasarlanmış
