InternetArama motoru optimizasyonu

Mobil versiyon sitesi: nasıl makyaj? duyarlı tasarım

tabletler, telefonlar, yeni bir düzey olarak sitenin optimizasyonu ile bağlantılı olarak - Bugün birçok kişi mobil araçlar üzerinden çevrimiçi oluyorlar. Bir kullanıcı gelir ve sitenin mobil cihazlar için optimize olmadığını görürse: Görüntüyü görüntüleyemeyeceğinizi, çarpık bir düğme, küçük ve okunamaz fontları, tasarım çıkardı - 99% 100'lük o çıkacaktır ve başka daha uygun aramaya başlayacağını. Bir paletli , t kaynak alakalı olmayan bir çek koyacağız. E. arama sorgusu eşleşmiyor. Bu nedenle, sayfanın tasarımı her zaman mobil cihazlar çeşitli adapte edilmelidir. Ne sitenin bir mobil sürümü, nasıl, bunu yapmak için ve daha iyi ne yolu uygulamak için? Bu makalede daha fazla okuyun.

Yani, mobil sürümünün siteyi adapte dört temel yolu vardır.

Birinci yöntem - duyarlı tasarım

Adaptif desenler önermek değişen görüntü sitesi, bağlı üzerine ekran boyutu. Genel olarak, standart 1600, 1500, 1280, 1100 1024 ve 980 piksel ayarlanır. kullanımını uygulamak için CSS3 Medya Sorguları. web sitesi tasarımı kendisi değişmez.

Bu yöntemin avantajları içermelidir:

  • yapının kendisi kadar rahat tasarım görüntü ayarlanır ve herhangi bir güncelleme CSS ve HTML çimdik yeterli sıfırdan tasarım, gelişimini gerektirmez;
  • URL'ye biri - kullanıcı birkaç isim hatırlamak gerekmez, yöneticileri çalışmalarını güçleştirmek ve sıralamak ve tek adresi olan bir kaynak sıralamak için daha kolay arama motoru olabilir (bir adresten diğerine yönlendirme) yönlendirme için gerek yoktur.

Tabii ki, adaptif şablonlar kendi eksikliklerini, bu arada, daha liyakat daha var. Ancak, birçok geliştiriciler yapışan bu kavram, örneğin, Google Corporation bir mobil sürümü bir sitesi olan olan bir duyarlı tasarım. Bu nedenle, dezavantajları:

  • Duyarlı tasarım PC'de gibi bir mobil cihazda aynı görevleri desteklemez. Eğer durum bu ise, örneğin, kullanıcı kur veya en yakın ATM önemli bilgiler olması muhtemeldir bankanın web sitesi, bir mobil sürümü, daha sonra bu tasarım oldukça yeterlidir. o bölümlere ve alt sürü karmaşık yapılı bir kaynaktır Ama eğer, adaptif düzeni pek ziyaretçilere hitap edecek.
  • Yavaş yükleme web sitesi nefret içinde favori dönüştürür. Bu animasyon var kaynaklar, video klipler, pop-up ve bolluk içinde diğer aktif unsurların özellikle doğrudur. sinirlenmek ve gidip sitenin konumunu arama - - Çünkü sayfanın ağır ağırlığının sadece kullanıcı "yavaşlatmak" olacak düşmeye.
  • Yüklenememesi'ı için dönüş kapalı mobil sürümü - is başka önemli dezavantaj. Bir öğe bir düzen gizliyse, sen bunu devre dışı bırakmak ve düzenli bir etki alanına gidebilirsiniz web sitelerine aksine, açmak için bir şey yapamaz.

Bununla birlikte, özel beceri ve kaynak maliyetlerinin olmadan hızlı bir şekilde sitenin bu mobil sürümü, herhangi bir gadget adapte edilebilir. Ama karmaşık bir navigasyon ve animasyon olmadan, bilgi kaynakları ve multimedya minimum, çünkü bu eksikliklerin, küçük, basit için, uyuyor. Karmaşık site için 2 başka yollar yaklaşacaktır.

İkinci yol - Sitenin ayrı versiyonu

Bu yöntem çok yaygındır ve genellikle başarı ile bir mobil cihazda daha kolay okunur siteyi yapar. Onun özü sayfasının ayrı bir versiyonunu, uygulama tarafından çizilen ve örnek için ayrı bir URL veya alt alan, m.vk.com yerleştirilen yaratmaktır. Bu durumda, temel işlevi sadece farklı web sitesi tasarımı görünüyor korunur. Bu yöntemin avantajları açıktır:

  • Kullanıcı dostu arayüzü;
  • .. Kolay versiyonu ana kaynaktan ayrı var olmasıdır, düzenleyebilir ve değişiklik yapmak için;
  • nedeniyle adaptif şablona göre çok daha hızlıdır sitenin bireysel versiyonunun düşük ağırlığı;
  • genellikle cep sayfasının ana sürüme gitmek için fırsat var.

Ama burada sakıncaları olmadan değildi:

  • Çoklu adresleri - masaüstü ve sitenin mobil sürümü. Nasıl kullanıcı iki seçenek hatırlamak böylece yapılır? Web ustaları genellikle mobil cihazlar için sürüm dekstopnoy giden yönlendirmeyi (yönlendirme) reçete, ancak mobil sürümde bu sayfayı yoksa, kullanıcı bir hata alırsınız. Burada, orada aynı kaynakların 2 sıralamak zordur arama motorları ile zorluklar vardır ve bu promosyon üzerinde doğrudan etkisi vardır.
  • kullanıcı yanlışlıkla saçma görünürdü batarsan bir bilgisayardan sitenin Mobil versiyonu, bu da katılımı etkileyebilir.
  • Bu sürüm kullanıcı çok sınırlı özelliğe sahip olacak, böylece, geri masaüstü kesmek için çok daha muhtemeldir. Eksik bir şey varsa Ama aynı zamanda, ziyaretçi sayfanın tam sürüme geri dönebilirsiniz.

Genel olarak, ayrı bir mobil site amorti ve mobil cihazlar için kaynak adaptasyonu en yaygın yöntemleri olduğunu. Bu, örneğin, Amazon en büyük online perakendeciler arasında popüler.

üçüncü yol - RESS-tasarım

Arama motoru Google aktif mobil tasarımın bu trendi destekliyor. Bu telefonunuz veya tabletiniz için siteyi adapte en karmaşık, pahalı, ama etkili bir yoldur. Bu RESS denir. Bu ayrı ayrı cihaza indirilebilir bir mobil uygulamada bir kaynak hedefliyor. For android - dan GOOGLEPLAY ama Apple - iTunes ile.

Bu tür uygulamalar, kolay, ücretsiz, hızlı bilgi farklı karşılamak için yeteneği var ve telefonun hafıza ve internet trafiği bir tarayıcı üzerinden bir siteyi ziyaret ederken olarak yenir değildir. bağlantı her zaman el altında ekranda olacak, çünkü girmek kolaydır ve tarayıcınızın adres çubuğuna karmaşık ad girmek için gerek yoktur.

Orada böyle programcı çok sayıda emek yüksek maliyeti gelişmesinde zorluk olarak dezavantajları da vardır birkaç seçenek düzen yapmak gerekir, tabii ki vardır. Bazen mobil cihaz uygulama tarafından tanınmıyor. eksiklikleri düzelterek normal teknik destek için ihtiyaç devam etmektedir. Ancak, bu seçenek üretken çalışma süresi açısından önerilen üç iyi kabul edilir.

Mobil site yapmak için ucuz yolu

All Yukarıda & yöntemler dahil değilse her zaman uzun ve karmaşık bir, ama yine de yöneticileri ücretli işler. Eğer böyle bir gelişme için acil ihtiyaç görmüyorsanız, sitenin basit ve ücretsiz mobil sürümü yaklaşacaktır. Nasıl kolay yolu yapmalı?

Duyarlı tasarıma yönelik İndir özel şablonlar (eklentileri). Örneğin, WP Mobil Dedektör, WordPress Mobile Pack, WPSmart Mobil ve diğerleri. Bunlar doğru telefonunuzdaki siteyi görüntülemek için yardımcı olacak ve size daha iyi bir sayfanın mobil versiyonu uyum düzeltilmelidir birkaç ipucu olsun.

Tabii ki, bu yöntem ciddi kaynaklar için pek uygundur. Aksine, ücretsiz bir seçenek küçük ve çok basit siteler için tasarlanmıştır, bloglar, haber beslemeleri. Do not unutmak Google arama motoru, hem de "Yandex", bugün markaları ağır talepler üzerine mobil sürümü, yani orada isimli büyük bir şans alt onların pozisyonları kullanarak bu yöntemi.

Bu yöntemle, büyük olasılıkla, reklam ve açılan pankartlar kesilecek, ancak sayfa "lag" olmadan hızlı bir şekilde yüklenir.

mobil sürümlerini oluşturmak için İlkeler

şarj ya da devlet webmaster yardımıyla serbest sitenin bir mobil sürümünü oluşturmak için olsun, Ress sistemi veya adaptif kalıbı kullanarak yapılır. Onun etkin çalışmanın en önemli şey birkaç çok önemli ilkeleri takip etmek gereklidir. Peki, sitenin bir mobil sürümü olmalıdır? Nasıl verimli, etkin ve verimli hale getirmek için?

Gereksiz tüm kaldır

Minimalizm - sitenin mobil versiyonunun bir geliştirici almalısınız şey. o çiçekler, düğmeler, afiş dolu bilgiler almak ne kadar zor olduğunu düşünün ve doğru malzemeyi bulmak için durmadan ilerlemek zorunda. Mobil tasarım sade ve temiz olmalıdır. renk alanı (örneğin, kuruluş) ayrılması için 2-3 seçin. Bunlardan biri beyaz daha iyi eğer olduğunu. küçük ekran net ve okunabilir dilimini alan bölün. Bu ürünün formu veri doldurunuz bilgi teslimat ve ödeme böylece için - Sanal tuşlar açıkça tıklayın nereye biliyoruz ve gördük kullanıcıya görünür olmalıdır.

masaüstü sürümünde kullanışlı ve kolay hayatta gelirdi Tüm ilave seçenekler yalnızca zorluk getirecek burada kullanıcı olacaktır. sadece en önemli unsurları bırakın. Animasyon, reklam afiş, multimedya, büyük olasılıkla, sadece iş sitesini veya uygulamayı engelleyecek ve ana noktadan olumsuz etkisi olacağını.

hizalanma

doğru bir şekilde yapmak için, kullanıcı önemli kelimelerin sadece ucunu alacak şekilde soru hizalama, az belirgindir. Genellikle kabul edilmiş sol hizalanmış ve dikey olarak. Telefonunuzda RSS beslemesi üzerinden çevirmek nasıl düşünün. Sen yukarıdan aşağı bunu ancak sol veya sağ tarafına.

birlik

geçişler uzun zincirin ihtimali olmadığında, içine birkaç adım birleştirmeyi deneyin. Örneğin, site birkaç aşamada veri girmek gerekir - .. ad, her hücrede vb ayrı ev, sokak, apartman vardır ardından adres, küçük hücrelerin sette olsun sadece 2 doldurmak için onlara sormak denemek için kullanıcı zorlamak için değil için - isim ve adresi.

ve kopukluk

Bazen, tam tersine, bilgilerin aşırı miktarda ayırmak için gereklidir. Örneğin, açılan menü, teslim 80 şehirlerin listesi var. Bölgelere göre Grup bunları, kullanıcı uzun listeyi kaydırmak zorunda kalmaması. Ne zaman bölgesel merkezi üzerinde seyredecek veya alan şehirlerden başka bir liste düşecek.

listeleri

listeleri hakkında arada,. Bunların iki - alfabetik olarak veya başka şekilde sabitlenmiş ve ikamesi ile. Onların seçim bağlıdır.Agregasyon neler irade Taşınan.

Kullanıcı, aradığı tam olarak ne olduğunu bilir durumunda elverişli düzeltildi. örnek, şehir, sayı veya tarih için. birinde varyasyonların seti ve aynı adı taşır ve her olduğu yerde İkinci seçenek uzun karmaşık adları için veya durumlar için uygundur açılır liste , kullanıcı hedefe daha yakın bir adım. Bir ziyaretçi yardıma ihtiyaç duyduğunda autosubstitution ile Opsiyon sıklıkla kullanmıştır. Örneğin, site şişle satın sunuyor. Kullanıcı ara sorgu "Metalik çubukların" girer ve uç noktalar "konuşmacı 5 mm" "Spokes 4.5 mm" ve t. D.

Otomatik Tamamlama

Bu nokta şey online satan siteler için özellikle doğrudur ve böylece ödeme, teslimat standart formu doldurup gerekiyor. N. bir kişinin büyük olasılıkla, sonra telefondan bir satın alma yaparsa, o süreç anlamına gelir bir bilgisayar, almak için zamanı yoktur satın alma olarak hızlı ve uygun hale getirmek için gereklidir.

Zaten doldurulmuş verileri içerebilir bu forma için, en popüler cevapları başvurmak mümkündür. Aynı bölgede çalışıyorsanız Örneğin, geçerli tarih, nakit ödeme, şehrin yöntemini ekleyin. Bunlar değiştirilebilir, ancak hedefe ulaşmak, kullanıcı süresi kaydedilebilir.

Tüm okuma, tüm inceledi

Bir mobil site tasarımı oluşturarak, tüm telefonlar farklı zihin ve aynı vizyonu tutun. Belki sitenizin küçük ekran ile izlenebilir, böylece yazı bir düğme, basit ve okunabilir olmalı - onlar dokunup değil sonraki sayfaya almak ve görüntüleri internet söz konusu olduğunda, büyük, ayrı ayrı açılmalıdır ki yeterince büyük mağazası.

Bazı istatistikler

Mobil cihazlara adapte site hakkında konuşan, süreç ağın tanıtımı için ne kadar önemli olduğunu anlamak için istatistiklere başvurmak gereklidir.

Aşağıdaki rakamlar. Bugün araçlar artık çok küçük çocuklar ve bazı yaşlılar hariç, görünüşe göre, nüfusun% 87 vardır. Ekonomistler mobil ticaretin büyümesi önümüzdeki 5 yıl içinde 100 katıdır öngörüyor. Bununla birlikte, sitelerinin sadece% 21 mobil cihazlar ile çalışmak için adapte edilmiştir. Yani, İnternet trafiği ve e-ticaret pazar 5th küçük bir bölümü tarafından sadece işgal edilmiş.

Bu rakamları göz önünde bulundurun. sizin kaynak adapte mantıklı mı? Elbette evet. çok alan bu pazarda varken Üstelik, üzerinde kendi segmentini alabilir.

Nerede ihtiyaç mobil versiyonu

mobil versiyonu yüksek dereceleri elde amaçlayan herhangi bir platform için uygundur kullanın. Sonuçta bu sitenizde kalmak onun için rahat bir ortam yaratarak, kullanıcı üzerinde doğrudan etkisi olduğunu.

mobil versiyonu var olamaz olmadan:

  • haber portalları, işe giderken veya okul kendi en çok izlenen telefon olarak;
  • sosyal ağlar - aynı nedenle, artı orada iletişimin faktör çevrimiçi, yüzden, dost sohbet oluşturulacak olan uygundur;
  • arka plan, web gezinme ve benzeri n, insanlar, işlem gören şey izinde iken..;
  • online alışveriş - alışveriş gezileri inceleyen ve mobil internet ile almayın müşteri çekmek için yeteneği.

yerine bir sonuca ait

Günümüzde mobil teknolojiler pazarında lider olmak için çalışıyoruz, bu nedenle aktif büyüme ve gelişme, bir aşamadadır, herhangi şirketin çevrimiçi kaynak gereksinimlerini karşılamak sağlamalıdır. Nedeniyle büyüyen kullanıcı istekleri sitelerine sürekli modernize ve farklı cihazlara uyum sağlamak zorunda. Bu, bir kişinin belirli bir kaynakta olması rahatsız ise, bu, bir ürün veya fiyatı hakkında bilgi almak sipariş, teslimat hakkında bilgi almak için orada olamayacağı açıktır, bütün bu mümkün olacaktır siteyi bulacaksınız. Bu nedenle, rekabeti kazanmak için, esnek, kullanıcı dostu, fonksiyonel ve ilginç bir kaynak olması önemlidir.

o Android site veya Ios mobil sürümünü yardımcı olun. Bir alt alan yeni bir site ve ücretsiz şablonlar kullanımını yönlendirerek ona geçiş oluşturmak, adaptif şablona veya bir kullanıcı rahatlıkla girip sayfasında kalır hangi aracılığıyla bir mobil uygulama oluşturmak - Bunu yapmak için, yeniden tasarlamak için yukarıdaki yöntemlerden birini seçin.

Böyle bir yaklaşım, irade sadece yardım korumak sadakat varolan müşteriler, ama irade de sağlayabilir bir fırsat için çekmek yeni ziyaretçiler.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 unansea.com. Theme powered by WordPress.