Interaktyvus svetainės kūrimas: kodėl tai svarbu šiais laikais? - „Semalt“ ekspertų patarimai

Nors šiandien reaguojančių svetainių kūrimas mums atrodo savaime suprantamas dalykas, tai ne visada buvo taip
Tai nutiko 2015 m. Pirmoje pusėje, kai viso pasaulio žiniatinklio valdytojai pabudo, jų klaidingai manymu, dar vienu rutinu. Jie išsivalė dantis, gėrė kavą, skaitė naujienų antraštes, atidarė kompiuterį ir pradėjo tikrinti savo svetainės vietas.
Keista ir apmaudu, kad daugelis svetainių iki šio taško užėmė reitingą pirmuosiuose „Google“ paieškos sistemos puslapiuose su gausybe raktinių žodžių, išskaidytų į puslapius, kurių niekas nepasiekė ar nepasieks - kažkur dešimtame ar dvidešimtame rezultatų puslapyje.
Kas nutiko?
Ir jei jums tai skamba kaip filmas „Armagedonas“ (krikščionybėje tai reiškia „pasaulio pabaiga“), esate visiškai teisus. „Pasaulio pabaiga“ geriausiai išreiškia jausmą, kurį leidėjai ir svetainių reklamuotojai patyrė susidūrę su svetainių mažėjimu paieškos rezultatuose.
Kas pasikeitė? Ir kodėl svetainės pablogėjo?
Pažiūrėkime, ką Semalt mano apie tai ir kokį sprendimą jums siūlo šie ekspertai.
Naujas „Google“ algoritmo atnaujinimas
Tiesą sakant, jau 2015 m. Vasario pradžioje „Google“ pradėjo siųsti užuominas, kad netrukus pasirodys naujas ir reikšmingas algoritmo atnaujinimas. Tačiau daugelis leidėjų nebuvo tam pasiruošę ir nežinojo, kas bus atnaujinime.
Tada atėjo 2015 m. Balandžio mėn., O kartu atsirado supratimas ir internalizacija, kad nuo šiol norint patekti į paieškos rezultatų viršų reikia pereiti prie reaguojančių svetainių kūrimo. Taip yra todėl, kad „Google“ teikia pirmenybę svetainėms, kurios rodomos ir pritaikytos visiems įrenginiams. Svetainės, kurios gerai veikia visuose įrenginiuose, bus reitinguojamos aukštesnėmis nei su visais įrenginiais nesuderinamos svetainės.
Kas lėmė „Google“ reikalavimą pereiti prie interaktyvių svetainių kūrimo?
Reikalavimas pereiti kuriant reaguojančias svetaines galėjo sulaukti daugybės nepasiruošusių, tačiau šis „Google“ reikalavimas turėjo daug logikos ir sveiko proto.
Ką aš turiu omenyje? Aš tai paaiškinsiu
Jei iki naujojo tūkstantmečio pradžios dauguma iš mūsų naršydavo internete naudodamiesi staliniais ar nešiojamaisiais kompiuteriais, tai dabartinį dešimtmetį daugelis iš mūsų daugiau naršome naudodamiesi išmaniaisiais telefonais ir planšetiniais kompiuteriais. Aš kalbu ne tik apie jaunimą tarp mūsų. Net mano motina, ją atpirkusi, jau daugiau naršo išmaniajame telefone nei kompiuteryje.
Reikalas tas, kad prieš „Google Update“ dauguma pasaulio svetainių buvo tinkamos rodyti kompiuterius, bet netinka išmaniesiems telefonams ar planšetiniams kompiuteriams. Jei bandytumėte patekti į reaguojančias svetaines per išmanųjį telefoną, kuris neatitiko reaguojančių svetainių kūrimo standarto, iškart jų bėgtumėte. Kadangi jie buvo netvarkingi, su mažu tekstu ir (arba) neįskaitomi, mygtukai buvo per maži ir ekranas neatitiko mobiliojo telefono naudojimo patirties.
Apatinė eilutė: svetainės, kurios nebuvo suderinamos su mobiliuoju, susierzins ir išstums banglentininkus, sumažins svetainėje praleistą laiką ir pažemins svetaines iki pamirštų rezultatų puslapių.
Šis garsus „Google“ atnaujinimas privertė ir teisingai leidėjus pritaikyti savo svetainę visiems esamiems įrenginiams: staliniams, nešiojamiesiems, išmaniesiems telefonams ir planšetiniams kompiuteriams. Ir jei ateityje jie sugalvos daugiau įrenginių, mes taip pat turėsime pritaikyti savo svetaines jiems.
Šis svarbus „Google“ atnaujinimas iš tikrųjų pakeitė mūsų mąstymą apie svetainių kūrimą šiandien ir paskelbė „Mobile First“ erą. Jis persikėlė iš kompiuterio į mobilųjį ir yra svarbiausias prioritetas dėl paprastos priežasties - vis daugiau žmonių naudojasi išmaniaisiais telefonais ir vis mažiau kompiuterių.
Supraskime giliai, kaip yra kurti reaguojančias svetaines
Reaguojančių svetainių kūrimas reiškia svetainių, kurios gerai reaguoja į visus įrenginius, visas technologijas (pvz., Jutiklines technologijas) ir visas rezoliucijas, kūrimą.
Kaip „įprastos“ svetainės tampa reaguojančiomis svetainėmis?
Pirma, svarbu patikrinti, ar jūsų svetainė jau reaguoja. Tai galite patikrinti „Google“ siūlomame draugiškumo teste: https://search.google.com/test/mobile-friendly
Tiesiog įveskite norimo patikrinti puslapio URL ir palaukite analizės rezultatų.
Galbūt norėsite atidaryti ataskaitą ir sužinoti, ar kiekvieno puslapio elementus reikia tobulinti. Antra, vadovaukitės šiais patarimais ir patarimais, kurie jums padės kuriant reaguojančias svetaines.
Naudingi patarimai kuriant reaguojančias svetaines
Nesvarbu, ar ketinate savo svetainę pritaikyti savarankiškai, ar jūs kreipkitės į ekspertus kurdami reaguojančias svetaines, šiuos elementus svarbu nepamiršti kuriant nuo nulio ar atnaujinant reaguojančias svetaines:
Tinka man: portreto ir peizažo rodymas reaguojančiose svetainėse
Portreto vaizdas tinka planšetiniams kompiuteriams ir išmaniesiems telefonams, o kraštovaizdžio vaizdas - staliniams, nešiojamiesiems ir kitiems plačiaekraniams ekranams. Svarbu naudoti šiuos 2 rodinius, kad svetainė būtų gerai rodoma bet kuriame įrenginyje ir naršytojams atskleistų informaciją apie svetainę prieinamu, aiškiu ir aiškiu būdu.
Palieskite pirštus savo vietoje: mygtukuose ir nuorodose reaguojančiose svetainėse
Kuriant reaguojančias svetaines taip pat reikia specialiai sukurti mygtukus ir nuorodas. Labai verta pagalvoti apie vartotojo patirtį ir banglentininkų sąveiką su nuorodomis ir spustelėjamais mygtukais. [Pastaba: ieškokite SEO ir svetainės reklamavimo darbų „Search Console“ skiltyje „Mobilaus naudojimo patogumas“.]. Įsitikinkite, kad išmaniuosiuose telefonuose mygtukai yra pakankamai dideli, bent nykščiui tinkamo dydžio. Be to, įsitikinkite, kad juos lengva paspausti pele, kai naršote stalinius ar nešiojamuosius kompiuterius.
Laužyti linijas: turinys kuriant reaguojančias svetaines
Kuriant reaguojančias svetaines taip pat reikia atskiesti informaciją. Pateiksiu tik pavyzdį: kūrimo metu susidursite su tekstais, kuriuos turite palikti išmaniojo telefono vaizde. Tačiau į tuos tekstus, kurių atsisakėte išmaniojo telefono vaizde, bus atsižvelgta planšetinių kompiuterių, stalinių ir nešiojamųjų kompiuterių vaizde. Neįmanoma visos mūsų turimos informacijos ir turinio įdėti į kompiuteriams pritaikytą svetainę į išmaniesiems telefonams pritaikytą svetainę. Reikia atlikti tikslius pakeitimus, kurie padarys svetainę funkcionalią net ir mobiliuosiuose išmaniuosiuose įrenginiuose.
Atkreipkite dėmesį, kad kiekvienoje eilutėje įvedamų žodžių skaičius taip pat skiriasi skirtinguose rodiniuose. Todėl taip pat svarbu koreguoti kiekvieno įrenginio teksto eilučių plotį. Jei prietaisai su plačiu ekranu, pvz., Kompiuteriai, iš eilės įveda apie 75 simbolius, tada išmaniojo telefono ekrane turite laikyti apie 35 simbolius iš eilės.
Šriftų dydis taip pat pasikeis reaguojančiose svetainėse. Išmaniųjų telefonų rodinyje šrifto dydis bus mažesnis, o kompiuterio rodinyje šriftas tikrai gali būti didesnis. Atminkite, kad kiekvienam įrenginiui galite pasirinkti įskaitomą ir aiškų šrifto dydį.
Kiekvienas profesionalus svetainių kūrėjas žino, kad kuriant reaguojančias svetaines ypatingas dėmesys skiriamas ypač vaizdams ir apskritai vaizdams. Apskritai svarbu suprasti, kad kuo daugiau svetainė yra įkrauta didelių ir sunkių vaizdų bei vaizdo įrašų, tuo ilgesnis jos įkėlimo laikas, ty: reikės daugiau laiko, kol banglentininkas bus veikiamas visos svetainės. Ir ši taisyklė yra dar svarbesnė išmaniuosiuose telefonuose. Svarbu neperkrauti reaguojančios svetainės su daugybe sunkių vaizdų. Be to, svarbu proporcingai apkarpyti ir pritaikyti vaizdus pagal skirtingus įvairių įrenginių vaizdus.
Kuriant reaguojančias svetaines, vaizdų dydis turi būti pritaikytas prie įrenginio. Kompiuteriuose vaizdo dydis bus didesnis, o išmaniesiems telefonams - vaizdai turėtų būti mažesni.
Norėdami lengvai ir patogiai naršyti svetainėje, naudokite lipnią virvę
Kita detalė, į kurią svarbu atkreipti dėmesį kuriant reaguojančias svetaines, yra antraštė, esanti svetainės viršuje. Naršant svetainėje labai rekomenduojama padaryti lipnią antraštę, kuri būtų visam laikui pritvirtinta ekrano viršuje. Kodėl? Lipnus citrusinis vaisius sumažina daugelio slinkimo poreikį ir nustato pagrindinį meniu per visą naršymo laiką svetainėje. Tai leidžia banglentininkams lengvai naršyti svetainėje, per daug neslankant ir neieškant meniu - kadangi meniu yra fiksuotas ir prieinamas banglentininkams, kad ir kur jie būtų - puslapio apačioje arba viduryje. Pagrindinis meniu yra prieinamas ir gerai matomas, jį galima lengvai naršyti iš bet kurios svetainės vietos. „Sticky Heather“ yra ir estetiškas, ir padidina išmaniųjų telefonų funkcionalumą.
Perbraukimas ir slinkimas - slinkimas ir slinkimas svetainėje
Išmaniuosiuose telefonuose esame įpratę braukti pirštus ant ekrano, kad judėtume iš vienos vietos į kitą. Kompiuteriuose esame įpratę slinkti aukštyn ir žemyn pele. Būtent dėl šios priežasties kuriant reaguojančias svetaines svarbu pritaikyti vartotojo patirtį prie įrenginio. Kuriant išmaniuosius telefonus, verta derinti slydimo pirštais galimybę, o pritaikant svetainę prie kompiuterio, verta leisti puslapiams slinkti žemyn ir aukštyn.
Apibendrinant
Kaip pažymėjau straipsnio viršuje, vieną rytą atsikėlėte ir pastebėjote, kad jūsų svetainė vis mažėjo paieškos sistemoje. Bet jūs nežinote, kas tiksliai paaiškina šį faktą. Tiesa, kad tai gali būti dėl kelių priežasčių. Tačiau pirmas klausimas, kurį turėtumėte užduoti, yra šis: ar mano svetainė atitinka naujausius „Google“ kriterijus?
Jei taip nėra, paskubėkite susisiekti su a kvalifikuota SEO paslauga kad jūsų svetainė gautų kokybišką priežiūrą, kad atgautų gerą padėtį.
Nes reaguojančių svetainių kūrimas šiais laikais yra būtinas dalykas. Nereaguojančios svetainės atbaidys banglentininkus, atbaidys klientus ir taip pat sabotuos galimybę patekti į „Google“ paieškos rezultatus. Atminkite, kad šiandien mes turime tik kelis įrenginius, kuriems turime pritaikyti svetainę, ir artimiausiu metu greičiausiai turėsime pritaikyti savo svetainę ir naujiems įrenginiams.