Mobilni internet i kako mu prilagoditi svoju web stranicu, blog ili servis

Infobip ❤️ Netokracijašto akvizicija znači za vas - i nas?

Mobilni internet i kako mu prilagoditi svoju web stranicu, blog ili servis

Padom cijena mobilnog interneta i sve većim brojem pametnih telefona, korisnici počinju svakodnevno surfati na svojim mobilnim uređajima, tražeći informacije u hodu. Ukoliko im vaša web stranica ili servis bude samo stvarala probleme pri pregledu na iPhoneu ili Androidu, nećete dobiti te posjete. Dapače, mogli bi vas s vremenom zamijeniti s nekim tko je svoje internetsko prisustvo prilagodio mobilnom internetu. Kako prilagoditi svoju web stranicu, servis ili blog mobilnom internetu?

Padom cijena mobilnog interneta i sve većim brojem pametnih telefona, korisnici počinju svakodnevno surfati na svojim mobilnim uređajima, tražeći informacije u hodu. Ukoliko im vaša web stranica ili servis bude samo stvarala probleme pri pregledu na iPhoneu ili Androidu, nećete dobiti te posjete.

Dapače, mogli bi vas s vremenom zamijeniti s nekim tko je svoje internetsko prisustvo prilagodio mobilnom internetu. Kako prilagoditi svoju web stranicu, servis ili blog mobilnom internetu?

Prilikom izrade mobilnih web stranica morate biti svjesni ograničenja popularnijih platformi. Duže web stranice neće biti baš upotrebljive na uređajima gdje trebate puno klikati za scrollanje, a iPhone vam neće prikazati Flash.

Iako sve više mobilnih operatera poput Bonbona povećava pakete za mobilni internet, mnogi su korisnici ograničeni količinom prometa, tako da smanjite slike i multimedijalne sadržaje koliko god to bilo moguće.

Vodič za prilagodbu vaše web stranice mobilnom internetu podržao je bonbon, nova mobilna mreža čijih 300 MB prometa dnevno u posebnom dnevnom paketu zadovoljava i zahtjevnije surfere.

Bonbon je nova mobilna mreža koja vas podržava putem Twittera, Facebooka, foruma i chata, prilagođena novoj generaciji korisnika koji svakodnevno koriste svoje pametne telefone.

Aplikacija za mobilne telefone

Izrada aplikacije za web stranice je vrlo popularna u zadnje vrijeme. Jutarnji i Večernji list svoje su napravili, a Nokia je olakšala izradu Ovi aplikacija uz svoj “čarobnjak”.

Iako korisne, mobilne aplikacije najčešće traže veću investiciju, posebice ukoliko želite da podržavaju više platformi poput iPhonea, Androida, BlackBerrya, itd. Čak i tada, korisnici će dolaziti na vašu web stranicu putem preglednika, tako da nju morate prvu prilagoditi.

Treba li vam mobilna aplikacija?

Većina mobilnih aplikacija blogova i magazina nije ništa više nego pojednostavljeni RSS čitač uz dodatak linkova na Twitter i Facebook. Iako zgodne, najčešće su tek pokazivanje snage.

Mobilne aplikacije su zgodne za web stranice servisa koje inače nisu lako dostupne unutar preglednika, poput kalkulatora, malih alata itd. Dodavanjem lokacijskih i drugih mogućnosti možete opravdati aplikaciju ne samo sebi, već i korisnicima. Dobri primjeri mobilnih aplikacija postojećih web stranica su MAXtv vodič, Zagrebački tramvaj te aplikacija Zagrebačke banke.

Mobilni dizajn za postojeću web stranicu

Najjednostavniji način da svoju web stranicu prilagodite mobilnim uređajima je izrada posebnog, prilagođenog dizajna koji će se uključivati kad netko dođe s iPhonea, Androida ili nekog drugog mobitela.

Mobilne verzije dizajna, koje se pozivaju kroz stilove CSS-a, najjeftinija su opcija. Ne morate mijenjati sustav za upravljanje sadržajem, samo dizajn sučelja i frontend programiranje što iziskuje nešto manje rada.

Dodaci poput WPToucha olakšavaju vam prilagodbu mobilnim uređajima.

Na žalost, iako CSS podržava tzv. handheld stilove, neki preglednici na mobilnim uređajima ih ponekad ne prepoznaju i ipak prikazuju “normalnu” web stranicu. Osim tog, pukim dizajnom ignorirate prilagođavanje ostatka web stranice mobilnim uređajima. Sadržaj primjeren preglednicima koji dopuštaju čitanje veće količine teksta neće odgovarati nekome tko želi brzo naći određenu informaciju na vašoj web stranici.

WordPress, Drupal i drugi popularni sustavi za upravljanje sadržajem imaju dodatke koji mogu automatski napraviti mobilnu verziju web stranice. Većini blogova i internetskih publikacija će upravo prilagodba izgleda biti najbolje rješenje. Za WordPress možete koristiti besplatne dodatke MobilePress i WPTouch.

Odvojena mobilna web stranica

Kako se ne bi mučili s detekcijom mobilnih uređaja, možete napraviti odvojenu web stranicu na koju korisnici mogu izravno doći. Time dobivate prostor u kojemu sadržaj može svojom količinom, kontekstom i izgledom biti potpuno prilagođen mobilnim uređajima.

Možete ih postaviti pod subdomenu (poput m.tportal.hr) ili odvojenu .mobi domenu, iako one nisu popularne izvan SAD-a.

Mobilna web stranica treba biti prilagođena sučeljem i sadržajem...

Najveći problem mogao bi vam predstavljati tzv. duplicate content. Google i druge tražilice bi mogle pomisliti kako duplicirate vlastiti sadržaj kako biste bolje kotirali u rezultatima pretraživanja, što dakako ne dopuštaju. Srećom, Google nije tako strog.

Mobilni internet je svakim danom sve važniji, a postoji u posebnom kontekstu između mobilnih web stranica i aplikacija. Ukoliko želite iskoristiti rast korištenja mobilnih uređaja u svoju korist, krajnje je vrijeme da prilagodite svoju web stranicu.

Jeste li već prilagodili svoj projekt mobilnim uređajima? Koje su vam najdraže mobilne web stranice?

Sukladno članku 94. Zakona o elektroničkim medijima, komentiranje članaka na Netokraciji dopušteno je samo korisnicima koji ostave svoje ime i prezime te mail adresu i prihvate pravila ponašanja.

Pravila ponašanja

Na Netokraciji za vas stvaramo kvalitetan, autorski potpisan sadržaj i zaista se veselimo vašim kvalitetnim, kontruktivnim komentarima. Poštujmo stoga jedni druge prilikom komentiranja, kao i Zakon, držeći se sljedećih pravila ponašanja:

  • Ne budite 💩: Nema vrijeđanja, diskriminiranja, ni psovanja (osim ako nije osobni izričaj, ali onda neka psovka bude općenita, a ne usmjerena prema nekome). Također, upoznajte se sa stavkom 2. članka 94. Zakona o elektroničkim medijima prije no što ostavite komentar.
  • Samo kvalitetna rasprava, manje trolanja: Ne morate se ni sa kim slagati, ali budite konstruktivni i doprinesite raspravi! Svako trolanje, flameanje, koliko god "plesalo" na granici, leti van.
  • Imenom i prezimenom, nismo Anonymous 👤: Autor sadržaja stoji iza svog sadržaja, stoga stojite i vi iza svog komentara. Koristimo ime i prezime te pravu email adresu.

Kako koristimo podatke koje ostavljate? Bacite oko na našu izjavu o privatnosti.

Sve ostale komentare ćemo s guštom spaliti, jer ne zaslužuju svoje mjesto na internetu.

Komentari

  1. Hrvoje Mihajlic

    Hrvoje Mihajlic

    16. 11. 2010. u 10:06 am Odgovori

    pluginovi poput wptoucha i mobilepressa su super stvar, ali ponekad se (i to si mi ti rekao) upale pri običnim prelednicima, što mi je puno gore nego da se ne pali pri mobilnim.

    na svom blogu trenutno nemam ništa upaljeno. imam par sitnih bugova pri pregledu na iphoneu ali za priživjet je 😀

  2. Emanuel Blagonić

    Emanuel Blagonić

    16. 11. 2010. u 12:44 pm Odgovori

    @Hrvoje problem kod WPtoucha i Mobilepressa je bio kod prikaza mobilnih stranica kada je upaljen i neki caching plugin za WP. Mislim da je to u novim verzijama oba plugina riješeno, ali nisam osobno isprobao. Znam da je bio taj problem na Netokraciji, a u novoj verziji Netokracije osim super-kul-awesome dizajna u planu je i mobilna verzija… ali to na “novoj” Netokraciji koju su samo rijetki vidjeli 😉

  3. Emanuel Blagonić

    Emanuel Blagonić

    16. 11. 2010. u 1:41 pm Odgovori

    @Haris rekao je Ivan kako se to može napraviti za WordPress – dakle, koristiš ona 2 plugina koja je spomenuo i to je to. Uključiš plugin (dobro je provjeriti rade li sa WP Super Cache ili nekim drugim cacheing pluginom) i radi “out of the box”.

  4. Haris Custo

    Haris Custo

    16. 11. 2010. u 1:45 pm Odgovori

    Odlično 🙂 al u naslovi ne stoji kako napraviti za blog i to isključivo za WP ili drupal 😉
    Kada sam pročitao naslov očekivao sam savjete kako prilagoditi svoju web stranicu mobilnim uređajima (generalno).

  5. Ivan Brezak Brkan

    Ivan Brezak Brkan

    16. 11. 2010. u 3:23 pm Odgovori

    @Haris @Emanuel Zapravo, ocekivao si konkretno, ne generalno 😀 Generalno si dobio, a konkretno bi iziskivalo previše tehničkih objašnjenja koju većinu čitatelja ne zanimaju 🙂 Tema za ubuduće

  6. Robi

    Robi

    16. 11. 2010. u 9:45 pm Odgovori

    Ja koristim MobilePress. Ne dolazi do dupliciranja sadržaja na pretraživačima jer plugin sam setektira radi li se o mobilnom pregledniku ili “klasičnom”. Osim toga ne ovisi o drugoj stranici kao neki drugi pluginovi, pa u tom slučaju ako ta stranica nije online neće raditi ni mobilna verzija vaše stranice. Jedino nisam zadovoljan s mobilnom verzijom SMF foruma.

Odgovori

Tvoja e-mail adresa neće biti objavljena.

Popularno

Zabava i zanimljivosti

GOVNO framework – odgovor na birokratsku prirodu Scruma

Governance. Objectives. Visibility. Networks. Outcome. Sve su to ključni aspekti novog okvira za upravljanje projektima.

Društvene mreže

LinkedIn traži tvoju identifikaciju? Samo skoči do javnog bilježnika!

Vrijeme adventa pomalo ostavljamo iza nas, ali uspomene i pokloni ostat će još dugo s nama. Jedan naš poduzetnik posebno će pamtiti kako ga je poznata društvena mreža nagradila odlaskom kod javnog bilježnika.

Tehnologija

“Revolucija” koju donosi ChatGPT podsjeća me na samovozeće aute

Promjene koje donosi napredak u tehnologiji kompleksnije su, sporije i manje seksi od bombastičnih predviđanja na društvenim mrežama.

Što ste propustili

Programiranje

Gdje je mobile development danas? “Skoro sve se promijenilo…”

Da je itekako moguće profesionalno rasti radeći samo u jednoj tvrtki, ako imaš dobre uvjete, pokazuje karijera Dine Sulića, koji je prije 9 godina kao student došao u Endavu (nekadašnji Five). S Dinom smo popričali o njegovu profesionalnom putu, dinamičnom svijetu mobile developmenta te kako kroz NowInMobile meetupe planiraju dijeliti znanje u široj mobile zajednici.

Programiranje

Kvote tehničkih fakulteta neće zadovoljiti apetite IT industrije – što sad?

Godinama IT industriju obilježava jedna konstanta - neprekidna (rastuća) potražnja za radnom snagom. S obzirom na to da su fakulteti tradicionalno “tvornice” kvalificiranih radnika za IT scenu, postavlja se pitanje koliko je dugo taj odnos održiv? Ili su se već počele pojavljivati alternative koje izazivaju status quo? 

Novost

Hrvatski 404 i Shape postaju dio MYTY grupe, vodeće grupacije njemačkih i švicarskih agencija

404, najveća hrvatska komunikacijska agencija i Shape, tehnološka kompanija koja je dio 404 grupe, postaju dio MYTY, vodeće grupacije njemačkih i švicarskih agencija, čije je sjedište u Berlinu.

Netokracija Podcast

Ivan Vulić s Cambridgea objasnio nam je strojno učenje i kako zaista funkcionira ChatGPT

Ima li boljeg sugovornika na temu strojnog učenja, treniranja velikih jezičnih modela i glasovnih asistenata koji umjesto ljudi rješavaju probleme korisnika od čovjeka koji se time bavi istraživački i u praksi?

Karijere

Jeste znali da je “ozbiljno igranje” sve popularniji trend u ozbiljnim firmama?

Često se kaže da je igranje na poslu privilegija samo game developera (da bar!), no i „normalne” tvrtke u posljednjih nekoliko godina ponovno otkrivaju igre kao alat za razvoj „mekih” vještina radnika, unaprijeđenje timske suradnje te katalizator poslovnih inovacija. U to sam se uvjerila posjetivši nekonvencionalnu gaming konferenciju #play14 te razgovarajući s Lidijom Kralj i Josipom Borić-Novosel, renomiranim domaćim stručnjakinjama u ovom području.

Tvrtke i poslovanje

Zašto je big tech ove godine otpustio već 60.000 ljudi i to – preko noći?

Kako oni smiju tako nasumce i preko noći otpustiti 12.000 ljudi pitali su se oni s druge strane svijeta dok su na društvenim mrežama gledali i čitali objave šokiranih američkih "guglera" koji su saznali da više nemaju posao tako što nisu mogli otvoriti službeni email ili ući u ured.