დღეს ადამიანების უმეტესობა ონლაინ გადის მობილური გაჯეტების - ტაბლეტების, ტელეფონების მეშვეობით, ამ მხრივ ვებსაიტის ოპტიმიზაციაც ახალ საფეხურს აღწევს. თუ მომხმარებელი შემოდის და ხედავს, რომ საიტი არ არის ოპტიმიზირებული მობილური მოწყობილობებისთვის: გამოსახულების ნახვა შეუძლებელია, ღილაკები გადატანილია, შრიფტები პატარაა და წაუკითხავია, დიზაინი დახრილია - 100%-დან 99 ის გამოვა. და დაიწყეთ სხვა უფრო მოსახერხებელის ძებნა. და საძიებო რობოტი შეამოწმებს ველს, რომ რესურსი შეუსაბამოა, ანუ ის არ ემთხვევა საძიებო მოთხოვნას. ამიტომ, გვერდის დიზაინი უნდა მოერგოს სხვადასხვა მობილურ მოწყობილობას. რა არის საიტის მობილური ვერსია, როგორ გავაკეთო და რა არის მისი გამოყენების საუკეთესო გზა? წაიკითხეთ მეტი ამ სტატიაში.
ასე რომ, არსებობს ოთხი ძირითადი გზა თქვენი საიტის მობილურისთვის მოსახერხებელი გახადოს.
მეთოდი პირველი - საპასუხო დიზაინი
საპასუხო შაბლონები ცვლის საიტის სურათს ეკრანის ზომის მიხედვით. როგორც წესი, ისინი დაყენებულია სტანდარტულ 1600, 1500, 1280, 1100, 1024 და 980 პიქსელზე. განსახორციელებლად გამოიყენება CSS3 მედია მოთხოვნები. თავად საიტის დიზაინი არ იცვლება.
ამ მეთოდის უპირატესობებში შედის:
- მოსახერხებელი განვითარება,ვინაიდან თავად სტრუქტურა ადაპტირდება ეკრანის პარამეტრებთან და ნებისმიერი განახლება არ საჭიროებს დიზაინის განვითარებას ნულიდან, საკმარისია CSS და HTML-ის შესწორება;
- ერთი URL – მომხმარებელს არ სჭირდება რამდენიმე სახელის დამახსოვრება, არ არის საჭირო გადამისამართება (გადამისამართება ერთი მისამართიდან მეორეზე), რამაც შეიძლება გაართულოს ვებმასტერის მუშაობა და უფრო ადვილია ძებნა. ძრავა, რომ დაალაგოს და დაახარისხოს რესურსი ერთი მისამართით.
რა თქმა უნდა, ადაპტირებულ შაბლონებს აქვთ თავისი ნაკლოვანებები, რაც, სხვათა შორის, უპირატესობაზე მეტია. მიუხედავად ამისა, ბევრი დეველოპერი იცავს ამ კონცეფციას, მაგალითად, Google Corporation, რომლის საიტის მობილურ ვერსიას აქვს ადაპტური დიზაინი. ასე რომ, უარყოფითი მხარეები:
- საპასუხო დიზაინი არ უჭერს მხარს იმავე ამოცანებს მობილურზე, როგორც კომპიუტერზე. თუ ეს არის, მაგალითად, ბანკის ვებსაიტის მობილური ვერსია, სადაც ინფორმაცია გაცვლითი კურსის ან უახლოესი ბანკომატების შესახებ უფრო მეტად მნიშვნელოვანია მომხმარებლისთვის, მაშინ ეს დიზაინი სავსებით საკმარისია. მაგრამ თუ ეს არის კომპლექსური სტრუქტურირებული რესურსი მრავალი განყოფილებით და ქვეგანყოფილებით, მაშინ ვიზიტორებს ძნელად მოეწონებათ ადაპტური განლაგება.
- ნელი ჩატვირთვა აქცევს საყვარელ საიტს სიძულვილს. ეს განსაკუთრებით ეხება რესურსებს, სადაც უხვად არის ანიმაციები, ვიდეოები, ამომხტარი ფანჯრები და სხვა აქტიური ელემენტები. დიდი წონის გამო გვერდი უბრალოდ „შენელდება“, მომხმარებელი გაბრაზდება და წავა და საიტის საძიებო პოზიციები დაეცემა.
- მობილური ვერსიის გამორთვის შეუძლებლობა კიდევ ერთი მნიშვნელოვანი ნაკლია. თუ რომელიმე ელემენტი დამალულია ასეთი განლაგებით, თქვენარაფრის გაკეთება არ შეგიძლიათ მის გასახსნელად, განსხვავებით საიტებისგან, სადაც შეგიძლიათ გამორთოთ და გადახვიდეთ ჩვეულებრივ დომენზე.
თუმცა, საიტის ასეთი მობილური ვერსია სწრაფად, განსაკუთრებული უნარებისა და ხარჯების გარეშე, საშუალებას გაძლევთ მოარგოთ რესურსი ნებისმიერ გაჯეტს. მაგრამ, ჩამოთვლილი ხარვეზების გათვალისწინებით, ის მოერგება მცირე, მარტივ რესურსებს მინიმალური ინფორმაციისა და მულტიმედიის მქონე, რთული ნავიგაციისა და ანიმაციის გარეშე. რთული საიტისთვის 2 სხვა მეთოდია შესაფერისი.
მეორე მეთოდი - საიტის ცალკე ვერსია
ეს მეთოდი ძალიან გავრცელებულია და ხშირად წარმატებულია საიტის მობილურ მოწყობილობაზე უფრო იკითხებადი. მისი არსი არის გვერდის ცალკეული ვერსიის შექმნა, რომელიც შედგენილია აპლიკაციისთვის და მდებარეობს ცალკე URL-ზე ან ქვედომენზე, მაგალითად, m.vk.com. ამავდროულად, შენარჩუნებულია ძირითადი ფუნქციონირება, საიტის დიზაინი უბრალოდ განსხვავებულად გამოიყურება. ამ მეთოდის უპირატესობები აშკარაა:
- მომხმარებლისთვის მოსახერხებელი ინტერფეისი;
- მარტივი შეცვლა და რედაქტირება, რადგან ვერსია არსებობს ძირითადი რესურსისგან დამოუკიდებლად;
- დაბალი წონის გამო, საიტის ცალკეული ვერსია მუშაობს ბევრად უფრო სწრაფად, ვიდრე ადაპტური შაბლონი;
- ყველაზე ხშირად შესაძლებელია მობილურიდან გვერდის მთავარ ვერსიაზე გადასვლა.
მაგრამ აქაც იყო გარკვეული ნაკლოვანებები:
- მრავალი მისამართი - საიტის დესკტოპის და მობილური ვერსია. როგორ ვაიძულებთ მომხმარებელს დაიმახსოვროთ ორი ვარიანტი? ვებ ოსტატები ხშირად განსაზღვრავენ გადამისამართებას (გადამისამართებას) დესკტოპის ვერსიიდან მობილურ ვერსიაზე, მაგრამ ამავე დროს, თუ ეს გვერდი მობილურშია.ვერსია არ არსებობს, მომხმარებელი მიიღებს შეცდომას. აქ სირთულეები წარმოიქმნება საძიებო სისტემებთან, რომლებსაც უჭირთ 2 იდენტური რესურსის რანჟირება და ეს პირდაპირ გავლენას ახდენს პოპულარიზაციაზე.
- საიტის მობილური ვერსია კომპიუტერიდან, თუ მომხმარებელი მას შეცდომით ეწვევა, სასაცილოდ გამოიყურება, რაც ასევე შეიძლება გავლენა იქონიოს ტრაფიკზე.
- ეს ვერსია ხშირად ძლიერ შემცირებულია, დესკტოპზე, ამიტომ მომხმარებელი მიიღებს ძალიან შეზღუდულ ფუნქციონირებას. მაგრამ ამავდროულად, თუ რამე აკლია, ვიზიტორს შეუძლია გადავიდეს გვერდის სრულ ვერსიაზე.
ზოგადად, ცალკე მობილური საიტი ამართლებს თავის თავს და არის მობილური მოწყობილობებისთვის რესურსის ადაპტაციის ყველაზე გავრცელებული გზა. ის პოპულარულია მსხვილ ონლაინ მაღაზიებში, როგორიცაა Amazon.
მესამე გზა - RESS დიზაინი
Google საძიებო სისტემა აქტიურად უჭერს მხარს მობილური დიზაინის ამ მიმართულებას. ეს არის ყველაზე რთული, ძვირადღირებული, მაგრამ ეფექტური მეთოდი საიტის ტელეფონზე ან ტაბლეტზე ადაპტაციისთვის. მას ჰქვია RESS. ეს არის მიზნობრივი რესურსი მობილური აპლიკაციისთვის, რომლის ჩამოტვირთვა შესაძლებელია თითოეული მოწყობილობისთვის ცალკე. ანდროიდისთვის - GooglePlay-ით, ხოლო Apple-ისთვის - iTunes-ით.
ასეთი აპლიკაციები არის სწრაფი, უფასო, მოსახერხებელი, აქვთ სხვადასხვა ტიპის ინფორმაციის მოთავსების უნარი, ხოლო ტელეფონის მეხსიერება და ინტერნეტ ტრაფიკი არ ჭამს ისე, როგორც საიტის ბრაუზერის საშუალებით სტუმრობისას. მათზე წვდომა მარტივია, რადგან ბმული ყოველთვის იქნება ხელთ არსებული ეკრანზე და არ არის საჭირო ბრაუზერის მისამართის ზოლში რთული სახელის შეყვანა.
არის, რა თქმა უნდა, აქ დამისი ნაკლოვანებები, როგორიცაა განვითარების სირთულე, პროგრამისტების დიდი რაოდენობის შრომის მაღალი ღირებულება, განლაგების რამდენიმე ვარიანტის გაკეთების აუცილებლობა. ზოგჯერ მობილური მოწყობილობა არ არის აღიარებული აპლიკაციის მიერ. აუცილებელია რეგულარული ტექნიკური მხარდაჭერა, ხარვეზების გამოსწორება. მიუხედავად ამისა, ეს ვარიანტი ითვლება საუკეთესოდ სამი შემოთავაზებულიდან მისი პროდუქტიული, უწყვეტი მუშაობის გამო.
მობილური ვებსაიტის შექმნის ყველაზე იაფი გზა
ყველა ზემოთ ჩამოთვლილი მეთოდი მოიცავს ვებმასტერის, თუმცა არა ყოველთვის ხანგრძლივ და რთულ, მაგრამ მაინც ფასიან მუშაობას. თუ ვერ ხედავთ ასეთი განვითარების გადაუდებელ აუცილებლობას, საიტის მარტივი და უფასო მობილური ვერსია გამოგადგებათ. რა არის ამის გაკეთების ყველაზე მარტივი გზა?
ჩამოტვირთეთ სპეციალური შაბლონები (პლაგინები) საპასუხო დიზაინისთვის. მაგალითად, WP Mobile Detector, WordPress Mobile Pack, WPSmart Mobile და სხვა. ისინი ხელს შეუწყობენ საიტის უფრო სწორად ჩვენებას ტელეფონზე, ხოლო თქვენ მიიღებთ რამდენიმე რჩევას იმის შესახებ, თუ რა უნდა გამოსწორდეს გვერდის მობილურ ვერსიასთან უკეთ ადაპტაციისთვის.
რა თქმა უნდა, ეს მეთოდი არ არის შესაფერისი სერიოზული რესურსებისთვის. პირიქით, ეს უფასო ფუნქცია განკუთვნილია მცირე და მარტივი საიტებისთვის, ბლოგებისთვის, ახალი ამბების არხებისთვის. არ დაგავიწყდეთ, რომ Google-ის საძიებო სისტემა, ისევე როგორც Yandex, დღეს სერიოზულ მოთხოვნებს უყენებს მობილურ ვერსიებს, ასე რომ, ამ მეთოდით თქვენი პოზიციების დაწევის დიდი შანსია.
ამ მეთოდით, დიდი ალბათობით, რეკლამები და ამომხტარი ფანჯრები შეწყდებაბანერები, მაგრამ გვერდი იტვირთება სწრაფად და „ლაგების“გარეშე.
მობილური ვერსიების შექმნის პრინციპები
არ აქვს მნიშვნელობა, საიტის მობილური ვერსია შეიქმნა უფასოდ თუ ვებმასტერების პერსონალის დახმარებით, RESS სისტემაზეა დამზადებული თუ ადაპტაციური შაბლონის გამოყენებით. რაც მთავარია, მისი ეფექტური მუშაობისთვის საჭიროა რამდენიმე უაღრესად მნიშვნელოვანი პრინციპის დაცვა. მაშ, როგორი უნდა იყოს საიტის მობილური ვერსია? როგორ გავხადოთ ის პროდუქტიული, ეფექტური და პროდუქტიული?
წაშალე ყველაფერი არასაჭირო
მინიმალიზმი არის ის, რისკენაც უნდა იბრძოლოს საიტის მობილური ვერსიის შემქმნელი. წარმოიდგინეთ, რა ძნელია აღიქვათ ინფორმაცია, რომელიც სავსეა ფერებით, ღილაკებით, ბანერებით და რომელიც უსასრულოდ უნდა გადახვიდეთ სწორი მასალის მოსაძებნად. მობილური დიზაინი უნდა იყოს მარტივი და სუფთა. აირჩიეთ 2-3 ფერი სივრცის გასაყოფად (მაგალითად, ბრენდირებული). უკეთესია, თუ რომელიმე მათგანი თეთრია. დაყავით პატარა ეკრანის სივრცე გასაგებ და წასაკითხ ზონებად. ვირტუალური გასაღებები ისე უნდა იყოს ხილული, რომ მომხმარებელმა ნათლად იცოდეს სად დააჭიროს და ნახოს - აი პროდუქტი, აქ არის მონაცემების შევსების ფორმა, აქ არის ინფორმაცია მიწოდებისა და გადახდის შესახებ.
ყველა დამატებითი ვარიანტი, რომელიც სასარგებლო იქნება დესკტოპის ვერსიაში და გაუადვილებს მომხმარებლის ცხოვრებას, აქ მხოლოდ სირთულეებს მოაქვს. დატოვე მხოლოდ ყველაზე მნიშვნელოვანი ელემენტები. ანიმაცია, სარეკლამო ბანერები, მულტიმედია, დიდი ალბათობით, მხოლოდ ანელებს საიტის ან აპლიკაციის მუშაობას და გადაიტანს ყურადღებას.მთავარი.
გასწორება
თანსწორების საკითხი არანაკლებ მწვავეა, რადგან არასწორად გაკეთების შემთხვევაში მომხმარებელი მიიღებს მხოლოდ მნიშვნელოვანი სიტყვების დაბოლოებებს. ზოგადად მიღებულია მარცხნივ და ვერტიკალური გასწორება. წარმოიდგინეთ, რომ სქროლავთ ახალ ამბებს თქვენს ტელეფონზე. თქვენ ამას აკეთებთ ზემოდან ქვემოდან, არა მარცხნივ ან მარჯვნივ.
გაერთიანება
როდესაც არ არსებობს გადასვლების გრძელი ჯაჭვის შესაძლებლობა, შეეცადეთ გააერთიანოთ რამდენიმე ნაბიჯი ერთში. მაგალითად, საიტი მოითხოვს მონაცემთა შეყვანას რამდენიმე ეტაპად - სახელი, შემდეგ მისამართი, სადაც თითოეულ ცალკეულ უჯრედში არის ცალკე სახლი, ქუჩა, ბინა და ა.შ. იმისათვის, რომ არ აიძულოს მომხმარებელი შეეცადოს დაარტყას ბევრ პატარა უჯრედს. სთხოვეთ შეავსოს მხოლოდ 2 - სახელი და მისამართი.
და გათიშვა
ზოგჯერ პირიქით, საჭიროა ზედმეტი ინფორმაციის გამოყოფა. მაგალითად, ჩამოსაშლელ მენიუში გაქვთ 80-ზე მეტი ქალაქის სია, სადაც მიწოდება ხორციელდება. დაჯგუფეთ ისინი რეგიონების მიხედვით, რათა მომხმარებელს არ მოუწიოს ამ უზარმაზარი სიის გადახვევა. როდესაც ის გადაადგილდება რეგიონულ ცენტრზე ან რეგიონზე, ქალაქების სხვა სია ამოვარდება.
განცხადებები
სხვათა შორის, სიების შესახებ. ორი მათგანია - დაფიქსირებული ანბანური ან სხვა თანმიმდევრობით და ჩანაცვლებით. მათი არჩევანი დამოკიდებულია იმაზე, თუ რა იქნება ჩამოთვლილი.
შესწორება სასარგებლოა, თუ მომხმარებელმა ზუსტად იცის რას ეძებს. მაგალითად, ქალაქი, ნომერი ან თარიღი. მეორე ვარიანტი შესაფერისია გრძელი რთული სახელებისთვის ან იმ შემთხვევებისთვის, როდესაც არსებობს ერთი და იგივე მრავალი ვარიაციაიგივე სახელი და თითოეული ჩამოსაშლელი სია მომხმარებელს ერთი ნაბიჯით უახლოვდება მიზანს. ავტომატური ჩანაცვლების ვარიანტი უფრო ხშირად გამოიყენება, როდესაც ვიზიტორს დახმარება სჭირდება. მაგალითად, ქსოვის საიტი გთავაზობთ ქსოვის ნემსების ყიდვას. მომხმარებელი შეაქვს საძიებო მოთხოვნაში „ლითონის ქსოვის ნემსები“და ხელსაწყოს მინიშნებში ხედავს „ქსოვის ნემსები 5მმ“, „ქსოვის ნემსები 4.5მმ“და ა.შ.
ავტომატური შევსება
ეს ნივთი განსაკუთრებით აქტუალურია საიტებზე, რომლებიც ყიდიან რაღაცას ონლაინ და უნდა შეავსოთ გადახდის, მიტანის და ა.შ. სტანდარტული ფორმები. თუ ადამიანი ყიდულობს ტელეფონით, მაშინ დიდი ალბათობით მას დრო არ აქვს. კომპიუტერთან მისასვლელად, რაც ნიშნავს, რომ შესყიდვის პროცესი უნდა განხორციელდეს რაც შეიძლება სწრაფად და მოხერხებულად.
ამისთვის, ფორმები შეიძლება შეიცავდეს უკვე შევსებულ მონაცემებს, შეგიძლიათ მიმართოთ ყველაზე პოპულარულ პასუხებს. მაგალითად, ჩადეთ დღევანდელი თარიღი, ნაღდი ანგარიშსწორების მეთოდი, ქალაქი, თუ თქვენ მუშაობთ იმავე რეგიონში. მათი შეცვლა შესაძლებელია, მაგრამ თუ მიზანს მიაღწევთ, მომხმარებლის დრო შეინახება.
ყველაფერი იკითხება, ყველაფერი ნანახია
საიტის მობილური ვერსიის შექმნისას გახსოვდეთ, რომ ყველას ტელეფონები განსხვავებულია და მხედველობაც განსხვავებულია. შესაძლოა, თქვენი საიტი ხილული იყოს პატარა ეკრანიდან, ასე რომ, შრიფტები უნდა იყოს მარტივი და წაკითხული, ღილაკები უნდა იყოს საკმარისად დიდი, რათა მათ დააწკაპუნოთ სხვა გვერდზე გადატანის გარეშე, და სურათები უნდა გაიხსნას ცალკე, დიდი, განსაკუთრებით მაშინ, როდესაც ის მოდის ინტერნეტში. მაღაზია.
ზოგიერთი სტატისტიკა
საუბრის მობილურ მოწყობილობებზე საიტის ადაპტაციაზე, არ შეიძლება არ მივმართოთ სტატისტიკას იმის გასაგებად, თუ რამდენად მნიშვნელოვანია ეს პროცესიონლაინ აქცია.
ნომრები ასეთია. დღეს გაჯეტებს იყენებს მოსახლეობის 87%, როგორც ჩანს, მცირეწლოვანი ბავშვებისა და ხანდაზმული ადამიანების გარდა. ეკონომისტები პროგნოზირებენ, რომ მობილური ვაჭრობა 100-ჯერ გაიზრდება მომდევნო 5 წლის განმავლობაში. ამავდროულად, საიტების მხოლოდ 21% არის ადაპტირებული მობილურ მოწყობილობებთან მუშაობისთვის. ეს ნიშნავს, რომ ინტერნეტ ტრაფიკისა და ელექტრონული კომერციის ბაზრის მხოლოდ მცირე მე-5 ნაწილია დაკავებული.
დაფიქრდით ამ ციფრებზე. აქვს თუ არა აზრი თქვენი რესურსის ადაპტირებას? რა თქმა უნდა კი. უფრო მეტიც, სანამ ამ ბაზარზე ამდენი ადგილია, შეგიძლიათ მასში საკუთარი სეგმენტის გამოკვეთა.
სად გჭირდებათ მობილური ვერსია
მობილური ვერსიის გამოყენებას აზრი აქვს ნებისმიერი პლატფორმისთვის, რომელიც მიზნად ისახავს მაღალი რეიტინგის მიღებას. ყოველივე ამის შემდეგ, ეს პირდაპირ გავლენას ახდენს მომხმარებელზე, ქმნის კომფორტულ პირობებს მისთვის თქვენს საიტზე დარჩენისთვის.
ვერ იარსებებს მობილური ვერსიის გარეშე:
- საინფორმაციო პორტალები, რადგან მათი უმეტესობა სამსახურში ან სკოლაში მიმავალი ტელეფონიდან ჩანს;
- სოციალური ქსელები - ამავე მიზეზით, პლუს არის ონლაინ კომუნიკაციის ფაქტორი, რაც ნიშნავს, რომ ამისთვის უნდა შეიქმნას მოსახერხებელი, გასაგები ჩატი;
- მინიშნება, სანავიგაციო საიტები და ა.შ., სადაც ადამიანები მიდიან, როცა რაღაცას ეძებენ;
- ონლაინ მაღაზიები - შესაძლებლობა მოიზიდოთ მომხმარებლები, რომლებიც დროს არ კარგავენ საყიდლებზე, არამედ ყიდულობენ ყველაფერს მობილური ინტერნეტის საშუალებით.
დასკვნის ნაცვლად
დღეს მობილური ტექნოლოგიები შემოვიდააქტიური ზრდა და განვითარება, შესაბამისად, ბაზარზე ლიდერობისკენ სწრაფვისას, ნებისმიერმა კომპანიამ უნდა უზრუნველყოს, რომ მისი ინტერნეტ რესურსი აკმაყოფილებს მოთხოვნებს. მომხმარებლის მზარდი მოთხოვნების გამო, საიტები მუდმივად უნდა განახლდეს და მოერგოს სხვადასხვა მოწყობილობებს. გასაგებია, რომ თუ ადამიანს არასასიამოვნოა კონკრეტულ რესურსზე ყოფნა, ის ვერ მიიღებს ინფორმაციას პროდუქტზე ან ფასზე, განათავსებს შეკვეთას, გაიგებს მიწოდების შესახებ, შემდეგ იპოვის საიტს, სადაც ეს ყველაფერი შესაძლებელი გახდება. ამიტომ კონკურსში გასამარჯვებლად მნიშვნელოვანია მოქნილი, მოსახერხებელი, ფუნქციონალური და საინტერესო რესურსი.
ამაში დაგეხმარებათ Android ან Ios ვებსაიტის მობილური ვერსია. ამისათვის თქვენ უნდა აირჩიოთ რედიზაინის ერთ-ერთი ზემოთ ჩამოთვლილი მეთოდი - ადაპტური შაბლონი, ახალი საიტის შექმნა ქვედომენზე და მასზე გადამისამართება, უფასო შაბლონების გამოყენება ან მობილური აპლიკაციის შექმნა, რომელიც გაუადვილებს მომხმარებელს შესვლას. და იყავი გვერდზე.
ეს მიდგომა ხელს შეუწყობს არა მხოლოდ არსებული მომხმარებლების ლოიალობის შენარჩუნებას, არამედ ახალი ვიზიტორების მოზიდვის შესაძლებლობას.
