Pre nego što započnemo priču o SSLu, koji može da prouzrokuje neprikazivanje slika, napravićemo mali uvod. Kada dođe do konekcije između ljudskih čula i marketinga, čulo vida je najizraženije.

Kada ljudi dobio informaciju putem slušanja, oni zapamte 10% informacija koje su im rečene posle nekoliko dana, dok sa druge strane kada ljudi dobiju informaciju u vidu pisanog traga ili slike, oni zapamte 65% informacija koje su dobili, nakon tri dana.

Istraživanja su pokazala da se korisnicima povećava volja za čitanjem za čak 80%, ukoliko tekst sadrži slike u boji. Kao marketar, jako je bitno da imate korisnike koji će zapamtiti ono što su videli, ali i oni koji će naći vremena i pročitati sadržaj.

Visoko kvalitetni i višebojni vizuali na sajtu su bitan deo marketing strategije. Slike čine sadržaj razumljivijim, daju vam mogućnost da budete krativniji po pitanju sastavljanja sadržaja i pomažu vam u održavanju pažnje posetioca.

Nameće se zaključak da su slike bitan deo sadržaja na webu, tako da je veliki problem kada slike prestanu da budu vidljive na sajtu. Ukoliko ste nadogradili svoj WordPress na 4.4, moguće je da ste se susreli sa ovim problemom.

 

 

SSL kao uzrok slika koje se ne prikazuju

Navešćemo vam nekoliko primera problema koji se mogu javiti sa slikama na sajtu:

  • Sve slike na sajtu se ne vide – Posle nadogradnje WordPressa, slike se ne učitavaju.
  • Ne vide se slike u biblioteci – Posle nadogradnje WordPressa nedostaje Media Library.
  • Ne vide se slike na admin panelu – Posle nadogradnje WordPressa, slike na sajtu se vide, ali sličice na proizvodima se ne vide.
  • Izlazi nekoliko upozorenja vezana za sardžaj – Nakon instaliranja SSL sertifikata, izlaze sigurnosna upozorenja.

 

Sta je zajedničko svim ovim problemima? Odgovor je – WordPress 4.4. Da se razumemo – Nije da se ne vide slike zbog WordPressa 4.4, već zbog SSL koji prouzrokuje nevidljivost ovih slika.

Mnogi eksperimentišu sa deaktiviranjem dodataka, ponovnog dodavanja slika, menjanjem tema, ali ništa od ovoga ne rešava problem. Uzrok problema je dobro poznat bug koji uključuje mešani sadržaj u kombinaciji SSLa i WordPressa 4.4.

 

 

Važnost sigurnosti sajta.

Sigurnost je jako bitna tema u poslednjih nekoliko godina. Postoji mnogo sigurnosnih problema koji takođe uključuju krađu i zloupotrebu korisničkih imena, lozinki, kreditnih kartica i identiteta sa raznoraznih sajtova. Sigurnost ličnih podataka nije nešto što sto bi trebalo olako shvatiti.

Mnogo je kompanija koje danas pribegavaju poslovanju uz pomoć online prodavnica. Na tim prodavnicama se svakodnevno obavljaju transakcije, plaćanja i sve te kompanije moraju korisnicima garantovati da će njihovi podaci biti bezbedni. Mislite o ovome na sledeći način:

 

izrada web sajta - SSL2

 

 

Šta se dešava u sredini? Ko je zadužen za konekciju između dva dela?

 

 

SSL: Spasilac

Način za poboljšavanja sigurnosti je aktivacija SSL sertifikata (Secure Socket Layers). Ovaj sertifikat pomaže posetiocima u proceni bezbednosti određenih stranica (kada je bezbedno da se poseti neka stranica a kada nije). Ukoliko je sajt procenjen kao nebezbedan zbog različitog sadržaja korisnici će dobiti upozorenje i pitanje da li žele da posete tu stranicu bez obzira na bezbedonosni rizik.

Tako bi SSL trebalo da radi. Predstavlja neku vrstu čuvara između konekcije i servera, tako što koristi set brojnih stringova. Ti stringovi se šalju pretraživačima i vaš sajt prihvata taj string. Taj string se zove session key i on kriptuje podatke koji se prenose.

Na donjoj slici ćemo vam prikazati kako to funkcioniše.

 

 

izrada web sajta - SSL3

 

 

 

Bez obzira da li je vaš sajt bezbedan ili ne, izbacivanje ovih pop up poruka nije uvek dovoljno. Korisnici koji unose podatke, bili oprezni ili ne, će biti svesni rizika. Ali korisnici koji se uplaše rizika, oni će otići sa vašeg sajta i to je gubitak za vas. Ukoliko dobijete ovo upozorenje, shvatite to kao znak da je nešto potrebno menjati.

 

HTTPS: Link koji nedostaje

Sada kada smo postavili SSL sertifikat, ostale komponente sigurnosti sajta dolaze u formi HTTPS protokola – sigurnija verzija HTTPa. HTTPs je odgovoran za prenos podataka između dve tačke, uz pomoć SSLa.

Za sajtove koji ne rade sa poverljivim korisničkim informacijama, HTTP je sasvim dovoljan. Za one sajtove koji zahtevaju dodatan nivo sigurnosti, HTTPS je neophodan. Ukoliko vam bezbednost kao razlog nije dovoljan, onda ćemo vam i reći da Google daje veći rejting HTTPS sajtovima.

 

 

 

izrada web sajta - SSL4

 

Kada vaš sajt bude bio obezbeđen SSL sertifikatom i HTTPS protokolom, onda ćete definitivno shvatiti suštinu. Sada imate pouzdan sajt za vaše korisnike. Onda se može desiti da SSL sertifikat bude uzrok neprikazivanja vaših slika i to može imati posledicu gubitak poverenja korisnika u vaš sajt ili brend. Sta uraditi u toj situaciji?

 

 

 

Kako rešiti ovaj problem?

Kada shvatite da se nešto dešava sa vašim sajtom zbog SSL sertifikata, HTTPSa i nadograđivanja WordPressa. Jako je bitno uočiti razlog problema, nakon toga rešavanje istog ne bi trebalo da vam oduzme mnogo vremena.

 

 

 

Šta je miksovani sadržaj (mixed content)?

 

 

izrada web sajta - SSL5

 

 

Postoje dva tipa ovog sadržaja. Jedan je poznat kao miksovani aktivni sadržaj i dešava se kada HTTPS očita skriptu na vrh HTTPa (što ne preporučujemo nikako). To nije razlog ovog problema.

Drugi tip mešanog sadržaja je poznat kao miksovani sadržaj koji se prikazuje (mixed display content). Poznato? Dešava se kada sadržaj koristi HTTP protokol prilikom očitavanja sajta. Dok se nisu očitale slike na sajtu uz pomoć HTTPa, postoji nešto u WordPressu što čini da se slike učitaju kao nebezbedne. Da pojednostavimo:

Za sajtove na HTTPSu, tokom nadogradnje, postoje podešavanja koja čine da se sukobe HTTP i HTTPS. To čini slike da se učitavaju HTTP protokolom, dok su, prilikom učitavanja pomoću HTTPS protokola, potpuno beskorisne.

 

 

 

Kako izbrisati miksovani sadržaj?

SSL sertifikat je uzrok nevidljivosti slika na sajtu, ali moramo biti sigurni da je uzrok nadogradnja WordPressa. Vraćanje na stariju verzuju WordPressa nije rešenje. U nastavku teksta ćemo vam dati nekoliko rešenja:

Zapamtite – Bez obzira na to kako ćete popravljati, bitno je pronaći linkove miksovanog sadržaja u kodu i promeniti u validne HTTPS linkove.

 

 

Rešenje 1 – Instalacija WordPress HTTPS (SSL) plugina

 

 

izrada web sajta - SSL6

 

 

Ukoliko nemate ovaj plugin, instalirajte ga za početak. Vidite da li će rešiti problem. Instrukcije za ovaj plugin možete pročitati ovde

 

 

Rešenje 2  – Proverite URL podešavanja na admin panelu

 

 

izrada web sajta - SSL7

 

 

Kliknite na Settings > General na vašem administratorskom panelu. Ukoliko WordPress URL pokazuje “http://”, zamenite ga sa “https://”

 

 

Rešenje 3 – Proverite kod

 

 

izrada web sajta - SSL8

 

  • Otvorite sajt
  • Otvorite izvorni kod na stranici gde se ne vide slike
  • Kliknite na Ctrl + F da bi ste dobili pretragu.
  • Ukucajte “src=http” u polje za pretragu
  • Zamenite http sa https om.
  • Idite na WordPress i pronažite instance koje zahtevaju nadogradnju.

 

 

Rešenje 4 – Proverite temu.

Ukoliko koristite temu na vačem sajtu, ona može koristiti apsolutne URLove, umesto relativnih URLova. Proverite PHP fajlove u okviru teme i proverite podešavanja. Ukoliko imate apsolutne, URLove, neophodno je zameniti ih u kodu ili u pluginovima.

 

 

 

Rešenje 5 – Proverite pluginove

Ukoliko koristite pluginove, mogu takođe i oni imati podešavanja koja se sudaraju sa HTTPS-om koji je podešen. Pogledajte podešavanja plugina, radi identifikacije da li postoji neko takozvano “force HTTPS” pravilo, koje se može sudarati sa kodom na stranici ili instanci. Ukoliko postoji, izbacite ta podešavanja i pokušajte ponovo.

 

 

Rešenje 6 – Proverite da li ima neispravnih linkova

 

 

izrada web sajta - SSL9

 

 

Postoji mnogo varijanta alata koji vam mogu pomoći da brzo i efikasno proverite linkove na sajtu. Probajte Google Webmaster Tools, Screaming Frog Seo Spider ili Search Reg Ex.

Neki od njih će vam omogućiti da brzo zamenite HTTP sa HTTPSom, dok će vam neki nadograditi relativne putanje tako da nećete imati problema sa linkovima u budućnosti.

 

 

Zaključak

Kada ih dodate, slike igraju bitnu ulogu na vašem sajtu. One drže pažnju korisnicima i čine vaš tekstualni sadržaj zanimljivijim i razumljivijim i čine sajt lepšim i ozbiljnijim, tako da je jako bitno prikazati slike na siguran način.

Potrošili ste dosta vremena na podešavanje i izradu web sajta, instalirali SSL sertifikat i najnoviji WordPress. Vaši korisnici zaslužuju bezbedan sajt, zabavno korisničko iskustvo, tako da se potrudite da im ponudite što bolje iskustvo po pitanju vašeg sajta.