Saytın Mobile version necə etmək olar? Cavab dizayn

tablet, telefon, yeni səviyyəyə kimi site optimallaşdırılması ilə bağlı - Bu gün insanların çoxu mobil gadgets vasitəsilə online gedin. Bir istifadəçi gəlir və site mobil cihazlar üçün optimize deyil görür ki, əgər Siz görmək bilməz, əyri bir düyməsinə kiçik və okunmaz şrift, dizayn off çıxardı - 99 100% o gələcək və başqa daha rahat axtarmaq başlayacaq. A browser , t resurs müvafiq deyil çek qoymaq. E. axtarış sorğu uyğun deyil. Buna görə də, bu səhifənin dizayn həmişə mobil cihazlar bir sıra uyğunlaşdırılmalıdır. Nə saytın mobil versiyası necə, bunu və daha yaxşı nə yol müraciət etmək? Bu maddə daha çox oxuyun.

Belə ki, mobil versiyası üçün site uyğunlaşmaq üçün dörd əsas yolu var.

Method bir - cavab dizayn

Adaptive nümunələri asılı olaraq, image site dəyişən gəlir ekran ölçüsü. Ümumiyyətlə, onlar standart 1600, 1500, 1280, 1100, 1024, və 980 piksel müəyyən edilir. istifadə həyata keçirilməsi üçün CSS3 Media Sorğu. web dizayn özü dəyişməyib.

Bu metodun üstünlükləri daxil edilməlidir:

• strukturu özü kimi rahat dizayn ekran parametrləri ayarlar, və hər hansı bir yeniləmə CSS və HTML çimdik üçün kifayət qədər sıfırdan dizayn, inkişaf tələb etmir;
• URL bir - Istifadəçi bir neçə ad yadda saxlamaq lazım deyil webmasters işini çətinləşdirir və sort və bir ünvanı olan bir resurs düzmək üçün daha asan mühərrik axtarış edə bilərsiniz (bir ünvandan başqa forwarding) yönlendirme üçün heç bir ehtiyac yoxdur.

Əlbəttə ki, adaptiv şablonları öz çatışmazlıqlar, yeri gəlmişkən, çox ləyaqət çox var. Lakin, bir çox developers bu anlayış riayət, məsələn, Google Corporation, bir cavab dizayn olan bir saytın mobil versiyası. Belə ki, mənfi cəhətləri:

• Cavab dizayn PC kimi mobil cihaz eyni vəzifələri bilmir. Əgər, məsələn, istifadəçi məzənnə və ya yaxın ATM mühüm məlumat ola bilər bankın veb bir mobil versiyası, bu layihə kifayət edir. Bu bölmə və köməkçi bölmələri çox kompleks strukturlaşdırılmış resurs olsa, adaptiv layout çətin qonaqlar müraciət edəcək.
• Slow loading veb çirkin ilə sevimli çevirir. Bu animasiya var resursları, video klipləri, pop-up və bol digər aktiv elementlərin xüsusilə doğrudur. qəzəbli almaq və getmək və saytın mövqeyini axtarış - - Çünki səhifənin ağır çəki sadəcə istifadəçi "aşağı yavaş olacaq" düşəcək.
• mobil versiyası söndürmək mümkün - başqa əhəmiyyətli əlverişsiz edir. bir element layout gizli varsa, siz aradan müntəzəm domen bilərsiniz saytlarda fərqli olaraq, onu açmaq üçün bir şey edə bilməz.

Buna baxmayaraq, xüsusi bacarıq və resurs xərcləri olmadan tez site bu mobil versiyası, hər hansı bir gadgets adaptasiya edilə bilər. Amma bir mürəkkəb naviqasiya və animasiya olmadan, informasiya resurslarının və multimedia minimum, çünki bu çatışmazlıqlar, kiçik, sadə, uyğun. kompleks saytdan 2 digər yolları müraciət edəcək.

İkinci yol - site ayrı version

Bu üsul çox ümumi və tez-tez uğur ilə bir mobil cihaz oxumaq üçün asan saytı edir. Onun mahiyyəti səhifə bir ayrı versiyası tətbiqi ilə hazırlanmış və misal üçün ayrı-ayrı URL və ya alt, m.vk.com yerləşdirilmiş yaratmaqdır. Bu halda, əsas funksionallığı yalnız müxtəlif web dizayn görünür saxlanılır. belə bir üsul üstünlükləri mövcuddur:

• istifadəçi dostu interfeysi;
• .. Easy versiyası əsas resurs ayrı mövcud etmək ki, redaktə və dəyişikliklər etmək;
• səbəbiylə adaptiv şablon çox daha sürətli saytın fərdi versiyası aşağı çəki;
• tez-tez mobil səhifənin əsas versiyası getmək imkanı var.

Amma burada çatışmazlıqlar deyildi:

• Birden çox ünvanları - bir masa üstü və saytın mobil versiyası. Necə user iki variant xatırlayıram ki etmək üçün necə? Web ustaları tez-tez mobil versiyası dekstopnoy üçün yönlendirme (İstiqamətləndirmə) müəyyən, lakin mobil versiyası bu səhifə mövcud deyil, əgər istifadəçi səhv alacaq. Burada eyni resurslarının 2 dərəcə çətindir axtarış motorları ilə çətinliklər və bu təşviqi üzrə birbaşa təsir göstərir.
• istifadəçi səhvən bu absurd görünür enmək əgər kompüter saytın mobil versiyası, ki iştirak təsir göstərə bilər.
• Bu versiya istifadəçi çox məhdud funksionallıq olacaq, belə ki, geri masa üstü kəsmək çox daha çox. bir şey yoxdur, əgər Lakin, eyni zamanda, qonaq səhifənin tam versiyası bilərsiniz.

Ümumiyyətlə, ayrı-ayrı mobil site off yetirir və mobil cihazlar üçün resurs uyğunlaşma ən ümumi yolları var. Bu, misal üçün, Amazon ən böyük online pərakəndə arasında populyardır.

Üçüncü yol - Ress-dizayn

Axtarış mühərriki Google fəal mobil dizayn bu tendensiya dəstəkləyir. Bu telefon və ya tablet üçün site uyğunlaşdırmaq üçün ən mürəkkəb bahalı, lakin effektiv yoldur. Bu Ress adlanır. Bu ayrı-ayrılıqda hər bir cihaz yükləmək olar bir mobil proqram bir resurs hədəfləyir. GooglePlay, lakin Apple - - ITunes ilə Android üçün.

Belə applications, asan, pulsuz, sürətli informasiya müxtəlif növ yerləşdirmək imkanı var, və telefon yaddaş və internet trafiki brauzer vasitəsilə sayta zaman yeyilmiş deyil. link həmişə əl-da ekranda olacaq, çünki onlar daxil etmək üçün asan və brauzerinizin ünvan bölməsinə mürəkkəb adını daxil etmək üçün heç bir ehtiyac yoxdur.

Belə proqramçılar çox sayda əmək yüksək dəyəri inkişafında çətinlik kimi mənfi cəhətləri də var bir neçə variantları layout nə etmək lazımdır, əlbəttə ki, var. Bəzən mobil cihaz tətbiqi ilə tanınmır. çatışmazlıqlar təshih müntəzəm texniki dəstək ehtiyac. Lakin, bu seçimi məhsuldar uptime baxımından təklif üç ən yaxşı hesab olunur.

mobil site etmək üçün ucuz yolu

yuxarıda üsulları bütün əgər həmişə uzun və mürəkkəb, lakin hələ də webmasters ödənişli iş daxildir. Əgər belə bir inkişafı üçün təcili ehtiyac görmürəm, siz site bir sadə və pulsuz mobil versiyası müraciət edəcək. Necə en asan yol etməli?

cavab dizayn Download xüsusi şablonları (plugins). Məsələn, WP Mobil Detector, WordPress Mobile Pack, WPSmart Mobile və s. Onlar doğru telefon site keçirmək üçün kömək edəcək, və daha yaxşı bir səhifə mobil versiyası uyğunlaşmaq düzəldilməsi lazım bir neçə ipucu almaq.

Əlbəttə ki, bu üsul ciddi resursları üçün çətin uyğun. Əksinə, bu bir pulsuz seçim kiçik və çox sadə saytlar üçün nəzərdə tutulmuşdur bloqlar, xəbərlər qidalanır. Google "Yandex", eləcə də bir axtarış motorudur ki, unutmayın, bu gün mobil versiyası ağır tələb edir, belə ki, bu metodu istifadə edərək, öz mövqelərini aşağı böyük bir şans var.

Bu üsulla, çox güman ki, reklam və pop-up banner kəsiləcək, amma səhifə "lag" olmadan tez yük olacaq.

mobil versiyasını yaratmaq üçün prinsipləri

pulsuz və ya dövlət webmaster köməyi ilə pulsuz saytın mobil versiyasını yaratmaq asılı olmayaraq, Ress sistemi və ya adaptiv model istifadə edilir. onun səmərəli iş üçün ən əhəmiyyətli şey bir neçə çox mühüm prinsiplərinə riayət etmək tələb olunur. Belə ki, nə saytın mobil versiyası olmalıdır? Necə ki, səmərəli və məhsuldar etmək üçün necə?

bütün lazımsız aradan qaldırılması

Minimalizm - saytın mobil versiyası geliştirici axtarmaq ki, bir şey. Bu güllər, düymələr, bannerlər tam məlumat almaq üçün nə qədər çətin Təsəvvür edin, və siz sağ materialı tapmaq üçün endlessly hərəkət etmək lazımdır. Mobile dizayn sadə və təmiz olmalıdır. rəng alan (məsələn, şirkət) ayrılması üçün 2-3 seçin. Onların bir ağ daha əgər. kiçik ekran aydın və oxunaqlı zonasında yer bölün. Virtual düymələri clearly basın bilmək üçün istifadəçi görünən olacaq və gördüm lazımdır - bu məhsulun forması, data doldurmaq informasiya çatdırılması və ödənilməsi belə.

masa üstü versiyası faydalı olacaq və istifadəçi üçün həyat daha asan etmək üçün bütün əlavə variantları, burada yalnız çətinlik gətirir. yalnız ən mühüm elementləri buraxın. Animation, reklam, multimedia, çox güman ki, yalnız iş site və ya proqram mane və əsas baxımından kiçiltmək edəcək.

qruplaşma

düzgün bunu əgər, istifadəçi mühüm sözləri yalnız son alacaq kimi Sual alignment, az kəskin deyil. ümumiyyətlə uyğun sol və şaquli qəbul etdi. Siz telefonunuzda RSS feed vasitəsilə flip necə düşünün. Siz aşağı üst bunu, lakin sol və ya sağ.

ittifaq

keçid uzun zəncir ehtimalı deyil, bir neçə addımlar birləşdirməyə çalışırıq. Məsələn, site bir neçə mərhələdə məlumatları daxil etmək lazımdır - adı, hər bir hüceyrə belə ayrı-ayrı ev, küçə, mənzil və sonra Ünvanı N. yalnız 2 doldurmaq isteyin, kiçik hüceyrələri toplusunu almaq üçün cəhd istifadəçi məcbur deyil üçün. - adı və ünvanı.

və ayrılma

Bəzən əksinə, bu məlumatların həddindən artıq miqdarda ayırmaq tələb olunur. Məsələn, açılan menyu siz çatdırmaq 80 şəhərlərin siyahısı var. bölgə Group onları, istifadəçi uzun siyahısını diyirləyin yoxdur ki. O regional mərkəzi üzərində hover və ya sahə şəhərlərin siyahısını düşəcək.

siyahıları

siyahıları haqqında gəlmişkən,. Onların iki - Əlifba sırası və ya digər qaydada müəyyən və əvəz edir. Onların seçimi veriləcək nə asılıdır.

istifadəçi o axtarır dəqiq bilir tədbirdə rahat Sabit. Məsələn, şəhər, sayı, və ya tarix üçün. bir varyasyonları bir sıra və eyni adı və hər olduğu ikinci seçimi uzun mürəkkəb adları və ya hallarda uyğun açılan siyahı istifadəçi məqsədi yaxın addım. bir qonaq yardım lazım autosubstitution ilə Variantları tez-tez istifadə olunur. Məsələn, site toxuculuq iynələr almaq təklif edir. istifadəçi axtarış sorğu "Metallic spokes" olur, və tip ləkələr "spokes 5 mm" "Spokes 4.5 mm" və t. D.

AutoComplete

Bu baxımdan online bir şey satmaq saytlar üçün xüsusilə doğrudur və belə ödəniş çatdırılması standart formada doldurmaq və lazımdır. N. bir şəxs çox güman ki, sonra telefon satın edir, o proses o deməkdir ki, bir kompüter almaq üçün vaxt yoxdur alınması kimi tez və rahat etmək üçün lazımdır.

artıq dolu data ola bilər bu formada, bu ən məşhur cavab müraciət etmək mümkündür. Eyni bölgədə iş əgər Məsələn, cari tarixi, nağd ödəniş, şəhərin üsulu daxil etmək üçün. Onlar dəyişdirilə bilər, lakin siz hədəf hit əgər, istifadəçi vaxt xilas ola bilər.

Bütün oxumaq, bütün araşdırdı

mobil site dizayn yaratmaq, Bütün telefonlar müxtəlif ağıl və eyni görmə saxlamaq. Bəlkə site bir kiçik ekran ilə tanış olacaq, belə ki, font bir düyməsinə sadə və oxunaqlı olmalıdır - onlar kran və növbəti səhifə almaq, və images internet gəlir xüsusilə, böyük, ayrı-ayrı açılmalı bilər ki, kifayət qədər böyük mağaza.

Bəzi statistika

mobil cihazlar üçün uyğunlaşmağa Sayt haqqında danışan bu proses şəbəkə təşviqi üçün nə qədər əhəmiyyətli anlamaq üçün statistikaya müraciət etmək lazımdır.

Aşağıdakı rəqəmlər. Bu gün gadgets çox gənc uşaqlar və bəzi yaşlı istisna olmaqla, yəqin, əhalinin 87% təşkil edir. İqtisadçılar mobil ticarət artım növbəti 5 il ərzində 100 dəfə proqnozlaşdırırlar. Lakin sites yalnız 21% -i mobil cihazları ilə işləmək üçün uyğunlaşdırılmışdır. Belə ki, İnternet trafik və e-ticarət bazarının 5 kiçik bir hissəsi yalnız tutur.

bu rəqəmlər düşünün. Sizin resurs uyğunlaşdırmaq mənada edirmi? Əlbəttə bəli. qədər kosmik bu bazarda var isə Bundan əlavə, siz onu öz seqment bilər.

Harada ehtiyac mobil versiyası

mobil versiya yüksək reytinq almaq məqsədi hər hansı bir platforma üçün uyğun istifadə edin. Bütün sonra, bu sizin saytda qalmaq onun üçün rahat mühit yaratmaq, istifadəçi birbaşa təsir edir.

mobil versiyası mövcud ola bilməz olmadan:

• xəbər portalları, bu iş üçün yol və ya məktəb onların ən görüntülenen telefon kimi
• sosial şəbəkələr - eyni səbəbdən, üstəgəl orada rabitə amil online, belə ki, dostluq chat yaradılacaq etmək rahatdır;
• .. Help, web naviqasiya, və s., Insanlar, əməliyyat olduğu şey axtarış edərkən;
• online alış-veriş - alış-veriş səfərlər vaxt sərf və mobil internet vasitəsilə bütün almaq deyil müştəriləri cəlb etmək imkanı.

əvəzinə bağlanması

Bu gün mobil texnologiyalar bazarında lider olmaq üçün çalışırıq, buna görə də fəal artım və inkişaf mərhələsində olan, hər hansı bir şirkət öz online resurs tələblərinə cavab təmin etməlidir. Due artan istifadəçi sorğu saytlar daim müasirləşdirilməsi və müxtəlif cihazlar üçün uyğunlaşdırmaq lazımdır. Bu şəxs müəyyən bir resurs olmaq narahat varsa, bir məhsul və ya qiyməti haqqında məlumat almaq sifariş, çatdırılma haqqında məlumat ola bilməz ki, aydındır, o, bütün bu mümkün olacaq site tapa bilərsiniz. Buna görə də, müsabiqə qazanmaq üçün, bir çevik, istifadəçi dostu, funksional və maraqlı resurs üçün vacibdir.

Bu Android site və ya iOS mobil versiyası edir olun. bir alt yeni bir site və pulsuz şablonları istifadə yönlendirme ona keçid yaratmaq, adaptiv şablon və ya bir istifadəçi rahat daxil edin və səhifədə qalmaq edə bilərsiniz vasitəsilə bir mobil proqram yaratmaq - Bunu etmək üçün, yenidən yuxarıda yollarından birini seçin.

Belə yanaşma yalnız mövcud müştərilərin sədaqət saxlamaq kömək edəcək, həm də yeni ziyarətçiləri cəlb etmək imkanı təmin edəcək.