Vinkkejä blogin tekemiseen mobiiliystävällisemmäksi
Google ilmoitti äskettäin, että he käyttävät mobiiliystävällistä algoritmipäivitystä tarkistaakseen, ovatko kaikki blogit mobiiliystävällisiä, ja rankaisee niitä, jotka eivät ole. Tämä sai monet bloggaajat pohtimaan, kuinka tehdä verkkosivustoista mobiiliystävällisempiä ja kuinka edes tietää, onko blogisi mobiiliystävällinen vai ei. Siksi kokosimme yhteen tärkeimmät tiedot siitä, miksi blogisi mobiiliystävällisemmäksi tekeminen on niin tärkeää ja miten se todella tehdään.
Nykyään suuri osa blogin kävijöistä käyttää mobiililaitteitaan tietokoneiden sijaan. Ja koska Google on luvannut parantaa mobiililaitteilla katseltavien sivustojen sijoituksia, on entistä tärkeämpää varmistaa, että blogisi tai verkkosivustosi on mobiililaiteystävällinen.
Kyse ei tietenkään ole vain siitä, mitä Google haluaa. Blogin tekeminen mobiiliystävälliseksi on myös sinun ja lukijoidesi etujen mukaista, koska koska niin monet ihmiset käyttävät mobiililaitteitaan Internetissä, se tekee blogin lukemisesta heille helpompaa. Pew Internet Projectin tutkimuksen mukaan yli kolmannes matkapuhelimen omistajista käyttää Internetiä enemmän kuin pöytätietokonetta tai kannettavaa tietokonetta. Joten jos haluat, että blogisi on helposti luettavissa millä tahansa älypuhelimella ja että blogisi lukijakunta kasvaa, mobiiliystävällisyyttä on syytä miettiä. Ja se on itse asiassa helpompi saavuttaa kuin luulisi.
Mobiiliystävällisyyden testaus
Kun Google keksi tämän mobiiliystävällisen algoritmin, se mahdollisti myös sen, että kaikki voivat testata blogejaan ja verkkosivustojaan tämän mittarin suhteen käyttämällä mobiiliystävällistä testaustyökalua. Kirjoita vain blogisi URL-osoite ”Anna testattava URL-osoite” -ruutuun, napsauta ”Suorita testi”, niin työkalu kertoo, onko blogisi mobiiliystävällinen vai ei.
Jos verkkosivustosi on mobiiliystävällinen, voit rentoutua, koska sinun ei tarvitse tehdä mitään. Jos tämä Google-työkalu kuitenkin toteaa, että blogisi ei ole helpoin lukea mobiililaitteella, sinun on tehtävä joitakin parannuksia tälle osastolle mahdollisimman pian.
Niille, jotka käyttävät blogejaan sisällönhallintaohjelmistoa (CMS), kuten WordPress, Joomla!, Drupal, Blogger, Tumblr, Google Sites, Bitrix jne., mukauttamisen ei pitäisi olla ongelma, koska useimmat näistä ohjelmistojärjestelmistä tarjota työkaluja, jotka tekevät verkkosivustostasi automaattisesti mobiiliystävällisen. Mutta jos et käyttänyt CMS-ohjelmistoa verkkosivustosi tekemiseen vanhan koulun juurella, tai jos käytit sisällönhallintajärjestelmää, mutta verkkosivustosi ei vieläkään vastaa mobiilistandardeja, tässä on joitain vinkkejä sen parantamiseen. sivustosi mobiiliystävällisyys.
1 Päivitä CMS uusimpaan versioon ja käytä mobiiliteemoja
Jos käytät sisällönhallintajärjestelmää, sinun tarvitsee vain joko päivittää ohjelmisto tai muuttaa blogissasi käyttämääsi teemaa. Useimmat sisällönhallintajärjestelmät tarjoavat jo kaikki työkalut, jotka tekevät sivustostasi mobiiliystävällisen, mutta sinun on varmistettava, että sisällönhallintajärjestelmäsi on päivitetty uusimpaan versioon. Esimerkiksi Joomla sisältää mobiilituen vain, kun se on päivitetty ohjelmiston uusimpaan versioon. Muut ohjelmistot saattavat kuitenkin vaatia sinua muuttamaan verkkosivustosi teemaa, jotta se olisi mobiiliystävällinen, koska jotkut vanhemmat teemat eivät vain näytä hyvältä mobiililaitteissa, joten ne eivät myöskään sovellu niille. Voit tehdä tämän siirtymällä sisällönhallintajärjestelmän hallintapaneeliin, etsimällä teemat-välilehden kojelaudalta ja vaihdamalla blogisi teemaksi reagoiva ja mobiiliystävällinen teema. Esimerkiksi WordPress tarjoaa satoja erilaisia teemoja, ja suuri osa niistä on ilmaisia ja reagoivia. Valitettavasti, jos käytät sisällönhallintajärjestelmää, joka ei tarjoa mobiilitukea, tarvitaan lisää parannuksia ja saattaa olla järkevämpää vaihtaa sisällönhallintaohjelmistoa.
2 Käytä alaotsikoita
Mobiilikäyttäjille sopivan blogisisällön nyrkkisääntönä on antaa heidän omaksua tekstiä pienempiin kappaleisiin sen sijaan, että artikkelisi olisi yhtä pitkää tekstiä. Joten blogitekstisi tekstin tulee olla hyvin jäsenneltyä, jotta lukija voi orientoitua tekstissä helposti. Se voidaan tehdä helposti käyttämällä alaotsikoita. Kun käytät alaotsikoita, teksti jaetaan automaattisesti useisiin alalukuihin ja on pienempi mahdollisuus, että lukija menettää paikkansa artikkelia lukiessaan. Ja koska paikan menettäminen lukiessa jotain älypuhelimella on varsin yleinen ongelma monille mobiililaitteiden käyttäjille, koska mobiilivieritys vaikeuttaa pitkien, yksitoikkoisten tekstien lukemista, ratkaise se otsikoiden avulla.
Otsikot voidaan lisätä helposti käyttämällä otsikkotunnisteita. Suurimman ja tärkeimmän otsikon tunniste on
, joka on tuskin havaittavissa oleva otsikko, mutta auttaa silti jakamaan sisältöäsi ja helpottamaan sen lukemista.
3 Valitse kuville sopiva koko
Bloggaajat valitsevat yleensä blogikirjoituksessaan käyttämiensä kuvien koon tietokoneen normaalin näytön koon mukaan, mutta kun blogikirjoituksia katsotaan pienemmillä näytöillä, kuten matkapuhelimen näytöllä, kuvat yleensä loppuvat. olla samankokoisia. Se tarkoittaa, että mobiililaitteiden käyttäjät eivät näe kuvia oikeassa suhteessa. Joten tee kuvistasi niin, että ne eivät ole vain pienempiä, yleensä alle 1500 x 2500 pikselin kuvat ovat parhaita, mutta myös kooltaan pienempiä – alle 500 kilotavua suositellaan. Mobiililaitteille sopivien valokuvien lisäksi kuvien tiedostokoon pienentäminen mahdollistaa käyttäjien lataamisen nopeammin, koska pienemmät kuvat kuluttavat vähemmän dataa.
Voit pienentää kuvistasi tiedostokokoa ja -mittoja käyttämällä mitä tahansa valokuvaeditoria, joka sinulla on, koska et tarvitse Photoshopia voidaksesi tehdä tämän. Suosittelemme käyttämään joko JPEGminiä tai Pixlr:tä, koska näillä kuvankäsittelyohjelmilla voit pienentää kuviesi kokoa niiden laadusta tinkimättä.
4 Käytä reagoivaa suunnittelua
Blogin tai verkkosivuston responsiivinen suunnittelu tarjoaa mahdollisuuden katsella sitä useilta eri alustoilta ja laitteilta erikokoisilla näytöillä kätevämmin, koska se mukauttaa verkkosivustosi automaattisesti selainikkunan leveyden mukaan. Ja jotta blogin kävijöille olisi mukava lukea, tämän mukautuksen aikana yleensä blogin ulkoasu muuttuu, esimerkiksi kuvat kutistuvat, sarakkeet asettuvat pystysuoraan ja valikko muuttuu myös. Mutta jos nämä muutokset eivät tapahdu itsestään, on olemassa työkaluja, joilla voit tehdä sen itse.
Esimerkiksi Foundation 3, Skeleton ja Bootstrap. Nämä puitteet muokkaavat blogiasi automaattisesti, joten sitä on helppo lukea millä tahansa laitteella. Näiden käyttäminen on paljon helpompaa kuin jokaisen mahdollisen yhdistelmän koodaaminen itse. Tietysti voit tehdä tämän myös käyttämällä CSS3:n uusia suhteellisen pituuden yksiköitä, kuten näkymän leveys (vw), näkymän korkeus (vh), näkymän korkeuden ja leveyden minimi (vmin) ja näkymän korkeus ja leveys (vmax). Koodaus vaatii kuitenkin taitoa ja aikaa, ja jos et ole kokenut ohjelmoija, suosittelen käyttämään edellistä vaihtoehtoa.
5 Käytä yksinkertaisia malleja
Mobiilikäyttäjät pitävät yksinkertaisista sivustosuunnittelusta, koska suuret ja monimutkaiset suunnittelusivustot hidastuvat mobiililaitteella. Yksinkertainen muotoilu helpottaa myös lukijan huomion kiinnittämistä sisältöön sen sijaan, että se häiritsee häntä hienolla suunnittelulla, koska tilastollisesti suurimmalla osalla mobiilikäyttäjistä on melko lyhyt keskittymisaika.
Tämä tarkoittaa, että sivustosi ulkoasu on yksinkertainen ja helppo ymmärtää. Jos käytät palveluntarjoajasi tarjoamaa teemaa, voit vaihtaa sen yksinkertaisemmaksi. Esimerkiksi WordPress tarjoaa monia tyylikkäitä, yksinkertaisia malleja, jotka eivät kuormita mobiililaitteita, mutta näyttävät silti hyvältä myös työpöydällä. Mutta jos olet tehnyt verkkosivustosi HTML:n avulla, voit ladata yksinkertaisen mallin, jonka avulla sivustosi näyttää hyvältä ja on myös mobiiliystävällinen. Esimerkiksi Envato Market tarjoaa monia erilaisia yksinkertaisia malleja, joista voit valita ja käyttää sivustossasi.
6 Käytä vakiofontteja
Mielenkiintoiset kirjasimet voivat saada blogin näyttämään luovemmalta, mutta nämä kirjasimet voivat myös harmittaa blogin mobiililukijoita, koska kaikki mobiililaitteet eivät tue hienoja työpöytäfontteja. Joten nähdäkseen sisällön mobiililaitteiden käyttäjien on ladattava uusia fontteja puhelimiinsa, mikä on vaivaa, joka ei monille ole sen arvoista. Lisäksi, vaikka kaikki kirjasimet olisivat valmiiksi asennettuja, joitain luovempia fontteja voi olla vaikea lukea älypuhelimella pienemmän koon vuoksi.
Valitse siis perinteiset kirjasimet, kuten Times New Roman, Verdana, Comic Sans MS, WildWest tai Bedrock. Tarkista myös käyttämäsi kirjasimen luettavuus varmistaaksesi, ettei tekstistä tule lukukelvotonta, kun sitä katsotaan älypuhelimen pienemmällä näytöllä. Yleisenä nyrkkisääntönä on, että verkkosivulla olevan tekstin tulee olla vähintään 14 pikseliä, koska näin tekstistä tulee tarpeeksi isoa, jotta se on helposti luettavissa, vaikka käyttäisit mobiililaitetta, jossa on hyvin pieni näyttö.
7 Minimoi sivun sisältö
Kun sivu ladataan mille tahansa laitteelle, oli se sitten tietokone, tabletti tai älypuhelin, laite lataa koko sivun sisällön. Se ei yleensä aiheuta ongelmia, jos käytät tietokonetta, mutta suuret tietomäärät voivat ylittää mobiililaitteet. Tämän välttämiseksi sinun tulee minimoida kunkin sivun sisällön määrä, koska näin varmistat, että blogisi toimii kaikilla mobiililaitteilla.
Suosittelemme vähentämään sivusi sisältöä alle 5 megatavun sivua kohden. Voit helposti tarkistaa sivusi sisällön koon millä tahansa selaimella. Käytä vain yhtä monista verkkosivujen koon tarkistustyökaluista, jotka ovat saatavilla verkossa. Jos se on yli 5 Mt, pienennä sivun tekstin, kuvien ja muiden osien kokoa ja määrää manuaalisesti tai käytä blogiotteita, jotta vierailijoille on helpompi tarkastella blogia.
8 Käytä YouTube-videoita
Jos sinulla on tapana julkaista paljon videoita blogisi artikkeleihin, sinun on muistettava, että ne näyttävät paljon erilaisilta mobiililaitteella kuin tietokoneella. Lisäksi jotkin mobiililaitteet eivät edes tue tiettyjä videomuotoja, joten käytä upotettua YouTubea, jotta käyttäjä ei pysty toistamaan videota sivustollasi. Upotuskoodi, jonka YouTube tarjoaa jokaiselle heidän videolleen, on jo responsiivinen, mikä tarkoittaa, että voit katsoa videota melkein millä tahansa laitteella, eikä sinun tarvitse enää stressata videoiden koosta ja muodoista.
Saat upotuskoodin YouTube-videolle napsauttamalla ”Tilaa”-painikkeen alla olevaa ”Jaa” -painiketta, napsauttamalla sitten ”Upota”-välilehteä ja kopioimalla toimitetun koodin sivustollesi. Ja sinulla on itsellesi täydellisen kokoinen video viestissäsi ilman, että sinun tarvitsee edes muuntaa tai muuten säätää sitä.
9 Korvaa linkit napautettavilla painikkeilla ja valikoilla
Usein verkkosivuston linkit ovat liian pieniä, jotta mobiilikäyttäjä voi napauttaa sormellaan helposti ja tarkasti. Ja se voi olla todella ärsyttävää blogin lukijalle, kun hän ei voi napauttaa sisältöä tarkasti, hän haluaa katsoa. Siksi sinun tulee korvata kaikki verkkosivustosi linkit painikkeilla, joiden koko on vähintään 44 x 44 pikseliä.
Jos käytät sisällönhallintajärjestelmää, kuten WordPressiä, voit luoda nämä painikkeet laajennuksilla. Siirry CMS-ohjauspaneeliin, etsi sopiva laajennus, asenna se ja noudata ohjeita käyttääksesi sitä oikein. Mutta jos olet koodannut verkkosivuston itse, voit käyttää jotakin näistä ilmaisista linkkipainikkeiden generaattoreista, mikä säästää aikaa, jonka käyttäisit painikkeiden koodaamiseen itse.
10 Jatka testaamista
Lopuksi, kun olet tehnyt kaikki parannukset ja luulet blogisi olevan mahdollisimman mobiiliystävällinen, testaa blogisi uudelleen Googlen testaustyökalulla tai jollain muulla mobiiliystävällisyyden testaustyökalulla, jonka löydät Internetistä. Jos nyt kaikki on kunnossa ja työkalu varmistaa, että blogisi ei saa rangaistusta, koska se ei ole mobiiliystävällinen, voit rentoutua ja jatkaa verkkosivustosi kasvattamista luomalla hienoa sisältöä. Mutta varmuuden vuoksi suosittelen, että testaat verkkosivustoasi useilla eri laitteilla.
Pyydä ystäviä tai perheenjäseniä katsomaan blogiasi puhelimillaan ja tablet-laitteillaan. Testaa sivustoasi Android- ja IOS-laitteista sekä laitteista, joissa saattaa olla täysin erilainen käyttöjärjestelmä. Ja käydä läpi kaikki blogisi pääsivut näillä laitteilla. Vain testaamalla blogisi mobiiliystävällisyyttä tosielämässä voit olla varma, että sivustosi on todella helppo katsella ja lukea kaikista gadgeteista.
Mobiiliystävällisyys ei ole vain hienoa sivuston ulkoasua, vaan myös sivustosi käyttökokemuksen parantamista. Tästä syystä, kun teet blogistasi mobiiliystävällisemmän, useammat ihmiset ovat valmiita palaamaan verkkosivustollesi, koska sitä on helppo tarkastella ja ymmärtää. Ja koska niiden ihmisten määrä, jotka käyttävät matkapuhelimiaan ensisijaisena välineenä netissä surffaamiseen, vain kasvaa vuosi vuodelta, on vain sinun parastasi varmistaa, että verkkosivustosi on ystävällinen näille älypuhelinten käyttäjille ja näyttää sisällön ne kätevästi ja helposti luettavalla tavalla.