Как сделать кликабельным изображение на турбо-страницах Яндекса?
В наших статьях, где мы рекомендуем качественные курсы по заработку в интернете, кнопка перехода на продающий сайт реализована в виде кликабельного изображения в конце статьи.
Но в турбо-версии публикации на мобильном устройстве картинка перестаёт быть кликабельной. При нажатии просто увеличивается изображение. Соответственно, теряются переходы. Есть какой-то известный способ это исправить?
В турбо-страницах довольно жесткие ограничения какие атрибуты в каких тегах можно использовать.
Например, если вы указываете атрибут href прямо в теге <img>, то это работать не будет. Если вы обернете <img> тегом <a> и вставите это допустим внутрь тега <figure> - это тоже работать не будет.
А вот если Вы вставите <img> или <figure> внутрь <a>, и этот самый <a> вставите непосредственно в корневой элемент, то должно работать.
Короче, работают такие последовательности вложенных тегов:
a/img
a/figure/img
p/a/img
Ну и они в свою очередь могут вкладываться, например в blockquote или td.