095 903 9610

neomedia@neomedia.hr

online 24/7

ured u Osijeku

Blog o izradi web stranica

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.

5 načina kako vam dobro dizajnirana web stranica povećava prihod

Dobro dizajnirana web stranica slijedi što veći broj principa koji dizajn web stranice zapravo čine dobrim. Drugim riječima, posjetitelji vaše web stranice očekuju da su one brze i da lako mogu dobiti informacije koje im trebaju. Bilo da su došli pregledati vašu ponudu, potražiti kontakt informacije, ili samo rezervirati termin za neku od vaših usluga, taj proces mora biti brz, i jednostavan.

S obzirom na to da živimo u digitalnom dobu – odnosno u svijetu u kojem ljudi prvo posjete Google prije nego što kupuju, a Yelp ili TripAdvisor prije nego posjete neki restoran ili destinaciju, a čak i dok putuju se “prijave” putem Facebooka. Zbog toga želite da prvi dojam bude najbolji što može biti. Počevši od vaše web stranice, potrošači prosuđuju i donose odluke o tome hoće li čak i posjetiti vašu trgovinu, restoran ili ured. Postoji čak i mogućnost da vas odluče izbjeći, ako bi smatrali da vaša web stranica ne odražava vrstu doživljaja koje bi trebalo ponuditi vaše poslovanje.

Kupcima polako ulazi u naviku da stalno traže gdje će izvršiti sljedeću kupnju ili koju destinaciju će posjetiti. Pobrinite se da vaša tvrtka bude prilično zastupljena na društvenim mrežama i tzv. business profilima: Facebook, Yelp, TripAdvisor, Google Business i Booking su obavezni. Osim što na raspolaganju imate URL adresu, također provjerite jesu li vaša adresa, telefonski broj i e-pošta lako dostupni i točni. U idealnom scenariju svaku društvenu mrežu ćete povezati s vašom web stranicom.

Jasno je da ako nemate web stranicu, propuštate prilike za korisnike da prepoznaju tko ste čak i kad vas žele posjetiti. Dobre web stranice imaju dizajn koji je jednostavan za upotrebu. Grafički dizajn i sadržaj na početnoj stranici trebaju privući pozornost potrošača, a ostale podstranice trebaju biti jednostavne za navigaciju. Informacije se moraju lako pronaći i trebaju biti izražene na “jeziku” kupca, a ne na stručnom jeziku.

Voditi poslovanje svoje tvrtke je sve samo ne lagano, a vaš popis obveza je uvijek popunjen. Kao što vodite odnose s klijentima, i želite im pružiti najbolju uslugu, nemojte zanemariti vašu prisutnost na internetu. Počevši od vaše web stranice, od vitalnog je značaja da se pozicionirate na mreži s kvalitetnom i profesionalnom prezentacijom vašeg poslovanja. Web stranica vaše tvrtke klijentima daje dojam da ulažete u posao i da imate motivaciju i želju baviti više s vašom tvrtkom. Imajući to na umu, razmotrite ovih pet razloga zašto je važno imati dobro dizajniranu web stranicu.

1. Stvaranje dojma o tvrtki

Imate samo jednu priliku napraviti prvi dojam. Za one koji nisu čuli za vašu tvrtku ili proizvode, vaša će web stranica biti prvo upoznavanje s vama. Web stranica s dobrim dizajnom pomaže u jačanju ukupne slike vašeg poslovanja.

2. Web stranica vas povezuje s novim klijentima

Dobro dizajnirana web stranica sama neće privući posjetitelje ako ne znaju da vaša tvrtka postoji. Dobro osmišljena web stranica znači više od estetski ugodnih elemenata dizajna – to također znači da je strukturno dobro napravljena kako bi pomogla klijentima da vas pronađu na tražilicama. Više od 50 posto upita za pretraživanje dolazi od mobilnih uređaja. Ako vaša web stranica nije prilagođena mobilnim uređajima, možda ćete propustiti korisnike koji traže vaš proizvod ili uslugu.

3. Web stranica je katalog i prezentacija vaše tvrtke na internetu

Postoji pravilo da imamo samo 8 sekundi za privlačenje pozornosti posjetitelja, što vam ostavlja mali prostor kojim ćete brzo i učinkovito objasniti vašu ponudu. Dobro dizajnirane web stranice prikazuju svoje tzv. jedinstvene prodajne točke (engl. unique selling points odnosno najbitnije stvari) na početnoj stranici putem teksta, slika i videozapisa. To pomaže posjetiteljima da brzo shvate što je vaše poslovanje i što klijentima možete ponuditi.

4. Putem web stranice skupljate upite za vaše proizvode i usluge

Web stranica po meni ima 2 najbitnije osobine: prezentacija i skupljanje upita. Trebalo bi imati više načina za posjetitelje da ostvare komunikaciju s vama, npr. obrasce za kontakt, broj telefona, obrasce za slanje upita, prijave za newsletter itd. Ti su elementi ključni kada izrađujete web stranicu kako biste privukli zainteresirane kupce te povećali prodaju vaših proizvoda i usluga.

5. Web stranicu se lako može ažurirati

Za razliku od klasičnih, printanih materijala, web stranica se lako mijenja i može se ažurirati onoliko često koliko je potrebno. Osim toga, trošak promjene sadržaja na web stranici mjeri se samo kroz vrijeme, dok dio tiskanog materijala uključuje vrijeme i materijal. Web stranica neće zamijeniti potrebu za tiskanim materijalom, ali dobro dizajnirana web stranica s ciljanim sadržajem može nadopuniti materijale za ispis. Jednostavno možete upotrijebiti svoju web stranicu kako biste klijentima često i jeftinije pokazali novosti i promocije u vašem poslovanju.

Ulaganje u izradu i dobar dizajn web stranica, pružit će dodatnu vrijednosti vašem poslovanju i na kraju će dovesti do boljih prihoda. Jeste li spremni za izradu svoje web stranice?


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.

Kako izgleda dobro proveden projekt?

Kada pokrenemo suradnju s novim klijentom s kojim do sada nismo surađivali, jedna od prvih stvari je upoznavanje s načinom rada. Svaka tvrtka ima neke svoje unutarnje procese i drugačije su formirali odnos unutar tvrtke i odnose prema klijentu.

Imao sam se prilike susresti s nekoliko različitih primjera, i svaki ima neke svoje prednosti i mane. Ono što pokušavam prakticirati trenutno je rezultat nekoliko godina iskustva, ali i dalje ima prostora za poboljšanje.

Da mogu izdvojiti jedno pravilo to bi bila ključna riječ: komunikacija. Izravna, česta, pravovremena. Čak bih predložio i svakodnevnu komunikaciju. Ako dođe do prekida komunikacije čak i na tjedan dana, već se osjeti u projektu da ne ide u dobrom smjeru. Česta, i sažeta komunikacija mi se pokazala kao jako dobar alata prilikom razvoja projekta.

Kada radim na projektu, u toku radnog dana pokušavam voditi bilješke u draftu e-maila što sam radio tijekom dana, i na kraju dana pošaljem klijentu. To se događa u idealnoj situaciji, ali s vremena na vrijeme priznajem da odstupam od tog pravila 🙂

Što klijent time dobiva? Pa svakako osjećaj da se zaista radi nešto na njegovom projektu. Naučio sam da je osobi koja nije tehnički potkovana, a to je po meni barem 80-90% klijenata s obzirom na to da su to uglavnom osobe starije od 30 godina i stručnjaci su u svom poslu, ne iznenađuje brojka), zapravo nepoznato što mi (programeri, dizajneri, informatičari) radimo za vrijeme koje im naplatimo.

Ispod navodim neke primjere aktivnosti koje sam uočio do sada, a da jako pomažu ugodnijem razvoju projekta:

Vjerujte nam

Prvo i najvažnije – vjerujte nam! Vi ste nas angažirali da preuzmemo jedan od najvažnijih načina približavanja i komunikacije koje imate i pretvorimo ga u uspješan alat za vašu tvrtku ili organizaciju. Svakako želimo vaše ideje, ali želimo da i vi slušate. Pokrenuli smo neke prilično uspješne web stranice i postoji razlog zašto su uspješni. To je zbog toga što nam je klijent vjerovao da radimo pravu stvar za njih.

Pripremite se

Pripremite se na čestu komunikaciju. Kada potpišete ugovor s nama, ne možete jednostavno nestati. Trebamo i vaša pomoć! Materijali za brand
– logotip, knjiga standarda, tipografija, boje itd. osim ako ne radimo sve od nule ćemo preuzeti od tvrtke i moraju biti dostupni. Sadržaj mora biti napisan. Pod sadržaj mislimo na tekst koji ćemo staviti na naslovnicu, i stranicu o tvrtci. Mi ne znamo koje su sve vaše reference, ali nekada nam je i dovoljno da nam pošaljete popis tvrtki s kojima ste do sada radili. Marketing strategija mora biti. Oglašavanje vam je potrebno, iz više razloga, a najviše da potencijalni klijenti i čuju za vas. Teško ćete osvojiti nova tržišta ako se ne čuje za vas. Na početku projekta, obavijestit ćemo vas o tome što će nam trebati tijekom razvoja i marketinga. Nemojte preskočiti svoje zadatke 🙂

Poštivanje rokova

Budite pravodobni. Ako kažete svojoj djeci da će doći kući do 22 sata, a vi se javite tjedan dana kasnije, pozvat će policajce. Nemojte nas nazivati ​​policajcima. Donesimo planove i držimo ih se. Znamo da imate privatne obaveze i sigurno možemo biti fleksibilni. Uvijek se želimo maksimalno posvetiti svakome klijentu, ali dogode se situacije da naprosto fizički ne možemo. Želimo da se osjećate kao da ste naš jedini klijent, ali budimo realni: niste. Ako želite web stranicu za 2 mjeseca, a zatim čekate mjesec dana da pristanete na ponudu, nemojte nas pitati da smanjimo vrijeme izrade na pola. Dobre web stranice trebaju vremena!

Računajte na nas kao na svoje partnere

Gledajte nas kao partnere, a ne čudne informatičke geekove u kutu. Puno iskustva i puno različitih industrija i rad s velikim brojem tvrtki nas je dovelo do točke da vidimo što funkcionira i što ne funkcionira. Razgovarajte s nama o svojim poslovnim ciljevima, a ne samo o vašim tehničkim potrebama. Kao što vi vodite svoju tvrtku, i pored redovitih stvari – komunikacije s dobavljačima, klijentima, nabava materijala itd. i vi isto komunicirate sa svojim klijentima, kao što mi komuniciramo s vama – vi ste naš klijent 🙂 I na koncu, mi vaš želimo vidjeti kao poslovne partnere, jer u nekoj budućnosti, ako vi danas koristite naše usluge, tako ćemo i mi vaše.

Budite iskreni, recite nam koliko planirate potrošiti

Konačno, budite iskreni prema nama kada govorimo o proračunu i ne tražite da budemo prejeftini. Web stranica je od vitalnog značaja, a to znači vitalni alat za vašu tvrtku ili organizaciju. Znamo. Znamo. Teško je vjerovati mehaničarima i web programerima. Nažalost, web programeri dali su lošu reputaciju ili otežavši poslovanje klijentu ili naplativši previše. Ali to nije način na koji mi djelujemo i možemo vam to dokazati. Samo pitajte bilo kojeg od naših klijenata. Mi ćemo potvrditi sve što vam kažu. Što se tiče cijena projekta – mi radimo web stranice i za 2500 kuna, kao i da radimo na projektima od 750 000kuna. Poznati moto kaže: dobivate ono što plaćate. Ako znamo da imate proračun od 5000 HRK, preporučit ćemo najbolju web stranicu koju možemo izraditi unutar tog proračuna. A ako znamo da imate beskonačni bankovni račun, onda ćemo izgraditi novi Google / Facebook / Njuškalo o kojem sanjate.

Kao što vjerojatno možete reći, ovo pravilo se slaže s prvim pravilom – vjerujte nam, i bit ćete oduševljeni rezultatima.

Povjerenje + komunikacija = uspjeh!


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

Od listopada 2017. sve web stranice bez SSL certifikata Google označava kao nesigurne

Strane uključene u inicijativu za sigurniju internetsku mrežu bile su prilično aktivne 2016. i 2017. s uvođenjem Let’s Encrypt SSL certifikata i obavijesti preglednika u određenim slučajevima. Inicijativa za uvođenje SSL certifikata je i dalje jaka. Google je izdao još jedan podsjetnik o novom upozorenja u Chrome verziji 62 koji će biti objavljena u listopadu ove godine. Ova promjena će utjecati i na način kako korisnici percipiraju web stranice koje posjećuju.

O važnosti SSL-a za Google čitajte ponovno u našem članku – Instalacija SSL certifikata na WordPress web stranicu.

Prema obavijesti koje je Google poslao putem svoje Search Console svim administratorima koji još nisu premjestili svoju web stranicu na HTTPS-stranice s bilo kojom vrstom unosa teksta, potrebno je instalirati SSL certifikat kako bi se izbjegla upozorenja “Not secure” u polju za adresu preglednika. To znači da čak i vaše ugrađeno polje za pretraživanje ili kontaktni obrazac mogu aktivirati ovu poruku upozorenja.

Donedavno je pravilo bilo da će se oznaka da da web stranica nije sigurna prikazivati samo na stranicama na kojima se unose podaci o prijavi korisnika ili podaci o kreditnim karticama.

U anonimnom načinu, promjena će biti tako stroga da će se na svim HTTP stranicama pokrenuti upozorenje, ali neće stati tamo:

Na kraju, planiramo prikazati upozorenje “Nesigurno” za sve HTTP stranice, čak i izvan anonimnog načina rada

Googleova strategija o određenim elementima vezanima uz sigurnost pomaknula se od nagrađivanja korisnika do kažnjavanja zbog odbijanja prelaska na sigurniji, HTTPS standard. S otprilike 60% svih web stranica koji se poslužuju kao HTTPS, jasno je da Google želi da ostalih 40% migrira na iste standarde što je prije moguće.

Ako želite premjestiti svoju web-lokaciju na HTTPS, ali vaš web hoster ne pruža besplatan SSL, kontaktirajte nas i rado ćemo vam pomoći pri prijenosu i osiguravanju vaše web stranice. Ne izdajemo SSL certifikat, ali vas možemo voditi kroz cijeli proces, i instaliramo ga na web stranicu. Dajemo podršku za instalaciju SSL certifikata na WordPress, Magento (1 & 2) te ostale manje web stranice i aplikacije.

Instalacija SSL certifikata na WordPress web stranicu

Ako vaše stranice imaju instaliran ssl certifikat, komunikacija web browsera s web serverom je enkriptirana. SSL certifikat (eng. secure sockets layer) podiže sigurnost web stranica na višu razinu. Tako se osigurava najveći nivo sigurnosti posjetiteljima vaših stranica, a time i povjerenja u vaš web site.

Koje su razlike između http i https

HTTP (engl. HyperText Transfer Protocol) je protokol, tj. skup pravila po kojima se web stranica prenosi od poslužitelja do korisnika. Osnovna namjena ovog protokola je upravo omogućavanje objavljivanja i prezentacije HTML dokumenata, tj. web stranica. Za većinu korisnika interneta naziv http je samo dio adrese web stranice.

HTTPS (engl. HyperText Transfer Protocol Secure) je internetski protokol nastao kombinacijom protokola HTTP s protokolom SSL/TLS. To zapravo znači da je https sigurniji za prijenos podataka od “običnog” http protokola. Kada govorimo o sigurnosti podataka, ponajprije mislimo na osjetljive korisničke podatke recimo podatke za prijavu, lozinke, brojeve kreditnih kartica i slično.

HTTPS je internetski protokol nastao kombinacijom protokola HTTP s protokolom SSL/TLS.

U praksi, ako web stranica ima https u nazivu, to znači da vam hakeri puno teže mogu zloupotrijebiti podatke. Najjednostavniji je način provjere upotrebe SSL protokola unos web-adrese koju želite provjeriti u preglednik s izrazom https:// na početku, na primjer, https://mediumit.hr. Ako se u pregledniku prikaže ikona lokota, kliknite je za dodatne informacije o sigurnosti veze. Ako se ikona lokota ne prikaže, stranica nije zaštićena SSL protokolom.

Zašto je potrebno instalirati SSL certifikat na web stranicu?

Jedna od najvećih tvrtki na svijetu, pogotovo u svijetu digitala je Google i upravo Google najviše gura projekt “HTTPS everywhere” kako bi internet bio sigurniji. Iako je to primarni razlog, postoje još par prednosti https-a:

1) Brzina – prema neki testovima https web stranice su brže i 50-70%

Iako se često nalazi tako velika brojka na mnogim izvorima, iz iskustva znam da brzina web stranice ovisi o puno dodatnih faktora, ali i mogu potvrditi da određeno ubrzanje web stranice postoji.

2) SEO i bolja pozicija web stranice

2014. je Matt Cuts izjavio da je https dodatni plus za bolje rangiranje stranice. Doduše, mislim da se to može protumačiti i na drugačiji način – web stranice, tj. njihovi vlasnici koju ulažu u dodatnu zaštitu svojih posjetitelja više drže do njihove sigurnosti. Ako više ulažu vjerojatno i daju veću vrijednost kupcu. Kada pogledamo s druge strane – recimo da kupujete preko 2 webshopa i vidite da su podaci o vašoj kreditnoj kartici zaštićeni u odnosu na drugi webshop na kojem nisu, vjerujem da ćete se radije odlučiti na kupnju na prvom webshopu 🙂 Trenutno oko 20% svih web stranica koje se nalaze u top 100 000 prema posjeti koristi https.

3) Ne dolazi do gubitka podataka o preporukama

Gubitak podataka se odnosi na sustave za praćenje pr. Google Analytics koji ne bilježi preporuke s https stranica na http. To zapravo znači da će vam se promet s https://www.youtube.com stranice bilježiti kao tzv. direktni promet umjesto da vam je točno označeno da ide s te stranice.

4) Dodatna razina sigurnosti

Ako vaša web stranica ne koristi https vezu, korisnički podaci se šalju kao tekst preko cijelog interneta. Prema uputi iz ovog članka, postoji mogućnost da vam se dohvate podaci koje koristite za prijavu na vašu web stranicu. To se radi s alatima koji su besplatni i lako dostupni. Često se vodi polemika da li manje stranice koje služe samo za prezentaciju podataka trebaju https ili je to namijenjeno samo za webshopove, no, koliko su vam važni vaši podaci za prijavu?

5) SSL znači povjerenje i kredibilitet

Prema istraživanje tvrtke GlobalSign čak 28,9% posjetitelja skrene pogled i provjeri da li web stranica ima zeleni lokot. Zato, kada dodate SSL certifikat na vašu web stranicu, automatski kod posjetitelja povećavate kredibilitet i osjećaju se sigurniji.

Koji su koraci kod instalacije SSL certifikata?

Nakon uvoda, opisat ću korake potrebne za implementaciju SSL certifikata na vašoj web stranici. Ako želite biti sigurni da će sve biti dobro napravljeno, i trebate pomoć stručnjaka, obratite nam se s povjerenjem i mi ćemo to napraviti za vas. Ne izdajemo SSL certifikat, ali vas možemo voditi kroz cijeli proces, i instaliramo ga na web stranicu. Dajemo podršku za instalaciju SSL certifikata na WordPress, Magento (1 & 2) te ostale manje web stranice i aplikacije.

1. korak: kupovina, cijena i tipovi SSL certifikata

SSL certifikat može biti plaćen i besplatan. Cijena koju plaćate za certifikat zapravo daje određene benefite i više mogućnosti. Rapid SSL je najrašireniji plaćeni certifikat a Let’s Encrypt je najrašireniji besplatni certifikat. Najvažnija razlika između ova dva je što je trajanje Let’s Encrypt samo 90 dana i onda se opet mora obnoviti (obnavljanje je besplatno). Kod plaćenih certifikata najbitnije su razlike: vrijednost osiguranja, trajanje, prestiž. Kada nabavljate SSL certifikat, najbolje je da se obratite svom hosting pružatelju usluga, ili možemo i mi to za vas napraviti. Nakon što nabavite od svog hosting pružatelja SSL certifikat, oni vam ga mogu izdati već kroz 10 minuta, onda ga mi instaliramo na cPanel i osposobimo web stranicu da radi s tim SSL certifikatom.

3 su tipa certifikata:

– Domain Validation (DV): primjenjuje se na domenu ili poddomenu, nema dodatne papirologije (samo e-mail validacija), jeftni, i daju se kroz nekoliko minuta
– Business/Organization Validation: primjenjuje se također na domenu ili poddomenu, ali zahtjeva potvrdu tvrtke koja daje veću razinu sigurnosti i povjerenja, izdaje se kroz 1-3 dana
– Extended Validation: primjenjuje se na domenu ili poddomenu, zahtjeva potvrdu tvrtke, izdaje se kroz 2-7 dana, i ima tzv. zelenu traku.

2. korak: Instalacija SSL certifikata na server

Nakon što ste kupili (ili imate besplatni certifikat), onda ga je potrebno instalirati. Ovisno o tipu servera, različita je procedura, i kod vas postoji mogućnost da će biti manje izmjene, ali upute su standardne. Ovo su upute za instalaciju Comodo Postive SSL certifikata na server, a za ostale su jako slične:

Provjera certifikata

Nakon instalacije provjerite ispravnost certifikata s jednim od ova dva alata:

3. korak: Instalacija SSL certifikata na web stranicu

Ovisno o CMS-u i platformi koju vaša web stranica koristi, potkoraci su različiti, ali pravila su sljedeća:

– preusmjeriti sve linkove s http na https:

http://mojadomena.com na https://mojadomena.com
http://www.mojadomena.com na https://www.mojadomena.com

– ažurirati pozivanje AJAX, CSS i JavaScript datoteka u predlošcima za dizajn

– ažurirati podatke u bazi podataka gdje stoje poveznice s http sadržajem

Možemo na 2 načina: izravno u bazi (zahtjeva napredno poznavanje skriptnog jezika) i pomoću dodatka za CMS sustav. Za WordPress preporučujem dodatak koji se zove Velvet Blues Update URLs

– napraviti preusmjeravanje u htaccess datoteci sa starih, http linkova na https:

Ovo je potrebno dodati u htaccess datoteku:

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

– ažurirati robots.txt datoteku s novom poveznicom na mapu stranice
– ažurirati poveznice na CDN-u
– ažurirati sve tzv. hardcoded poveznice na nove, https

Postoji još jedan dodatak za WordPress koji jako olakšava podešavanje SSL certifikata na web stranici. Zove se Really Simple SSL I radi jako puno posla koji bi se inače morao ručno obaviti.

Na kraju je potrebno proći kroz sve poveznice na web stranici i provjeriti da li na svakoj podstranici radi https.

4. korak: SEO: Google Search Console, Sitemaps, Fetch, disavow, Google Analytics

Ovo je tzv. off-site SEO, i njega radimo pažljivo i u nekoliko koraka. Kada je SSL certifikat instaliran na serveru, i web stranici i provjerili smo da sve radi, potrebno je napraviti novi profil u Google Search Console. To radimo odabirom opcije “Dodaj identitet” i dalje radimo kroz upute.

U tom novom profilu potrebno je dodati sitemap web stranice:

S time zapravo dobijemo da nam je ista web stranica dodana 2 puta, ali to nije problem.

Nakon što je dodan sitemap u Google Search Console, onda koristimo tzv. opciju “Fetch“. To radimo iz razloga kako bismo malo “ubrzali” Google da indeksira nove poveznice 🙂

1. Odaberemo opciju “Fetch”, dohvaćamo naslovnicu, jer su ostale podstranice povezane s njom, i Google će indeksiranje krenuti od nje.

Nakon što se dohvatila naslovnica, onda odaberemo opciju za indeksiranje:

Pojavit će nam se ova opcija u kojoj je pojašnjeno što će se dogoditi, i potrebno je označiti opciju da se indeksira taj URL i sve direktne poveznice:

Napomena: Ako ste na prethodnom profilu u Google Search Console koristi opciju tzv. disavow linkova (to su one poveznice koje želite maknuti od Google da ih indeksira da pokazuju na vašu web stranicu) onda ih ne potrebno ponovno dodati.

Zadnji korak koji je potrebno napraviti je promjena poveznice u Google Analyticsu. Na razini entiteta i prikaza trebamo odabrati opcije “Postavke web entiteta” i “Postavke vlasničkog pregleda” (engl. Property Settings i View Settings):

URL web lokakcije u obje opcije postavite na https verziju vaše web stranice:

Ove izmjene na Google Analytics se rade kako ne bi izgubili stare podatke i samo će se nastaviti dalje ažurirati podaci.

BONUS koraci:

Za još bolji efekt migracije, i da što više sitnica pokrijemo, potrebno je napraviti još neke korake:

  • Ažuriranje poveznica s treće strane (PPC) kao što su AdWords, Bing oglasi, Facebook oglasi
  • Ažuriranje poveznica za Email Marketing (MailChimp, Aweber, GetResponse)
  • Ažuriranje poveznica na društvenim mrežama (Facebook, Twitter, Google+, LinkedIn)
  • Ažuriranje ostalih vanjskih poveznica u što većoj mjeri ako je moguće

Iz osobnog iskustva, ovo ažuriranje na vanjskim stranicama nije potrebno napraviti pogotovo jer smo u koracima iznad napravili preusmjeravanje u htaccess datoteci.

Postoje i dodatna pitanja i odgovori vezano uz temu https migracije.

Sažetak

Ovaj članak obrađuje temu migracije web stranice s http na https verziju. Iako ima nekoliko potkoraka, i treba pripaziti na par detalja, ove upute su dovoljno dobre da se proces napravi bez nekih prevelikih grešaka, i odmah se mogu osjetiti određene beneficije, kao što su bolje performanse, bolji SEO rang, kredibilitet, te daleko veća sigurnost.


Ako želite biti sigurni da će sve biti dobro napravljeno, i trebate pomoć stručnjaka, obratite nam se s upitom za instaliranje SSL certifikata na vašu web stranicu i mi ćemo to napraviti za vas. Ne izdajemo SSL certifikat, ali vas možemo voditi kroz cijeli proces, i instaliramo ga na web stranicu. Dajemo podršku za instalaciju SSL certifikata na WordPress, Magento (1 & 2) te ostale manje web stranice i aplikacije.

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:

Rezultati optimizacije WordPress web stranice za brzinu mediumit.hr

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.