See on juhend funktsioonide kohta, mida teie uus WordPressi teema vajab teie veebisaidi edukaks muutmiseks 2020. aastal. Kontroll-loend on oluline veebihalduritele, üksikisikutele, aga ka arendajatele, kes soovivad oma teemasid täiustada. Kui kaalute sel aastal uue WordPressi teema valimist, lugege edasi!

Pidage meeles, et oluline on veebisaidi tüüp, millele soovite teema lisada. Olen püüdnud hoida näpunäiteid võimalikult üldisena, et need kehtiksid olenemata sellest, kas teil on ettevõte, ajaveeb või e-kaubanduse veebisait.

Peaksite ka arvestama, et suure tõenäosusega lahendate palju vajalikke funktsioone pistikprogrammide abil ja seega ei saa te loota teemale, et pakkuda teile kõike, mida vajate. Kuid ikkagi on palju, mida saab lahendada või toetada ainult teema kaudu. Allolev kontroll-loend on asjad, mida pistikprogrammid ei saa või tõenäoliselt ei saa parandada ja mis peavad olema teie valitud teemas paigas.

1 Mobiilisõbralik

Teema peab olema mobiilisõbralik. Periood. Rohkem kui pooled kõigist veebisaitide külastustest kogu maailmas toimuvad mobiilseadme kaudu. 2018 aastal oli globaalsete mobiilikülastuste protsent umbes 58% ja 2019. aastal prognooside kohaselt umbes 63%. Aastate jooksul see ainult suureneb.

Mida tähendab, et teema või veebisait on mobiilisõbralik? See tähendab lihtsalt, et veebisait on välja töötatud töötama ja seda saab kasutada väiksematel ekraanidel, ilma et oleks vaja mobiilikasutajatele eraldi saiti. Teisisõnu; teema peab olema tundlik. Responsiivne teema paneb sisu kenasti üksteise peale virna, mastaapse või peidab ebavajaliku sisu ning asendab peamenüü nupu abil mobiilimenüüga.

Saate väga lihtsalt kontrollida, kas veebisait on tundlik, vähendades lihtsalt oma arvuti brauseriakent. Lihtsalt lohistage brauseri vasakut või paremat serva sissepoole. Vaadake, kuidas veebisait reageerib. Sisu peaks hakkama ümber paigutama, virnastama ja proportsionaalselt skaleerima, et see sobiks ekraani laiusega. Hea rusikareegel on see, et te ei tohiks kunagi oma brauseris näha horisontaalset kerimisriba!

Näiteks selle saidi esileht toimib ekraani suuruse vähendamisel järgmiselt.

Usaldusväärsem viis mobiilisõbralikkuse kontrollimiseks on kasutada Google’i tasuta tööriista: testige, kas teie veebileht on mobiilisõbralik. Sisestage teema demosaidi URL ja klõpsake nuppu "Testi". Tööriist peaks teile teatama, kas sait on tõesti mobiilisõbralik või mitte.

Mobiilisõbralik sait ei võimalda mitte ainult rohkem külastajaid, kes kasutavad erinevaid seadmeid, vaid mobiilisõbraliku veebisaidi omamine on ülioluline ka SEO jaoks (otsingumootori optimeerimine – vaata järgmist punkti)! Google seab otsingutulemustes esikohale saidid, mis on mobiilisõbralikud. 2020 aasta märtsis teatasid nad, et Google lülitub 2020. aasta septembris kõikide veebisaitide jaoks üle mobiilipõhisele indekseerimisele.

2 SEO-sõbralik

Otsingumootori optimeerimine (SEO) on tänapäeval ülioluline teie jaoks, kes soovib, et külastajad teie saidile tuleksid. Peate oma veebisaidil olema võimalikult kõrge asetus sellistes otsingumootorites nagu Google, et loota külastajatele, kes muutuvad klientideks. Ilma SEO-ta upub teie veebisait miljarditesse teistesse konkureerivatesse veebilehtedesse ja keegi ei tea teie veebisaidist ega leia seda.

SEO seisneb teie veebisaidi optimeerimises, et suurendada teie saidi liikluse kvantiteeti ja kvaliteeti. See hõlmab selliseid teemasid nagu sisu, tehnilised aspektid ja see, kuidas välised teie saiti näevad, kasutavad ja üle vaatavad. See on üsna mahukas teema, kuid selle kontrollnimekirja puhul keskendun tehnilistele aspektidele.

Tõenäoliselt kasutate (peaksite) SEO pistikprogrammi. Näiteks Yoast SEO on WordPressi kõige tuntum ja kasutatav SEO pistikprogramm. Sellel on esmaklassiline versioon, kuid tasuta versioon on täiesti korras. SEO pistikprogramm peaks võimaldama teil määratleda pealkirju, metakirjeldust, märksõnu ja genereerida otsingumootori saidikaarte. Yoast SEO analüüsib ka teie postituse sisu ja annab teile näpunäiteid, kuidas oma kirjutamist paremaks muuta, et kõrgemale kohale jõuda.

Kuid teemas on paar asja, mida peate kontrollima – midagi, mida SEO pistikprogramm ei saa parandada.

Hea HTML struktuur

Teema SEO-sõbralikuks muutmisel mängib rolli hea HTML-i struktuur. HTML on veebilehe sisu struktuur, mis ei sõltu selle stiilist. Stiil võib varjata halba HTML-i struktuuri, kuid pidage meeles, et Google’i roomajad loevad veebisaiti ilma stiilita.

Hea HTML-i struktuuri üks oluline reegel on pealkirjasildid; h1, h2ja nii edasi kuni h6. Pealkirjade abil tuleks teavitada uuest jaotisest ja sellest, millest see räägib, ning sildid peaksid olema korras (nt sisu ei tohiks hüpata ühest punktist h2teise h4ilma h3vahepealseteta). h1tuleks reserveerida kõige olulisema tiitli jaoks; tavaliselt postituse pealkiri või saidi nimi. Ja h2seda tuleks kasutada selle postituse kõige olulisemate pealkirjade teenindamiseks. Kuigi Google on teatanud, et nad lubavad mitut h1sildi (vastavalt HTML5 juhistele), on endiselt tavaline tagada, et h1igal lehel on ainult üks.

Teema peaks kasutama ka uuemaid HTML5 silte, nagu <header>, <main>, <footer>, <aside>kuna need annavad Google’ile semantilist teavet konkreetse sisu kohta.

Veel üks väga vähekasutatud funktsioon on skeemi märgistus, mida sageli nimetatakse mikroandmeteks. Skeemimärgistus on tehnoloogia, mis aitab robotitel ja roomajatel mõista, mis sisu on. Tooteteabe pakkimine skeemimärgistusega võimaldab Google’il täpselt teada, kust ta leiab hinna, arvustused, tootepildi ja palju muud. See võimaldab Google’il esitada tooteid otsingutulemustes erineval viisil. Kahjuks on selle leidmine WordPressi teemast haruldane, kuid kui leiate skeemi märgistusega teema, on see hea vihje, et teemaarendaja on mõelnud SEO-le.

Lõpuks peaks teema kindlasti looma rikkalikus sisus, eriti piltides, korralikud sildid. Piltidel peavad olema vähemalt alt-sildid. Alt-märgendeid kasutatakse pildi välimuse ja funktsiooni kirjeldamiseks lehel. Pidage meeles, et otsingumootori indeksoijad ei saa pilte tõlgendada nagu inimesed.

Lehekülje kiirus

Kui kiiresti teie veebisait laaditakse, on SEO jaoks väga oluline. Teie veebisaidi lehe laadimise lõpetamiseks ei tohiks kuluda rohkem kui 5 sekundit. Teema võib optimeerida lehe kiirust mitmel viisil.

Pidage meeles, et teema võib kasutada raskeid ja mõnikord väliseid ressursse, et muuta see stiilseks. Näiteks kohandatud fondid, ikoonid ja terve hulk interaktiivseid elemente. Stiilitabelite, JavaScripti failide ja eriti väliste ressursside, nt GoogleFonts fontide ja Fontawesome ikoonide jaoks, taotlused tõmbavad lehe kiirust tõesti alla.

Teema peaks toetama ka erinevates suurustes üleslaaditavate piltide suuruse muutmist ja kasutama neid vastavalt oma sisu jaoks vajalikele pildisuurustele. Suurte piltide laadimine on lehekülje kiiruse üks suurimaid puudusi. Pole mõtet kasutada jaluses väikese pisipildi jaoks täismahus pilti laiusega 1900 pikslit.

Lehekülje kiirust saate kontrollida mõne teise Google’i tasuta tööriistaga: PageSpeed Insights. Sisestage teema demo saidi URL ja klõpsake nuppu Analüüsi. Laske sellel töötada ja teile tuleks esitada hinne ja aruanne asjade kohta, mida saate teha lehekülje kiirust vähendavate probleemide lahendamiseks. Ärge unustage kontrollida nii mobiili- kui ka lauaarvuti aruandeid. Lehekülje kiirus mobiilis on tänapäeval olulisem; nii seetõttu, et mobiilseadmed kasutavad sageli mobiilset andmesidet (see maksab raha), kui ka seetõttu, et mobiilisõbralikkus on oluline. Sa ei jätnud eelmist kontrollnimekirja üksust vahele, eks?

3 Juurdepääsetavus

Juurdepääsetavus muudab teie veebisaidi juurdepääsetavaks igat tüüpi külastajatele, sealhulgas puuetega inimestele – olenemata sellest, kas see on kuulmis-, nägemispuudega või muuga või mitte. Seal on rahvusvaheline juhiste kogum, mida nimetatakse veebisisu juurdepääsetavuse juhisteks (WCAG), mis kirjeldavad, kuidas veebisaidid peaksid juurdepääsetavust rakendama. Kui te ei järgi WCAG-i, rikute tegelikult mitmeid seadusi ja eeskirju rahvusvahelisel tasandil (kuna teie saidi külastajad võivad tulla kõikjalt maailmast).

Juhised kirjeldavad suurt hulka veebisaidi spetsifikatsioone ja tehnilisi nõudeid. WCAG-le vastavust hinnatakse kolmel tasemel; A, AA ja AAA. Tase AAA on madalaim vastuvõetav juurdepääsetavuse tase, samas kui taset A peetakse tipptasemel juurdepääsetavaks, kuid tase A seab disainile, funktsioonidele ja rikkalikule sisule tugevad piirangud. Enamik veebisaite, välja arvatud juhul, kui need on suunatud puuetega inimestele, ei püüa saavutada juurdepääsetavuse A-taset.

Teie teema peaks saavutama vähemalt AAA-taseme. Saate vaadata saidi juurdepääsetavuse tasemeid, kasutades tasuta tööriista nimega WAVE, mis on saadaval Chrome’i ja Firefoxi laiendustena. Kui olete oma brauserisse installinud, saate külastada teema demosaiti, käivitada kontroll ja kontrollida aruannet.

Minu saidi WAVE aruanne. Ilmselt on mul millegi kallal tööd teha!

4 Menüüd

WordPressil on sisseehitatud menüüredaktor menüüde loomiseks ja nende paigutamiseks oma teema ümber. Valitud teema ei peaks mitte ainult seda menüüredaktorit toetama, vaid pakkuma teile ka menüüde paigutamise asukohti.

Teema peaks sisaldama vähemalt ühte menüükohta; peamenüüst. Peamenüü asub tavaliselt päises kuskil ülaosas. Tavaliselt lubatakse päises ka täiendavaid menüüsid, nt tugimenüü. Menüüde lisamine teistesse kohtadesse on tavaliselt lahendatav menüüvidina lisamisega – kui teema vidinaid toetab (vt järgmist teemat).

PS: Kas mäletate kontrollnimekirja punktis 1. mobiilisõbralikkust, kus mainiti mobiilimenüüd? Kontrollige veelkord, et peamenüü asukoht muutuks kenasti mobiilimenüüks. Kui teema võimaldab tugimenüüd, tuleks need lisada ka mobiilimenüüsse, mitte lihtsalt kaduda.

5 Vidinate tugi

Veel üks WordPressi sisseehitatud funktsioon on vidinad – väikesed sisujupid, mida saab paigutada määratletud vidinaaladele. Sarnaselt menüüdele peab teema lisama spetsiaalselt vidinate toe ja lisama vähemalt ühe vidinaala.

Levinud vidinate alad on jaluses ja külgribal, kui teemal on külgriba paigutus.

Kontrollige, kas teema võimaldab teil paigutada vidinaid kõikjal, kus neid vajate. Tavaline on lisamenüüde ja -teabe paigutamine jalusesse ning WordPressis saavutatakse see tavaliselt vidinate abil.

6 Kohandatud logo

See on ilmselgelt vajalik funktsioon, mida teema peab toetama: teil peab olema võimalik oma logo pilt üles laadida ja see päisesse paigutada.

WordPressil on Customizeris kohandatud logo üleslaadimise funktsioon, kuid selle toe lisamine sõltub teemast. Kui teema ei toeta WordPressi tööriista, peab see toetama mõnda alternatiivset viisi. Paljudel teemadel on oma teemaseaded, kas WordPressi kohandaja sees või eraldi administraatorilehena. Ükskõik millist meetodit teema kasutab, veenduge, et saate oma logo üles laadida.

7 Otsi

Saidi külastajatel otsingu võimaldamine on palju olulisem kui varem. Välja arvatud juhul, kui teie sisu ja menüüd on väga optimeeritud ja voogedased, teevad inimesed tavaliselt lihtsalt otsingut, mitte ei klõpsa ringi.

WordPressil on sisemine otsingumootor kogu sisu otsimiseks ning kasutusvalmis mallid otsinguvormi ja otsingutulemuste jaoks. Kuid selle elluviimine on jällegi teema ülesanne.

Tavaliselt pakutakse oma veebisaidil otsingusisendit, mis asub tavaliselt päise ülaosas. Otsingufunktsioonid on mitmel kujul; otsingusisend päises (või jaluses) või otsinguikoon, mis sisendi mingil viisil paljastab. Kui teema ei paku automaatselt otsingusisendit, saate alati lisada otsinguvidina – eeldusel, et teema toetab vidinaid (kontroll-loendi punkt 5).

8 Vaikimisi mallid

WordPressi CMS toetab suurt valikut malle teie sisu erinevatel viisidel kuvamiseks. Kui teie sait kasvab, peate vajalikumaks toetuda mallidele, nagu arhiivid ja otsingutulemused.

Veenduge, et teema rakendaks palju WordPressi vaikemalle ja et need kõik näeksid head välja. Kontrollige malle, nagu kategooria, sildid, kuupäevaarhiivid ja otsingutulemused. Need peaksid selgelt näitama, millist arhiivi me vaatame, ning kuvama sisu hästi ja lehekülgede vahetamise funktsiooniga.

Kui soovite kommentaare lubada, peaks teema olema ka need mallid rakendanud ja korralikult kujundanud.

9 kohandatud värvid

Tõenäoliselt on teil määratletud värvide komplekt, mida soovite oma veebisaidil kasutada – tavaliselt samad värvid, mis on teie logol. Oma saidile oma logoga kaubamärgi lisamine on minimaalne (kontrollloendi punkt 6), kuid teema peaks võimaldama teil valida ka mõned teema värvid. Sellisena saavutate ühtsema kujunduse, kui lingid, nupud ja muud kujunduselemendid on teie brändi värvid.

WordPressis pole teemas kasutatavate värvide komplekti määratlemiseks sisseehitatud tuge. Teemaarendajad peavad selleks ise toe välja töötama. Värvid on tavaliselt määratletud teema stiilitabelites ja arendaja peab leidma lahenduse nende värvimuutujate alistamiseks administraatoris valitud värvidega.

Seda funktsiooni on üsna raske rakendada ja seda saab lahendada mitmel viisil – heast halvani. Halb lahendus oleks luua suur osa stiilikuludest, lihtsalt alistades ja dubleerides stiili kohandatud värvidega. Suur laaditabeli fail või mitu laaditabelit mõjutavad lehekülje kiirust (vt kontroll-loendi punkti 2). Hea lahendus oleks lisada värvimuutujate alistamise viis ja luua puhas stiilileht erinevate kohandatud värvide valimisel.

10 küljendusvalikud

Ajad, mil veebisaidil oli sisu vasakul ja parempoolne külgriba, olenemata sellest, millisel lehel olete, on möödas. Kaasaegsetel veebisaitidel on erinevad paigutused: täislaiusega esileht, ühe või mitme külgribaga artiklid, ilma külgribata artiklid või mis tahes erinev veeru seadistus.

See kontrollnimekirja üksus sõltub teie veebisaidi kujundusest ja vajadustest. Kui teie veebisait on väike sait, millel on minimaalsed nõuded erinevate paigutuste järele, ei ole see nii oluline. Kuid mida rohkem sisu teie saidil on, seda rohkem leiate vajadust luua erineva kujundusega sihtlehti.

Kui teemal on külgriba, peaks olema võimalik vähemalt kord postituste kaupa valida, kas minna täislaiusele (eemaldada külgriba) või mitte. Gutenbergiga (vt järgmist kontrollnimekirja elementi) on nüüd lihtsam luua täislaiusega sihtlehti – kui teema seda toetab.

Minu enda väljatöötatud teema A White Pixel sisaldab postituste paigutuse valikuid

11 Gutenbergi tugi

Kui WordPress 2018. aasta detsembris versiooni 5.0 välja andis, oli sellel täiesti uus postitusredaktor – nimega Gutenberg. Gutenbergi redaktor on muutnud sisu loomise viisi, võimaldades teil hõlpsasti luua taustapildi või värvidega jaotisi, rikkalikku sisu, veerge ja muud. Varem polnud sellised asjad võimalikud.

Kuna aga Gutenberg vajab teist programmeerimiskeelt (Javascript, React) kui WordPressi algselt loodud keel (PHP), on arenduskogukonna tugi olnud aeglane. Siiski on aasta 2020 ja teema peaks toetama Gutenbergi.

Seal on palju WordPressi teemasid, mis põhinevad lehtede koostajatel, nagu Visual Composer, Elementor ja Divi. Gutenberg muudab need pistikprogrammid peaaegu üleliigseks. Tehke endale teene ja ärge valige teemat, mis nõuab lehe koostaja pistikprogrammi, kuna saate sama tulemuse saavutada uue standardse WordPressi funktsiooniga.

12 Tõlkevalmis

See kontrollnimekirja üksus on mõeldud teile, kes soovite veebisaiti, mis on muus keeles kui inglise keel. Ärge unustage, et kuigi kirjutate kogu oma sisu erinevas keeles, sisaldab teema tavaliselt eesmisi tekste, nagu "Loe edasi", "Vaata", "Järgmine leht" ja nii edasi. Kui teie jaoks on oluline lugejate jaoks täielikult juurutada mõni muu keel, peaksite kontrollima, kas teema on tõlkimiseks valmis.

Teema tõlkimiseks on erinevaid viise. Kui olete arendaja, peate oma teemas kasutama tekstidomeeni funktsioone ja lisama faili .potvõi .po-faili. Kui olete teemakasutaja, kes tunneb koodi vähe või üldse mitte, on alternatiivseid viise. Teema tõlkefailidele otse juurdepääsuks saate kasutada näiteks pistikprogrammi Loco Translate . Või võite kasutada mitmekeelse saidi loomiseks WPML-i või muid pistikprogramme.

Kuid see kõik eeldab, et teema kirjutatakse koos selle stringide tõlkimise toega.

Järeldus

Kui jõudsite siia lõpuni rohelise linnukesega kõigis ülaltoodud 12 kontrollnimekirja üksuses, olete valinud hea teema! Teema toetab standardseid WordPressi funktsioone ja täidab 2020. aasta veebisaidi nõuded SEO, juurdepääsetavuse ja mobiilisõbralikkuse osas.

Kui teie teema mõnes valdkonnas puudub, pühendage aega selle lahendamiseks alternatiivsetel viisidel või jätkake mõne muu teema otsimist. Kui olete arendaja, oleks see kontrollnimekiri pidanud andma teile mõned juhised hea WordPressi teema loomise miinimumnõuete kohta.

: awhitepixel.com