WordPress

WordPress dokument predstavlja izdelavo spletnih strani. Na strani boste našli veliko o optimizaciji spletne strani, prilagajanje vizualnih in funkcionalnih elementov spletnega mesta.

WordPress

Pri izdelavi spletne strani je ključnega pomena večje število različnih elementov, ki pripomorejo in vplivajo na izdelavo kakovostne spletne strani. Prva stvar, ki si jo moramo vprašati je namen našega spletišča. Postaviti si moramo cilj in namen, kaj bo spletna stran predstavljala, saj je tako izdelava hitrejša in jasnejša. Kar pripomore k izboljšanju je tudi poznavanje naše ciljne skupine, in tako osredotočanje le na njo. Eden izmed najbolj pomembnih dejavnikov, da obiskovalci ostanejo na naši strani, je videz naše spletne strani. Govorim o sami grafični podobi, izbira teme itn. V današnjem času je veliko spletnih mest, ki so za uporabnika nevarne. Zato je dobro, da poskrbite sami za varnost spletne strani.

Odlična vsebina, privlačna funkcionalnost in slikovni materiali lahko hitro izgubijo vrednost, če se spletna stran skriva na 10. mestu na Google iskalniku. Ravno zato je pomembna optimizacija spletne strani (SEO). Kot zadnji ključni element pa je seveda pomembno, da se naša spletna stran oglašuje tudi na drugih socialnih omrežjih. Pomembno je da se uporabnikom omogoči kar najboljša izkušnja, in z zgoraj naštetimi elementi to lahko tudi omogočimo.


Delovanje in uporaba spleta eMail nastavitve WordPress Namestitev WordPress Nastavitve Obdelava slik


Znanja o HTML ni obvezno, vse kar moramo vedeti je, kako želite da naša spletna stran izgleda. Verjamem, da bo izredno težko na začetku, zato sem dodal tudi svoj opis, mogoče bo pomagal.

Prispevki

Kliknimo na Dodaj nov prispevek, in kot sem že omenil mora naslov biti vsaj 38 znakov dolg ali največ 70. Izbral sem naslov Izdelajmo si spletno stran v WordPress, ki ima 38 znakov, torej je ravno pravšnji. Yoast SEO mi že pripisuje napake, oglejmo si jih.

WordPress WordPress

Meta podatki

To je dolžina meta podatkov, in SEO nam pravi da jih mi nimamo, in jih moramo vpisati, drugače bo iskalnik prikazal kopijo s strani. Meta podatki so tekst iz prvega odstavka (Paragraph) vaše spletne strani.

WordPress

V prvi sliki bomo videli prvi odstavek, in pa razdelek Readability že obarvan zeleno, kar pomeni odlično. In kot sem opisal že prej, samo del teksta iz prvega odstavka skopiramo, in vstavimo spodaj v Snippet Preview (predogled). Samo kliknete na Edit Snippet in odpre se nam okno kamor vstavimo naš tekst.

Focus keyphrase

Naslednja stvar, ki jo moramo storiti je dodati našo frazo. To je fraza iz našega naslova. Del tega naslova, in ne celoten naslov, damo v keyphrase, in prav tako v odsek Slug. Slug ne sme vsebovati velikih črk, ali š. č in ž-jev. Če keyphrase vpišemo kot (v mojem primeru) Izdelajmo bo Slug izdelajmo, če uporabimo dve besedi, mora bit vmes pomišljaj. Torej, če bi dal Izdelajmo si v keyphrase, bi bil Slug izdelajmo-si. Ponovno kliknite na Edit Snippet in vpišite keyphrase in slug in Close snippet editor.

Focus keyphrase

Image alt attributes

Zelo dober vtičnik za prilagajanje slik je WordPress Media Library Folder med veliko izbire seveda. Ta vtičnik vam dovoli narediti mapo za določene slike, in vsaki sliki pripiše tudi alt, tako da nam ni potrebno skrbeti za to.

Kako se to naredi s sliko v privzeti galeriji? Sliko, ki smo jo shranili, naj bo to print screen ali iz spleta. Damo ji ime našega glavnega (h1) naslova na spletni strani. Če smo uporabili za glavnim naslovom h1, še kakšen podnaslov, in smo uporabili <h2> ali <h3> potem moramo dati ta naslov v atribut slike. Če pa smo uporabili za podnaslove od <h4> nazaj je pa v redu, potem uporabimo glavni naslov.

Sliko shranimo kot png, in jo uvozimo v WordPress. Gremo v Mediji, in se nam odpre galerija, kamor kliknemo na Dodaj. Odpre se nam okno Naloži nove predstavnostne datoteke, in nato klik na Browse, da si izberemo sliko, ki smo jo pripravili za spletno stran.

Izberemo sliko v oknu ki se nam odpre, in nato še Naloži v WordPress. Odprlo se nam bo okno Predstavnostna knjižnica (to je galerija), kjer izberemo sliko, ki smo jo ravnokar naložili. In pridemo v Uredi predstavnostne datoteke, kamor pod Nadomestno besedilo vpišemo glavni naslov naše spletne strani, ali podnaslov. In še potrdimo s Posodobi.

Image alt attributes Image alt attributes

Na desni strani v WordPress vidimo Image Settings in spodaj je Alt Text. V ta tekst enostavno prilepimo naslov ali podnaslov iz spletne strani.

Pod Image Dimensions lahko sliko pomanjšamo ali povečamo. Če želimo, da se slika ob kliku nanjo odpre na novo spletni strani, izberemo Insert Link med ikonami ki se pojavijo nad sliko, ko sliko izberemo. Potem se nam odpre spustni meni, in v tem meniju izberemo Media File. Ko se nam Media File odpre, izberemo Link settings. Ponovno se odpre spustni meni, kjer označimo Open in New Tab (Odpri v novem zavihku).

Ker smo dodali atribut slike, nam SEO javlja samo še dve napaki, zunanja povezava in prekratek tekst. Zunanjo povezavo lahko vzamete iz svoje spletne strani, lahko pa tudi kaj prilepite iz spleta. Za tekst pa samo še dopišemo nekaj vrstic. Povezavo prilepimo v besedilo podobno kot pri sliki.

Označimo besedo, kamor želimo prilepiti povezavo, izberemo Link ali pritisnemo kombinacijo tipk Ctrl + K, prilepimo povezavo, in kliknemo na Apply. Če izberemo še Link settings, isto kot pri sliki, lahko označimo, da se povezava odpre v novem oknu. Ko bomo pisali tekst, in ko bo teksta več kot 100 besed, nam bo SEO javil napako, da moramo dodati besede iz glavnega naslova (keyphrase).

Lahko damo stavek iz glavnega naslova v odstavek (ang. Paragraph), ali v glavo (ang. Head) od <h3> do <h6>. <h1> in <h2> se ne uporablja več kot enkrat, ker bo SEO javil napako.

Povezava

Za izdelavo povezave potrebujemo glavo (ang. Heading), razen če niste naložili vtičnika Anchor Block. Če ste naložili ta vtičnik, lahko povezavo uporabite v kateremkoli elementu. WordPress zna dodajati povezave samo v glavah, od <h1> do <h6>. Nato naslov označimo (celotno besedo ali stavek), in ponovno izberemo Link ali pritisnemo kombinacijo tipk Ctrl + K. Odpre se nam okno za vnos besede, kamor vpišemo #ime (v mojem primeru sem dal #naredimo) in zaključimo z Apply.

Povezava Povezava

Potem se pomaknemo na desno stran v WordPress, in tam bomo v meniju videli Advanced, in ko kliknemo na puščico se nam odpre HTML Anchor. V HTML Anchor vpišemo samo ime, brez lojtre, ki smo ga vpisali v naslovu za ime povezave. Ne uporabljajte č, š in ž znakov za izdelavo povezave, ker bo brskalnik izpisal čudne znake.

Povezava Povezava