Mobile Versioun vum Site: Wéi maachen ech? Adaptiven Design

Heute sinn d'Leit online duerch mobile Gadgeten - Tabletë, Telefon'en, an an Zesummenhang mat dësem Site Optimisatioun och op engem neie Level. Wann de Benotzer ukomm ass a gesäit datt de Site net fir mobilen Apparater optimiséiert gëtt: d'Bild kann net gesinn ginn, d'Knäpper verschéckt ginn, d'Schrëften kleng a ongeléngbar sinn, d'Motiv ass verschwonnen - 99 vun 100% datt et eraus komm ass a gesicht nach eng méi komfortabel sinn. A CRAWLER wäert eng kontrolléieren huet, datt d'Ressource net relevant ass, t. E. Huet d'Sich Paieziedel net Match. Dofir muss d'Gestioun vun der Säit néideg fir verschidden mobil Apparaten adaptéiert sinn. Wat ass eng mobil Versioun vum Site, wéi et se maachen, a wat ass de beschte Wee fir se z'änneren? Liest méi am Artikel.

Esou sinn et vier véierméiglech Weeër fir de Site op eng mobil Versioun z'adaptéieren.

Déi éischt Manéier - adaptiven Design

Adaptiven Mustere proposéiere Zaïtgeescht Bild Site, je der Écran Gréisst. Si ginn normalerweis op Standard 1600, 1500, 1280, 1100, 1024 an 980 Pixel gesat. Fir de Gebrauch Ëmsetzen CSS3 Media ufroën. Den Design vum Site ännert sech net.

D'Virdeeler vun dëser Method ëmfaassen:

• Convenient Design, well d'Struktur selwer passt op d'Bildschirmparameter passt an all Aktualiséierung erfëllt d'Entwécklung vum Design net nëmmen ugestrach, just korrekt CSS an HTML;
• Eng URL - de Benotzer brauch net méi Nimm ze maachen, et gëtt keng Ufro un d'Redirektioun (Ëmleitung vun enger Adress an den aneren), wat d'Aarbecht vum Webmaster komplizéiere kann, an et ass méi einfach fir de Sichter ze sortéieren an d'Ressource mat enger eenzeger Adress ze setzen.

Selbstverständlech hunn adaptiv Templates och hir eegen Ongerechtegkeeten, déi duerch de Wee méi wéi d'Verdéngen sinn. Trotzdem sinn vill Entwéckler se op dësem Konzept, zum Beispill de Google Corporation, déi seng mobil Versioun vum Site e adaptiven Design hunn, unhänken. Also, de Nodeeler:

• Adaptive Design ënnerstëtzt net déi selwecht Aufgaben op engem mobilen Apparat wéi op engem PC. Wann dat ass, zum Beispill, eng mobil Versioun vun der Bank Websäit, wou de Benotzer méi wahrscheinlech Informatioun iwwer den Austauschaprint oder déi nächst ATMs hunn, dann ass dësen Design ganz genuch. Mee wann et eng komplex strukturéiert Ressource mat vill Rubriken an subsections ass, de adaptiven Layout gëtt kaum ze Visiteuren Appel.
• Laangener Loading léisst Äre Lieblingsplang an eng gehaasst. Dëst gëllt speziell fir Ressourcen, wou Animatioun, Videoen, Pop-ups an aner aktiv Elementer reich sinn. Wéinst deem schweren Gewiicht ass d'Säit einfach "ze luesen", de Benotzer - rosen op a goen, an d'Sichpositiounen vun der Säit falen.
• D'Onméiglechkeet d'Mobilitéit vun der mobiliséierter Versioun z'ernimmen ass en anere grousse Schwieregkeetsgrad. Wann e puer Element vun sou engem Layout verbrennt ass, kanns de näischt maachen fir et opzemaachen, am Géigesaz zu de Siten wou et kann ausgeliwwert ginn an an engem regelméissegen Domain goen.

Trotzdem, sou eng mobil Versioun vum Site schnell, ouni speziell Fäegkeeten a Käschten, erméiglecht Iech d'Ressource un all Gadget z'änneren. Mä et ass gutt, am Hibléck op déi Mängel, op kleng, einfach Ressourcen mat engem Minimum vun Informatioun a Multimedia, ouni komplizéiert Navigatioun an Animatioun. Fir e komplexe Site si zwee aner Methoden.

Déi zweet Method ass eng getrennte Versioun vum Site

Dës Methode ass ganz allgemeng a féiert oft e Site op engem mobilen Apparat méi praktesch fir d'Perceptioun. Wichteg ass et fir eng getrennte Versioun vun der Säit z'ënnerstëtzen, déi fir d'Applikatioun gezeechnet ass an op enger separater URL oder Subdomain, zum Beispill, m.vk.com. Zur selwechter Zäit ass déi Haaptfunktionalitéit bewahrt, d'Design vum Site just kuckt verschidde. Virdeeler vun dëser Method sinn evident:

• Benotzerfrëndlecht Interface;
• Et ass einfach ze änneren an änneren ze maachen, well d'Versioun getrennt vun der Haaptressourcen existéiert.
• Wéinst dem niddregt Gewiicht vun enger separater Versioun vum Site ass vill méi séier wéi d'adaptive Schabloun;
• Meeschtens ass et eng Geleeënheet fir op d'Haaptversion vun der Säit mat engem Handy ze goen.

Mee hei ass et och Mängel:

• Verschidde Adressen - Desktop an mobil Versioun vum Site. Wéi benotzen ech den User un zwou Méiglechkeeten un? Webmasters oft driwwer Ofleefung (redirect) vun der dextup-Version op mobil, awer zur selwechter Zäit, wann dës Säit net an der mobiler Versioun existéiert, kritt de Benotzer e Feeler. Hei sinn Schwieregkeeten mat den Sichmaschinn, déi schwéier schwéier 2 identesch Ressourcen stëmmen, an dëst direkt den Effekt beaflosst.
• Mobile Versioun vum Site aus dem Computer, wann de Benotzer geheescht ginn ass, wäerte lächerlech sinn, wat awer och beaflosst kann ginn.
• Dës Versioun gëtt oft staark geschomb, Desktop, sou datt de Benotzer ganz limitéiert Fonktionnalitéit kritt. Awer gläichzäiteg, wann eppes fehlt, kann de Visiteur op déi komplett Versioun vun der Säit goen.

Am General eng gerecht Mobil Site gerechtfäerdegt an ass am meeschte verbreet wéi eng Ressource fir mobil Apparaten adaptéieren. Et ass populär mat groussen Online Geschäfter, zum Beispill Amazon.

Déi drëtt Method ass RESS-Design

D'Google Sichmotiv ënnerstëtzt aktiv dës Richtung vu mobilen Design. Dëst ass déi schwieregsten, techste, awer effektiv Method, fir de Site op engem Telefon oder Tablet anzemmerken. Et gëtt genannt RESS. Dëst ass eng Ressource déi an enger mobiler Applikatioun zielt, déi fir all Apparat separat ofgeschloss ginn kann. Fir Android - mat GooglePlay, an fir Apple - mat iTunes.

Solche Applikatiounen si séier, gratis, praktesch, hunn d'Méiglechkeet fir verschidden Informatiounsfäegkeeten z'ënnerstëtzen, während den Telefongedächtnis an den Internetverkéier net gläich si gi wéi beim Besuch vun engem Site duerch de Browser. Si sinn einfach ze reechen, well de Link ëmmer op der Écran an der Hand steet, an et ass net néideg, en komplizéierten Numm an der Adressbar vum Browser ze setzen.

Et gi selbstverständlech hier a seng Mängel, wéi d'Komplexitéit an der Entwécklung, den héigen Ausgaben fir eng grouss Unzuel vun Programméierer, e puer Varianten vum Layout ze maachen. Heiansdo gëtt e mobilen Apparat net vun der Applikatioun erkannt. Dir brauche regelméisseg technesch Hëllef, Korrektur vun Mängel. Trotzdem gëtt dës Optioun als déi bescht vun den dräi angeboten wéinst senger produktiv, onverbierter Operatioun.

De bëllegste Wee fir e mobil Site ze maachen

All déi vun de genannten Methoden ass ugeholl, awer net ëmmer eng laang an komplex, mee ëmmer bezuelte Aarbecht vum Webmaster. Wann Dir déi dréngend Notzung vun sou enger Entwécklung net gesitt, kënnt Dir eng einfach a gratis mobil Versioun vum Site benotzen. Wéi kënnt et am einfachsten maachen?

Besonnesch Schablounen (Plug-ins) fir adaptiven Design. Zum Beispill, WP Mobile Detector, WordPress Mobile Pack, WPSmart Mobile an aner. Si hëllefe fir de Site korrekt am Telefon ze weisen, a gläichzäiteg kritt Dir e puer Tipps, déi fir eng besser Adaptatioun vun der Säit an der mobiler Versioun korrigéiert ginn.

Natierlech kann dës Method kaum e seriös Ressource passen. Dëst ass natierlech gratis fir kleng a einfache Siten, Blogs, Newsfeeds. Vergiesst net datt d'Suchmaschinn Google, wéi Yandex, haut heiansdo Fuerderungen op mobilen Versiounen mécht, also ass et eng grouss Chance fir Är Positiounen ze benotze mat dëser Methode.

Mat dëser Method ass et wahrscheinlech, datt Werbe- a Pop-up Banneren ofgeschnidden ginn, awer d'Säit léisst séier a lackeleg "lags".

Prinzipien fir nei Versiounen z'erméiglechen

Kee Problem ass eng mobil Versioun vum Site erstallt oder gratis mat der Hëllef vum Webmaster Personal, et gëtt am RESS-System oder mat enger adaptiven Schabloun. Déi wichtegst Saach ass dat fir seng efficace Aarbecht et muss u verschiddene ganz wichteg Prinzipië festgehalen ginn. Also, wat soll déi mobil Versioun vum Site sinn? Wéi et effektiv, efficace a produktiv ze maachen?

Mir huelen all onnéideg

De Minimalismus ass eppes wat den Entwéckler vun der mobiler Versioun vum Site soll dozou bäidroen. Stellt Iech vir wéi schwéier et Informatioun ass, déi voll vu Faarwen, Knäppercher, Banneren ass, an déi Dir endlos op der Sich no de richtege Material scrollen muss. Mobil Design soll einfach a propper sinn. Fëllt 2-3 Faarwen fir den Raum ze trennen (zum Beispill Marken). Et ass besser wann een vun hinnen ass wäiss. Divisioun vun engem klengen Écran an klar a liesbare Zonen. Déi virtuelle Tastenduume sollen sichtbar sinn, fir datt de Benotzer kloer klickt wou et klickt a gesinn huet - et ass de Produit. Hei ass d'Form fir d'Donnéeën auszufüllen, hei ass d'Informatioun iwwer d'Liwwerung an d'Bezuelung.

All déi aner Optionen déi nëtzlech sinn an der Desktop-Versioun an d'Liewen erliichtert fir de Benotzer nëmme Komplikatiounen. Loosst nëmmen déi wichtegst Elementer. Animatioun, Reklametafferen, Multimedia, wahrscheinlech, wäerte nëmmen de Site oder der Applikatioun lues a lues aus der Haaptthema schwätzen.

Ausrichtung

D'Ausgab vun der Equatioun ass net manner kräfteg, well wann Dir et falsch maachen, kritt de Benotzer nëmmen déi Endbeleegungen vun Wichtegst Wëssen. Auslagerung op der rietser Säit a vertikal gëtt als gemein ginn. Stellt Iech vir wéi Dir iwwer d'Newsline am Telefon klickt. Dir maacht dat vu bescht bis ënnen, awer net an der lénkser oder riets Säit.

Vereenegung

Wann d'Méiglechkeeten vun enger laang Kette vu Iwwergankshëllef net do sinn, probéiert et puer Schrëtt an ee zesummen. Zum Beispill, de Site erfëllt d'Input vu Donnéeën an e puer Etappen - e Numm, dann eng Adress wou all Haus ee separat Haus, Strooss, Appartement etc. enthält. Fir net de Benotzer ze versetzen ze probéieren, an e puer klenge Zellen ze kommen, frot hien nëmmen 2 - Numm an Adress.

An Erhuelung

Heiansdo, am Géigendeel, brauch Dir zevill Informatiounen ze trennen. Zum Beispill, am Dropdown-Menü sinn Dir eng Lëscht vun méi wéi 80 Stied, wou d'Liwwerung ausgezeechent gëtt. Gruppéiert se duerch Regioun, fir datt de Benotzer net duerch dës riesech Lëscht ze scrollen. Wann hien op de regionalen Zentrum oder Gebitt weist, gëtt eng aner Lëscht vu Stied aus.

Checklists

Iwwert de Wee, iwwer d'Lëschte. Déi zwee sinn an alfabéiert oder anere bestellt a mat der Auswiesselung. D'Wiel vun hinnen hänkt dovun of.

Fixed ass praktesch wann de Benotzer weess genee wat hien sicht. Zum Beispill, eng Stad, Nummer oder Datum. Déi zweet Méiglechkeet ass fir laang komplizéiert Nimm oder am Fäll gëeegent wou et eng Rei vun Variatiounen an eng an déi selwecht Numm ass, an all Drop-verwandelt Lëscht Benotzer méi Schrëtt fir de Goalkeeper duerstellen. Eng Variante mat Auto-Substitutioun gëtt méi oft benotzt wann e Besucher Hëllef braucht. Zum Beispill, e Site fir Stéckerbittel fir Stécknadel ze kaafen. De Benotzer liwwert d'Sich-Abfrage "Metal Stricknadeln", an am Tooltip sieht "Spuk 5 mm", "Spuken 4,5 mm" asw.

Autofill

Dëst ass besonnesch wichteg fir Websäite wou eppes online gëtt verkaf an Dir musst Standardformater, Liwwerung, etc. füllen Wann eng Persoun e Kaaf vun engem Telefon kaaft, da wahrscheinlech hien net Zäit fir de Computer ze kréien, dat heescht datt de Prozess Dir musst Kaafen esou séier wéi méiglech ze maachen.

Fir dës Form kann scho gefeelt Daten enthalen, Dir kënnt op déi populär Äntwerten opkucken. Zum Beispill markéiert dat Datum, d'Methode vun der Bezuelung am Bargeld, d'Stad, wann Dir an enger Regioun schafft. Si kënnen uerdentlech geännert ginn, awer wann Dir de Goal fënnt, da gëtt de Benotzer d'Zäit gespäichert.

Alles ass geliwwert, alles ass ze gesinn

Schafe vum Design vun der mobiler Versioun vum Site, erënnere datt all Telefone verschidde sinn an d'Visioun och. Vläicht Är Site soll aus engem klengen Écran sinn, sou datt d'Schrëfte wären einfach a liestabel sinn, déi Knäppchen - grouss genuch, datt se geklickt ginn an net op eng aner Säit kommen an d'Biller sollen separat geopfert ginn, grouss, besonnesch wann et am Internet geet Fir de Buttek.

E puer Statistiken

Mir schwätzen iwwer d'Adaptatioun vum Site op mobilen Apparater, Dir kënnt d'Statistik net astellen, fir ze verstoen, wéi wichteg et ass fir de Netzwierk ze förderen.

D'Zuelen si wéi folgend. Hautgängeg Gadgets gi vun 87% vun der Bevëlkerung benotzt, anscheinend, ausser de jéngste Kanner a puer eeler Leit. Economisten prognostizéieren de Wuesstum vum mobilen Handel 100 Mol fir déi nächste 5 Joer. Zur selwechter Zäit sinn nëmmen 21% vun de Sitten adaptéiert fir mat mobilen Apparater ze schaffen. Awer den Internetverkéier an den e-commerce Maart sinn nëmme besat vu enger klenger 5ter Plaz.

Frot iwwer dës Zuelen. Huet et Sënn fir Äert Ressource z'änneren? Natierlech, jo. Ausserdeem, sou laang et sou vill fräi Plaz op dësem Maart kënnt, kënnt Dir Äert eegene Segment ophuelen.

Wou ass d'mobil Versioun gebraucht?

Benotzt d'mobil Versioun ass ugemooss fir all Plattform déi e gudde Start kritt. Eigentlech ass et direkt direkten Impakt op de Benotzer, fir datt hie komfortabel Konditiounen fir op Ärem Site ze bleiwen.

Ouni eng mobil Versioun kann et net existéieren:

• Neiegkeeten Portale, well et meescht vun hinnen déi telefonéieren um Wee fir ze schaffen oder ze studéieren;
• Sozial Netzwierker - aus dem selwechte Grond, plus et ass e Faktor vun der Kommunikatioun on-line, dat heescht datt e prakteschen, verständleche Chat sollt fir dat geschaf ginn;
• Referenz Siten, Site mat Navigatioun, asw., Wou d'Leit dréinen wann se op der Sich sinn sinn;
• Online Geschäfter - eng Chance fir Akaaf ze bréngen, déi net Zäit op Shoppingreesen verbréngen, mee alles iwwer mobilen Internet kaafen.

Amplaz ofzeschléissen

Haut mobil Technologien sinn an der Etappe vum aktive Wuesstem an der Entwécklung, dofir ass et fir d'Leedung am Maart bestrooft ginn, all Firma soll garantéieren datt seng Internet Ressource den Ufuerderungen entsprécht. Wéinst ëmmer méi Benotzer Ufroen, Siten mussen permanent entwéckelt ginn an un verschidden Apparaten adaptéiert ginn. Et ass kloer, datt wann eng Persoun onwuel op enger bestëmmter Ressource ass, kann hien net iwwer d'Produkt oder de Präis informéieren, en Uerder maachen, iwwer d'Liwwerkunde léieren, da kënnt de Site un. Dofir, fir de Concours ze gewannen, ass et wichteg datt Dir eng flexibel, praktesch, funktionell an interessant Ressource hutt.

Eng mobil Versioun vun der Android oder Ios Websäit kann hëllefen. Fir dëst ze maachen, musst Dir eent vun den uewe genannten Methoden fir d'Redesign wielen - eng adaptive Schabloun, e neie Site op enger Subdomain eraweren a gitt op d'Redirectioun, benotze gratis Templates oder eng mobil Applikatioun erstallt, duerch déi de Benotzer méi bequem a bleift op der Säit.

Sou en Approche wäert net nëmmen d'Loyalitéit vun existente Clienten erhalen, mee och eng Chance ginn fir nei Besucher ze bréngen.