We kennen allemaal de populaire MOBA-games op pc - we hebben gehoord, we weten het. Maar over het feit dat je een volwaardige maffia kunt spelen op een tablet en zelfs op een gewone smartphone in de metro zitten is voor velen een echte ontdekking.
Er moet echter worden opgemerkt dat er niet veel MOBA-spellen voor mobiele telefoons zijn. Ze zijn natuurlijk allemaal veel inferieur aan hun concurrenten op de pc, maar hun voordeel zit niet in de graphics en het aantal mogelijkheden, maar in het gemak dat een mobiel apparaat met zich meebrengt, omdat je er overal mee kunt spelen.
Mogelijk bent u ook geïnteresseerd in de TOP 5-games vergelijkbaar met Dota en de TOP 10 MOBA-games.
En deze TOP somt de top vijf op voor vandaag mobiele games in het MOBA-genre!
5. Legendarische helden
Dit is de enige menigte voor mobiele toestellen waar er een bedrijf is waar je doorheen moet om toegang te krijgen tot de online modus, wat heel vreemd is. En hoewel het bedrijf best spannend is, duurt het behoorlijk lang om er doorheen te gaan, en het kan zijn dat je het spel gewoon niet uitspeelt voor de online modus.
Er zijn slechts 10 karakters in het spel, de graphics zijn gemiddeld belabberd en de animatie van alle karakters is recht, erg soepel, wat een zekere mate van misselijkheid veroorzaakt.
Na het doorlopen van de introductiecampagne loop je het risico op teleurstelling. Omdat door het kleine aantal karakters en de mogelijkheden om ze te pompen, het spel snel saai wordt.
4. Zonnewende Arena
Spel ontwikkeld door het bedrijf Zing Corporation in 2013.
De ontwikkelaars besloten eenvoudigweg over de plotkwestie - er zijn hier gewoon geen plotlijnen.
Na de eerste lancering van de game doorloop je een korte tutorial en ga je meteen naar gratis brood, wat deze game opvallend onderscheidt van de vorige. Er zijn 3 spelmodi beschikbaar in het hoofdmenu: multiplayer, coöperatief en natuurlijk solo. Elke modus kan exclusief 3 bij 3 worden gespeeld.
De graphics in de game zijn ook niet actief en er zijn ook niet veel personages in de game. Daarom de vierde plaats.
3. ijdele glorie
De game, ontwikkeld in 2013, heeft redelijk goede Dota-achtige graphics en animaties.
Er is hier maar één kaart. Gevechten worden ook 3 tegen 3 gehouden, maar ijdele glorie Het verschilt van alle anderen doordat het een kraken heeft - een enorme menigte, voor de omverwerping waarvan het spel een serieuze kameraad krijgt die het tij van de strijd kan keren.
De graphics in het spel zijn uitstekend, er zijn weinig karakters, er zijn enkele gebreken met de verbinding.
Soms start het spel niet de eerste keer, zelfs niet in de olo-modus. Dus derde plaats.
2. Vechten is voor altijd
De game, ook ontwikkeld in 2013, begroet ons onmiddellijk met een aangenaam, zij het enigszins somber beeld, evenals een nogal stijlvol menu.
Na binnenkomst ondergaat de speler een training, die 20 minuten duurt, waarna hij kan doen wat zijn hartje begeert - zelfs spelen met bots, zelfs met mensen. Er zit maar één kaart in het spel, maar deze is tot in het kleinste detail geperfectioneerd en je kunt er lang en spannend op spelen.
Gevechten, zoals gebruikelijk in de meeste van dit speelgoed, zijn 3 tegen 3 en niets anders.
De graphics in de game zijn goed, maar het aantal karakters valt tegen, want het zijn er maar 10. Daarom de tweede plaats.
1. Helden van orde en chaos
Het spel is ontwikkeld in 2012. Er worden hier drie kaarten gepresenteerd - één voor 3v3-gevechten en twee voor 5v5-gevechten, wat meteen onderscheidt dit project van alle voorgaande, waar wedstrijden op maximaal 3 bij 3 gehouden kunnen worden.
Je kunt zowel tegen echte spelers spelen als tegen kunstmatige intelligentie... De graphics in het spel worden nog steeds als goed beschouwd en de keuze van de personages stelde niet teleur - maar liefst 80 stukjes!
Zodat dit spel verdient een eervolle eerste plaats in onze TOP van mobiele games voor tablets en smartphones.
Metro surfers – gratis spel op Android, een van de slimste en meest spectaculaire vertegenwoordigers van het arcaderunner-genre. De speler bestuurt een personage dat wegrent van de achtervolging, verschillende obstakels overwint en bonussen verzamelt. Je mag van de game geen diep plot verwachten, maar dankzij de verslavende gameplay en mooie foto het zal niet gemakkelijk zijn om er vanaf te komen.
Sterfelijke gevechten x Is een spannend gratis actiespel voor Android met talloze mogelijkheden, onovertroffen technieken en andere elementen van een echt vechtspel. Gebruikers zullen onder de indruk zijn van de hoogwaardige video-effecten die niet alleen het proces van het passeren van de niveaus animeren, maar ook een vleugje realisme toevoegen aan elk gevecht.
Achtergronden HD Is een verzameling spectaculaire achtergronden voor personalisatie mobiele telefoon of een tablet op het Android-platform. De collectie bevat al meer dan 7 duizend hoogwaardige foto's in hoge HD-resolutie. Met de applicatie kunt u snel en eenvoudig de originele achtergrond op het bureaublad van uw gadget instellen, zodat u niet uren hoeft te zoeken naar een geschikte afbeelding op internet.
KMP-speler- een redelijk bekende videospeler voor Android in het Russisch, die zich al goed heeft bewezen op stationaire computers... Het kan nu gratis worden gedownload op Android-apparaten en te gebruiken op zowel tablets als smartphones.
Pedometer – beste app op Android om de stappen en afgelegde afstanden voor de geselecteerde periode te meten. Het voordeel van dit programma is het display complete informatie over uw ladingen. U kunt de afstand en verbrande calorieën zien, evenals hoe snel u zich in bepaalde tijdsperioden hebt bewogen.
Skypen (Skype) – gratis programma in het Russisch, voor communicatie op internet op Android, wat zich goed heeft bewezen bij consumenten die actief uitwisselingsprogramma's gebruiken gratis bellen, messaging en videobellen. Op deze pagina kun je Skype veilig downloaden, zonder registratie en SMS.
B612 Selfie from the heart is een uniek cameraprogramma voor Android-smartphones, speciaal gemaakt voor liefhebbers van selfies met ongebruikelijke kansen... Met het programma kun je niet alleen selfies van hoge kwaliteit maken, maar ook korte selfie-video's en videocollages maken met originele effecten, drie en zes seconden lang.
CCleaner- het bruikbaar gereedschap voor de schoonmaak eigen Android telefoon of tablet van niet-geclaimde inhoud en prestatie-optimalisatie. De mobiele versie demonstreert precies dezelfde efficiëntie als zijn computer-tegenhanger.
Groetjes aan iedereen. Het internet ontwikkelt zich in een kolossaal snel tempo en tegenwoordig is het geen wonder meer om bezoeken aan de site vanaf mobiele apparaten en tablets te zien, zoals voorheen. Markt mobiel internet komt in een zeer snel tempo en daarom moeten sitebouwers hun sites aanpassen voor deze apparaten. Als je kijkt laatste nieuws internetindustrie, dan kun je zien dat alles erop afkomt dat mobiele apparaten in de komende 5-10 jaar meer de helft van de markt voor zichzelf zullen nemen.
Waar leid ik naartoe? En tot het feit dat u uw sites moet aanpassen en ze geschikt moet maken voor weergave op mobiele gadgets.
Google heeft onlangs aangekondigd dat het sites gaat taggen die geschikt zijn voor smartphones en tablets. Veel experts zeggen dat sites die niet aan deze criteria voldoen, iets zullen dalen in de zoekresultaten en erger. Er zijn ook suggesties dat Google een aparte SERP voor mobiele sites kan maken.
Het feit dat sites voor 100% worden getagd met informatie, de rest van de informatie is slechts een veronderstelling.
Mijn mening is dat het noodzakelijk is om alle normen te volgen en de site vriendelijk te maken voor verschillende soorten mobiele gadgets... We zijn bijna klaar met het aanpassen van onze site, er zijn nog een paar details en alles zal klaar zijn. Hoewel als je nu kijkt, je kunt zien dat de site goed wordt weergegeven op smartphones en tablets. Terwijl ik dit werk deed, koos ik er verschillende online diensten waarmee je kunt controleer de site op mobiele apparaten... Ik wil ze met je delen.
5 gratis online diensten voor het controleren van de site op mobiele apparaten.
Laten we alles opsommen gratis diensten en laten we ze dan allemaal in volgorde bekijken:
- Google Webmasterhulpprogramma's ()
Hierboven heb ik 5 gratis online diensten opgesomd die ik zelf gebruik en aanbeveel. Hun functionaliteit is volledig voldoende om alle gestelde taken op te lossen. Laten we ze allemaal in volgorde bekijken.
1. Google Webmasterhulpprogramma's (mobielvriendelijke test). Meest beste service omdat het is ontworpen door Google... Het is goed omdat u niet alleen kunt zien hoe de site op het scherm wordt weergegeven, maar ook alle nodige aanbevelingen kunt krijgen om fouten te elimineren en juiste weergave... Om alle fouten te zien, ga je naar Google Webmasterhulpprogramma's, selecteer bij het item "Zoekverkeer" "Bekijkbaarheid op mobiele apparaten". Nadat u naar de pagina hebt genavigeerd, ziet u mogelijk bruikbaarheidsproblemen.
Mobiel browsen gemak - Google Webmaster Nadat u de fouten heeft bekeken, kunt u doorgaan met het testen van de site zelf. We slagen voor de test, voeren in en ontvangen alle aanbevelingen die moeten worden opgevolgd. Om alle aanbevelingen te bekijken, klikt u aan de rechterkant op de knop " Verder" in punt "Hoe maak je een pagina mobielvriendelijk".
2. Laten we nu verder gaan met de rest van de diensten. waarmee u de site op mobiele apparaten kunt bekijken.
Ze zijn allemaal vrij eenvoudig te gebruiken, voer gewoon het siteadres in de regel in en krijg alle resultaten van de site op verschillende apparaten... Laten we als voorbeeld eens kijken naar de Responsinator-service. Ga naar en voer het adres in en klik op " Gaan", Ik betreed loleknbolek... Resultaten ontvangen.
Als je naar beneden scrolt, kun je de site in verschillende resoluties zien, wat erg goed is. Alle andere hierboven genoemde services werken op dezelfde manier. Ik gebruik later verschillende services, dat het niet altijd mogelijk is om het juiste resultaat op één te krijgen. Bij gebruik van meerdere daalt het foutenpercentage tot nul.
Services gebruiken om de site op mobiele apparaten te controleren- op uw gezondheid. Ik kan maar één ding zeggen: pas sites aan voor mobiel, deze markt groeit erg snel, voordat je terugkijkt, gebruiken je concurrenten al mobiele versies en verzamelen ze een groot publiek.
Is jouw website al mobiel geoptimaliseerd? Zo niet, dan is dit niet het einde van de wereld. Moderne browsers bevatten innovaties zoals knijpzoom en automatische aanpassing lettertypegrootte.
Als u geen tijd of geld heeft om uw website te optimaliseren voor mobiele omgeving- hier zijn tien eenvoudige dingen die u nu kunt doen om uw site er goed uit te laten zien voor mobiele bezoekers.
1. Stel de juiste attributen in voor de formuliervelden
Als u invoervelden voor gebruikersnaam of adres op uw site gebruikt, schakelt u autocorrectie uit en schakelt u automatisch hoofdletters in:
Uw naam:
Als u dit niet doet, zal het T9 geautomatiseerde invoersysteem namen, bijvoorbeeld "Erwan", vervangen door iets als "Erevan".
Installatie automatisch gebruik de eerste hoofdletters in woorden typen zullen gebruikers bevrijden van de noodzaak om hoofdletters van letters elke keer in te schakelen - dat wil zeggen, elk woord begint met hoofdletter(bijvoorbeeld "Ken Burns" wordt "Ken Burns"):
Denk aan iedereen valkuilen die de gebruiker op uw site kan tegenkomen.
En zonder ver van het onderwerp af te dwalen. Als uw site om een e-mail van de gebruiker vraagt, gebruik dan het e-mailveld zodat de bezoeker het @-symbool niet hoeft in te voeren vanaf het toetsenbord van een mobiel apparaat:
Jouw email:
2. Stel een geschikte breedte in voor mobiele apparaten
Open uw site in de browser van uw computer en verklein de breedte van het programmavenster totdat u er iets in kunt lezen.
Dit is de minimaal toegestane breedte. Neem de huidige breedte en stel deze in op de eigenschap @viewport door de metatag bovenaan de pagina in te stellen:
De volgende keer dat uw site op een mobiel apparaat wordt geopend, wordt automatisch de door u opgegeven breedte ingesteld. De sitebezoeker hoeft de zoom niet te gebruiken:
Deze foto toont de extra ruimte aan de rechterkant:
En deze foto laat het goed zien waarde instellen breedte.
Als uw site is gebouwd met een vloeiende lay-out en werkt met alle schermformaten, wordt uw taak nog eenvoudiger. Je moet experimenteren met de breedte waarmee de website er mooi en leesbaar uitziet op een mobiel apparaat, en deze waarde instellen op metatag.
3. Stel de breedte van de afbeeldingen in op 100%
Nu uw site een bepaalde breedte heeft, worden sommige afbeeldingen erg breed. Dit is nog niet eerder gebeurd, omdat de resoluties van desktopmonitoren vrij breed zijn en de meeste afbeeldingen in de breedte passen:
Om dit te voorkomen, stelt u de waarde in maximale breedte uw afbeeldingen 100%. Zo worden afbeeldingen automatisch verkleind als ze te groot zijn voor het scherm van een mobiel apparaat. Voeg de onderstaande code toe aan de CSS van uw site:
img (max-breedte: 100%)
Als u afbeeldingen als achtergrond gebruikt, niet met img-tag, stel gewoon de CSS-eigenschap voor achtergrondgrootte in om te bevatten. Dit zal forceren achtergrondafbeelding formaat wijzigen wanneer de schermresolutie niet voldoende is om het op 100% schaal weer te geven:
Header (achtergrond: url (header.png) 50% niet herhalen; achtergrondgrootte: bevatten)
Als je bang bent dat het beeld minder duidelijk wordt, dan maak je je onnodig zorgen. Dit zal niet gebeuren op moderne mobiele apparaten.
Wanneer de bezoeker zoom gebruikt, gebruikt de browser de verscherping van de afbeelding. Zorg er echter voor dat uw site geen user-scalable = no property in de metatag heeft. Als dit niet het geval is, kan de gebruiker de zoom niet gebruiken:
4. Stel de breedte van de invoervelden in op 100%
Nadat de breedte van de afbeeldingen is ingesteld via de eigenschap max-width, voert u een vergelijkbare truc uit met invoervelden. Voeg gewoon toe aan uw CSS-bestand - uw sitebestand:
invoer, tekstgebied (max-breedte: 100%)
Bij het bekijken van de site vanaf een mobiel apparaat geeft deze parameter geen invoervelden ga verder dan het scherm.
5. Wees waakzaam bij het gebruik van de knoppen Uitschakelen voor het indienen van formulieren
Om meerdere klikken op de verzendknop te voorkomen, moet u het indienen inactief maken na de eerste klik erop.
In tegenstelling tot desktopapparaten verliezen mobiele apparaten vaak de netwerkverbinding. Als u de knop inactief maakt, kan de gebruiker er niet meer op klikken. En houd er in deze situatie rekening mee dat de reden voor deze situatie niet alleen het verlies van het netwerk kan zijn.
Gedurende binnenkomend telefoongesprek de browser van het mobiele apparaat wordt gesloten. En dan zal de situatie met de vergrendelde bevestigingsknop zich herhalen. De gebruiker kan een reeds ingevuld formulier niet indienen.
En als u toch besluit om te deactiveren verzendknop- doe het een paar seconden.
6. Gebruik in lange regels word-wrap
Soms is het nodig om lange regels weer te geven zoals codevoorbeelden, koppelingen, bankrekeningnummers. Als uw site smal blijkt te zijn om de hele regel weer te geven, kan deze van het scherm van het mobiele apparaat "gaan":
Voorkom deze situatie door de eigenschap word-wrap te gebruiken. Dit wikkelt zich af wanneer de lijn de rand van het scherm bereikt. De gebruiker ziet alles wat hij nodig heeft zonder te scrollen:
Uw wachtwoord: 435143a1b5fc8bb70a3aa9b10f6673a8
7. Wees voorzichtig met spaties
Gebruikelijke praktijk bij het weergeven: lange rijen is het gebruik van spaties om de vijf tekens. Dit maakt het voor de gebruiker gemakkelijker om ze te onthouden voor invoer in een andere toepassing.
maar slimme gebruiker zal het niet handmatig doen. Hij zal het klembord gebruiken. In het geval van spaties zal hij deze echter moeten verwijderen. Hoe handig en snel is het om spaties op een mobiel apparaat te verwijderen?
Vermijden soortgelijke situaties, in plaats van spaties tussen groepen tekens, gebruik inspringing:
Jouw code:
Zoals u kunt zien, blijven de "spaties" tussen de tekens bestaan, maar met het verschil dat er bij het kopiëren en plakken niets hoeft te worden verwijderd. Het is in ieder geval handig en tijdbesparend!
8. Voordelen van mediaquery's
Je kunt creëren aangepaste stijlen dat werkt alleen bij het bekijken van de site vanaf mobiele apparaten (of weergegeven in een klein browservenster), en verder desktop computer de gebruikelijke versie van de webpagina zal werken. Gebruik hiervoor doelstijlen binnen mediaquery's, zoals in het onderstaande voorbeeld:
Nu weet je nog een truc om je website er beter uit te laten zien op mobiel.
9. Vermijd vaste positionering
Als de titel of zijbalk van uw site vast is gepositioneerd, is de CSS-positie-eigenschap ingesteld op vast. Wees voorzichtig.
Wanneer u op deze manier opmaakt, groeit uw kop met de pagina mee en neemt mogelijk de volledige schermruimte in beslag:
De eenvoudigste oplossing is om geen vaste posities van elementen te gebruiken voor weergave op mobiele apparaten.
Het onderstaande voorbeeld, met behulp van de mediaquery-methode, laat zien hoe u dit tot leven kunt brengen:
10. Gebruik standaardlettertypen
Sollicitatie aangepaste lettertypen geeft de site het uiterlijk van een professioneel uitgevoerd product, maar gebruikers moeten bestanden met lettertypen uploaden. Dit gebeurt voordat de site op het apparaat wordt weergegeven.
In de regel is de grootte van dergelijke bestanden vrij groot. Op een mobiel apparaat kan dit proces duren een groot aantal van tijd. Op dit moment zien we op het scherm witruimte in plaats van tekst:
Wanneer google gebruiken Font Loader voor het laden van lettertypen, u kunt tekst weergeven met een standaardlettertype terwijl een aangepast lettertype wordt geladen. Vervolgens genereert u de pagina opnieuw en wordt het gewenste lettertype weergegeven.
Om dit te doen, moet u twee varianten van CSS-regels schrijven. Een optie is om het standaardlettertype te gebruiken en de andere is om het gedownloade lettertype te gebruiken.
Dit zal de beste optie zijn. De gebruiker leest de tekst terwijl de lettertypen worden geladen en geniet van de schoonheid wanneer ze klaar zijn met laden. Hier is de code.
We hebben besloten om uit te zoeken waar de eigenaren van dergelijke bronnen op moeten letten bij het optimaliseren van hun sites.
Het aandeel mobiele gebruikers groeit gestaag
Gedurende meerdere jaren op rij constateert Yandex in zijn jaarlijkse onderzoek van het Runet-publiek een aanzienlijke toename van gebruikers die toegang hebben tot internet vanaf mobiele apparaten. Statistische gegevens bevestigen een andere opkomende trend: in een aantal onderwerpen is het aandeel gebruikers dat de site vanaf verschillende mobiele apparaten bezoekt al groter dan het aandeel pc-gebruikers. Dit wordt perfect geïllustreerd door de sites sociale netwerken... Vanaf oktober 2014 was het mobiele publiek van Facebook bijvoorbeeld gelijk aan het totale dagelijkse actief publiek dienst.
Ook het percentage aankopen dat via mobiele apparaten wordt gedaan, neemt toe. Volgens statistieken van Google heeft 39% van de smartphonegebruikers aankopen gedaan met mobiele apparaten, is 55% van de gebruikers die informatie zoeken over goederen of diensten op smartphones van plan om binnen een uur een aankoop te doen, 83% op dezelfde dag. In 47% van de gevallen werd een dergelijke zoekopdracht omgezet in een volgende aankoop vanaf een pc, in 82% in een aankoop in een offline winkel, in 17% in een aankoop met een smartphone.
Beheer van merkreputatie
ORM is een van de snelst groeiende segmenten van de digitale markt. Word een expert in reputatiemanagement met de nieuwe Skillbox-cursus en Sidorin.Lab (Rouward's #1 bureau in profielbeoordeling).
3 maanden online training, werken met een mentor, stelling, werkgelegenheid voor de besten in de groep. De volgende stroom trainingen start op 15 maart. Cossa raadt aan!
Het gemak van kijken op mobiele apparaten is enorm belangrijk, omdat het direct van invloed is op de conversie naar aankopen, bellen of nuttig verkeer.
Mobielvriendelijke site-opties
Er zijn momenteel drie hoofdoplossingen voor: handig gebruik website vanaf mobiele apparaten:
- Mobiele versie van de site(sommige sites hebben ook een WAP-versie) - deze worden op aparte URL's (www.domain.ru/mobile/page_1) of zelfs een apart subdomein (m.domain.ru/page_1) van de sitepagina's geplaatst. Meestal is dit een uitgeklede versie van de hoofdsite met beperkte functionaliteit. V De laatste tijd mobiele versies verliezen hun relevantie door verbeterde CSS en een aantal tekortkomingen bij het ontleden van user-agents op servers. Een bijkomend ongemak voor de gebruiker is de noodzaak om verschillende site-URL's te onthouden.
- Mobiele site-app - een speciale applicatie ontwikkeld voor een specifiek mobiel platform (iOS, Android, Windows telefoon). Aantrekkelijk wordt de dichtstbijzijnde integratie met het platform, waarmee u de voor gebruikers bekende interface kunt implementeren, ook gekenmerkt door hoge prestaties. Een gerechtvaardigde optie als het project meer is ontworpen voor offline werk en voor mobiele gebruikers... Het grootste nadeel is de noodzaak om de applicatie te downloaden, in anders gebruiker ziet volledige versie site op kleine schaal. Daarom, zelfs als u applicatie voor de mobiele telefoon, dit is niet genoeg, het is in ieder geval noodzakelijk om een hoogwaardige mobiele versie van de bron te maken.
- Sites met reagerend ontwerp - past zich automatisch aan de parameters van het apparaat aan waarmee wordt ingelogd. Een belangrijk pluspunt: één URL voor alle apparaten, waardoor ontwikkelaars geen omleidingen hoeven te krijgen en gebruikers het adres niet hoeven te onthouden mobiele versie plaats. De meest populaire optie van de afgelopen jaren, omdat u hiermee op één site voor alle soorten apparaten kunt werken en aanzienlijke besparingen op arbeidskosten oplevert bij het aanbrengen van wijzigingen aan de site en de daaropvolgende optimalisatie.
Functies van website-optimalisatie voor mobiele apparaten
Als u uw site mobielvriendelijk wilt maken, moet u nodig er zijn drie hoofdcomponenten om te overwegen:
- het optimaliseren van CSS en het aanpassen van mediaquery's;
- het aanpassen van de viewport met behulp van speciale metatags;
- optimalisatie van de gebruikte plug-ins.
CSS optimaliseren en mediaquery's instellen
Het eerste probleem dat een gebruiker tegenkomt bij het openen van de volledige versie van de site vanaf een mobiel apparaat en vice versa, is de onjuiste weergave van de bron in relatie tot de schermresolutie.
Dit gebeurt omdat lay-outontwerpers bij het ontvangen van een lay-out standaard de waarden van de breedte of hoogte van verschillende elementen in absolute waarden (in pixels) voorschrijven voor de meest voorkomende resoluties van gewone pc's, bijvoorbeeld:
Container (breedte: 210px; hoogte: 200px;)
Dit kan worden voorkomen door relatieve waarden (bijvoorbeeld in percentages) te gebruiken in plaats van absolute waarden bij het aanduiden van de afmetingen van elementen op de pagina:
Bak (breedte: 21,75%; hoogte: 20,408%;)
Hierdoor kunnen de pagina-elementen zich aanpassen aan de schaal van de hele pagina.
Het kijkvenster aanpassen
De meeste sites worden, wanneer ze vanaf een klein scherm worden bekeken, aan de gebruiker getoond in exact dezelfde resolutie (meestal ongeveer 980 pixels) als wanneer ze vanaf een pc worden bekeken, bijvoorbeeld:
Als gevolg hiervan moet de bezoeker het benodigde kijkgebied vergroten om in ieder geval iets te zien.
Het gebruik van een gespecialiseerde metatag "viewport" helpt om de schermbreedte voor elk apparaat aan te passen:
"viewport" inhoud = "breedte = apparaatbreedte, beginschaal = 1,0">Het attribuut "initiële schaal = 1" vertelt de browser van de gebruiker dat de CSS tot apparaatpixelverhouding (1: 1 ongeacht de weergaverichting) correct moet worden weergegeven in liggende richting.
Optimalisatie van gebruikte plug-ins
Veel mobiele apparaten en browsers ondersteunen niet of ondersteunen niet alle versies van moderne plug-ins, daarom wordt aanbevolen om de noodzaak van aanwezigheid op de pagina te heroverwegen Flash-plug-ins, Silverlight of Java. Veel HTML5-elementen aan dit moment stelt u in staat vervangingen voor alle plug-ins te vinden zonder de kwaliteit van de weergave van de inhoud te verliezen.
Onder andere het verminderen of volledig verlaten van plug-ins op de site zal het paginagewicht optimaliseren, wat ook een positief effect zal hebben op de indexering door zoekmachines.
Naast de belangrijkste punten die hierboven zijn opgesomd, zijn er veel: aanvullende instellingen waardoor uw site gemakkelijk te gebruiken is vanaf mobiele platforms:
- Kies de juiste controle punten bij het instellen van het percentage lay-outelementen, kun je de goeroe over dit onderwerp lezen responsive webdesign– Itana Marcotte.
Een voorbeeld van tekstoptimalisatie voor smartphones en pc's
- Optimaliseer JavaScript zoveel mogelijk.
- Gebruik duidelijke sitenavigatie bovenaan de pagina's. Dit geldt met name voor sites met een flexibel ontwerp. Onthoud dat wanneer u surft met mobiel platform de gebruiker moet net zo comfortabel zijn bij het gebruik van de site als bij een pc. Een duidelijke menukaart en handige navigatie zal u toelaten om niet te verdwalen op de bronpagina's. Een goede optie landingspagina-lay-outs met responsief ontwerp -http://www.theverge.com/a/virtual-reality.
Een voorbeeld van sitenavigatie met responsive design op een pc en smartphonescherm
- Negeer gzip of deflate-compressie niet, dit heeft een positief effect op de snelheid van het laden van sitepagina's op alle apparaten.
- Zorg ervoor dat u afbeeldingscaching gebruikt.
- Herstel voor en na revisies de waarden van indicatoren zoals tijd en diepte van paginaweergaven, bouncepercentage, hoofdsiteposities voor iedereen belangrijkste vragen en statistieken over mobiele apparaten en technologieën. Zo kun je beoordelen of je alles goed hebt gedaan.
Gevolgtrekking
Mobiel zoeken is volop in ontwikkeling en zal de komende jaren een groot marktaandeel gaan veroveren. Als u bij de tijd wilt blijven, uw concurrenten voor wilt blijven, of in ieder geval bij wilt blijven, vergeet dan website-optimalisatie voor mobiele apparaten niet. Het is gegarandeerd extra verkeer en conversies naar verkopen.
