Bugün artık ihtiyacı olan birini değiştirmeye gerek yok mobil versiyon alan. Bir cilt gününde bile, akıllı telefonlar ve tabletlerle, giderek daha fazlası. Yazma sırasında, bu makaleler blogumu ziyaret edenlerin ve inceleme için mobil ekleri kullananların %20'sine yakındır. Tobto skin p'yaty telefondan veya tabletten siteme gidin.
Birkaç yıl sonra bu tür girdileri düşünmedim ama bugünün nüfusu toplam nüfusun %10'unu geçerse adaptif yerleşimin galibi oldum. İçeriğin doğru şekilde görüntülenmesine izin verildi mobil müştemilatlar ve hem kupon şeklinde hem de arama motorları aracılığıyla siteye olan bağlılığı artırmak.
Sitenin mobil versiyonu ve uyarlanabilir tasarım - aynı değil. Bu yazımda adaptive layout testinden bahsediyorum, sitenin tasarımı düzenli olarak değiştirilirse ekrana izin veriliyorsa ekleyeceğim.
Sitenizin mobil cihazlarda doğru bir şekilde görüntülendiğinden emin olmak için tekrar ve hangi kaynaktan kontrol edilmesi gerekmektedir. mavi hizmetler ve araçlar.
Uyarlanabilir düzenin Shvidka yeniden doğrulanması
Popüler Internet Explorer (tarayıcı) Mozilla Firefox mobil uzantılarda görüntülenebilirlik için sitenin tasarımını gözden geçirmek için bir araçla donatmak. Hızlandırmak için "Menü" - "Rozrobka" - "Uyarlanabilir tasarım" a gidin. Veya klavyede aynı anda üç tuşa basın ++[M]
Yaklaşık olarak aşağıdaki resimden suçlusunuz:
Bina ve ekranın yönü arasındaki farkı değiştirerek sitenizin mobil cihazlarda nasıl göründüğünü değiştirebilirsiniz.
Google Tarayıcı Krom ayrıca, web sitesi tasarımının uyarlanması için bir destek sunabilirim. Menüye gittiğimiz için “Ek araçlar” öğesini ve ardından “perakendecinin araçları” öğesini seçin (veya tuşuna basın ).
Bundan sonra, duyarlı tasarım simgesine tıklayın (veya bir kerede klavyeye tıklayın ++[M]):
Ekranın ortasında, siteniz mobil cihazların ekranlarında görüneceği için dans edeceksiniz:
Mobil tasarımın SEO testi
Görünüşe göre, iki dünya arama lideri Google ve Yandex, siteyi mobil cihazların ekranlarında görebilmeleri için kendi alçakgönüllü düşüncelerine sahipler. Ve sitenin mobil kullanıcılar için çalışamaz olduğu tespit edilirse, o zaman şarap azalacaktır. poshukovoy vidachі. Yani SEO'nun görüşüne göre, eğer mobil cihazları kullanmak istemiyorsanız, o zaman sadece uyarlanabilir tasarıma sahip olabilirsiniz, aynı zamanda arama sistemi de bunu mobil cihazlar için gerekli olacak şekilde yapmaktan sorumludur.
Yardım için uyarlanabilirliği yeniden doğrulamak için Google hizmeti sonraki adrese gidin ve sitenize sürün: https://www.google.com/webmasters/tools/mobile-friendly/.
Eksen, blog incelememin sonucu gibi görünüyor:
Biraz daha katlanan Yandex ile, yeniden doğrulama için Yandex.Webmaster hizmetine kaydolmanız ve arayüzün beta sürümünü hızlandırmanız gerekir:
Uyarlanabilirliği kontrol etmek için çevrimiçi hizmetler
Bu hizmetlerin ana yöneticilerine sitenizin bir mobil uzantıda nasıl göründüğünü sunun (gösterin). Bu tür işlevlere sahip siteler anonimdir. Onlardan daha çok amel getireceğim. Vipadkiv kokusunun çoğu, FireFox ve Chrome'un işlevselliğini çoğaltır.
Google yeniden boyutlandırıcı
Uyum sağlama konusunda en iyi hizmet olan Google ile yeniden başlayacağım: http://design.google.com/resizer/#
Quirktools ekran sineği
Bir başka güzel hizmet ise http://quirktools.com/screenfly/. Bana sitenizin TV'de nasıl görünebileceğini gösterin!
Symby.ru adaptörü
Pekala, bir "cadı işçisi" yaratmak istemiyorsanız, bir site örneği daha getireceğim: http://symby.ru/adaptest/. Bir tarafta farklı ekranlardan oluşan bir dal görebilirsiniz.
Robotun güvenliği ve sitenin mobil versiyonu
Sitenizin uyarlanabilir olmasını ve çoğu müştemilatın ekranlarında doğru şekilde görüntülenmesini bozduğunuz için, işinizin hızını değiştireceksiniz. Pek çok cep telefonu tanıyorum.
Sayfa Hızı Analizleri
Google gezegenin önünde: https://developers.google.com/speed/pagespeed/insights/ . Bu hizmet, telefonun ekranında siteye bakıyormuş gibi gösterecek ve mobil uzantılarda etkileşimin hızını artırmak için kodun nasıl optimize edileceğine dair önerilerde bulunacaktır.
Web Sayfası Testi
Sadece sitenin mobil uzantıda nasıl göründüğünü değil, aynı zamanda robotunuzun hızını da gösterecek olan hizmetin uygulamasını tamamlayacağım: http://www.webpagetest.org/
Vişnovki
Bence tüm robotlar için sitenin tasarımında değişiklik yapıldığında fırsatı kazanmak daha kolay oluyor. Firefox tarayıcısı bu Chrome. Nedense arama motoru sistemlerinin sadakatini tasarımınıza göre değiştirmek kesinlikle gereklidir. Ardından, içinizin rahat etmesi veya övünmek için çevrimiçi hizmetleri hızlandırabilirsiniz.
Akış makalesi, sitenin mobil sürümünün nasıl yeniden doğrulandığından, okunabilirlikten, okunabilirlikten ve doğruluktan bahseder.
Sitenizi mobil cihazlarda görünürlük açısından yeniden kontrol etmek, çeşitli web servislerinin yardımıyla yeniden kontrol edilebilir. zokrema, Danimarka servisi Google, mobil düzeninizin okuryazarlığını yeterince değerlendirmenize olanak tanır.
Kısa bir süre önce Google, mobil düzeni desteklemeyen sitelerin mobil cihazlarla ilgili yardım istemekten korktuklarını söyledi. Bu algoritma sitede zaten çalışıyor ve çalışıyor, mobil platformlarda görüntülenme hakkında bilgi vermese de, mobil cihazlar için arama görünümünde etkin bir şekilde atlandı.
Siteniz ister masaüstü platformlar için iyi olsun, mobil düzenin kalitesini değiştirmeniz gerekiyor, aksi takdirde trafiğin önemli bir bölümünü harcarsınız (mobil platformların bir kısmı skin rock ile hızla büyüyor gibi görünüyor) ve bu da demek oluyor ki siz müşterilerinizi harcayacak. Bu nedenle sitelerinizi mobil uygulamalara uyarlamanız ve sitelerin mobil tarayıcılarda görüntülenmesinin doğruluğunu kontrol etmeniz gerekmektedir.
Google Chrome yardımıyla mobil düzenin kalitesini inceliyoruz
Google perakendecileri için mobil cihazları taklit etmek için mucizevi bir araç var. Uyanış için Tsey aracı Google tarayıcı Krom. Yenisine erişmek için tıklamanız gerekir F12 tarayıcıda (perakende moduna geçin) ve akıllı telefon simgesine tıklayın:
Sayfa, cihazı değiştirme moduna geçer, popüler mobil cihazlardan birini, cihaz türünü (GPRS, 2G, 3G, 4G, vb.) seçebilir, katı ekran parametrelerini belirleyebilirsiniz. Bu, robotun siteyi belirli mobil cihazlarda simüle etmesini sağlar. Mevcut müştemilatlar arasında farklılıklar var iPad sürümleri, iPad Mini, iPhone, BlackBerry, Google Bağlantı Noktası HTC, LG, Nokia, Samsung Galaksi ve diğer bazı popüler müştemilatlar.
Şarkı cihazını seçerek siteyi mobil uzantıya dönüştürebilirsiniz. Örneğin, iç gözlem baş tarafı iPad 3'te "Nubex" sitesi:
І Samsung Galaxy S4'te:
Burada sadece diğer cihazda siteye yardım etmekle kalmaz, aynı zamanda site ile tamamen çalışırsınız, hiçbir şey önünüzde değildir. gerekli gadget. Kuşkusuz, bu araç sitenin mobil sürümünü geliştirirken vazgeçilmezdir, ancak sitenizi gerçek müştemilatlarda nasıl görüntüleyeceğinizi - gerçek müştemilatlarda yeniden doğrulamanız gerekir. Siteyi "yerel" tarayıcılarda görüntülemek gerektiğinden özellikle önemlidir (Safari - iPad/iPhone için, IE - için Windows telefon ve benzeri.).
Doby iyi eğlenceler, dostlarım ve blogumun misafirleri. Bugünkü makalem kısa olacak, ancak bugünün alaka düzeyini boşa harcamayacağım. Ben de size, sitenin mobil sürümünün Google tarafından yeniden doğrulanması gibi bir hikayeden bahsetmek istiyorum. Bu kadar bariz bir makale yazmamış olabilirim, sanki yeniden doğrulama beni uzun zaman önce sağır kutsa sokmayacakmış gibi.
Yardım için doğrulama Google
Önceden, insanlar uyarlanabilir tasarımın bir mobil sürüme geçişi ile dalga geçmiyordu. Ale potim, mobil versiyonu olmayan bazı siteler tarafından arama sistemlerinin eski sürüme düşürüldüğüne dair bir bilgi olsaydı, o zaman insanlar gerginleşmişti (HTTPS örneğinde olduğu gibi). İnsanlar, çarpık çalışabilecek özel eklentiler kurarak, serbest çalışanlardan hemen mobil sürümler talep etmeye başladılar.
І ekseni, uyarlanabilir bir düzen veya mobil sürüm edindiyseniz, özel bir Google hizmetinde iki kez revize ettiniz, bu da düzeninizin nasıl çalıştığını merak etmenize neden oluyor. Şimdi arayüz biraz değişti, ancak öz değişmeden kaldı.
Sağdaki soruyu revize etmek için şuraya gitmeniz gerekiyor: Danimarka servisi — search.google.com/search-console/mobile-friendly. URL satırına sitenin adresini girin ve kontrol edin. Kısa bir süre sonra Google'ın mobil sürümünü kullanarak sitenizden memnun olanlar hakkında tüm bilgileri göreceksiniz.
anlamıyorum...
Mucizevi bir şekilde web sitemin uyarlandığını biliyorum ve daha yakın zamanda düzeni yamaladım. Ale geçenlerde, eğlence uğruna, yaşlı adam Tanrı'nın ne diyeceğine ve hatta zdivovaniya'ya hayret etmek için tüm hizmete gittim. Sağda, hizmetin beni görmüş olması, blogumun hiç uyarlanmamış olması ve mobil cihazlar için kötü okunabilir olması.
Neden, neden, internette bir çözüm aramak faydalı olduğunu anlayacak bir anım olmadı. І bir sitede eksen yoga biliyorum. Tüm bula, robots.txt dosyasının sağ tarafında görünür. Arama sistemlerinin dosyalarımı bunlarla indekslemediğini siyah beyaz yazdım, bu yüzden uygun bir mobil sürümüm yoktu.
Bundan sonra, bir sıra robotu temizlerken ( İzin verme: /wp-content/themes/benim temam), ardından hizmet, mobil sürümümün normal olduğunu hemen onayladı. Bu yüzden endişelenme, aynı coşkuyu alır almaz. Her şeyden öte, Google'ın konunuzu dizine eklemesine izin vermediniz.
Peki, makalemi neden bugün bitireyim ki? Ben spodіvayus, senin için bir kahverengi vardı. Yak bachit, google sitenin mobil versiyonunun yeniden doğrulanması, sitenin nasıl yoga için kullanılabileceğine çalışmanıza olanak tanır. Ancak, sitenin nadiren güncellendiği, uygun bir mobil sürümü veya uyarlanabilirliği olmadığı doğrudur. Bir saatten kısa bir süre içinde, tüm yeni site oluşturma işlemleri otomatik olarak bir SSL sertifikası alacaktır.
Beni okuyanlara teşekkür ederim. Seni her zaman blogumun kenarlarında kontrol edeceğim. Bu arada diğer yazıları da okumanızı tavsiye ederim. Üzgünüm, kendin için çok iyi şeyler biliyorsun. Sana iyi şanslar. Boo!
Saygılarımla, Dmitro Kostin.
Siteler telefonlarda veya tabletlerde değil, bilgisayarlarda ve dizüstü bilgisayarlarda ses çıkarır. Ale coristuvachi sitesi nasılsa bakabilir. Site içeriğinin büyük müştemilatlarda hala iyi görüntülendiğini anlamak için farklı ekranlı ve pratik bir cep telefonu satın alabilirsiniz. işletim sistemleri, ve mobil uzantılar üzerinde inceleme için uyarlamalar sitesinde hazır hizmetlerle nasıl revize edileceğini hızlandırabilirsiniz. Bu makalede, sayfanızın mobil cihazlar için optimize edilip edilmediğini kontrol etmek için Google tarafından tanıtılan bu araçlardan birine bakıyoruz.
Google Arama Konsolunda mobil cihazlar için optimizasyon nasıl kontrol edilir?
Google Arama Konsolunda mobil cihazlar için optimizasyonu kontrol etmek için, adresi tarayıcının adres çubuğuna girmeniz gerekir:
https://search.google.com/test/mobile-friendly
veya sadece git → tse posilannya (yeni bir vіknі'da vіdkriєtsya).
Ayrıca Google Search Console'da mobil uygulamalar için optimizasyon optimizasyonu tarafı gösterildiği gibi, optimizasyonunu kontrol etmeniz gereken sitenin adresini veya sitenin yan tarafını girip butonuna tıklamanız gerekiyor. Ters"Yani, aşağıdaki küçük olanda gösterildiği gibi:
Bir sonraki Google Arama Konsolu için, verilen tarafın bu analiziyle ilgilenmek bir saat sürer:
Pіdbag'ler için Yakshcho Google yeniden kontrol eder Search Console, mobil cihazlar için hangi tarafın optimize edildiğine karar verecek, biraz daha aşağısı gibi aynı bilgilerle ilgili olacak:
Yeniden doğrulama çantalarının arkasında af gösterilecekse, tanığın tarafı şöyle görünecektir:
yandaki bariz sorunlu alanların tanımlarından.
Özet:
Bu sayede sitenin ne kadar optimize edildiğini hızlı ve etkili bir şekilde değerlendirebilir, böylece sadece bir bilgisayarda değil, aynı zamanda manuel olarak da yetiştirilebilir. cep telefonları. Elbette, Google Arama Konsolu, sitenin mobil olanlar da dahil olmak üzere herhangi bir ek binada doğru çalışmasını optimize etmek için yararlı olabilecek düşük önerilere sahiptir.
Aff için sitenin mobil versiyonunu incelemek kolaydır. üzerinde Vidpovidalnist şaka iyileştirici tarafından. Optimize edilmiş bir sürümün varlığı, sitedeki belgeler için bir sıralama faktörüdür.
Mobil siteler için araçlar
Sitenin mobil versiyonu nasıl dönüştürülürEk hizmetler için mobil ekler için siteyi tekrar ziyaret edebilirsiniz:
- Google Mobil Dostu
- Google PageSpeed Insights;
- web sayfası testi;
- ekran sineği;
- web sayfası testi;
- Tarayıcı Yığını.
Mobil Dostu
Mobil Dostu adı altındaki hizmet, sitenin mobil ekler için ne kadar optimize edildiğini ve nasıl optimize edileceğini nasıl affedeceğinizi gösterecektir:Sayfa Hızı Analizleri
Google gibi ek bir araç için sitenin mobil sürümünü Google altında da dönüştürebilirsiniz. Google sistemleri ne gösteriyorsun.Hizmete kısaca PageSpeed Insights adı verilir.
web sayfası testi
Sitenin ilgisinin yeniden doğrulanması, farklı müştemilatlar için ve farklı bölgelerden doğru bir şekilde yapılmalıdır. WebPage Test yardımı ile revizyonu tamamlamak mümkündür.Hizmet kesinlikle ücretsizdir.
Ekran Sineği
Mobil dağıtım için Vikoristovuyuchi özel aracı site görüntülendiğinde tersine çevrilebilir. Randevu hizmeti, sitenin mobil uzantılarda görüntülendiği bir bakışta siteyi incelemek için, ancak görevin gözden geçirilmesi için bir tarayıcı yeterlidir.Alet masrafsızdır.
Adobe Kenar İncelemesi
Sitenin yeniden doğrulanması için bir ek park varsa, cihazı değiştirebilirsiniz. Tüm müştemilatlarda sitenin yöneticisi bir saat şarkı alır, ancak görev iptal edilir.Site için özel olarak oluşturulmuş Yakshcho vikoristovuvati müştemilatlar Adobe Edge Inspect programını arayacağım, size soracağım.
Alet masrafsızdır.
Program çapraz platformdur.
Tarayıcı Yığını
BrowserStack, sitedeki perakendeciler arasında en popüler hizmettir. Hizmet, gerçek müştemilatların bulunduğu sitenin karmaşıklığını gösterir.Ücretli araç.
Bing Mobil Testi
Ters ücretsiz Ek Mobil Test aracı için mobil cihazların desteklenmesi için web sitesi mümkündür dürtme sistemi bing.Servis talebi - yazıcılar
