Idag går de flesta online onlinemobila prylar - tabletter, telefoner, i samband med detta, optimering av webbplatsen kommer också till en ny nivå. Om en användare kommer och ser att platsen inte är optimerad för mobila enheter: Det går inte att visa bilden, drog en knapp, små och oläsbara typsnitt, design skev - 99 av 100% att han kommer att komma ut och kommer att börja leta efter en annan bekvämare. En sökrobot kommer att avmarkera att resursen är irrelevant, dvs matchar inte sökfrågan. Därför måste utformningen av sidan nödvändigtvis anpassas till olika mobila enheter. Vad är en mobilversion av webbplatsen, hur man gör det och vad är det bästa sättet att tillämpa det? Läs mer i den här artikeln.

Så det finns fyra viktiga sätt att anpassa webbplatsen till en mobilversion.

mobilversion av webbplatsen hur man gör

Den första vägen - adaptiv design

Adaptiva mallar föreslår en förändringbilder på webbplatsen beroende på skärmstorlek. Som regel är de inställda på standard 1600, 1500, 1280, 1100, 1024 och 980 pixlar. Använd CSS3 Media Queries för implementering. Utformningen av webbplatsen ändras inte samtidigt.

Fördelarna med denna metod är:

  • Praktisk design, eftersom strukturen själv anpassar sig till skärmparametrarna, och någon uppdatering kräver ingen utveckling av design från början, bara rätt CSS och HTML;
  • en webbadress - användaren behöver inte komma ihågflera namn, finns det inget behov redirect (omdirigering från en adress till en annan), vilket kan komplicera operation webmaster och sökmotorn är lättare att sortera och rangordna resursen med en enda plats.

Naturligtvis har adaptiva mallar sina egnanackdelar, som förresten är mer än meriter. Ändå följer många utvecklare till detta koncept, till exempel företaget Google, vars mobila version av webbplatsen har en adaptiv design. Så nackdelarna är:

  • Adaptiv design stöder inte samma uppgifter förmobilenhet, som på datorn. Om det till exempel är en mobilversion av bankens hemsida där användaren är mer sannolikt att få information om växelkursen eller närmaste bankomater, är den här designen tillräckligt. Men om det är en komplex strukturerad resurs med många sektioner och underavsnitt, så är det inte troligt att adaptiv layout vädjar till besökare.
  • En långsam nedladdning gör din favoritplats till enhatade. Detta gäller särskilt resurser, där animering, videoklipp, popup-fönster och andra aktiva element är rikliga. På grund av den stora vikten kommer sidan att helt enkelt "sakta ner", användaren blir arg och går bort, och sökpositionerna på webbplatsen kommer att falla.
  • Oförmåga att inaktivera mobilversionen - meren signifikant nackdel. Om något element är dolt av en sådan layout kan du inte göra något för att öppna det, till skillnad från webbplatser där det kan inaktiveras och gå till en vanlig domän.

Ändå är en sådan mobil version av webbplatsen snabb,utan speciella färdigheter och kostnader kan du anpassa resursen till en gadget. Men det är lämpligt med små, enkla resurser med minimalt information och multimedia, utan komplicerad navigering och animering med tanke på de angivna bristerna. För en komplex plats är två andra metoder lämpliga.

webbdesign

Den andra metoden är en separat version av webbplatsen

Denna metod är mycket vanlig och ofta med framgånggör platsen på den mobila enheten mer bekväm för uppfattning. Dess väsen är att skapa en separat version av sidan som är ritad för applikationen och placerad på en separat webbadress eller underdomän, till exempel m.vk.com. Samtidigt är den huvudsakliga funktionen bevarad, designen av webbplatsen ser helt enkelt annorlunda ut. Fördelarna med denna metod är uppenbara:

  • användarvänligt gränssnitt;
  • Det är lätt att ändra och redigera, eftersom versionen finns separat från huvudresursen.
  • på grund av den låga vikten av en separat version av webbplatsen är mycket snabbare än den adaptiva mallen;
  • oftast finns det en möjlighet att gå till huvudversionen av sidan med en mobil.

Men här var det också brister:

  • Flera adresser - skrivbords- och mobilversionsite. Hur gör jag användaren ihåg två alternativ? Webbmästare föreskriver ofta omdirigering (omdirigering) från dextupversionen till mobilen, men samtidigt får användaren ett fel om den här sidan inte finns i mobilversionen. Här finns det svårigheter med sökmotorerna, som är svåra att rangordna 2 identiska resurser, vilket direkt påverkar framstegen.
  • Mobilversion av webbplatsen från datorn, om användaren felaktigt går till den, kommer att se löjligt ut, vilket också kan påverka närvaro.
  • Den här versionen är ofta kraftigt begränsad, skrivbordet, så användaren får mycket begränsad funktionalitet. Men samtidigt, om något saknas kan besökaren gå till den fullständiga versionen av sidan.

I allmänhet motiverar en separat mobil webbplats sig självoch är det vanligaste sättet att anpassa resursen till mobila enheter. Det är populärt bland stora butiker, till exempel Amazon.

adaptiva mallar

Det tredje sättet är RESS-design

Google-sökmotorn stöder detta aktivtriktning för mobil design. Detta är den mest komplexa, kostsamma men effektiva metoden att anpassa webbplatsen till en telefon eller surfplatta. Det heter RESS. Det här är en resursinriktning i en mobilapplikation, som kan hämtas för varje enhet separat. För android - med Google Play och för Apple - med iTunes.

Sådana applikationer är snabba, fria, bekväma,har möjlighet att ta emot olika typer av information, medan telefonens minne och Internettrafik inte ätas som det är när man besöker en webbplats via webbläsaren. De är enkla att komma in, eftersom länken alltid kommer att finnas på skärmen till hands, och det finns inget behov av att skriva in ett komplext namn i webbläsarens adressfält.

Det finns naturligtvis här och deras brister, till exempelkomplexiteten i utvecklingen, den höga kostnaden för arbetskraft hos ett stort antal programmerare, behovet av att göra flera varianter av layout. Ibland känns inte en mobil enhet av programmet. Regelbundet tekniskt stöd, korrigering av brister är nödvändigt. Ändå anses detta alternativ vara det bästa av de tre som erbjuds på grund av sin produktiva, smidiga funktion.

google mobilversion

Det billigaste sättet att göra en mobil webbplats

Alla ovanstående metoder antaroch inte alltid en lång och komplex, men fortfarande betalt arbete av webmaster. Om du inte ser det akuta behovet av en sådan utveckling, kan du använda en enkel och gratis mobilversion av webbplatsen. Hur gör det lättare?

Hämta speciella mallar (plugins) föradaptiv design. Till exempel WP Mobile Detector, WordPress Mobile Pack, WPSmart Mobile och andra. De hjälper till att visa webbplatsen korrekt i telefonen, samtidigt får du flera tips som bör korrigeras för bättre anpassning av sidan till mobilversionen.

Naturligtvis är denna metod knappast lämplig förallvarliga resurser. Snarare är det ett fritt val är avsett för små och mycket enkla webbplatser, bloggar, nyhetsfeeds. Glöm inte att Google är en sökmotor, liksom "Yandex" gör idag stora krav på den mobila versionen, så det finns en stor chans att sänka sina positioner med hjälp av denna metod.

Med den här metoden kommer reklam- och popup-banners sannolikt att avbrytas, men sidan laddas snabbt och utan "lags".

mobilversion av android webbplatsen

Principer för att skapa mobila versioner

Oavsett, en mobil version av webbplatsen skapas gratiseller med hjälp av webbansvariga, är det gjort på RESS-systemet eller med hjälp av en adaptiv mall. Det viktigaste är att för sitt effektiva arbete är det nödvändigt att följa flera väldigt viktiga principer. Så vad ska den mobila versionen av webbplatsen vara? Hur gör den produktiv, effektiv och produktiv?

mobilversion av webbplatsen från datorn

Vi tar bort allt onödigt

Minimalism är något som bör sträva efterutvecklare av mobilversionen av webbplatsen. Föreställ dig hur svårt det är att få den information, som är full av blommor, knappar, banners, och du måste bläddra i all oändlighet för att hitta rätt material. Mobil design ska vara enkel och ren. Välj 2-3 färger för att skilja mellanslaget (till exempel märkesvaror). Det är bättre om en av dem är vit. Dela upp mellanslag av en liten skärm i tydliga och läsbara zoner. Virtuella knapparna bör vara synliga för användaren tydligt vet var du ska klicka på, och såg - produktens formulär att fylla i uppgifterna, så att informationen leverans och betalning.

Eventuella ytterligare alternativ som skulle vara användbarai skrivbordet versionen och skulle göra livet enklare för användaren, kommer de bara att medföra komplikationer. Lämna bara de viktigaste elementen. Animering, reklam banners, multimedia, sannolikt kommer bara att sakta ner webbplatsen eller applikationen och distrahera från huvudämnet.

uppriktning

Frågan om utjämning är inte mindre akut,eftersom om du gör det felaktigt kommer användaren bara att få ändringar av viktiga ord. Justering till vänster och vertikalt anses vara vanligt. Föreställ dig hur du bläddra igenom nyhetslinjen i din telefon. Du gör det från toppen, men inte till vänster eller höger sida.

union

När det inte finns någon möjlighet till en lång kedja av övergångar,Försök att kombinera flera steg till en. Till exempel kräver en webbplats inmatning av data i flera steg - ett namn, då en adress där varje hus innehåller ett separat hus, gata, lägenhet etc. För att inte tvinga användaren att försöka få på många småceller, be honom att fylla i endast 2 - namn och adress.

Och frigöring

Ibland måste du tvärtom koppla ifrånmycket information. Till exempel i listrutan har du en lista över mer än 80 städer där leveransen sker. Gruppera dem efter region så att användaren inte behöver bläddra igenom den här stora listan. När han pekar på det regionala centrumet eller området kommer en annan lista över städer att släppa ut.

listor

Förresten, om listorna. Deras två - fast i alfabetisk ordning eller annan ordning och med substitution. Valet av dem beror på vad som ska listas.

Fast är användbar omanvändaren vet exakt vad han letar efter. Till exempel, stad, nummer eller datum. Det andra alternativet är lämpligt för långa komplexa namn eller för fall där det finns många variationer med samma namn, och varje listrutan ger användaren ett steg närmare målet. Varianten med automatisk substitution används oftare när besökaren behöver hjälp. Till exempel erbjuder en stickning webbplats att köpa sticknålar. Användaren går in i sökfrågan "Metal Knitting Needles", och i verktygstipset ser han "Sticknålar 5 mm", "Sticknålar 4,5 mm" etc.

Komplettera automatiskt

Denna artikel gäller särskilt platser där någotDe säljer på nätet, och du måste fylla i vanliga betalningsformer, leverans etc. Om en person köper från en telefon, har han troligtvis inte tid att komma till datorn, vilket innebär att inköpsprocessen måste ske så snabbt och bekvämt som möjligt.

För denna blankett kan innehålla redan färdigställdadata kan du tillgodose de mest populära svaren. Till exempel, sätt in dagens datum, betalningsmetod i kontanter, stad, om du arbetar i samma region. De kan ändras, men om du träffar målet kommer användarens tid att sparas.

Allt är läst, allt ses

Skapa en mobilversion av webbplatsen, kom ihåg omatt alla telefoner är olika, och syn också. Kanske din webbplats kommer att ses från en liten skärm, så teckensnittet ska vara enkelt och läsbart, knapparna ska vara tillräckligt stora så att de kan klickas och inte nås till en annan sida, och bilderna ska öppnas separat, stora, särskilt när det gäller Internet butiken.

Några statistik

När det gäller anpassningen av webbplatsen till mobila enheter är det omöjligt att inte tillgripa statistik för att förstå hur viktigt denna process är för nätverksreklam.

Numren är som följer. Idag använder 87% av befolkningen prylar, tydligen, förutom de yngsta barnen och några äldre. Ekonomer förutsäger tillväxten av mobil handel 100 gånger under de kommande 5 åren. Dock är endast 21% av platserna anpassade för arbete med mobila enheter. Därför är internettrafik och e-handelsmarknaden endast upptagen av den lilla femte delen.

Tänk på dessa nummer. Är det vettigt att anpassa din resurs? Självklart, ja. Dessutom, så länge det finns så mycket ledigt utrymme på den här marknaden, kan du ockupera ditt eget segment på den.

mobil plats gratis

Var är mobilversionen?

Det är lämpligt att använda mobilversionen förVarje plattform som söker en hög betyg. Detta har trots allt en direkt inverkan på användaren, vilket skapar en bekväm miljö för att han ska kunna stanna kvar på din webbplats.

Utan mobilversionen kan inte existera:

  • nyhetsportaler, eftersom det är deras majoritet som ser ut från telefonen på väg till jobbet eller skolan;
  • социальные сети – по той же причине, плюс есть фактор общения в режиме онлайн, значит, для этого должен быть создан удобный, понятный чат;
  • справочные, сайты с навигацией и т. п., куда люди обращаются, находясь в поиске чего-то;
  • интернет-магазины – возможность привлечь покупателей, которые не тратят время на походы по магазинам, а покупают все через мобильный интернет.

Istället för att avsluta

Сегодня мобильные технологии находятся в стадии активного роста и развития, поэтому, стремясь к лидерству на рынке, любая компания должна следить за тем, чтобы ее интернет-ресурс соответствовал требованиям. Из-за растущих запросов пользователя сайты приходится постоянно модернизировать и адаптировать под различные устройства. Понятно, что если человеку неудобно находиться на том или ином ресурсе, он не может там получить информацию о товаре или цене, оформить заказ, узнать о доставке, то он найдет тот сайт, где все это станет возможным. Поэтому, чтобы победить в конкурентной борьбе, важно иметь гибкий, удобный, функциональный и интересный ресурс.

Сделать это поможет мобильная версия сайта Android или Ios. Для этого нужно выбрать один из вышеперечисленных способов редизайна – адаптивный шаблон, создание нового сайта на поддомене и переход к нему путем редиректа, использование бесплатных шаблонов или создание мобильного приложения, с помощью которого пользователь сможет удобнее заходить и находиться на странице.

Такой подход поможет не только сохранить лояльность существующих клиентов, но и даст возможность привлечь новых посетителей.

</ p>