LISTA: Najbolji WordPress pluginovi (dodaci) – besplatni i plaćeni koje se isplati instalirati

WordPress dodatak (plugin) je programski kod koji sadrži skup funkcija koje se mogu dodati na WordPress web-stranicu. Oni proširuju funkcionalnost ili dodaju nove značajke. WordPress dodaci mogu biti od par linija koda do čak par stotina fajlova sa kodom.

Općenito je stav da ne treba pretjerivati sa dodacima, i da često od svih funkcionalnosti koje dodatak ima mi koristimo samo jedan (manji) dio.

Tokom godina testirao sam ih, i po potrebi modificirao stotine, i ispod donosim listu dodataka poredanih po kategorijama 🙂

VAŽNO: lista će se ažurirati povremeno, tako da je ovo više WIP (work in progress)

Što je važno kod odabira dodatka?

Prije nego određeni dodatak koji do sada nisam testirao instaliram na WordPress web stranicu, uvijek obratim pažnju na par detalja:

  1. Recenzije i ocjene – obavezna provjera je odnos ocjena sa 5 i 1 zvijezdicom i kada su dodjeljene. Ako primjetim da je zadnjih nekoliko ocjena samo 1 ili 2 zvijezdice, pročitam recenzije zašto je tako te o kojoj se verziji radi. Također odmah ide i provjera kada je došlo do zadnjeg ažuriranja. Često puta korisnici daju ocjenu 1 zvijezdica za dodatke koji im naprave problem na web stranici. Ako autori dodatka nisu dugo ažurirali kod, a ocjene su za zanju stabilnu verziju dodatka, to je crveno svijetlo i takve dodatke izbjegavam.
recenzija i ocjena WordPress dodatka

2. Podrška – odgovaraju li autori dodataka na upite, i da li ih uspješno rješavaju? Jako važno pitanje. Ako autori dodatka ne odgovaraju na upite, obično ni ne održavaju dodatake… a to u pravilu znači još jedno crveno svijetlo i razlog izbjegavanja tog dodatka.

3. Slike zaslona (screenshots) – prije nego instaliram dodatak provjerim u slikama zaslona da li je to ono što tražim. Često se i u tim slikama vide sve opcije koje dodatak ima, te što može sve raditi. Kako bih izbjegao nepotrebno instaliranje i testiranje, ovdje se nalaze vrlo korisne informacije.

4. Broj instalacija – iako nije krucijalan podatak, ali govori puno o popularnosti dodatka, te da li je u pitanju legitimni ili maliciozni dodatak. U zadnjih godina sve je više situacija da određeni dodaci budu preuzeti, netko modificira kod da se ne vidi odakle je dodatak i u njega ubaci svoj maliciozni kod. Ako slučajno plugin ima mali broj instalacija – obično ga i ja izbjegavam, i potražim alternativu koja je korištenija.

faq i napomene

5. Provjera FAQ (često postavljena pitanja) – na stranici svakog dodatka pri dnu se nalazi sekcija FAQ – to su najčešće upute od strane autora dodatka kako nešto napraiviti, te odgovori na najčešća pitanja. Tu sam našao 99% svojih odgovora na pitanja što bi mene zanimalo. Ostalilh 1% odgovora je dolazilo putem pregleda koda 🙂

Najbolji WordPress dodaci:

Bez nekog posebnog redoslijeda donosim popis WordPress dodataka koji su mi se tokom godina pokazali kao jako dobri i korisni.

Dodaci za posebne namjene:

Advanced custom fields (PRO)

acf logo

Odmah preporučam PRO verziju koja je trenutno 100AUD za doživotnu licencu koja vrijedi na neograničenom broju web stranica. ACF je WordPress dodatak koji omogućuje jednostavan način izrade tzv. custom fields (ili post-meta). Oni služe kako bi proširili formu za unos sadržaja sa dodatnim poljima.

Na primjeru: kod unosa nove objave, pored standardnih stvari tipa naslov objave, sadržaj, itd. sa ACF-om možemo dodati i polje sa dodatnim sadržajem poput poveznice na Youtube video. ACF nam omogućuje da na jednostavan način napravimo primjerice portal za nekretnine, jer kod unosa svake nekrentine možemo unijeti i sve dodatne parametre tipa površina, cijena, lokacija itd.

Sa ACF-om WordPress nije više samo sustav za objavu blog članak, nego postaje jako moćan CMS sustav. Sa ACF-om polja se mogu dodati uvjetno, brzo i lagano, te se mogu dodati svugdje i prikazati svugdje.

Custom post type UI

Ovaj dodatak je usko vezan za ACF, a sa njime možemo na jednostavan način kroz grafičko sučelje kreirati nove tipove objava i taksonomije.

custom post type ui icon

Kombinacijom sa ACF možemo napraviti web stranicu na kojoj se nalaze riblji recepti, ili podaci o modulu za obrazovanje odraslih. (radio sam na oba projekta, zato ih navodim)

Sa tim dodatkom smo napravili novu taksonomiju (recept / modul) i odredili da se ACF polja unose i prikazuju samo za te taksonomije.

Kako bi razumjeli taksonomije kod WordPressa – najjednostavnije ih je shvatiti kao vrstu sadržaja, pr. objava (blog članak), stranica, medijski zapis itd. WordPress standardno dolazi samo sa njih nekoliko, međutim ovaj dodatak nam omogućuje da ih napravimo koliko god želimo.

Scriptless social sharing

Izvrstan dodatak, bez JavaScript datoteka koje usporavaju učitavanje web stranice. Osobno mi je favorit jer je super jednostavan za podesiti, ima opcija samo one koje se i koriste, i plugin podržava najpopularnije društvene mreže.

wp social circle

Inače, što se tiče WordPress dodataka za djeljenje sadržaja, ima ih bezbroj, i izbor je stvarno velik. Međutim, ono što ih karakterizira – dobar dio njih ima tek osnovne opcije u besplatnoj verziji, a za sve opcije treba platiti.

Drugi veliki problem kod tih dodataka je da usporavaju web stranice jer su prekomplicirani, uključuju previše pomoćnih datoteka i općenito korisničko iskusto je loše.

GDPR Cookie Consent

Favorit kod WordPress dodataka koji olakšavaju posao oko GDPR. Ima veliki broj opcija, lako se podešava, i sa druge strane, poprilično je popularan…

kolacici screenshot

Važno: prije sam koristio dodatak WP GDPR koji je bio hakiran, i zato ga izbjegavam. Nije prvi puta da sam vidio web stranicu koja je bila hakirana. Meni se dogodilo da sam imao taj dodatak na više od 12 web stranica i nekoliko stranica je bilo hakirano, većina nije. Zato sam kako bih izbjegao buduće iste probleme promjenio svoj omiljeni dodatak za GDPR.

Ovaj dodatak je mjenjao site_url opciju, te je potencijalno zarazio do 100 000 posjetitelja.

Do problem sa hakiranim dodatkom sam se upoznao slučajno – za jedan web sam radio update dodataka, i primjetio sam da je jako skočio broj negativnih ocjena na recenzijama.

Kada sam pregledao recenzije, primjetio sam da svi redom pišu kako je plugin hakiran. Daljnjim istraživanjem, pronašao sam da je korisnički račun od autora dodatak hakiran, i da je netko preko njegovog računa uploadao maliciozni kod koji se automatski instalirao na velikom broju web stranica.

To je značilo da bez odgađanja moram mjenjati GDPR dodatak za kolačiće na svim web stranicama.

UPDATE: Kao jako zanimljivu alternativu, umjesto instalacije plugina, može se napraviti obavijest o kolačičima samo sa par linija JavaScript koda. Više informacija na stranici cookieinfoscript.com

GDPR Cookie Compliance (CCPA ready)

Još jedan cookie-plugin. Prema nekoliko izvora on je 100% GDPR & CCPA spreman. Primjetio sam da se koristi na nekoliko domaćih (državnih – pr. CARNet) web stranica, pa je nekakav zaključak da je ispravan i u skladu sa regulativom 🙂

Site Kit by Google

Ovaj dodatak je jedini službeni WordPress dodatak koji je napravio Google, i daje nam mogućnost da vidimo kako ljudi pronalaze našu web stranicu, koliko je brza, te kako da poboljšamo i lakše unovčimo web stranice povezujući popularne Googleove alate.

Site Kit može povezati Google Search Console, Google Analytics, Page Speed Insights, Tag Manager i Optimize kroz samo par klikova, bez potrebe da se uređuje kod. I najbolje od svega, skuplja agregirane podedatke na jednom, zajedničkom mjestu.

Simple Lightbox

Ovaj dodatak je izvrstan ako trebate jednostavno rješenje za dodavanje galerije slika na web stranicu. Uz manja podešavanja, dodatak se brzo podesi da pretvori slike koje su umetnute u objavu u galeriju slika.

Ovaj WordPress dodatak daje mogućnost da se na lagan način integrira tzv. Lightbox oblik prikaza slika.

Plugin radi tako da se kreira manja, thumbnail slika i klikom na nju, otvara se u prozoru veća verzija slike.

Vrlo jednostavno i praktično rješenje.

Disable Comments

Jednostavan dodatak koji omogućuje administratorima da globalno onemoguće komentare na njihovim web-stranicama. Komentari mogu biti onemogućeni zasebno za svaki tip objave.

U zadnje vrijeme težim tomu da smanjim broj aktivnih dodataka na web stranici – i zato pokušavam pronači ili napisati kod koji će zamjeniti WordPress dodatak. Ako vam uređivanje functions.php datoteke nije strano, onda će vam ovaj kod ispod biti zanimljiv:

Primjer koda koji onemogućava komentare na WordPress web stranici.

WP Sitemap Page

Na jednostavan način omogućuje dodavanje mape stranice na web stranicu.

WP External Links

Ovaj mali plugin je izvrstan jer se može podesiti da automatski otvara svaki link sa trenutne domene u novom tabu, i još dodaje malu ikonicu pored linka kako bi dodatno naznačio da će se otvoriti u novom tabu (isti efekt se nalazi na Wikipediji)

Dodaci za ubrzanje WordPress weba

Instant.page

Izvrstan mali dodatak za WordPress web stranicu koji radi na vrlo jednostavnom principu: kada korisnik postavi miš iznad linka, stranica sa tog linka se u pozadini učitava i tako “skraćuje” vrijeme učitavanje slijedeće stranice.

Gonzales plugin

WordPress dodatak koji ima funkciju da onemogući učitavanje pojedinih skripti na pojedinoj stranici. Konkrento, sa njime možete podesiti da se primjerice JS i CSS datoteke od plugina Contact Form 7 učitavaju samo na /kontakt podstranici. Super radi sa najpopulranijim cache i minify dodacima (Cache Enabler, Autoptimize, WP Rocket itd.) Kombinacijom tih dodataka može se lagano ukloniti resursi koji ne trebaju i samo potrebni se minificirati i kompresirati. Ubrzanje web stranice je tada osjetno

CAOS – Host Google Analytics Locally

CAOS (Complete Analytics Optimization Suite) za Google Analytics je mali plugin koji omogućava da se analytics.js/gtag.js/ga.js preuzme na server i sa njega učitava te se automatski ažurira koristeći ugrađeni WordPress Cron.

OMGF – Host Google Fonts Locally

OMGF je mali plugin koji omogućava da se preuzmu Google Fontovi u lokalnu WordPress instalaciju te je 100% kompatibilan sa CSS i JS pluginima koji rade optimizaciju/minifikaciju kao što su Autooptimize/Cache Enabler.

HELL – Host everything locally

HELL je mali plugin koji nadopunjuje CAOS i OMGF plugine ako je potrebno neke dodatne skripte sa trećih stranica preuzeti lokalno i isporučivati sa servera na kojem je web stranica.

Cache External Scripts

CACHE External Scripts je plugin koji će pomoći za “Leverage browser caching”. Drugim riječima – dati će se upute pregledniku da spreme na dulji period određeni resurs na lokalno računalo. Primjer takvih Google Analytics – spremiti će se na web stranicu i automatski svaka 2h dohvaćati nova verzija skripte ako je ima.

Optimus

Izvrstan dodatak koji kompresira slike. U besplatnoj verziji radi samo sa slikama do 100kB veličine, međutim postoji mogućnost i kupnje neograničene verzije (osobna i komercijalna) koje koštaju 29$ ili 149$ godišnje i one omogućavaju kompresiju slika do čak 10MB originalne veličine.

WP Asset CleanUp

WP Asset CleanUp pomaže da se uklone JavaScript i CSS datoteke koje se nepotrebno učitavaju na web stranici. Dodatak je kompatibilan sa ostalim cache dodacima kao što su Autoptimize (update: sa Autoptimize je previše konflikata, i zato radije ugasim Autoptimize jer od WP Asset CleanUp bude više benefita) i Cache Enabler. On pomaže da se smanji broj datoteka koje se učitavaju prilikom svakog posjeta web stranici te pomaže da se uklone resursi koji blokiraju učitavanje web stranice. Omogućava preload CSS/JS daoteka i fontova. Ima još puno benefita 🙂

WebP Express

Ovo je dodatak koji pretvara .jpg i .png slike u moderni, webp format slika. Izravna prednost što daje ovaj dodatak je da se web stranica ubrzava. Budući da i WordPress podržava webpformat slika, a više od 98% preglednika to također može podržati, svakako preporuka!

Što je digitalna pristupačnost? Kako će se promjeniti web stranice?

Digitalna pristupačnost je praksa prilagodbe web stranica da i osobe s invaliditetom nemaju nikakvih prepreka u interakciji ili pristupu digitalnom sadržaju.

Naglašavam upravo web stranica, jer se često to podrazumijeva da sve što je digital = web stranica.

Drugim rječima, digitalna pristupačnost je jedan proces / skup pravila koji u konačnici olakšavaju pristup sadržaju web stranica:

  • za osobe koje imaju vizualne poteškoće (slijepi, slabovidni, osobe koje ne razlikuju boje i drugi)
  • za osobe koje imaju slušne poteškoće (gluhi, nagluhi)
  • za osobe koje imaju motoričke i kognitive poteškoće (osobe sa otežanim radom ruku / nogu te osobe koje zbog posljedica bolesti ili oštećenja vida, sluha ili motorike teže obrađuju informacije)

Digitalna pristupačnost neće pomoći samo osobama sa invaliditetom nego i primjerice starijim osobama koje više “nemaju reflekse”, pažnju i pozornost kao i mi mladi.

Isto tako, digitalna pristupačnost će dovesti do toga da će se ista praksa primjenjivati na svim web stranicama i posjetitelji će imati tzv. očekivani doživljaj web stranice. Odnosno, večina toga će im biti poznato unaprijed, i neće za svaku web stranice morati proučavati strukturu i “gdje se što nalazi”.

Digitalna pristupačnost

Osobno, vidim puno prednosti što se digitalna pristupačnost sada definira i na razini zakonske obaveze.

Europska unija donijela je Direktivu (EU) 2016/2102 o pristupačnosti internetskih stranica i mobilnih aplikacija tijela javnog sektora. Direktivom se obvezuju sve članice Unije na donošenje nacionalnih propisa, kojima bi se uredilo ovo područje.  Zato je i Republika Hrvatska donijela odgovarajuči propis – “Zakon o pristupačnosti”.

Zakon o pristupačnosti mrežnih stranica i programskih rješenja za pokretne uređaje tijela javnog sektora objavljen je u „Narodnim novinama“ (broj 17/2019.), i stupio je na snagu dana 23. rujna 2019.

Zakon o pristupačnosti, prema odredbama Direktive, propisuje nužnost uporabe svjetskih standarda prilikom izrade mrežnih stranica, njihovog izgleda, načina navigacije kroz sadržaj, pretraživanje i strukturu.

Bitno je izdvojiti 3 stvari:

  1. kranji rok primjene je 23. rujan 2020. za web stranice objavljene prije 23. rujna 2020.
  2. zakon se počinje primjenjivati odmah za web stranice izrađene poslije 23. rujna 2018.
  3. 23. rujna 2021. Zakon se počinje primjenjivati na programska rješenja za pokretne uređaje

4 su glavna zahtjeva za digitalnu pristupačnost

  1. Mogućnost opažanja: korisnici moraju moći vidjeti podatke koji se prikazuju (ne mogu biti nevidljivi svim njihovim osjetilima)
  2. Operativnost: korisnici moraju moći upravljati sučeljem (sučelje ne može zahtijevati interakciju koju korisnik ne može izvršiti. Primjerice, akciju moramo izvršiti sa klikom miša, ne sa pokretom preko sadržaja)
  3. Razumljivost: korisnici moraju moći razumjeti informacije, kao i rad korisničkog sučelja (sadržaj ili operacija ne smiju biti izvan njihova razumijevanja)
  4. Stabilnost: korisnici moraju moći pristupiti sadržaju uz sav razvoj tehnologije (bez obzira na razvoj tehnologija, sadržaj bi trebao ostati jednako dostupan)

Kao i svaki Zakon do sada – i ovaj ima predviđeni dio za kršenje njegovih odredbi. Pa tako su definirane i novčane kazne:

2.000,00 – 50.000,00 HRK za odgovorno tijelo

500,00 do 5.000,00 HRK za odgovornu osobu.

CARNET je izradio Smjernice za osiguranje digitalne pristupačnosti kako bi osigurao pristupačnost svojih digitalnih sadržaja ili aplikacija već prilikom njihove izrade.

Smjernice su javno dostupne na carnet.hr web stranici.

Digitalna pristupačnost zapravo postoji od kada je Internet raširen

Naime, iako se može čininiti je da prilagodba web stranice za osobe sa poteškoćama novost – to zapravo nije tako.

W3C konzorcij je još 1997. godine objavio da osniva WAI (Web Accessibility Initiative). Osnovna misao vodilja je bila razvijanje svijesti i prilagodba web stranica za ljude sa poteškoćama.

Na službenim web stranicama WAI se nalazi jako puno informacija o strategijama, standardima i mnogi resursi koji definiraju kako napraviti web prilagođen za sve.

Postoje definirani dokumenti – WCAG (Web Content Accessibility Guidlines) – u kojima je objašnjeno kako da se sadržaj web stranice učini pristupačnim. Pod “sadržaj” se primarno misli na informacije koje se nalaze na web stranici i aplikaciji: tekst, slike, zvučno zapisi, kod, prezentacija itd.

Danas je aktualan WCAG 2.1. standard.

Za provjeru digitalne pristupačnosti sadržaja koriste se tzv. validatori. W3C WAI nudi popis validatora, smjernice za korištenje metodologije i alata za provjeru digitalne pristupačnosti koje su dostupne na adresi http://www.w3.org/WAI/eval/Overview.html

Dodatni korisni alati, savjeti i provjerni popisi digitalne pristupačnosti dostupni su na sljedećim mrežnim stranicama:

Za kraj – smatram da je stvaranje zakonskih preduvjeta koji će dodatno poticati rad na pristupačnosti web stranica dobar i da će web u konačnici biti bolji.

Ako trebate pomoć oko prilagodbe web stranice, slobodno me kontaktirajte za savjet.

Kako onemogućiti komentare na WordPress web stranici?

Iz više razloga možemo onemogućiti komentare na WordPress blogu – osobno ih gasim zbog spama.

Drugi razlog je trend gašenja komentara na web stranicama.

Najjednostavnije metoda do sada je bila da pomoću dodatka Disable Comments onemogućimo komentare po tipu objave. Ili sve odjednom.

Praksa je da bi trebali izbjegavati previše dodataka za WordPress (ili instalirati samo najbolje WordPress dodatke) jer su često prepuni koda koji je nepotreban.

Zato sam pronašao kod koji se samo ubaci u functions.php datoteku aktivne teme, i sve radi odmah kako je očekivano.

Puna verzija koda može se vidjeti na gists.github.com

Kod za onemogućavanje komentara na WordPress stranici:


/*Disable comments from WordPress*/
add_action('admin_init', function () {
    // Redirect any user trying to access comments page
    global $pagenow;
    
    if ($pagenow === 'edit-comments.php') {
        wp_redirect(admin_url());
        exit;
    }

    // Remove comments metabox from dashboard
    remove_meta_box('dashboard_recent_comments', 'dashboard', 'normal');

    // Disable support for comments and trackbacks in post types
    foreach (get_post_types() as $post_type) {
        if (post_type_supports($post_type, 'comments')) {
            remove_post_type_support($post_type, 'comments');
            remove_post_type_support($post_type, 'trackbacks');
        }
    }
});

// Close comments on the front-end
add_filter('comments_open', '__return_false', 20, 2);
add_filter('pings_open', '__return_false', 20, 2);

// Hide existing comments
add_filter('comments_array', '__return_empty_array', 10, 2);

// Remove comments page in menu
add_action('admin_menu', function () {
    remove_menu_page('edit-comments.php');
});

// Remove comments links from admin bar
add_action('init', function () {
    if (is_admin_bar_showing()) {
        remove_action('admin_bar_menu', 'wp_admin_bar_comments_menu', 60);
    }
});
// Remove the comments icon in admin bar
add_action('wp_before_admin_bar_render', function() {
    global $wp_admin_bar;
    $wp_admin_bar->remove_menu('comments');
});

Možda će vas zanimati:

Instalacija SSL certifikata na WordPress web stranicu

Za pomoć oko implementacije koda na svoju web stranicu, slobodno me kontaktirajte.

Laravel 5+ Internal Server Error 500

Nekoliko puta mi se dogodio ovaj problem sa Laravelom, pa donosim korake, i što sam uočio:

Iako je greška 500 – nije odmah problem u .htaccess fajlu, nego prvo treba provjeriti nekoliko drugih stvari

Glavna 4 razloga zašto je došlo do greške su:

  • permisije
  • .env vaijable su neispravne (99% tipfeler!)
  • problem sa nekom od PHP ekstenzija ili PHP verzijom
  • problem sa bazom podataka

Koraci koje sam radio:

  1. provjera file permisija i prava pristupa
  2. Kako bi se popravila, pokrenuti ovu naredbu:
sudo chmod 755 -R your_project

3. potrebno je omogućiti pisanje u /storage folder, obrisati cache / konfiguraciju te napraviti novi ključ:

chmod -R o+w your_project/storage
php artisan cache:clear composer dump-autoload
php artisan key:generate
php artisan cache:clear php artisan config:clear

4. provjera server zahtjeva

5. često se greška događa zbog PHP verzije – provjeri u composer.json koja je tražena verzija, i onda koja je instalirana:

php -v

6. Na kraju provjeriti .htaccess fajl

7. Izmjeniti .env kako bi se omogućo debug mode:

APP_DEBUG=true

A u laravel/config/app.php iz:

'debug' => env('APP_DEBUG', false); 

u:

'debug' => env('APP_DEBUG', true),

S time se ispisuju greške i mogu nam pomoći pronači u čemu je problem.

Sretno!

Napredna optimizacija za tražilice: tehnički SEO

Do sada sam opisao tehnike za seo optimizaciju za tražilice na stranici i izvan nje (on-site i off-site seo optimizacija), a sad ću završiti seriju članaka o naprednoj seo optimizaciji s tehničkim čimbenicima koje morate svladati kako biste ostvarili najveći promet na vašoj web-lokaciji.

Top 5 tehničkih problema na web stranici:

  • (ne)-indeksiranost web stranice
  • spora web stranica
  • problemi sa serverom
  • izostanak korištenja Search Console
  • linkovi koji ne rade

Naprednu SEO optimizaciju smo podijelili u 3 dijela:

  • On-page SEOoptimizacija sadržaja koji se nalazi na vašoj web stranici.
  • Off-page SEO – broj i kvaliteta linkova koji su povezani s vašom web stranicom
  • Tehnički SEO – rad na tzv. tehničkim faktorima koji utječu na brzinu rada vaše web stranice i mogućnost da ju tražilice indeksiraju, i kategoriziraju

Meni je tehnički dio SEO optimizacija najdraži jer tu uvijek radim fino poliranje web stranice. Optimizacija WordPress web stranice mi je uvijek nova prilika da pokušam primijeniti nove dodatke i tehnike za najbolji rad web stranice.

Ova lista za tehnički dio napredne SEO optimizacije ispod je napravljena kao lista zadataka koju provjeravamo sa svakom web stranicom kako bi postigli što bolje efekte. Međutim, vrijedi spomenuti da je to lista stvari koje međusobno djeluju, dakle, niti jedna stavka nije tzv. deal-breaker, i da će baš zbog toga vaša web stranica biti bolje rangirana (Google koristi više od 200 faktora za rangiranje web stranica).

SEO lista za naprednu tehničku SEO optimizaciju

1. Provjerite da li je Google indeksirao vašu stranicu:

Ovo je prvi, lagani, ali izuzetno važni test koji će vam reći da li je Google uspješno indeksirao vašu web stranicu. Ako nije indeksirana, ne možete se rangirati. Kratko i jednostavno. Indeksirana web stranica zapravo znači da se vaša web stranica nalazi u Googleovoj bazi podataka i da postoji mogućnost da će se pojaviti kao rezultat kod pretrage na tražilici. Ako želite provjeriti da li je web stranica rangirana, u polje za pretragu upišite bez navodnika:

site:imewebstranice.hr

Upit na tražilici Google sa kojom provjeramo indeksiranost stranice
Upit na tražilici Google sa kojom provjeramo indeksiranost stranice

Iz primjera je vidljivo da je Google indeksirao trenutno 4890 stranica na domeni neomedia.hr.

Ako vam se prikaže da je Google indeksirao 0 ili jako mali broj stranica, potrebno je istražiti zašto se to dogodilo. Najčešće je to zbog greške u robots.txt datoteci, ili je Google kaznio stranicu iz nekog razloga, ili jendnostavno ne zna za nju, i potrebno ju je poslati Googleu da ju indeksira (kroz alat Search Console tj. bivši Webmaster Tools).

2. Provjerite brzinu vaše web stranice:

Alat koji koristim za analizu brzine web stranice je gtmetrix.com. Alternativa je PageSpeed Insights. Ono što je dobro kod oba alata je da jednostavno možemo otkriti koji dio web stranice nije dobro dorađen i što trebamo napraviti da ju ubrzamo. Brza web stranica nije samo benefit za vaše posjetitelje, nego je vrlo važan faktor kod rangiranja web stranice.

Brzina web stranice je izuzetno važna, i cilj treba biti ispod 3 sekunde da se učita web stranica. Iako 3 sekunde je stvarno kratko vrijeme, stopa napuštanja web stranice koja je spora je vrlo visoka. Prema nekim istraživanjima, čak 47% posjetitelja će napustiti web stranicu ako se nije učitala unutar 2 sekunde. Dakle, sa sporom web stranicom vi doslovno gubite novac.

Ako želite optimiziranu web stranicu pošaljite nam upit.

3. Otkrijte i ispravite probleme s hostingom web stranice:

Postoji mogućnost da hosting web stranice ne radi dobro tj. server na kojem se nalazi web stranice šalje grešku kod zahtjeva (engl. response code). Iako se to kod normalnog pregledavanja web stranice to možda ne primijeti, najbolji alat za provjeru tih grešaka je unutar Google Search Console.

Unutar SearchConsole alata fokusirajte se na 2 izvještaja: “Pokrivenost” i “Upotrebljivost za mobilni web”.

Ako web stranice ima određene greške (404, 403, 500 itd.), prikazat će se ovdje
Ako web stranice ima određene greške (404, 403, 500 itd.), prikazat će se ovdje

Normalno je da se s vremena na vrijeme pojave neke greške (recimo greška 500). Ali ako imate više od 10 grešaka dnevno svakako trebate kontaktirati web dizajnera kako bi se taj problem riješio.

4. Upoznajte i ovladajte sa svim opcijama u Search Console:

Search Console je izvrstan alat s kojim možete uočiti što se događa s vašom web stranicom. Pored toga što vas može upozoriti na greške koje su događaju na web stranici, postoje i druge vrlo korisne stvari:

  • Možete poslati Googleu link ili cijelu web stranicu da ju indeksira
  • Možete provjeriti koje sve upite koriste posjetitelji da bi posjetili vašu web stranicu
  • Možete provjeriti ranking web stranice za određeni upit
  • Možete vidjeti iz koje zemlje ili s kojim uređajima posjetitelji dolaze na web stranicu
  • Možete provjeriti koje sve web stranice imaju poveznicu na vašu web stranicu i s kojim tekstom
  • Postoji opcija “Dohvati kao Google” s kojom možemo vidjeti kako Google bot vidi web stranicu

Search Console neće samo upozoriti na propuste – on pokazuje i sve dobro što radimo s web stranicom. Možemo uočiti koje su ključne riječi tražene i vidjeti u kolikoj količini i ta nam informacija može biti jako korisna kada želimo strukturirati sadržaj web stranice.

5. Provjerite i popravite sve linkove koji ne rade:

Google koristi preko 200 faktora s kojim rangira web stranicu i linkovi koji ne rade s vaše web stranice su negativni faktor. Postoji nekoliko besplatnih alata koje možete koristiti za tu provjeru – jedan od onih koje ja koristim je brokenlinkcheck.com. Stranica je super jednostavna, dovoljno je upisati link do web stranice i alat će sam pronaći sve linkove koji ne rade. Kada pronađete linkove koji ne rade, ispravite ih ili obrišite ako više nisu relevantni ili korisni.

Linkove koji ne rade možemo pronači sa stranicom brokenlinkchecker.com
Linkove koji ne rade možemo pronaći sa stranicom brokenlinkchecker.com

Za kraj, ovdje je nabrojano top 5 tehničkih problema kod SEO optimizacije (ne-indeksiranost web stranice, spora web stranica, problemi sa serverom, problemi vidljivi u Search Console, linkovi koji ne rade), ali uz njih postoje i neki drugi problemi koji se mogu pojaviti. Ova lista će biti dobar početak i čini izvrstan start za krenuti s popravkom problema na web stranici.



Naprednu SEO optimizaciju uvodimo kao dio naše standardne procedure kod pokretanja web stranice. Kod svih web stranica koje radimo uvijek radimo osnovnu ili naprednu SEO optimizaciju. Nadam se da će vam savjeti iz članka pomoći da i sami optimizirate stranicu za tražilice.

Ako želite profesionalne, optimizirane, moderne i funkcionalne web stranice koje ćete kasnije sami ažurirati, pošaljite nam upit.

Izrada poveznice za Google recenziju vaše tvrtke

Google recenzije vaše tvrtke su obično pokazatelj tzv. social proof-a . Važne su jer su obično nepristrane i neplaćene od strane tvrtke. Recenziju tvrtke može napisati bilo tko i iako ne bi trebao biti jedini pokazatelj kvalitete, često kod potencijalnih klijenata budu presudan faktor da upravo vašu tvrtku odaberu kao svog partnera. Recenzije su dragocjene samo kada su iskrene i nepristrane.

Online recenzije su vrlo snažan okidač koji pomaže potencijalnom kupcu napraviti najbolju odluku.

O važnosti (pozitivnih) recenzija vaše tvrtke i koliko je bitno da imate uzmimo Nielsenovo istraživanje na uzorku od 25.000 internet kupaca s preko 50 država koje pokazuje da čak 90% njih gleda i smatra relevantnim recenzije koje njihovi poznanici napišu, dok 70% njih vjeruje ostalim recenzijama.

Vjera u online (i Google) recenzije: 90% ljudi vjeruje recenzijama svojim poznanika a 70% njih ostalim ljudima. S druge strane, određenim vrstama reklama vjeruje samo 24% ispitanika
Vjera u online (i Google) recenzije: 90% ljudi vjeruje recenzijama svojim poznanika a 70% njih ostalim ljudima. S druge strane, određenim vrstama reklama vjeruje samo 24% ispitanika

Kada radimo web stranicu za klijenta, pored samog web dizajna, i plasiranja online, često za njih otvaramo profile na društvenim mrežama. Ili tražimo da nam pošalju linkove do postojećih profila. Uvijek je preporuka imati profile na najvećim mrežama: Facebook, Google Plus (odnosno, bolje Google Business profil jer nam je on trenutno bitan), LinkedIn profil te Twitter profil. Ostale mreže nisu kod nas toliko zastupljene, pa niti ne otvaramo profile na njima.

Važnost Google Business profila je u tome što imate nekoliko jako korisnih funkcionalnosti: unos lokacije vaše tvrtke na karti, unos fotografija vaše lokacije, izrada jednostavne poslovne stranice, objava obavijesti i nama najvažnija mogućnost da vaši klijenti ostave recenziju vaše tvrtke.

Ono što razlikuje recenzije na Google Business profilu i na vašoj poslovnoj web stranici je što Google recenzije uglavnom nisu “hvalospjevi.

Također, kada se pretražuje vaša tvrtka na Googleu, onda se desno pojavljuje detaljniji opis tvrtke s puno dodatnih informacija:

Na rezultatu pretrage se prikazuju Google recenzije za pojedinu tvrtku (kao i za Facebook i ostale mreže)
Na rezultatu pretrage se prikazuju Google recenzije za pojedinu tvrtku (kao i za Facebook i ostale mreže)

Sada kad smo vidjeli što su recenzije i koliko vam mogu pomoći u rastu firme, sigurno ih želite početi skupljati 🙂

Kratke upute kako da napravite poveznicu za vaše klijente da vam lakše ostave Google recenzije:

Na primjeru neomedia.hr stranice pokazat ću kako da kreirate poveznicu koju možete lagano podijeliti sa svojim klijentima i pozvati ih da ostave recenziju za vašu tvrtku.

1) Na računalu pretražite ime vaše tvrtke na Googleu
2) Pronađite vašu tvrtku i kliknite na gumb Write a review (Napišite recenziju)
3) Kopirajte link koji vam se pojavio u adresnoj traci

1. pronađite tvrtku, 2. klik na gumb "Write a review" / "Napišite recenziju" 3. kopirajte link koji vam je u adresnoj traci
1. pronađite tvrtku, 2. klik na gumb “Write a review” / “Napišite recenziju” 3. kopirajte link koji vam je u adresnoj traci

Izrada linka za Google recenzije putem PlaceID Lookup alata

1) Otvorite PlaceID Lookup Tool
2) Upišite naziv svoje tvrtke u polje “Enter a location” na vrhu karte
3) Kliknite na odgovarajući rezultat ispod

Upišite naziv tvrtke i kliknite na odgovarajući rezultat ispod
Upišite naziv tvrtke i kliknite na odgovarajući rezultat ispod

4) Kopirajte Place ID koji se nalazi ispod naziva vaše tvrtke:

Označeno je plavo ono što kopiramo kao Place ID
Označeno je plavo ono što kopiramo kao Place ID

5) Dodajte Place ID na kraju linka: https://search.google.com/local/writereview?placeid= < place_id >

U ovom primjeru, za tvrtku NEOMEDIA puni link bi bio: https://search.google.com/local/writereview?placeid=ChIJ22U-wwjnXEcRDcPmSnjas6w

Klikom na link će vam se otvoriti prozor da ostavite Google recenziju za tvrtku NEOMEDIA. Ako ste surađivali s nama, ili ste zadovoljni našom uslugom, bit će nam drago da dobijemo povratnu informaciju od vas 🙂

Za kraj, trebate imate na umu da Google ima određenu politiku prema recenzijama i sve recenzije koje detektira da su lažne, ili nepoćudne da će biti obrisane. Pročitajte više u smjernicama za objavljivanje recenzija. Ako zamijetite recenziju koja nije prikladna ili koja krši pravila, možete je označiti za uklanjanje.


Nemojte ignorirati mogućnosti koje vam dobro dizajnirana web stranica može donijeti.

Ako želite optimizirane, moderne i funkcionalne web stranice koje ćete kasnije sami ažurirati, pošaljite nam upit.

Hosting i domena: prvi koraci kod izrade web stranice

Hosting i domena su prvi koraci kod izrade web stranica. Hosting je prostor gdje će vaša web stranica biti a domena je njena adresa ili ime web stranice tj. kako doći do nje.

Što je to hosting?

Hosting web stranice, ili web hosting, je naziv za računalo (server) koje ima spremljeno vašu web stranicu i prikazuje ju posjetiteljima. Sve web stranice su “hostane” (engl. hosted = spremljeno) na serverima (računalima posebno namijenjenima za pružanje usluge smještanja web stranica). Svaki server postoji u fizičkom obliku. Obično jedan server sadrži i više stotina (manjih) web stranica.

Iako 99% web stranica se nalazi na tzv. shared (dijeljenim) serverima, postoje i velike web stranice poput YouTube.com, Facebook.com ili Google.com za čiji rad je potrebno stotine i tisuće servera jer zahtijevaju veliku količinu memorije i procesorske snage da bi radile fluidno. Te web stranice imaju i veliki broj posjeta, zato je također potrebno da više servera isporučuje web stranicu.

facebook data centaer in arctic
Unutrašnjost Facebook data centra na Arktiku. Ovo je tek jedan u nizu data centra koji pokreću tu društvenu mrežu

Što je domena?

Domena web stranice je – ljepše ime za internet adresu. Umjesto da neku internet stranicu pozivate njenom IP adresom koju je teško upamtiti (npr. 8.8.8.8) IP adresi se dodjeljuje ljepše, lakše pamtljivo ime – domena (u našem primjeru – neomedia.hr). Domena web stranice je ono što upisujemo kako bismo posjetili neku web stranicu.

Ako ne bi postojale domene, onda bi svim web stranicama pristupali na nepraktičan način – preko IP adrese. U stvarnom svijetu imamo primjer za to što ulicama dajemo adresu (naziv), pa ne moramo pamtiti longitudu i latitudu adrese. Naziv domene je unikatan, tj. ne može biti više domena istog naziva.

Treba li mi i domena i web hosting kod pokretanja web stranice?

Kratki odgovor je: da. Bez hostinga, ne bi imali mjesto za vašu web stranicu. Bez domene, nitko je ne bi mogao pronaći.

Gdje kupiti domenu i hosting?

Osobno sam imao prilike raditi s nekolicinom tvrtki pružatelja usluga web hostinga. Svojim klijentima volim preporučiti sljedeće:

  • ako je web stranica u Hrvatskoj, tj. za Hrvatsko tržište, onda je preporuka neki hosting u Hrvatskoj. Pogledajte našu ponudu WordPress web hostinga. Preporučio bih samo da pripaze da web hosting tvrtka koristi SSD diskove umjesto “standardnih” jer su brži, te da imaju redoviti backup i dobru podršku (to znači odgovor na upit unutar sat vremena).
  • ako je web stranica za strano tržište, također možete kao pružatelja hosting usluge uzeti tvrtku iz Hrvatske, preporuka je neka koja ima više iskustva i bolju infrastrukturu, te obavezno integrirati CDN (pojednostavljeno rečeno, CDN je naziv za distribuiranu mrežu servera koji isporučuju web stranicu širom globusa jednakom brzinom)

Što se tiče kupovine domene, volim raditi s tvrtkama koje imaju jednostavno korisničko sučelje i dobru podršku. Cijene kod svih su manje više iste, tako da su mi ova dva faktora ključna.

Za naše klijente mi obavljamo svu administraciju oko registracije i produljenje domena. Više o tome pogledajte ovdje.

registracija domene
Trebate li registraciu domene? Obratite nas se s povjerenjem, za naše klijente to radimo već godinama!

Cijene najpopularnijih domena su oko 100kn (.com, .net, .org) i nacionalna domena (.hr) koju možete dobiti besplatno ako je ista kao naziv tvrtke ili fizičke osobe, inače je oko 600kn. Važno je naglasiti da je to godišnja cijena domene, i domene se obnavljaju svake godine. Svakako treba obnoviti domenu na vrijeme, da se izbjegne situacija da je domena istekla.

Za naše klijente uz izradu web stranice, nudimo i uslugu hostinga – i to za osnovne web stranice, a za napredne webshopove radimo sa partnerskim tvrtkama.


Ako želite optimizirane, moderne i funkcionalne web stranice koje ćete kasnije sami ažurirati, pošaljite nam upit.

Napredna optimizacija za tražilice: on-page SEO

Želite li imati veći organski promet na vašu web stranicu, poticati posjete i poboljšati svoju poziciju u rezultatima tražilice? Napravili smo SEO listu zadataka za naprednu seo optimizaciju koju radimo sa svojim klijentima.

Naprednu SEO optimizaciju smo podijelili u 3 dijela, i svaki pomaže kako bi se vaša stranica bolje pozicionirala kod tražilica. Cilj SEO optimizacije je postići bolji ranking za istu ključnu riječ od konkurencije. To je i najjednostavnija definicija SEO optimizacije 🙂

Ako ste dobro pozicionirani na tražilicama to vam je isto kao da imate poslovni prostor u centru grada pored kojeg svaki dan prolaze desetine ljudi koji su zainteresirani za usluge koje nudite. Ako niste visoko pozicionirani to vam je kao da imate poslovni prostor negdje u nekom prigradskom naselju bez autobusne linije gdje samo vi i uža rodbina dolazi u vaš dućan.

Pitanje je, želite li biti u centru grada ili na periferiji?

SEO optimizaciju možemo podijeliti u 3 dijela:

  • On-page SEOoptimizacija i poboljšanje sadržaja koji se nalazi na vašoj web stranici.
  • Off-page SEO – mjerenje, i poboljšavanje stvari koje se ne događaju izravno na vašoj web stranici, kao što su broj i kvaliteta linkova koji su povezani s vašom web stranicom
  • Tehnički SEO – rad na tzv. tehničkim faktorima koji utječu na brzinu rada vaše web stranice i mogućnost da ju tražilice indeksiraju, i kategoriziraju

Sadržaj na web stranici predstavlja temelj seo optimizacije, a broj i kvaliteta linkova koji pokazuju na vašu web stranicu daju tražilicama pokazatelj koliko je vaša web stranica dobra.

U ovom ću članku usredotočiti se na prvu točku napredne SEO optimizacije (On-page SEO). Sadržaj na vašoj web-stranici i HTML kod vaše web stranice sami kreirate i nad time imate najviše kontrole. To su prvi elementi kod optimizacije stranice za tražilice (SEO). Cilj je da se svaka podstranica prilagodi da bude search-engine-frendly (da ju tražilice razumiju).

Tražilice su botovi – a to zapravo znači da su tražilice, kao što je Google, zapravo računalni programi koji moraju pregledati milijune stranica svaki dan, i moraju “razumjeti” o čemu su te stranice. Tražilice nisu botovi, koji će odmah na prvu moći razumjeti o čemu je web, nego im se kroz sadržaj i strukturu “objasni” – hej, ovo je stranice tvrtke xy iz mjesta xyz, i ta tvrtka nudi uslugu yxz. Mi ljudi već na prvi pogled možemo razumjeti o čemu se radi kada posjetimo neku web stranicu.

Nekakvo generalno pravilo je da svaka podstranica na vašoj web stranici treba biti optimizirana za samo jednu do dvije tzv. ključne riječi. Sve više od toga je zapravo natrpavanje i teško se može odrediti što je najvažnije. To je u praksi otprilike ovo: vaša tvrtka ima 10 djelatnosti, i bolje je da za svaku djelatnost (uslugu) imate po jednu podstranicu, nego da ih sve pokušavate staviti na istu i očekivati da će ta podstranica biti jednako dobro pozicionirana za svaki upit.

Tražilice više vole ovu strukturu: webstranica.hr/usluge/prva-usluga; webstranica.hr/usluge/druga-usluga; webstranica.hr/usluge/treća-usluga; itd. Naravno, da možete na jednu podstranicu staviti i sve usluge, koja bi bila “uvodni tekst” za ostale podstranice, i povezivala ih sve s linkovima.

Ova lista za naprednu SEO optimizaciju ispod je napravljena kao lista zadataka koju provjeravamo sa svakim klijentom kako bi postigli što bolje efekte. Međutim, vrijedi spomenuti da je to lista stvari koje međusobno djeluju, dakle, niti jedna stavka nije tzv. deal-breaker, i da će baš zbog toga vaša web stranica biti bolje rangirana (Google koristi više od 200 faktora za rangiranje web stranica).

SEO lista za naprednu on-site SEO optimizaciju

  • Sadržaj je visoko kvalitetan, relevantan, svjež i barem 500 znakova dugačak
  • Glavna ključna riječ je uključena u naslov stranice
  • Glavna ključna riječ je uključena u barem jedan podnaslov
  • Glavna ključna riječ se ponavlja 3-10 puta tokom sadržaja teksta. Nije dobro ni pretjerivati s ponavljanjem jer će stranica biti kažnjena. Treba imati na umu da bi tekst uvijek trebao biti čitljiv.
  • Stranica sadrži i relevantne slike i grafiku koji predstavljaju ključnu riječ
  • Opis za slike i ilustracije sadrže ključnu riječ
  • Sadržaj / alati / resursi koji dijelite s čitateljem treba biti toliko dobar da će oni poželjeti podijeliti na drugim mjestima. Vaš sadržaj mora biti koristan čitatelju – što je korisniji, veća je šansa da će podijeliti sadržaj i da će više ljudi vidjeti vašu web stranicu
  • Ako optimizirate sadržaj za određenu državu ili grad, dobro bi bilo da negdje u sadržaju tekst ili pri dnu stranice piše i lokacija
  • Sadržaj treba biti gramatički i pravopisno točan – tražilice (pa i čitatelji) odmah lošije misle o sadržaju ako je loše napisan
  • Komentari, recenzije, mišljenja drugih posjetitelja znače da je stranica aktivnija od tzv. statičnih stranica
  • Ključnu riječ treba uključiti u URL stranice ako je moguće
  • Svaka stranica treba imati naslov stranice (unutaroznaka u HTML kodu). Pravila za naslov stranice su da treba biti unikatan, da uključuje ključnu riječ ili frazu, i da mora biti kraći od 60 znakova (Google sve dulje od toga skraćuje)
  • Svaka stranica mora imati meta opis (unutar). Iako tražilice ne smatraju da je opis relevantan za određivanje ranka, jako je važan jer je to kratki opis sadržaja koji privlači čitatelja. Meta opis čitatelj vidi na stranici rezultata pretrage, i mora mu biti privlačan te dugačak do 160 znakova. Plus je ako sadrži ključnu riječ koju koristimo u tekstu.
  • Opis slike u alt oznaci – preporuka je koristiti ključnu riječ i u opisu slike.
  • Linkovi unutar sadržaja pomažu, ali ako se koriste razumno – linkovi trebaju biti relevantni, i zajedno sa web stranicama na koje idu trebaju činiti zaokruženu cjelinu. Google smatra da je više od 100 linkova nepotrebno, a i sam bih preporučio da se koristi daleko manji broj linkova. Uvijek je dobro koristiti nekoliko linkova na drugu podstranicu unutar vaše (primjerice u svakom tekstu na blogu koristim link na nekoliko drugih članaka koje smatram da su relevantni uz trenutni).
  • Stranica treba biti optimizirana da je lako čitljiva na mobitelu. Iako je ovo više tehnički faktor, dobro ga je ponoviti nekoliko puta jer je broj pretraga na mobitelu premašio broj pretraga na stolnim računalima.

Ako ispunimo sve uvjete s ove liste, vaša web stranica će biti dobro rangirana za pretraživanje. Ovo je temelj za ostale optimizacije. Lista ne garantira 100% uspjeh i instant dobru poziciju, ali je nastala kao posljedica iskustva i pokazala nam se do sada kao jako dobra.

Postoje i dodatni faktori, kao što su primjerice autoritet domene, broj i kvaliteta linkova koji pokazuju na vaš web stranicu, i ti faktori igraju veliku ulogu za ranking web stranice, no to će biti opisano u sljedećim člancima.

Za kraj… uvijek trebamo testirati on-page SEO. Testiranje nam daje uvid koliko smo dobro napravili posao 🙂 Smatram da je isto, kao i kod brzine ocjena 85/100 jako dobar rezultat. Osobno koristim ove alate:

1) https://seositecheckup.com/ (provjerava on-page seo, brzinu web stranice, server, responzivnost i neke napredne SEO postavke. Super mi je što ima i PDF izvoz podataka i white-label, pa šaljem klijentu report. Minimalna cijena je 24,95$ mjesečno uz neka ograničenja). Seositecheckup.com ima mogućnost probnog testiranja.

Napravio sam test za ovaj članak, i ovo je rezultat:

on-page SEO za članak o on-page SEO optimizaciji :)

Test mi je otkrio par zanimljivosti:
– imam nekoliko slika bez alt-taga
– imam jedan mali inline-CSS (Facebook gumb)
– imam jedan CSS fajl koji nije sažet (Google font fajl)
– IP adresa servera na pokazuje na moju domenu (zato što mi se na serveru nalazi više domena, i ovo je VPS)

Sve u svemu, “greške” su minorne, i osobno sam zadovoljan rezultatom, ne želim trčati za dugom ako nema smisla.

2) https://sitechecker.pro/ (manje opcija nego seositecheckup, ali je besplatan. Rezultati ponekada nisu ažurni)

3) https://www.dareboost.com/en/home (besplatan alat, ali ograničava broj testova)

4) https://www.seoptimer.com/ – alat je plaćen, i ima manje više iste opcije kao seositecheckup.com. Cijena je 29$ mjesečno, ali bez ograničenja

5) https://www.seotesteronline.com/en/ – od besplatnih, ovaj mi je vizualno najljepši, i najjednostavniji. Također, je i najbrži.

6) https://websiteseochecker.com/ je besplatan i nekako mi je najbolji od svih besplatnih jer ima nekoliko super alata i testovi su jednostavni. Također, na jednom mjestu mi daje kompletan popis on-site seo elemenata na koje moram pripaziti.

Napravio sam url analizu za ovaj članak za ključnu riječ: on-page seo i dobio sam ovaj rezultat i popis prijedloga i grešaka na kojima bi trebalo raditi:

Ukupna SEO ocjena za ključnu riječ on-site seo
Ukupna SEO ocjena za ključnu riječ on-site seo

Prema tom testu, imao sam ocjenu 70% i odmah me upozorio na grešku da nisam imao ključnu riječ u meta description oznaci. Iako ta meta oznaka nije ključna za rangiranje, ako posjetitelj vidi ključnu riječ kod meta opisa, da će prije kliknuti na link zato što mu je to signal da je njegov upit odgovoren na linku:

Ako vam se u meta opisu nalazi ključna riječ,, u ovom slučaju: on-page seo, onda je vjerojatnost da će posjetitelj kliknuti na link veća
Ako vam se u meta opisu nalazi ključna riječ; u ovom slučaju: on-page seo, onda je vjerojatnost da će posjetitelj kliknuti na link veća

Test me također upozorio i da provjerim meta ključne riječi i broj ponavljavanja ključne riječi. U prvoj verziji članka imao sam 9 puta ponavljenje u tekstu. Optimalan broj ne postoji, ali svakako ne treba pretjerivati u broju ključnih riječi – ne više od 15 puta u cijelom članku.

Test daje i zanimljive rezultate poput koliko je puta članak podijeljen na društvenim mrežema:

websiteseochecker.com također daje i broj koliko je puta vaš članak podijeljen na društvenim mrežama
websiteseochecker.com također daje i broj koliko je puta vaš članak podijeljen na društvenim mrežama

Problem kod tih automatiziranih testova je što su jako “oštri”. Recimo, kod dareboost.com testa mi je označio kao negativno ako sam primjerice od 27 slika kod jedne propustio dodati alt-tag, ili što su mi 3 cookia nesigurna (i to govorim o Facebook, Cloudfront i od WordPressa što preusmjerava s http na https stranicu cookie.). Osim toga, websitechecker.com mi nije otkrio nijedan backlink, a imao sam ih u trenutku testiranja barem 10ak.

Sažetak

Ovaj članak je prvi u nizu članaka koji opisuje kako radimo naprednu SEO optimizaciju za web stranice. Prvi dio je tzv. on-site optimizacija, odnosno koraci koji se odnose na sadržaj i HTML kod web stranice. Posebnu pažnju kod on-site optimizacije treba obratiti da je sadržaj kvalitetan, te da su ključne riječi ubačene na prava mjesta.



Naprednu SEO optimizaciju uvodimo kao dio naše standardne procedure kod pokretanja web stranice. Kod svih web stranica koje radimo uvijek radimo osnovnu ili naprednu SEO optimizaciju. Nadam se da će vam savjeti iz članka pomoći da i sami optimizirate stranicu za tražilice.

Ako želite profesionalne, optimizirane, moderne i funkcionalne web stranice koje ćete kasnije sami ažurirati, pošaljite nam upit.

Kratke upute za brže učitavanja vaše WordPress internet stranice

Brzina učitavanja web stranice (brzina web stranice) jedan je od faktora kojeg Google uzima u obzir od 2010. godine kod rangiranja na tražilici prilikom pretraživanja. To znači, što vam se web sporije učitava, bit ćete lošije pozicionirani prilikom pretraživanja, a što vam se web brže učitava, vaša pozicija će biti bolja. Kada posjetitelj po prvi puta dođe na Vašu stranicu imat ćete samo nekoliko sekundi da mu zaokupite pažnju i da ga uvjerite da se vrijedi zadržati na stranici.

Prije poduzimanja bilo kakvih aktivnosti za poboljšanje brzine učitavanja weba, najbolje je napraviti analizu web stranice pomoću online alata. Alata za analizu brzine web stranica ima više, no onaj koji redovno koristim je gtmetrix.com Ta stranica vam treba biti prvi korak koji će vas usmjeriti na najvažnije stvari koje bi trebalo popraviti. Također, putem nje možete pratiti koliki ste napredak ostvarili.

Metrike koje pratimo su:

1) Page Speed Score (više je bolje, iznad 90% je izvrsno)
2) YSlow Score (više je bolje, iznad 85% je izvrsno)
3) Fully Loaded Time (manje je bolje), ispod 3 sekunde je izvrstan rezultat
4) Total Page Size (manje je bolje, izvrsno je ispod 1MB, to znači da će se stranica učitati za oko 3-5sec u prosjeku)
5) Requests (manje je bolje, u idealnom svijetu bi bio 1, ali rezultat manji od 30 je jako dobar)

Primjenom samo osnovnih koraka, rezultati za ovu stranicu su odlični:

Kako ubrzati WordPress?

Vi sami možete učinite određene stvari kako bi to poboljšali, pa evo 5 savjeta za to:

  • Izaberite dobar hosting

Hosting (smještaj) za vašu web stranicu je prvi i najvažnije korak prilikom optimizacije. Savjeti koje dajemo svim klijentima su uvijek:

– Izaberite lokalni (europski) hosting ako vam je stranica lokalna
– Hosting paket na SSD disku je bolji od običnog
– za početak vam je dovoljan i tzv. shared (dijeljeni) hosting, no s vremenom kada stranica bude imala povećan broj posjetitelja, treba bolji server

  • Optimizirajte slike

Ovo je korak koji mnogi zaboravljaju a najjednostavnije je za napraviti. Ako na web stranicu stavite velike slike, onda će se ona i dulje učitavati. Preporuka je prije objave slika na web stranici da im smanjite veličinu. Photoshop i GIMP imaju tu opciju već ugrađenu: dovoljno je prilikom spremanja slike da odaberete File>Save for web i program će sam optimizirati veličinu slike. Uvijek pokušate ako je moguće da su vam slike manje od 200kB.

  • Koristite caching

Ukratko, caching je mogućnost da vam internet preglednik preuzme kompresirane i unaprijed spremljene datoteke. Ovo inače možete kroz više načina, ali za WordPress je najjednostanije rješenje instalacija plaćenog (pr. WP Rocket) ili besplatnog (pr. WP Fastest Cache) dodatka. Obadva sam testirao bezbroj puta i jako su dobri. WP Rocket ima više mogućnosti, i za naprednije je korisnike.

  • Redovito ažurirajte CMS, temu i pluginove

Iako ovo zvuči jasno samo po sebi, ponekada to zanemarujemo. Redovito ažuriranje je bitno iz nekoliko razloga: sigurnost, performanse, novi standardi. Isto kao što se vaše računalo ažurira i dodaju nove, poboljšane verzije programa, tako treba i web stranicu održavati.

  • Koristite CDN (Content Delivery Network)

CDN možemo zamisliti kao distribuirani hosting. Odnosno, vaša web stranica se ne nalazi više na samo jednom serveru i s njega se šalje svim posjetiteljima, nego posjetitelji sadržaj dobivaju s par desetaka lokacija diljem globusa. Do sada su nam se 3 CDN-a pokazala kao najbolja: CloudFlare, KeyCDN, i MaxCDN.

Bonus savjet:

Ako koristite WP-Rocket plugin ili neki drugi koji ima te mogućnosti, obavezno uključite opcije za minifikaciju, kompresiju i konkatenaciju (spajanje više datoteka u jednu). Ovo se koristi kako bi se smanjila veličina web stranice koja se učitava, te da bi se smanjio opterećenje i broj zahtjeva prema serveru.

Iako ima još puno savjeta za fino poliranje i optimizaciju web stranice koji se primjenjuju na velike i posjećenije webshopove ili blogove, za početak primjena ovih savjeta je dovoljna. Rijetko kada radimo do te mjere da stranicu optimiziramo da imamo savršene ocjene, pogotovo
kada nije vrijedno vremena zbog 2-3% boljih rezultata potrošiti par sati


Nemojte ignorirati brzinu učitavanja weba već pokušajte poraditi na njoj kako bi uz dobar sadržaj bili što bolje pozicionirani na tražilici.

Ako želite optimizirane, moderne i funkcionalne web stranice koje ćete kasnije sami ažurirati, pošaljite nam upit.