Izrada web stranica

HTML je prezentacijski jezik za izradu web stranica. Čine ga razne oznake (tagovi) koji služe za definiranje kostura sadržaja (slike, tekstovi, video ili audio zapisi...) i druga semantička formatiranja.

Osim za glavni sadržaj, HTML definira razne meta tagove koji nisu vezani za sadržaj već pregledniku daju upute o web stranici ili daju upute botovima u službi tražilica ili društvenih mreža analiziraju stranice.

PHP (eng. Hypertext Preprocessor) je popularan programski jezik namijenjen za dinamičko generiranje sadržaja i povezivanje s bazom podataka. Izvršava se na serveru te se korisniku prikazuje samo rezultat njegovih radnji, najčešće u obliku HTML strukture.

Otvorenog je kôda (eng. open source software), zreo i robustan, dostojan za izradu jednostavnih web stranica, kompleksne web trgovine ili aplikacije.

MySQL je sustav za upravljanje relacijskim bazama podataka. Vrlo je efikasan način skladištenja velikih količina različitih informacija i njihovo brzo dohvaćanje čak i u slučajevima kada se radi o milijunima podataka koje je potrebno obraditi unutar jedne sekunde.

Ističe se dokazanom pouzdanošću, lakoćom i fleksibilnošću upotrebe a otvorenog je kôda zbog čega je prikladan za rad s PHP-om.

CSS (eng. Cascading Style Sheets) je stilski jezik koji se koristi za kozmetičko oblikovanje sadržaja koji je prethodno definiran pomoću HTML tagova.

CSS nam daje slobodu podešavanja boja, veličine teksta, pozicije elemenata, efekte, tranzicije i animacije a najvažnije je da pomoću njega možemo podesiti web stranicu da se pravilno prikazuje na svim veličinama ekrana (tzv. responzivnost), od mobilnih i tablet uređaja do laptopa i stolnih računala.

JavaScript je programski jezik koji se najčešće izvršava u pregledniku (browseru). Omogućuje nam izradu interaktivnih funkcionalnosti na stranicama, dinamičko dohvaćanje i prikazivanje sadržaja, njegovu manipulaciju (npr. filtriranje proizvoda u web trgovini), rad s kolačićima i drugo.

JavaScript je dosta sazrio u moderno doba te ga, slično kao PHP, možemo koristiti i za serversko renderiranje web stranica i rad s bazom podataka (Node.js).

WordPress je besplatna platforma otvorenog kôda za izradu web stranica. Spada u tzv. CMS sustave (eng. Content Management System) preko čijeg administrativnog sučelja jednostavno ubacujemo, ažuriramo i formatiramo sadržaj. Baziran je na PHP i MySQL tehnologiji.

Iznimno je popularan i procjenjuje se da je čak preko 30% svih web stranica na internetu napravljeno na WordPressu.

WooCommerce je besplatni dodatak za WordPress koji čini bazu za izradu web trgovina. Jedan je od vodećih eCommerce platforma upravo radi popularnosti WordPressa, procjenjuje se da je preko 30% svih aktualnih web trgovina bazirano na njemu.

Nudi sve ono što web trgovina treba imati: praćenje detaljne statistike prodaje, upravljanje skladištem proizvoda, razne mogućnosti plaćanja uključujući i plaćanje kreditnim karticama i još mnogo toga.

Google Analytics je besplatni alat koji služi za praćenje prometa na web stranicama i njihovu detaljnu statistiku. Analizom imamo uvid u tko su naši posjetitelji, koji sadržaj ih zanima, koje uređaje koriste za surfanje, s kojih drugih stranica dolaze, koliko dugo se zadržavaju itd.

Analiza nije samo zanimljiva već točno vidimo koji su nedostaci naše stranice i na čemu moramo poraditi, ovisno o ciljevima koje smo si zadali.

Screaming Frog je alat koji analizira tehničku stranu web stranica i detaljno prezentira podatke u stvarnom vremenu.

Pronalazi linkove koji nisu više važeći, prikazuje postojanost i dužinu HTML oznaka (naslovi, opisi, heading tagovi...), kakav je naziv datoteke svih slika i je li podešena alt oznaka, postoje li redirekcije i kojeg su tipa, može li se stranica normalno indeksirati, jesu li postavljeni kanonikal linkovi, jesu li postavljene hreflang vrijednosti i drugo.

Hotjar je alat koji analizira ponašanje korisnika na web stranici i vizualno nam prezentira podatke. Pomaže nam razumjeti ponašanje korisnika pomoću toplinskih mapa, snimke sesija, anketa itd. Doslovno možemo pratiti kako se korisnik kreće na stranici, kako pomiče miša po ekranu, na koji element klika itd.

Koristimo ga kao nadopunu podacima iz Google Analytics.

SEMrush je alat koji služi za analizu web stranica kako kotiraju na tražilicama, za istraživanje ključnih riječi, daje uvid u količinu i kvalitetu dolaznih linkova s drugih stranica.

SEMrush nam služi ne samo za analizu vlastitih web stranica nego i stranica konkurencije.

Photoshop je najpoznatiji grafički program rasterskog formata za obradu slika, neizostavan je alat svakog grafičkog dizajnera. Koristi se za uređivanje fotografija (popravljanje i manipulacija boja, smanjenje šuma, dodavanje raznoraznih efekata, korekcije svjetline i kontrasta, optimizaciju slika za web stranice.

Vrlo je robustan i provjeren alat koji postoji već 30 godina i div je kojeg je teško skinuti s trona.

Adobe InDesign grafički je program koji služi za izradu i pripremu materijala za tisak. U njemu se proizvode plakati, letci, brošure, časopise, novine, tradicionalne ili elektronske knjige i sve druge vrste publikacija koje zahtijevaju odrađen prijelom stranica.

Figma je alat za izradu i uređivanje vektorske grafike s ciljem korištenja na web stranicama. Koristimo ga za izradu skica/žičanih okvira (tzv. wireframe), konkretnog grafičkog dizajna i prototipova stranice.

Korisničko sučelje je jednostavno i dopušta bržu izradu predloška, kao i upotrebu komponenta i stilova koji se mogu ponavljati po odabranim elementima bez potrebe za ponavljanjem radnji.

Google Ads nam omogućuje plaćeno oglašavanje na Google tražilici. Oglasi se korisnicima prikazuju ovisno o ključnim riječima koje ciljamo a relevantni su za pretragu korisnika.

Oglasi se prikazuju iznad organskih rezultata na vrhu što nam pomaže da se istaknemo na prvo mjesto kada nemamo toliko jaku SEO optimizaciju na tražilicima. Trošak oglasa ovisi o konkurentnosti ključnih riječi, industriji, zemljopisnom položaju i drugim faktorima.

Facebook oglašavanje omogućuje nam doseg točno određene publike koja je bitna za naše poslovanje. Pomažu nam promovirati Facebook stranicu, objave na njoj, proizvode ili našu web stranicu.

Više je vrsta oglasa (slika, videozapis, vrtuljak koji sadrži nekoliko slika itd.). Oglasi se korisnicima prikazuju ovisno o definiranoj lokaciji te demografskim i drugim čimbenicima ovisno do limita koje smo si radi određenog budžeta postaviti.

Mailchimp je sveobuhvatna platforma za email marketing. Pomaže nam upravljati korisnicima koji su se prijavili na naš newsletter te izradu email kampanja koje su optimizirane za konverziju. Dostupno nam je slanje tempiranih poruka u točno određeno vrijeme te integraciju s brojnim drugim alatima.

Svaku kampanju prate detaljna izvješća koja daju uvid u angažman publike.

AdSense je Google platforma koja omogućuje zaradu preko web stranice oglašavanjem trećih strana.

Oglasima Google u potpunosti upravlja i sam odabire koje će oglase prikazivati kojim korisnicima, ovisno o sadržaju stranice i relevantnosti oglasa. Mi možemo kontrolirati veličine, odabrati tip oglasa i optimalno ih postaviti na stranicu.

Search Console je alat za analizu stanja web stranice, otkriva kako Google vidi stranicu i kako se ona ponaša na njegovoj tražilici. Daje nam uvid u broj indeksiranih stranica i pomaže nam da uočimo greške ako Google otkrije.

Kakva je vidljivost stranica u rezultatima pretraga, koje su ključne riječi za koje se takmičimo, koja je prosječna pozicija stranice, samo su jedan od niza podataka koje imamo na raspolaganju.

Google Business je poslovni profil bilokakve djelatnosti čiji cilj je prezentiranje potencijalnim kupcima da lakše pronađu obrt ili tvrtku direktno prilikom pretrage na Google tražilici. Prezentirane informacije na profilu važne su za ostvarivanje brzog kontakta a korisnici mogu ostavljati recenzije i ocijeniti tvrtku stoga je kvaliteta poslovanja izrazito bitna.

Google Business važan je alat za lokalnu SEO optimizaciju.