Hoe de mobiele versie werkt. Wij verwijderen alles wat overbodig is. Kenmerken van verschillende soorten mobiele apparaten

Iedereen die niet te lui is, heeft het over mobiliteit: van kleine marketingbureaus tot giganten als Yandex en Google.

In dit artikel vertellen we u waarom de mobiele versie van de site zoveel opschudding veroorzaakt, welke eisen eraan moeten worden gesteld en of u deze persoonlijk nodig heeft.

En ik zal je meteen een groot geheim vertellen: na de implementatie ervan begonnen we meer bestellingen te ontvangen. Alle. De rest komt daarna.

Waarvoor? Waarvoor? Waarvoor?

U kunt op verschillende manieren stilstaan ​​bij het onderwerp van de noodzaak om een ​​site aan te passen voor mobiele apparaten.

Maar wereldwijd zijn er twee goede redenen om een ​​mobiele versie van de site te maken: de gebruikersversie en de technische.

Laten we ze allemaal eens nader bekijken. Tegelijkertijd, zoals gewoonlijk, kort en to the point. We laten water buiten de poort staan.

Gebruiksvriendelijkheid

In 2016 merkten analisten van StatCounter als eersten op dat het aandeel mobiel verkeer groter was dan het aandeel desktop: 51,3% versus 48,7%.

Dit betekent dat elke website op internet gemiddeld vaker vanaf een telefoon wordt bezocht dan vanaf een computer.

In Rusland is het beeld ongeveer hetzelfde: het aandeel smartphones is hoger dan het aandeel computers en andere apparaten. Dit blijkt uit een onderzoek van GfK Rus:

Statistieken

Elk jaar wordt de kloof steeds groter – in 2018 bedroeg de groei bijvoorbeeld 20%. Bovendien zeggen analisten dat dit niet de limiet is.

Deze situatie zou u zeker moeten doen nadenken over hoe uw website er op een smartphonescherm uitziet.

En hoogstwaarschijnlijk is het antwoord slecht. Wanneer u een gewone, niet-aangepaste website opent vanaf een mobiele telefoon, verandert het browsen in een zoektocht: u moet pagina's schalen, kleine links targeten en lang wachten met laden.

Voeg daarbij de haast en een hoop afleiding - het is niet hetzelfde aan de telefoon als op de computer, wanneer de bezoeker volledig gefocust is op de monitor.

Gebruikers zullen niet lang zoeken naar het gewenste gedeelte en de interface begrijpen - de website van een handige concurrent is altijd geopend op het volgende tabblad.

Zoekmachinevoorkeuren

Google en Yandex dringen al lang aan op mobiele versies. De eerste heeft voor dit doel een speciaal algoritme uitgebracht, Mobile-first Index, waarmee het het gemak van een mobiele site evalueert en, afhankelijk hiervan, zijn positie in de zoekopdracht bepaalt.

Het tweede algoritme kwam later uit, maar ligt qua belang op ongeveer hetzelfde niveau. Het heet “Vladivostok”.

Er zijn ook indirecte redenen die van invloed zijn op de situatie van de mobiele versie in de zoekresultaten. Zoekmachines houden onder andere ook rekening met gedragskenmerken.

Het gaat hier om hoe lang uw bezoekers op de site verblijven, hoeveel pagina's ze openen, hoe actief ze op knoppen en schakelaars klikken.

Als een gebruiker vanaf een mobiele telefoon naar een gewone desktopsite gaat, zal hij daar niet lang blijven.

Dit betekent dat gedragskenmerken verslechteren. Hierdoor bevind je je op de laatste onbewoonde pagina's van Yandex en Google.

Hebben wij je nog niet overtuigd? Ga dan zelf na of je een mobiele versie nodig hebt, of preciezer vanaf welke apparaten bezoekers jouw site bezoeken.

Dit kan in Google Analytics in het rapport ‘Doelgroep –> Mobiele apparaten –> Overzicht’. Als dat het geval is, ga dan naar “Rapporten -> Technologieën -> Apparaten”.


Analyses

Als u ziet dat meer dan 15% uit smartphones bestaat, dan is dit een alarmbel voor u: u hoeft alleen maar uw site te optimaliseren voor mobiele apparaten. Laten we daarom eens kijken welke manieren er zijn om dit te doen.

Belangrijk. Deze situatie komt niet voor iedereen voor. En in sommige gebieden is het gebruik van de mobiele versie verboden, hoe vreemd het ook klinkt.

soorten mobiele versies

De meeste sites en online winkels die u hebt ontmoet, gebruiken een van de volgende drie benaderingen: adaptieve lay-out, een aparte mobiele site en dynamische weergave.

Om de juiste keuze te maken, moet u zoals gewoonlijk voortbouwen op uw taken en capaciteiten.

1. Adaptieve lay-out

Technisch gezien is dit één site, maar de paginastructuur past zich aan de grootte van het apparaat aan.

In een vereenvoudigde versie ziet het er als volgt uit: voor computers opent u alle menu-items en rangschikt u de producten in drie kolommen.

Voor tablets tonen we alleen de winkelwagen en plaatsen we de goederen in twee kolommen; op smartphones - we verbergen alles in de menuknop en plaatsen producten één per regel.


Adaptieve lay-out

Het belangrijkste voordeel van een dergelijke aanpassing van de site is dat zowel de mobiele als de desktopversie dezelfde site zijn.

Dit betekent dat eventuele wijzigingen slechts één keer hoeven te worden doorgevoerd, waarna de site automatisch wordt aangepast voor alle schermen.

Dit kan het toevoegen van een artikel zijn, het wijzigen van de sortering of een nieuwe knopkleur. Andere voordelen van adaptief:

  • Goedkoop en simpel - het is relatief snel en goedkoop ontwikkeld, je kunt zelfs adaptief implementeren in een bestaande website;
  • Eén pagina-adres - handig voor gebruikers en technisch correct (minder gedoe met zoekmachineoptimalisatie);
  • Dat is wat Google aanbeveelt. Op de pagina voor ontwikkelaars staat een officiële aanbeveling om adaptieve lay-out te gebruiken. Er zijn geen specifieke argumenten, maar dit is Google zelf.

Er zijn ook nadelen van adaptieve lay-out. Hoewel ze in vergelijking met andere opties vrij onopvallend zijn. Maar toch bestaan ​​ze, zoals ik al zei:

  • Een website met veel functionaliteit is lastig aan te passen voor mobiele telefoons. Dit zal óf lastig zijn, óf je zult wat mogelijkheden moeten opofferen;
  • Langzaam laden. Weet je nog dat we zeiden dat dezelfde site zowel voor telefoons als computers wordt geladen?

    Dit zijn zware afbeeldingen, lange menu's en de rest van de informatie. Om het probleem op te lossen, gebruiken sommige ontwikkelaars paginacompressie, maar ze hebben ook extra verzoeken aan de server nodig, en dus tijd;

  • Het is niet mogelijk om over te stappen naar de volledige versie. Als er iets gebeurt, kan de gebruiker niet overschakelen naar de desktopversie om alle functies te gebruiken, omdat de site zelf bepaalt welke versie hem wordt getoond.

Responsief ontwerp is echter de meest populaire mobiele versie op internet.

Het wordt gebruikt door veel motoren en ontwerpers, en we gebruiken er ook enkele.

2. Aparte mobiele versie

In dit geval heeft u twee verschillende sites, elk met een eigen adres, ontwerp en mogelijkheden. Dit is het antwoord op de vraag: “Wat is het verschil tussen de mobiele versie van de site en de adaptieve versie?”

De site bepaalt zelf de grootte van het scherm van de bezoeker en bepaalt wat er wordt weergegeven: de mobiele versie van de site of de desktopversie.

Meestal is het de mobiele versie die begint in de link met de letter m (vertaald als “mobiel”).


Aparte mobiele versie

Deze aanpak is handig omdat je helemaal niet afhankelijk bent van de desktopversie. U kunt zich volledig concentreren op het gemak van mobiele gebruikers, waarbij u alleen de meest elementaire functies overhoudt en rekening houdt met alle kleine details in bruikbaarheid.

De lay-out van de mobiele versie zal heel anders zijn dan die van de desktop. Je zult zeker een afgeleide bezoeker kunnen vasthouden die hoogstwaarschijnlijk in de bus aan het verdringen is of naar zijn smartphone kijkt totdat de baas hem ziet.

Alle knoppen en schakelaars kunnen groot gemaakt worden, zodat je er zeker van bent dat je ze met je vinger aanraakt.

Er zijn ook andere argumenten om afzonderlijk een mobiele versie van de site te maken: hoge laadsnelheid - in een aparte versie worden lichte afbeeldingen van gemiddelde kwaliteit geladen en over het algemeen wordt de pagina teruggebracht tot basiselementen.

En er is ook de mogelijkheid om over te schakelen naar de volledige versie van de site als de bezoeker besluit dat mobiele functies niet genoeg voor hem zijn.

Eerlijk gezegd heeft een aparte versie van de site voor mobiele apparaten ook nadelen:

  • Verschillende websiteadressen voor mobiele telefoons en desktop. Dit kan problemen met SEO veroorzaken: zoekmachines zien twee verschillende sites met dezelfde inhoud.

    En ze degraderen posities vanwege duplicatie. Om het probleem te omzeilen, moet u extra bronnen aansluiten;

  • Het is lastig om een ​​tablet te gebruiken: elementen erop vervagen over het hele scherm.

    En voor de desktopversie zal het tabletscherm niet groot genoeg zijn. Het blijkt dat de bezoeker op een doodlopende weg zit;

  • Het kost meer. Hoewel de mobiele versie beperkte functionaliteit heeft, beschouw het toch als een nieuwe site die helemaal opnieuw moet worden gemaakt.

    Stel daarom vooraf een budget vast voor de ontwikkeling van een mobiele versie van de site;

  • Extra managementtijd. Er zijn twee sites, je moet het werk onderhouden en de relevantie zowel daar als hier controleren.

Zoals u ziet zijn er veel zorgen. Maar veel grote online winkels kiezen voor deze methode, omdat elke verkeerde handeling de klant kan afschrikken om een ​​aankoop te doen.

Als u dezelfde "gevaarlijke" verkopen heeft, moet u ook aandacht besteden aan de ontwikkeling van e-commercesites.


Online winkelwebsite

3. Dynamische weergave (RESS)

En de derde manier is een symbiose van de twee voorgaande opties. Eerst detecteert de site het apparaat van de bezoeker en opent, afhankelijk van de schermgrootte, de desktop-, mobiele of tabletversie.

Dat wil zeggen dat alleen de optie wordt geladen die geschikt is voor een specifiek apparaat. Voor computers is het groot en omvangrijk, terwijl het voor smartphones beperkt maar licht is. De aanpak verkort de openingstijd aanzienlijk.

Het grootste nadeel van RESS is dat het lang en duur is. Het ontwikkelen van een dynamische weergave is hetzelfde als het helemaal opnieuw maken van verschillende websites.

En de technologie is niet perfect. RESS is een relatief nieuwe tool, waardoor het kan voorkomen dat het apparaat verkeerd of helemaal niet wordt gedetecteerd.

Prominente figuren die RESS gebruiken, zijn onder meer Google. Over het algemeen is de technologie, zoals ik heb opgemerkt, nog niet toegepast, en als je een beperkt budget hebt of weinig tijd hebt, kun je het beter niet riskeren. En let op de twee voorgaande opties.

Er bestaat ook zoiets als een rubberen lay-out. Sommige mensen denken dat dit een optie voor een mobiele site is, maar dat is niet zo.

Belangrijk. Een vloeiende lay-out is alleen mogelijk als de site op een telefoon net zo netjes wordt weergegeven als op een pc. Bovendien geheel onveranderd.

IDEALE CRITERIA

We hebben al gezegd dat de gebruiker op de computer maximaal gefocust is op wat hij op het scherm ziet.

Er is vrijwel niets dat om zijn aandacht concurreert. Het is een kwestie van achter een smartphone zitten – parallelle taken, onderweg, meldingen, oproepen, enzovoort. Hiermee moet allereerst rekening worden gehouden tijdens de ontwikkeling.

Daarom moet u zich, ongeacht welke aanpak u kiest, aan bepaalde siteregels voor mobiele apparaten houden. Dit zijn de belangrijkste:

  1. Grote donkere tekst op een lichte achtergrond. Het is beter om alle teksten volgens de klassiekers te ontwerpen: een zwart lettertype op een witte achtergrond.
  2. Korte formulieren. Een aanvraag achterlaten, een afspraak maken, een aankoop doen – wat de gebruiker ook gaat invoeren, u moet een minimum aan gegevens opvragen, voldoende voor het eerste contact.

    Lange formulieren zijn over het algemeen intimiderend, laat staan ​​mobiele bezoekers.

  3. Grote klikbare elementen. De bezoeker mag geen knoppen en schakelaars richten of vangen. Het is beter om alle interactieve elementen groot te maken - probeer ze zelf te porren.

    Apple en Microsoft adviseren om te streven naar 44 bij 44 pixels. De minimumdrempel is 24x24, maar dit is een laatste redmiddel.

  4. Laadsnelheid van de website. Er zijn hier geen specifieke normen, maar je moet altijd naar het ideaal streven.

    Er is zo'n algemeen patroon: elke seconde die nodig is om een ​​pagina te laden, vermindert proportioneel de conversie in verkopen.

    U kunt de mobiele versie van de site controleren op laadsnelheid in speciale services, meer daarover hieronder.

  5. Het opgegeven formuliertype. Geef bij het opstellen van de technische specificaties zeker aan dat bij het invullen van de telefoon alleen het numerieke toetsenbord weergegeven mag worden.

    Hetzelfde voor wachtwoorden, e-mail en andere velden. Als u zelf een website ontwikkelt, neem dan de tijd om elk formulier op het juiste type in te stellen.

  6. Klikbare contacten. Net als bij formulieren hebben contactgegevens ook een speciaal linktype.

    Klik op de telefoon - het bellen wordt geopend, op mail - het mailprogramma. Gebruikers zullen zeker uit gewoonte op hun contacten klikken.

  7. Informatie in één kolom. Geen horizontale scrolls of foto's in meerdere kolommen op één scherm.

    Zelfs coole vlaggenschepen hebben hiervoor niet een scherm dat groot genoeg is. Tekst in één kolom is handiger om te lezen en op grote foto's kun je alle details zien.

Levenshack. Als u eenvoudigweg volledige informatie over de klant nodig heeft (bijvoorbeeld voor de bezorging), verdeel het proces van het invullen van de aanvraag dan in verschillende stappen.

Vraag in de eerste stap een naam en nummer aan, en in de volgende stap adres en gegevens. Zelfs als de gebruiker lui is en het formulier niet tot het einde invult, heb je nog steeds contacten om in te stoppen.


Greepvorm

MOBILITEIT CHECK

De beste expert die u kan vertellen of uw website gebruiksvriendelijk is, is de bezoeker. Voer een korte test uit van uw mobiele versie met behulp van de ‘Gedachten hardop’-methode.

Kies uit uw omgeving degene die het beste past bij de omschrijving van uw potentiële koper: op leeftijd, beroep, interesses.

Vraag een vrijwilliger om een ​​bestelling te plaatsen – laat hem het hele koperstraject doorlopen. Bemoei je er gewoon niet mee en corrigeer hem niet.

Laat alles zo realistisch mogelijk zijn: je gaat niet naast elke bezoeker zitten en uitleggen waar je moet klikken.

Uw proefpersoon moet eventuele moeilijkheden of verwarring hardop becommentariëren.

En jij blijft de spion spelen: analyseer de acties en maak in stilte aantekeningen in je notitieboekje. Alleen als laatste redmiddel kun je helpen als de vrijwilliger in een volkomen uitzichtloze situatie verkeert.

Technische controle

Als je zeker weet dat alle elementen aanwezig zijn en de interface duidelijk en voorspelbaar is, ga dan verder met de technische kant.

Laat de site door verschillende services lopen om fouten en opmerkingen te verzamelen. Als je kunt, repareer het dan zelf, zo niet, dan weet je wat je in de technische specificaties voor de programmeur moet schrijven.

Google Zoekconsole- officiële dienst van Google. Het laat zien hoe de site er op een gemiddeld smartphonescherm uitziet en geeft aanbevelingen voor verbetering.

Weet je nog dat we het hadden over het Mobile-first Index-algoritme? De service is gebaseerd op zijn werk, dus verwaarloos dit punt niet.


Google Zoekconsole

Yandex-webmaster- een soortgelijke service van Yandex. Voordat u dit hier controleert, moet u de site toevoegen aan het webmasterpaneel en de rechten erop bevestigen (upload het meegeleverde kleine bestand).

Alleen dan kunt u de dienst gebruiken door naar “Extra -> Mobiele pagina’s controleren” te gaan. Het ding is ook nuttig - met aanbevelingen en opmerkingen.


Yandex-webmaster

Controleer via Bing-zoekopdracht. Ja, ja, er is ook zo'n zoekmachine. Hoewel maar heel weinig mensen het gebruiken, zijn dit niet degenen die je nu nodig hebt.

Het kan zijn dat de service fouten tegenkomt waar de vorige twee geen aandacht aan besteden. Nou, zoals ze zeggen, erger kan het niet worden.


Verificatie via Bing-zoekopdracht

Visuele inspectie

Na technische controles gaat u verder met visuele controles. Natuurlijk kunt u de site vanaf uw telefoon bekijken, maar uw bezoekers hebben verschillende apparaten: van breedbeeldvlaggenschepen tot budgetsmartphones.

Om iedereen bij te houden, kunt u services gebruiken om uw site op verschillende schermen weer te geven. Hier zijn er enkele:

responsinator.com – toont alle populaire apparaten tegelijk op één pagina. Er zijn er tien in de dienst: Pixel 2 (en Androids in het algemeen), iPhones en iPads.


responsinator.com

iloveadaptive.com – U kunt kiezen welke platforms u tegelijk wilt weergeven, zonder verschillende apparaten te combineren.

Onder de extra goodies: in de rechterbovenhoek vindt u basisindicatoren voor de laadsnelheid van de pagina.


iloveadaptive.com

quirktools.com – Geeft slechts één apparaat tegelijk weer, maar wat een keuze. Alle schermen zijn onderverdeeld in groepen: moderne smartphones, drukknoptelefoons, computers en tv's.

Bovenaan zit een handige liniaal met de schermgrootte in pixels en extra functies voor roteren en scrollen.


quirktools.com

Er zit een addertje onder het gras: hoe vaak u ze ook probeert, ze geven u geen volledig beeld.

Vanwege verschillende platforms, technologieën en ontwikkelingsbenaderingen kan het beeld op de dienst en op een echte telefoon verschillen: een pixel meer, een pixel minder.

Over het algemeen heeft dit geen grote invloed op de kwaliteit van de mobiliteit, maar het is beter om hier rekening mee te houden.

Trouwens. Met behulp van dezelfde statistiek kunt u precies achterhalen welke schermgrootte bezoekers gebruiken om u te bezoeken. Statistieken bevinden zich in “Standaardrapporten -> Technologieën -> Schermresoluties”.

Kort over het belangrijkste

Dus als u de mobiele versie gebruikt, kies dan eerst de juiste methode en zorg er vervolgens voor dat de ontwikkelaar niet vals speelt.

Maar doe eerst iets goeds. Het is tenslotte één ding dat alles goed wordt tentoongesteld, en iets anders dat alles wordt verkocht. En hiervoor is alleen het technische gedeelte niet voldoende.

En het is ook jammer dat je nu pas aan de mobiele versie denkt. De tijden dat ze zeiden dat dit heel belangrijk was, zijn al voorbij, maar de mobiele revolutie is gearriveerd.

Nu is het aanpassen van een website voor smartphones een standaardfunctie. Ons deskundig advies voor u: zet uw twijfels opzij en ga aan de slag.

Sergej Loekosjkin

26-03-2015 |

|

0 opmerkingen
Het lijkt erop dat u voor succes uw bedrijf een website of online winkel nodig heeft, en dat is alles. Nu is dit echter niet meer voldoende.

Waarom is een mobiele versie van een website of een responsief ontwerp belangrijk voor bedrijven?

Feit is dat met de komst van smartphones en tablets steeds meer kopers met behulp van deze apparaten op internet naar goederen en diensten zoeken, en niet vanaf desktopcomputers of laptops. En dat allemaal omdat het erg handig is. Waar de koper ook is, hij kan direct vanaf zijn mobiele telefoon zoeken en hoeft de computer niet aan te zetten.
Dit is geweldig, maar de fysieke grootte van het scherm van een draagbare gadget, of het nu een tablet of een smartphone is, is vrij klein en daarom is een site die er geweldig uitziet op een computer of laptop erg lastig om te bekijken op een mobiel apparaat.
Daarom is het nu belangrijker dan ooit of jouw site geschikt is voor gebruik op smartphones, tablets of phablets (een phablet is qua formaat een kruising tussen een smartphone en een tablet).

Hoe maak je een website mobielvriendelijk?

Er zijn twee benaderingen om dit probleem op te lossen:

  1. Maak een aparte versie van de site die op een mobiel apparaat wordt geopend
  2. Maak een website met een responsief ontwerp dat zich aanpast aan elk schermformaat

De tweede optie wordt het meest gebruikt omdat deze goedkoper te ontwikkelen is. De meeste moderne websites zijn in eerste instantie zo ontworpen dat ze op verschillende schermen even gemakkelijk te bekijken zijn.
Een responsive website past zich automatisch aan aan de schermgrootte van het apparaat waarop deze wordt bekeken.
Bijvoorbeeld de website van ons laboratorium. Zo ziet dit artikel eruit op een computerscherm

En zo ziet het eruit op het scherm van een smartphone


Zoals u kunt zien, hoeft u zelfs op een smartphone niets te vergroten. Alle bedieningselementen, koppelingen, afbeeldingen en lettertypen zijn zeer eenvoudig te gebruiken, zelfs op een klein scherm.
Natuurlijk zijn de kosten en ontwikkeltijd voor een responsieve website langer geworden, maar tegelijkertijd is een website met responsief ontwerp, ongeacht in welke markt u actief bent, een zeer tijdige investering in uw bedrijf. Hier is een lijst met de belangrijkste redenen hiervoor.

5 belangrijkste redenen om een ​​zakelijke website met responsive design te maken

Mobiel zoeken. Volgens statistieken (op het moment dat dit artikel werd geschreven) zoekt meer dan 50% van de kopers vanaf mobiele apparaten naar goederen en diensten op internet. En dit cijfer groeit zeer snel. En onlangs heeft Google aangekondigd dat sites die geen mobiele versie hebben, zeer slecht zullen scoren in de mobiele zoekresultaten. Als u geen mobiele versie van uw site heeft, hoeft u daarom niet verbaasd te zijn dat het moeilijk zal zijn om u te vinden in zoekopdrachten op een smartphone.
Gemak voor gebruikers. Nogmaals, volgens dezelfde statistieken zei meer dan 40% van de gebruikers dat ze naar een andere site zouden gaan als de huidige geen mobiele versie heeft. En opnieuw groeit hun aandeel gestaag. Voor het bedrijfsleven betekent dit dat de aandacht van de koper wordt getrokken door de leverancier wiens website handig is op elk apparaat.
Direct contact. Met de smartphone kan de gebruiker onmiddellijk bellen naar het telefoonnummer dat op de website staat vermeld (indien de website de click-to-call-functie implementeert). Zo kom je veel dichter bij de potentiële koper.
Nieuwe promotiemogelijkheden. Tegenwoordig wordt mobiel adverteren wijdverspreid, maar als u geen mobiele website heeft, zal de effectiviteit ervan catastrofaal laag zijn. Integendeel, mobielvriendelijke sites krijgen er nog een krachtig promotiekanaal bij.
Concurrentievoordeel. En nog een laatste ding. Controleer of uw concurrenten mobiele versies van hun websites hebben. Zo niet, dan heeft u een geweldige kans om een ​​krachtig concurrentievoordeel te creëren en klanten te werven die de verouderde sites van uw tegenstanders verlaten.

In het internettijdperk is de winnaar van de competitie degene die het meest toegankelijk is voor de meerderheid van de netwerkgebruikers, degene die gemakkelijker te vinden is en met wie het gemakkelijker is om vanaf elk apparaat te communiceren.
Twijfel je nog of je een mobiele versie van de site of een responsive design nodig hebt?

Moderne sociale netwerken zijn nu een enorme en diverse wereld waarin een virtuele samenleving bestaat, daarin communiceert en zelfs werkt. Was het voorheen mogelijk om alleen via een pc online te communiceren, nu zijn er speciale mobiele versies. Dit artikel geeft informatie over wat de mobiele versie van VK is, hoe u deze kunt gebruiken en hoe u zich kunt aanmelden bij de mobiele versie van VKontakte voor een computer.

Het publiek van het sociale netwerk VKontakte is behoorlijk uitgebreid. Het is moeilijk om iemand te vinden die er niet in staat geregistreerd. We worden niet alleen aangetrokken door de informatie- en entertainmentinhoud, maar ook door de eenvoud van de ontwikkelde functionaliteit. Gemak begroet de gebruiker al bij het inloggen op de portal.

Als u de bron wilt gebruiken - de mobiele versie van VKontakte op uw computer, kunt u zich aanmelden via het standaardschema.

Ondanks de aanwezigheid van een mobiele versie van VK gebruiken veel gebruikers een gewone computer om het netwerk te bezoeken. In dit geval gebeurt het inloggen op uw profiel via een browser. U moet de site starten en in het geopende venster het wachtwoord en de login invoeren die u tijdens de registratie hebt ingesteld.

U kunt via uw computer toegang krijgen tot de volledige versie van de site, of u kunt de mobiele versie gebruiken.

VK mobiele versie – inloggen via computer: inloggen zonder downloaden

Om via een computer in te loggen op de mobiele versie van het sociale netwerk, moet u m.vk.com typen in plaats van het gebruikelijke adres en vervolgens uw persoonlijke registratiegegevens in het formulier invoeren. Een van de belangrijkste voordelen van het gebruik van de mobiele versie zijn:

  • Het opslaan van gebruikt verkeer, wat belangrijk is voor degenen die onbeperkt internet gebruiken;
  • Zuinig batterijverbruik;
  • Gebrek aan knoppen omhoog en terug. Het scrollen door foto's gebeurt met de muis, net als met een vinger op een smartphone.

Het inloggen op deze versie van VK gebeurt op dezelfde manier als het inloggen op alle andere vormen en versies van dit sociale netwerk. U hoeft alleen maar uw wachtwoord in te voeren en in een speciaal formulier in te loggen.

Hoe de mobiele versie voor pc te downloaden

Als u de mobiele versie van de VK-applicatie op uw computer wilt gebruiken, moet u deze eerst downloaden. Als het besturingssysteem van de gadget geen Android is, moet u eerst een speciaal Android-emulatorprogramma downloaden. Hiermee kunt u applicaties en games voor dit besturingssysteem aanpassen. Het belangrijkste is om erachter te komen hoe je door de applicatie kunt navigeren, zodat mijn pagina op de pc wordt geopend.

U moet het programma downloaden van de officiële website en vervolgens eenvoudig en eenvoudig installeren.

Na installatie en automatische configuratie wordt de gebruiker gevraagd zich te registreren bij Google mail.

Hierna kunt u inloggen op Play Google en de VK-website en alle benodigde programma's en applicaties downloaden.

Samenvattend

Er is steeds meer vraag naar de mobiele versie van het sociale netwerk m vk com, waarvan de toegang eenvoudig en duidelijk is. Dit zijn handige en voordelige applicaties waarmee u online alle noodzakelijke acties kunt uitvoeren met betrekking tot communicatie en het verkrijgen van nuttige informatie.

We hebben een nieuw boek uitgebracht, Social Media Content Marketing: hoe u in de hoofden van uw volgers kunt kruipen en ze verliefd kunt maken op uw merk.

Abonneren

De mobiele versie van de site is een duplicaatversie van de hoofdsite, waarvoor een speciale lay-out wordt gebruikt waarmee u gemakkelijk de pagina's van de bron kunt bekijken en er doorheen kunt navigeren vanaf mobiele telefoons en tablets.


Meer video's op ons kanaal - leer internetmarketing met SEMANTICA

De mobiele telefoon is voor de meeste bewoners van de planeet al lang de beste vriend geworden. Moderne mobiele gadgets hebben de rol van desktopcomputers vrijwel volledig overgenomen en hebben het gedrag van gebruikers op internet radicaal veranderd. Ze zijn tegelijkertijd een bron van informatie en een middel om vele taken uit te voeren. De dynamiek van het leven vereist het meest efficiënte gebruik van tijd, dus we doen al lang onderzoek, kopen en boeken onderweg.

Elk project op internet heeft zijn eigen hoofdwebsite, maar de schermresolutie van mobiele apparaten is anders dan die van computers en laptops. Als gevolg hiervan is het bijna onmogelijk om de site vanaf een telefoon te gebruiken, omdat de weergave ervan erg onhandig is. Daarom was er behoefte aan een geoptimaliseerde versie van de site die leesbaar zou zijn voor zakgadgets.

Waarom heb je een mobiele versie van de site nodig?

De overvloed aan identieke webbronnen, zowel informatief als verkopend, zorgt voor een gebrek aan loyaliteit bij de bezoekers. Internetgebruikers hebben daarom de mogelijkheid om te kiezen wanneer een bezoeker bijvoorbeeld lastige navigatie door een bron tegenkomt, hij geeft er de voorkeur aan zijn tijd niet te verspillen, maar de site te verlaten en naar een concurrent te gaan. Deze situatie dwingt beheerders om de meest comfortabele omstandigheden te creëren om niet alleen bezoekers te trekken, maar ook om hen te motiveren om te blijven.

Maximale dekking van de doelgroep en het creëren van comfortabele omstandigheden daarvoor - daar is een mobiele versie van de site voor.

Een aparte mobiele versie van de site is de implementatie van comfortabele toegang tot de site vanaf mobiele apparaten, die al lange tijd wordt gebruikt. Op smartphones wordt de site in één kolom weergegeven, dus voordat hij een mobiele versie van de site maakt, moet de ontwikkelaar goed nadenken over het ontwerp - alles zo plaatsen dat de functionaliteit van de bezoeker helemaal niet wordt verminderd en tegelijkertijd Maak de interactie met de hulpbron zo gemakkelijk mogelijk.

Hoe werkt dit

Het principe waarmee wordt besloten welke versie aan de bezoeker wordt getoond, is dat wanneer de gebruiker de site betreedt, het scherm van het apparaat automatisch wordt gedetecteerd. Als de schermbreedte wordt geïdentificeerd als een mobiel gadget, wordt er doorgestuurd naar de mobiele versie van de bron, die zich op een apart subdomein bevindt. Om te voorkomen dat zoekmachines deze versie in de toekomst als een aparte bron gaan zien, is het beter om een ​​subdomein op hetzelfde domein te plaatsen als de hoofdsite, anders zal het promoten van de mobiele versie van de site contraproductief zijn.

Hoe u een website naar een mobiele versie kunt overzetten

Er zijn bepaalde principes, en voor de implementatie ervan zijn programmeer- en lay-outvaardigheden vereist.

Op mobiel De versie moet het algemene concept van de desktopversie behouden, maar tegelijkertijd afzonderlijke ontwerpoplossingen ontwikkelen, evenals de handigste interface voor bruikbaarheid. Hulpbronelementen op het scherm van de bezoeker moeten op de juiste afstand van elkaar staan ​​en groot genoeg worden weergegeven zodat er gemakkelijk met de vinger op kan worden geklikt. Daarna vindt het testen en de definitieve lancering plaats.

Mobiele versie versus adaptieve lay-out

Parallel aan de afzonderlijke mobiele versie van de site is er nog een geïnterpreteerde variant: adaptief ontwerp.

Laten we proberen erachter te komen hoe de mobiele versie van de site verschilt van de adaptieve versie.
Een adaptieve site is geen aparte versie van de bron, het is de hoofdsite en past zich automatisch aan de resolutie aan van het apparaat waarop u inlogt.

De voordelen van een adaptieve lay-out zijn onder meer het feit dat deze hetzelfde adres heeft als de hoofdsite, zodat omleiding niet vereist is. En dit versterkt de positie van de site aanzienlijk bij het rangschikken door zoekmachines. Bij het openen worden absoluut dezelfde site-inhoud en functionaliteit weergegeven, maar het uiterlijk wordt aangepast aan de grootte van het venster. Bovendien is het mogelijk om de hulpbron te optimaliseren.

Maar het ontwikkelen van een adaptieve versie is een arbeidsintensiever proces, waardoor de kosten van het evenement ook hoger zullen zijn.

Adaptief ontwerp is relevant voor bronnen die geen grote bezoekersaantallen hebben - online winkels, blogs, visitekaartjes en websites, hun belangrijkste taak is het leveren van inhoud.

Voor- en nadelen van de mobiele versie

De mobiele versie heeft een hogere laadsnelheid en navigatiegemak. Omdat de bezoeker een minimum aan afleidende informatie ziet, is de kans op een positieve actie van zijn kant groter. Bovendien is de aparte mobiele versie volledig onafhankelijk van de desktopversie. Dit maakt het mogelijk om er afzonderlijk mee te werken.

De nadelen van dit concept omvatten bepaalde problemen op het gebied van SEO-promotie. Omdat het plaatsen van dezelfde inhoud als duplicaat wordt gezien, zijn afzonderlijke maatregelen nodig om de negatieve impact op het promotieproces van de site te elimineren. Rekening houdend met het feit dat de mobiele versie niet universeel is, vergt deze naast het onderhoud van de hoofdsite een aparte kostenpost.

Deze siteoptie is geschikt voor grote projecten die al veel verkeer naar de hoofdsite hebben, maar de loyaliteit aan mobiele apparaten willen vergroten zonder herontwerp. In de meeste gevallen is een aparte mobiele versie relevant voor bronnen waarbij laadsnelheid belangrijk is: sociale netwerken, e-maildiensten, nieuwsportals.

Samenvattend kunnen we alleen maar zeggen dat vandaag de dag een gerechtvaardigde noodzaak voor elk internetproject de mogelijkheid is om de site correct weer te geven op mobiele apparaten. Hoe u dit kunt implementeren, hangt af van de doelen en doelstellingen van de site, het budget en de mogelijkheden.

Deze vraag hoorde ik ooit van mijn concurrent voor het bouwen van websites, die een klant probeerde te overtuigen geen mobiele versie te maken.

Gegroet, vrienden, op mijn blog. Vandaag zullen we proberen de vraag te begrijpen: waarom hebben we een mobiele versie van de site nodig en of deze überhaupt nodig is.

Ik wil meteen zeggen dat er natuurlijk een mobiele versie nodig is. Maar waarom en waarom, zullen we nu proberen uit te zoeken.

Over het algemeen zou ik willen beginnen met wat een versie voor mobiele apparaten is, onlangs schreef ik hierover een artikel genaamd “”, maar kort zal ik zeggen dat de mobiele versie een versie van de site is die is ontworpen om te worden weergegeven op mobiele apparaten. Nu zal ik uitleggen wat ik bedoel. De versie voor mobiele apparaten kan identiek zijn aan de originele versie, of compleet anders. De mobiele versie moet worden aangepast voor een mobiel apparaat, maar hier hebben we het niet over een aangepast ontwerp, daarover later meer, maar over het uiterlijk van de webbronpagina. Die. De mobiele versie moet zo worden gemaakt dat deze correct wordt weergegeven op een mobiel apparaat. Het gaat hierbij om lettertypen, of beter gezegd lettergroottes; deze moeten groot genoeg zijn zodat de bezoeker gemakkelijk kan lezen wat er geschreven staat. Dit geldt ook voor afbeeldingen die op de pagina staan. Ze moeten ook het juiste formaat hebben, zodat de bezoeker ze vanaf zijn mobiele apparaat kan zien.

Nu over responsief ontwerp en mobiele versie. Aan de ene kant is er geen verschil tussen deze twee concepten, aan de andere kant delen velen, waaronder ikzelf, ze. Naar mijn mening is adaptief ontwerp het aanpassen van een website aan de schermresolutie, in principe is dit wat in veel mobiele versies gebeurt, maar dit is niet helemaal correct. Toch zou het juister zijn om een ​​volledig nieuwe versie van de site voor mobiele apparaten te ontwikkelen. Die. de lay-out weergeven en opnieuw indelen, velen plaatsen zelfs mobiele versies op afzonderlijke domeinen en subdomeinen zoals: m.site, de eerste letter betekent mobiel, of dit adres kan er zo uitzien: mobiel..enz., het hangt allemaal af van jouw verbeelding.

Maar laten we toch terugkeren naar de hoofdvraag van ons artikel: waarom hebben we een mobiele versie van de site nodig? Volgens MEDIASCOPE bedroeg het publiek van internetgebruikers die mobiele apparaten gebruiken in 2016 66 miljoen mensen, wat gelijk staat aan 54% van de totale bevolking van het land die internet gebruikt. Het snelst groeiende publiek bevindt zich op smartphones. Tussen oktober 2016 en maart 2017 heeft 46% van de bevolking van het land toegang tot internet via smartphones - een stijging van 15% per jaar. Is dit geen reden om na te denken over het maken van mobiele versies van de site?

Waarom heb je een mobiele versie van de site nodig?

  1. Als een webbron geen mobiele versie heeft, dan is het gewoon lastig om deze vanaf een mobiele telefoon of smartphone te gebruiken, omdat je horizontaal door de pagina moet scrollen, en dit heeft geen zin.
  2. De site-eigenaar krijgt een uitstekende gelegenheid om extra functies voor bezoekers vanaf mobiele apparaten te ontwikkelen, bijvoorbeeld:
    • SMS versturen vanaf de site,
    • het bepalen van de locatie van het dichtstbijzijnde verkooppunt,
    • mogelijkheid om QR-code te lezen,
    • de mogelijkheid om een ​​site-applicatie te installeren, enz.
  3. De mobiele versie laadt veel sneller, omdat de code niet zo omvangrijk is.
  4. Als een gebruiker iets zoekt met behulp van een smartphone, retourneert de zoekmachine precies de bron die een mobiele versie heeft. Dit betekent dat er meer transities zullen plaatsvinden.

Wanneer moet u een mobiele versie van uw website maken?

Het maken van een mobiele versie gebeurt meestal in de ontwikkelingsfase. Dit is handig omdat u fouten die kunnen optreden bij het maken van een mobiele versie direct kunt vinden en corrigeren. Hoewel velen dit niet doen in de beginfase van de ontwikkeling van hulpbronnen, omdat dit een kostbare onderneming is, en het niet eens een kwestie van geld is, maar van tijd.

Als u uit het analysesysteem ziet dat meer dan 10% van alle bezoekers uw site bezoekt, is het tijd om na te denken over het maken van een versie voor mobiele apparaten.

Voor welke soorten webbronnen is een mobiele versie nodig?

Naar mijn mening heeft elk type website een mobiele versie nodig, aangezien nu een zeer groot aantal mensen internet gebruiken via mobiele apparaten. Maar in de eerste plaats gaat het om:

  • Blogs, nieuwssites;
  • Sociale netwerken;
  • Telefoonboeken;
  • Online winkels.

Statistieken

Gebruik van mobiele apparaten onder de wereldbevolking in procenten

Gebruik van mobiele telefoons en personal computers