Mobil dostu bir WordPress web sitesi oluşturmak için gerekli olan budur
Mobil cihazların ortaya çıkışı internetteki en belirleyici değişikliklerden biri haline geldi. Şu anda, hücresel dostu olmadan veya daha doğrusu yapabilecek bir web sitesi yok, başarılı olmak isteyen bir web sitesi yok. Şu anda, hücresel kullanıcılar İnternet trafiğinin yarısından fazlasını temsil eder ve aynı zamanda tüm arama sorgularının çoğunluğudur. Bu nedenle, bu kullanıcıya hizmet etmenin başka bir yolu yoktur. Ayrıca, hücresel için optimize edilmiş bir site sürümünüz yoksa Google artık arama sonuçlarında sizi cezalandırıyor. Yeterli motivasyon değilse, ne olduğunu bilmiyorum.
Ancak, web sitesi hücresel dostu olmak ne anlama geliyor? Duyarlı temalar yüklediniz ve bitirdiniz mi? İyi bir başlangıç olmasına rağmen, hepsi bu değil. Bu nedenle, bu makalede, bugün hücresel dostu bir siteye sahip olmanın ne anlama geldiğini ve WordPress web sitenizde nasıl uygulayabileceğinizi belirtmek istiyoruz. Web’deki hücresel misafirperverlik öğeleri, Google’ın taleplerini karşılayıp karşılamadığını görmek için sitenizi nasıl test edeceğiniz ve WordPress site yönetiminizi bile Hücresel olarak nasıl taşıyacağından bahsedeceğiz. Cep telefonunuzu etkinleştirmeye hazır mısınız? O zaman çatlayalım, ha?
WordPress web sitenizi nasıl Cellular Dostu Yapabilirsiniz Aşağıda, mobil cihazlar için WordPress sitenizi nasıl optimize edeceğiniz hakkında ayrıntılı talimatlar bulacaksınız. Onları takip edin ve cep telefonları ve tabletlerde sörf yapan ziyaretçileriniz minnettar olacaktır. Sitenizin hücresel sürümünü uygulayın WordPress sitenizi oluşturmak için ilk adım hücresel dostudur, farklı ekran boyutlarına uyum sağlamaktır. Buna duyarlı tasarım denir. Duyarlı tasarımın faydaları çok fazla. Kendi başına gelen en önemli şey, sadece bir siteye bakmanız gerektiğidir. Duyarlı bir temayla, her kullanıcı aynı web sitesine erişebilir, böylece hücresel sürümü ayrı ayrı çalıştırmaya ve güncellemeye gerek kalmaz. Bu, markanızı kurtarır ve çok fazla karmaşıklığı ortadan kaldırır. Neyse ki, dizindeki tüm modern WordPress temaları duyarlı yeteneklerle gelir. Yani, siteniz için yeni bir tema arıyorsanız, büyük olasılıkla zaten hücresel dostu temaları bulacaksınız. Ancak, öyle olsa bile, iyice test ettiğinizden emin olun. Zaten duyarlılığı olmayan bir temanız varsa, birkaç seçeneğiniz var. Her şeyden önce, en sonun olup olmadığını kontrol edin. Eski sürümü çalıştırırsanız, geliştirici bir süredir duyarlı işlevsellik eklemiş olabilir. Sorun değilse ve mevcut temanızı gerçekten korumak istiyorsanız, onu duyarlı hale getirme seçeneğiniz vardır. Bu nedenle, bu tasarım yaklaşımının ana ilkelerini tartışan duyarlı tasarım için bir temelimiz ve ayrıca WordPress temasının duyarlı olduğu her şeyi yaratmak için bir giriş var.
WordPress Hücresel Paketi
jet paketi
Herhangi bir hücresel temayı değiştirme
WP Hücresel Sürüm
Bununla birlikte, duyarlı temaların aksine, bu genellikle bir kazan plakası tasarımı ve küçük bir ayar seçeneği ile birlikte gelir. Genel olarak, her zaman duyarlı temalar önereceğim. Son olarak, çok fazla trafiğiniz varsa, siteniz için hücresel uygulamalar oluşturmayı düşünebilirsiniz. WP REST API da yardımcı olabilir. Hücresel eklentiler için optimize edilmiş eklentileri kullanın, herhangi bir WordPress web sitesine olağanüstü eklerdir. Her türlü yeni işlev ve özellik getirebilir ve sitenizi daha iyi hale getirebilirler.
Ancak, eklentiniz ön uça bir şey eklerse, hücreselde de iyi çalıştığından emin olun. Yeni widget, vites veya yeni düğmenizin doğru olmadığını bulmaktan daha kötü bir şey yoktur. Tema gibi, önce kontrol edin, incelemeleri okuyun ve yerel test ortamında denemeler yapın. Veya, şu şekilde hücresel bölgelerde çalıştığı kanıtlanmış bir eklenti kullanın:
Duyarlı Menü
Yerçekimi şekli
İletişim Formu 7
Duyarlı kaydırıcı
Buna ek olarak, neredeyse tüm premium eklentiler şimdi hücresel için hazır olmalıdır. Başka bir şey iş dünyasında mantıklı olmayacak. Para değerinde WordPress Premium eklenti listemizi kontrol edin.
Optimize görüntüler genellikle web sitesi verilerinin büyük bir parçası haline gelir. Bu nedenle, mobil dostu bir WordPress web sitesi oluşturmak için, görüntüyü de tutmak çok önemlidir. WordPress bu yönde birçok şey yaptı. Sürüm 4.4’ten bu yana, CMS, SRCSET HTML özniteliğini kullanan kullanıcılara mümkün olduğunca küçük görüntüleri otomatik olarak sunar. Sonuç olarak, siteniz hala bundan daha düşük bir versiyonda çalışıyorsa, geliştirme zamanı! Bir nedenden dolayı, bunu yapmak istemiyorsanız (talimatlar, kötü bir fikir), en azından RICG duyarlı görüntü eklentisini yükleyin. Ancak, görüntü optimizasyonu WordPress sürümünüzde durmaz. Mobil cihazlarda kullanımlarını artırmak için yapabileceğiniz birçok şey vardır (okuma, daha küçük yapın). Bu durumda en önemli şey, yüklemeden önce optimize etmektir. Photoshop’unuz varsa, görüntünün boyutunu olabildiğince küçük oluşturmak için Web için kaydetmeyi kullanabilirsiniz. Herkes görüntülerinin boyutunu azaltmak için tinypng gibi hizmetleri kullanabilir. Veya eklenti yolunu kullanmak istiyorsanız, WP SMUSH veya EWWW görüntü optimizerini düşünün. Her ikisi de yüklendiğinde görüntünüzü otomatik olarak sıkıştırır.
Mobile’da hızlı yap
WordPress sitenizi hızlandırın genel olarak iyi bir fikirdir. Sayfa yükleme süresi, kullanım, SEO ve diğerleri için iyi bir göstergedir. Cep telefonunda iki katına çıktı. Hücresel İnternet bağlantıları daha hızlı hale gelse de, yine de WiFi gibi güvenilemezler. Ayrıca, genellikle sınırlıdırlar ve veri paketlerini gereksiz harcadığınızda insanlar rahatsız hissederler. Yani, cep telefonlarında bile, insanlar hala sitenizin hızlı bir şekilde yüklenmesini umuyor. Ne kadar hızlı? Üç saniye içinde yüklenmemişse, kullanıcıların% 40’ı siteden ayrılacak. Hız da bir sıralama faktörüdür, bu nedenle sitenizin hızlı bir şekilde yayınlanması çok önemlidir. Bu bölümün başındaki makalelerimizin yanı sıra WordPress’i daha hızlı hale getirmek için gelişmiş tekniklerimizin yanı sıra, nasıl geliştirileceğiniz hakkında başka bilgiler de var Bu metrik. Başlamanın en iyi yolu Google PagePeed Insights. Bu, dev bir arama motorunun hem hücresel hem de masaüstü için sayfanızın hızını nasıl gördüğüne dair genel bir resim verecektir. Bu içgörü Pingdom ve GtMetrix’ten gelen bilgilerle tamamlayabilirsiniz. Bu, sitenizi hızlandırmak için iyi bir başlangıç noktası verecektir. Bunun nasıl yapılacağı hakkında daha iyi fikirler için sizin için bir vaka çalışmamız da var.
Ayrıca, hızlandırılmış hücresel sayfalara bakmayı düşünün. Bunlar, sayfalarınızı Google arama sonuçlarına hızlı bir şekilde yükleyen özel bir HTML işaretlemesidir. AMP’nin bazı eleştirileri olmasına rağmen, yadsınamaz ve cep telefonumdaki AMP bağlantısını tıklamayı seviyorum. AMP’yi WordPress’te uygulamak için tek yapmanız gereken resmi AMP eklentisini yüklemektir. İşte burada. AMP makale stilinizin daha fazla kontrolü için WP için AMP’ye bakın. Tüm ekranı kaplayan tam ekran açılır pencereleri veya interstisys kullanmayın, masaüstünde oldukça can sıkıcıdır. Bununla birlikte, özellikle cep telefonları hakkında konuştuğumuzda cep telefonlarında olduğundan daha fazlası olabilirler. Dokunma Kontrolü, ziyaretçilerinizin sinirlerine gereksiz yükleri yerleştiren onu kapatmayı zorlaştırır. Böylece Google, özellikle ön sayfada içeriğin erişilmesini zorlaştıran pop -up’ları resmi olarak sevmeyecek şekilde. Ancak, birisi e -posta listesini geliştirmeye çalışmak için ne yapmalı? Google’ın önerilen yolu içerikte afişler, metin bağlantıları ve CTA kullanmaktır. Doğru yerde klasik kayıt formu da hala çalışıyor. Yukarıdaki adımları uygulayıp uygulamadığınızı ve sitenizin hücresel dostu olup olmadığından hala emin değilseniz, hücresel dostu bir test yapın, bu testi alma zamanıdır. Google en iyi işinizi yapmanızı istediğinden, iyi hücresel misafirperverlik test araçları oluşturdular. Burada, sitenizin URL’sini girin, düğmeye basın ve size sitenizin hücresel optimizasyonunda bir sorun olduğunu söyler. Bu şekilde düzeltici eylemde bulunabilirsiniz.
Google arama konsolunuzda bu tür parçaları da bulabilirsiniz.Buna hücresel kullanımı denir ve arama trafiği altında bulunur.Burada site öğelerinizin birbirine çok yakın olup olmadığını, yazı tipleriniz çok küçük ve diğer sorunlar olup olmadığını öğreneceksiniz.
Bu arada, düşündüğünüz temanın gerçekten hücresel dostu olup olmadığını öğrenmek için bu testi de kullanabilirsiniz. Temaların çoğu şu anda çalışırken görebileceğiniz bir demo sitesi sunmaktadır. Bu sitenin URL’sini kopyalayın ve temanın Google’ın resmi damgasını alıp almadığını görmek için bir araca takın. Hücresel hücresel misafirperverlik yoluyla web sitesi yönetimi tamamen ön uçla ilgili değildir. Gerçekten hücresel dostu web siteleri için, arka uç hücresel için de işlev görmelidir. Bu, özellikle müşteriye gönderilecek siteyi uygularsanız veya insanların arka uç bölümüne erişmesi gereken bir üyelik sitesine sahipseniz doğrudur. Neyse ki, WordPress bu konuda sizi zaten destekliyor. Arka uç WordPress tamamen hücresel duyarlıdır (en azından sürüm 3.8’den beri) ve tüm temel görevleri yapmanıza izin verir. Bir tabletiniz varsa, orada uzun form içeriği yazmayı bile düşünebilirsiniz (cep telefonu, çok fazla değil). Daha ileri gitmek için iOS ve Android için WordPress hücresel uygulamaları da mevcuttur. Hatta mobil cihazınızla fotoğraf çekmenize ve bunları doğrudan sitenizde kullanmanıza izin verir. Buna ek olarak, uygulama aynı anda birden fazla siteye erişmenizi ve dokunuşla optimize etmenizi sağlar. Kısacası, hücresel dostu WordPress yapmak, bugün internette herhangi bir web sitesine sahip olması gereken bir özelliktir. Kitleniz ve arama motorlarınız bunu modern sitelerden talep ediyor. Bu nedenle, sahiplerin ve web sitesi geliştiricilerinin WordPress web sitelerini nasıl oluşturulacakları konusunda eğitmeleri çok önemlidir.
