Selamlar sevgili dostlar!
Mobil cihazlar dünyayı ele geçirdi. Bugün telefonsuz ekmek yemeye bile gitmiyorlar.
Günümüzde internet hızla gelişiyor. Hızlı pazar büyümesi mobil internet web kaynaklarının yaratıcılarını sitelerini buna göre uyarlamaya zorlar. verilen tip cihazlar.
Demek istediğim, sitenizin başarılı ve popüler olmasını istiyorsanız, her türlü gadget'ta görüntülemeyi nasıl kolaylaştıracağınızı düşünmelisiniz.
Bu yazımda sitenizi nasıl kontrol edeceğinizi anlatacağım. mobil cihazlar ah özel servisler kullanarak. Onları kabaca iki gruba ayırdım: ücretsiz ve ücretli.
Hepsi neredeyse aynı prensipte çalışır:
- bu veya bu hizmetin geliştiricisinin sitesine gidin
- ihtiyacınız olan yazılımı indirin
- uygulamayı çalıştır
- ve bir süre sonra web sitenizin mobil versiyonu karşınızda!
Sitenizi çevrimiçi olarak test edebilecek hizmetler var.
Seçim, her zaman olduğu gibi, sizin!
Ücretsiz
Mobil uyumlu... Bu uygulama, özellikle bir web kaynağının akıllı telefonlar ve diğer gadget'lar için optimize edilip edilmediğini kontrol etmek için Google tarafından oluşturulmuştur.
sorumlu... Sayesinde bu başvuru sitenin Kindle, iPad, Android, iPhone'da nasıl göründüğünü kolayca görebilirsiniz.
iPad'e göz atmak... Kendi web sitenizin görüntüsünü iPhone ve iPad'de görebileceğiniz en popüler ücretsiz test araçlarından biri.
Opera Mini Simülatörü... Opera öykünücüsü, çok büyük bir mobil aygıt veritabanı içerir. Tek dezavantajı, çevrimiçi modun olmaması olarak kabul edilebilir, yani kaynağınızı test etmek için gerekli yazılımı indirmeniz ve yüklemeniz gerekir.
Gomez... Kaynağınızın mobil cihazlarla uyumluluğunu 30 parametre ile değerlendirerek en eksiksiz değerlendirmeyi almanızı sağlar. Ücretsiz kullanım için iletişim bilgilerinizi girmeniz gerekmektedir.
Mobil Hazır... Bir tasarımın duyarlılığını ölçen harika bir test aracı. Doğrulama, en iyi W3C (World Wide Web Consortium) standartlarına dayanmaktadır.
Cep Telefonu Emülatörü ve Screenfly... Herhangi bir gadget'ın ekranlarında bir web kaynağının durumunu görüntülemeyi de mümkün kılan benzer hizmetler.
Paralı
Çapraz Tarayıcı Testi... 130 için testler farklı tarayıcılar ve 25 işletim sistemi dahil: Blackberry, Android, iPad, iPhone. Kullanımı için aylık 29,95 dolar ödemeniz gerekecek.
Tarayıcı Yığını... Büyük bir veritabanına hızlı erişim sağlar. Bir ay için 19 dolara kadar maliyeti var, ancak ücretsiz bir sürümü de var.
göz atma... Android, iPad, iPhone'dan kaldırmak için tasarlanmıştır. Beş ekran görüntüsü için 1 dolar ödemeniz gerekecek.
mükemmel mobil... Tabletlerin veritabanına erişim sağlar ve cep telefonları, bu da her bir cihaz türünde optimizasyonun ne kadar iyi olduğunu görmenizi sağlar. Kullanımı için günde 15 dolara kadar ödemeniz gerekiyor.
Çoklu Tarayıcı Görüntüleyici... Herhangi bir biçimde test etmek için mobil öykünücüler ve tarayıcılar içeren bir çapraz tarayıcı uygulaması. 140 dolara kadar maliyeti ve ücretsiz bir demo sürümü de var.
CihazHer Yerde... Bir kaynağı gerçek zamanlı olarak test ederek web içeriğini kontrol etmenizi sağlayan mükemmel bir araç. Ücretli (aylık 100$) veya ücretsiz olabilir.
Gördüğünüz gibi bir çok program ve hizmet var, en uygun seçeneği seçin ve sağlığınız için kullanın.
Arama motorları için mobil sürüm
Bazen site tüm mobil cihazlarda iyi görüntüleniyor, ancak google arama motorları ve Yandex taşınabilirliğini tanımıyor. Sadece Yandex ve google'ın daha fazlası var Ek gereksinimler NS mobil versiyon.
Google için mobil sürümün uyarlanmasını Mobil Dostu hizmeti kullanarak kontrol edebilirsiniz. Ücretsiz araçlar listesinde zaten bahsetmiştim.
Ve Yandex için, web yöneticisi ofisinin şu anda test edilmiş sürümünde benzer bir araç var (https://beta.webmaster.yandex.ru/).
Blog haberlerine abone olun ve birçok ilginç ve faydalı şey öğreneceksiniz. Bu arada size veda ediyorum, yeni bir yazıda görüşmek üzere!
İçtenlikle! Abdullin Ruslan
Bu durumda, Google yakında (söylentilere göre - 21 Nisan 2015'ten itibaren), mobil cihazlarda görüntüleme kolaylığı açısından Google Web Yöneticileri tarafından test edilmemiş siteleri çok kötü sıralamaya başlayacak.
Tam olarak belli değil, site sadece mobil kullanıcılara, hatta PC'den giriş yapanlara gösterilirse sorun yaşar mı yani ayrı bir sorun olur mu?
Özünde, bu, mobil trafiğin yarısı veya önemli bir kısmı olan siteler için neredeyse değişmez. Bu nedenle, testi mümkün olduğunca çabuk geçmek daha iyidir.
Bunu nasıl yapacağınızı size anlatacağım:
| Önce | Sonrasında |
|---|---|
 |  |
- ilk parça, bu da sorunu ek hareketler olmadan çözmeye yardımcı oldu.
- ikinci an"Etkileşimli öğeler birbirine çok yakın" mesajını görürsek. google.com/webmasters/tools/mobile-friendly adresinde gösterilir.
Sadece stillerde gerekli sınıf, bağlantılar ve düğmeler için daha fazla girinti belirler. 5 piksel veya daha fazla kenar boşluğunu veya dolgusunu alır.Bazen Adsense bloğu böyle bir sorun yaratabilir. Belki daha büyük bir blok veya daha büyük bir yazı tipi ile eklemeniz gerekir.
robots.txt dosyasına satırı ekleyin:
İzin ver: /wp-content/themes/ Template_Name/style.css(Stilleri olan dosya farklı bir adreste bulunuyorsa, yazın. Stilleri olan birkaç dosya varsa, her dosya için satırları ekleyin.)
not Başlangıçta, birincil işlemin sizin tarafınızdan yapılmasını bekliyorum.
Web siteleri genellikle telefonlarda ve hatta tabletlerde değil, bilgisayarlarda veya dizüstü bilgisayarlarda geliştirilir. Ancak site kullanıcıları bunu herhangi bir cihazdan görüntüleyebilir. Site içeriğinin çoğu cihazda eşit derecede iyi görüntülendiğini anlamak için, farklı ekran çözünürlüklerine sahip ve farklı ortamlarda çalışan bir sürü cep telefonuna sahip olabilirsiniz. işletim sistemleri veya sitenin mobil cihazlarda görüntülenmeye ne kadar uyarlandığını kontrol edecek hazır hizmetleri kullanabilirsiniz. Bu makalede, sayfanızın mobil cihazlar için optimize edilip edilmediğini kontrol etmek için Google'ın sunduğu böyle bir araca göz atacağız.
Google Arama Konsolu mobil optimizasyon denetleyicisi nasıl açılır
Mobil optimizasyon kontrolünü açmak için Google cihazları Search Console'a girilmesi gerekiyor adres çubuğu tarayıcı adresi:
Https://search.google.com/test/mobile-friendly
veya sadece → bu bağlantıya gidin (yeni bir pencerede açılacaktır).
Mobil optimizasyon kontrol sayfasından sonra Google arama Konsol açık, optimizasyonu kontrol edilmesi gereken sitenin veya sitenin sayfasının adresini girmeniz ve düğmesine tıklamanız gerekiyor " Doğrulamak"Aşağıdaki resimde gösterildiği gibi:
Bundan sonra, Google Arama Konsolunun belirtilen sayfayı yüklemesi ve analiz etmesi biraz zaman alacaktır:
Google Arama Konsolu, kontrolün sonuçlarına göre sayfanın mobil cihazlar için optimize edildiğine karar verirse, aşağıdaki resimdekine benzer bir mesaj alır:
Kontrol sonucunda hatalar ortaya çıkarsa, mesajın yayınlandığı sayfa şöyle görünecektir:
sayfadaki bariz sorunlu alanların bir göstergesi ile.
Özet:
Böylece sitenin ne kadar optimize edildiğini hızlı ve verimli bir şekilde değerlendirebilirsiniz, böylece sadece bir bilgisayarda değil, aynı zamanda üzerinde de kullanılması uygun olur. cep telefonları... Ayrıca, Google Arama Konsolu, optimizasyon için faydalı olabilecek bir dizi öneri sunar. doğru iş mobil de dahil olmak üzere herhangi bir cihazda site.
Bu makale, sitenin mobil sürümünün nasıl kontrol edileceğine, uygunluğuna, okunabilirliğine ve doğru görüntülenmesine odaklanacaktır.
Çeşitli web servislerini kullanarak web sitenizi mobil kullanılabilirlik açısından kontrol edebilirsiniz. Özellikle, bu servis Google, mobil düzeninizin okuryazarlığını yeterince değerlendirmenize olanak tanır.
Son zamanlarda Google mobil cihazlar kullanılarak yapılan aramada mobil yerleşim gereksinimlerini karşılamayan sitelerin karamsarlaştırılacağını duyurdu. Bu algoritma zaten çalışıyor ve mobil platformlarda görüntülenmeye zahmet etmeyen bazı siteler gerçekten de mobil cihazlar için arama sonuçlarında düştü.
Siteniz masaüstü platformlar için üç kat uygunsa, mobil yerleşimin kalitesini kontrol etmeniz gerekir, aksi takdirde trafiğinizin etkileyici bir bölümünü kaybedersiniz (mobil platformların aramadaki payı her yıl hızla artıyor), yani müşterilerinizi kaybedersiniz. Bu nedenle sitelerinizi mobil cihazlara uyarlamanız ve sitelerin mobil tarayıcılarda görüntülenmesinin doğruluğunu kontrol etmeniz gerekir.
Google Chrome'u kullanarak mobil düzenin kalitesini kontrol etme
Geliştiriciler için Google, mobil cihazları simüle etmek için harika bir araca sahiptir. Bu araç yerleşik google tarayıcı Krom. Erişmek için tıklamanız gerekir F12 tarayıcıda (geliştirici moduna gidin) ve akıllı telefon simgesine tıklayın:
Sayfa, popüler mobil cihazlardan, ağ tipinden (GPRS, 2G, 3G, 4G, vb.) birini seçebileceğiniz, katı ekran parametrelerini belirleyebileceğiniz cihaz değiştirme moduna dönüştürülür. Bu, sitenin çalışmasını belirli mobil cihazlarda simüle etmenize olanak tanır. Kullanılabilir cihazlar arasında iPad'in farklı sürümleri bulunur, iPad Mini, iPhone, BlackBerry, Google Nexus, HTC, LG, Nokia, Samsung Galaksi ve diğer bazı popüler cihazlar.
Belirli bir cihaz seçerek siteyi bir mobil cihazda kontrol edebilirsiniz. Örneğin, görüntüleme ana sayfa iPad 3'te "Nubex" sitesi:
Ve Samsung Galaxy S4'te:
Burada yalnızca belirli bir cihazda sitenin görüntüsünü görmekle kalmaz, aynı zamanda gerekli gadget önünüzdeymiş gibi siteyle tam olarak çalışabilirsiniz. Kuşkusuz, bu araç sitenin mobil sürümünü geliştirirken vazgeçilmezdir, ancak sitenizin gerçek cihazlarda nasıl görüntüleneceğini - gerçek cihazlarda kontrol etmeniz gerekir. Bu, özellikle sitenin "yerel" tarayıcılarda görüntülenmesini kontrol etmeniz gerekiyorsa önemlidir (Safari - iPad / iPhone için, IE - için Windows Telefon vesaire.).