Baneri i slike na dva pisma: kako da tekst na slici prati pismo sajta

Sajt na ćirilici i latinici ima jednu zamku koju mnogi primete tek posle objavljivanja: tekst na slikama se ne preslovljava. Baner sa natpisom „Велико снижење“ ostaje ćiriličan i na latiničnoj verziji, a cenovnik u PDF-u ostaje na pismu na kom je napravljen. U ovom članku objašnjavamo kako da slike i fajlovi sa tekstom budu na pravom pismu, i kada vam druga verzija uopšte ne treba.

Zašto se tekst na slici ne preslovljava

Za pregledač je slika samo skup tačaka u boji. Slova na njoj nisu tekst koji se može pročitati i promeniti, pa ih nijedan dodatak za preslovljavanje ne vidi. Isto važi za tekst u PDF-u, na fotografiji ambalaže ili u video snimku.

Prvo pitanje: da li tekst mora da bude na slici?

Najjednostavnije rešenje je da tekst uopšte ne stavljate na sliku. U uređivaču blokova blok Naslovna slika (Cover) prikazuje sliku u pozadini, a naslov, tekst i dugme preko nje kao pravi tekst. Takav tekst se preslovljava, pretraživači ga čitaju, oštar je na svakom ekranu i lako ga menjate bez grafičkog programa.

Tekst na slici ima smisla kada je deo dizajna: baner za akciju, slika proizvoda sa natpisom, infografika, slika za deljenje na društvenim mrežama. Tada vam treba po jedna verzija za svako pismo.

Šta ne mora da ima dve verzije

• fotografije bez teksta;
• logotip, ako je naziv brenda isti na oba pisma;
• slike na kojima su samo brojevi, cene ili ikonice;
• snimci ekrana programa koji su na engleskom.

Kako da napravite dobar par slika

• Iste dimenzije. Obe verzije neka budu iste širine i visine, da se raspored stranice ne menja kada posetilac promeni pismo.
• Isti dizajn. Napravite ćiriličnu verziju, pa u istom fajlu samo zamenite tekst. U Canva-i ili sličnom programu to je duplikat stranice.
• Jasna imena fajlova. Na primer baner-akcija-cirilica.webp i baner-akcija-latinica.webp, da ih lako nađete u medijateci.
• Alternativni tekst. Opis slike za slabovide i pretraživače je običan tekst, pa se preslovljava kao i ostatak stranice. Napišite ga jednom.

Gde se sve pojavljuju slike sa tekstom

Kada pravite plan, setite se svih mesta, ne samo slika u tekstu:

• istaknuta slika članka, koja se vidi i na blogu i u arhivama;
• baneri na početnoj, u bloku Naslovna slika i kao pozadine;
• slike i galerija proizvoda u prodavnici;
• slika za deljenje (og:image) koju Facebook, Viber i WhatsApp prikazuju uz link;
• fajlovi za preuzimanje: cenovnik, katalog, uputstvo u PDF-u.

Kako to radi NikolicWP Pismo

NikolicWP Pismo ima mogućnost verzija slika i fajlova po pismu, koja radi u medijateci, bez ikakvog koda:

1. U podešavanjima Pisma uključite verzije slika i fajlova po pismu (ili odgovorite „Da“ u čarobnjaku).
2. Otpremite obe verzije u medijateku.
3. Otvorite ćiriličnu sliku i u polju „Pismo“ izaberite ćiriličnu verziju.
4. U polju „Verzija za drugo pismo“ izaberite latiničnu sliku. Par se čuva na obe slike.
5. U tekst, proizvod ili baner stavite samo ćiriličnu sliku, kao i do sada.

Od tada svaka verzija sajta prikazuje svoju sliku: u tekstu u svim veličinama, kao istaknutu sliku, u bloku Naslovna slika, u galeriji, kao pozadinu, kao sliku za deljenje i kao sliku i galeriju proizvoda u WooCommerce-u. Isto radi i za fajlove: link ka ćiriličnom cenovniku na latiničnoj verziji vodi na latinični cenovnik. Za sliku bez para birate da li se prikazuje ili sakriva na drugom pismu. Kada uparite slike, keš stranica se sam prazni, pa promena odmah važi.

Primer su slike proizvoda u našoj prodavnici: na stranici NikolicWP Pismo ćirilična verzija sajta prikazuje ćirilične slike, a latinična latinične.

Česta pitanja

Da li pretraživači vide obe slike?

Da. Ćirilična stranica ima ćiriličnu sliku, a latinična latiničnu, i obe imaju alternativni tekst na svom pismu. Pretraživač ih vidi kao slike dve jezičke verzije iste stranice.

Moram li da uparim sve slike?

Ne. Uparujete samo slike sa tekstom. Sve ostale slike se prikazuju iste na oba pisma, kao i do sada.

Šta ako jednu verziju zaboravim?

Slika bez para se prikazuje kakva jeste ili se sakriva, kako izaberete. Kontrolna tabla Pisma upozorava na parove kod kojih nije izabrano pismo, pa ništa ne promakne.

Da li to usporava sajt?

Ne. Posetilac učitava samo sliku za svoje pismo, a ne obe.

Ukratko: tekst na slikama se ne preslovljava. Gde možete, stavite tekst preko slike kao pravi tekst. Gde tekst mora da bude na slici, napravite dve verzije istih dimenzija i uparite ih, pa svaka verzija sajta prikazuje svoju sliku, i u prodavnici, i pri deljenju linka.