Банери и слике на два писма: како да текст на слици прати писмо сајта

Сајт на ћирилици и латиници има једну замку коју многи примете тек после објављивања: текст на сликама се не пресловљава. Банер са натписом „Велико снижење“ остаје ћириличан и на латиничној верзији, а ценовник у PDF-у остаје на писму на ком је направљен. У овом чланку објашњавамо како да слике и фајлови са текстом буду на правом писму, и када вам друга верзија уопште не треба.

Зашто се текст на слици не пресловљава

За прегледач је слика само скуп тачака у боји. Слова на њој нису текст који се може прочитати и променити, па их ниједан додатак за пресловљавање не види. Исто важи за текст у PDF-у, на фотографији амбалаже или у видео снимку.

Прво питање: да ли текст мора да буде на слици?

Најједноставније решење је да текст уопште не стављате на слику. У уређивачу блокова блок Насловна слика (Cover) приказује слику у позадини, а наслов, текст и дугме преко ње као прави текст. Такав текст се пресловљава, претраживачи га читају, оштар је на сваком екрану и лако га мењате без графичког програма.

Текст на слици има смисла када је део дизајна: банер за акцију, слика производа са натписом, инфографика, слика за дељење на друштвеним мрежама. Тада вам треба по једна верзија за свако писмо.

Шта не мора да има две верзије

• фотографије без текста;
• логотип, ако је назив бренда исти на оба писма;
• слике на којима су само бројеви, цене или иконице;
• снимци екрана програма који су на енглеском.

Како да направите добар пар слика

• Исте димензије. Обе верзије нека буду исте ширине и висине, да се распоред странице не мења када посетилац промени писмо.
• Исти дизајн. Направите ћириличну верзију, па у истом фајлу само замените текст. У Canva-и или сличном програму то је дупликат странице.
• Јасна имена фајлова. На пример baner-akcija-cirilica.webp и baner-akcija-latinica.webp, да их лако нађете у медијатеци.
• Алтернативни текст. Опис слике за слабовиде и претраживаче је обичан текст, па се пресловљава као и остатак странице. Напишите га једном.

Где се све појављују слике са текстом

Када правите план, сетите се свих места, не само слика у тексту:

• истакнута слика чланка, која се види и на блогу и у архивама;
• банери на почетној, у блоку Насловна слика и као позадине;
• слике и галерија производа у продавници;
• слика за дељење (ог:image) коју Facebook, Viber и WhatsApp приказују уз линк;
• фајлови за преузимање: ценовник, каталог, упутство у PDF-у.

Како то ради NikolicWP Pismo

NikolicWP Pismo има могућност верзија слика и фајлова по писму, која ради у медијатеци, без икаквог кода:

1. У подешавањима Писма укључите верзије слика и фајлова по писму (или одговорите „Да“ у чаробњаку).
2. Отпремите обе верзије у медијатеку.
3. Отворите ћириличну слику и у пољу „Писмо“ изаберите ћириличну верзију.
4. У пољу „Верзија за друго писмо“ изаберите латиничну слику. Пар се чува на обе слике.
5. У текст, производ или банер ставите само ћириличну слику, као и до сада.

Од тада свака верзија сајта приказује своју слику: у тексту у свим величинама, као истакнуту слику, у блоку Насловна слика, у галерији, као позадину, као слику за дељење и као слику и галерију производа у WooCommerce-у. Исто ради и за фајлове: линк ка ћириличном ценовнику на латиничној верзији води на латинични ценовник. За слику без пара бирате да ли се приказује или сакрива на другом писму. Када упарите слике, кеш страница се сам празни, па промена одмах важи.

Пример су слике производа у нашој продавници: на страници NikolicWP Pismo ћирилична верзија сајта приказује ћириличне слике, а латинична латиничне.

Честа питања

Да ли претраживачи виде обе слике?

Да. Ћирилична страница има ћириличну слику, а латинична латиничну, и обе имају алтернативни текст на свом писму. Претраживач их види као слике две језичке верзије исте странице.

Морам ли да упарим све слике?

Не. Упарујете само слике са текстом. Све остале слике се приказују исте на оба писма, као и до сада.

Шта ако једну верзију заборавим?

Слика без пара се приказује каква јесте или се сакрива, како изаберете. Контролна табла Писма упозорава на парове код којих није изабрано писмо, па ништа не промакне.

Да ли то успорава сајт?

Не. Посетилац учитава само слику за своје писмо, а не обе.

Укратко: текст на сликама се не пресловљава. Где можете, ставите текст преко слике као прави текст. Где текст мора да буде на слици, направите две верзије истих димензија и упарите их, па свака верзија сајта приказује своју слику, и у продавници, и при дељењу линка.