Есть ли способ добавить микроданные к изображению, указанному в CSS?

Question

Я пытаюсь добавить itemprop = "image" для логотипа корпорации (как показано здесь: http://www.schema.org/Corporation), но я использую плагин логотипа Gantry из рамки Gantry для Wordpress. В результате изображение фактически загружается ссылкой в ​​CSS и не использует тег HTML.

К сожалению, кажется, что itemprop = "image" может быть добавлен только к этому тегу, поскольку именно там он захватывает URL-адрес.

Может кто-нибудь подумать об этом, не пытаясь скрыть логотип на сайте и поместить на него тег?

(На сайте я специально в виду это http://www.bpsresolver.com для справки.)

Answer 1

«Может кто-нибудь придумать способ обойти эту проблему, не пытаясь скрыть логотип на сайте и разместить метку на нем? "

Это именно то, что нужно сделать. Способ сделать это, чтобы открыть источник для этого плагина Логотип Gantry и найти логотип <a id='logo'></a>, на который ссылается css и изменить его на <img src='yourimage.jpg'/> Обычно я использую WindowsGrep для поиска id = 'logo' или того, что может быть в вашем случае ,

Но ответ на ваш вопрос: «Есть ли способ добавить микроданные к изображению, указанному в CSS?» - Нет :)

Answer 2

Что я в итоге сделал, чтобы исправить это был плагин logo.php, расположенный в/plugins/gantry/widgets /. В нижней части этого файла находится тег <a>.

Вместо того, чтобы удалить его и заменить его (так как она имела ряд других свойств CSS прикрепленных, которые должны оставаться такими же), я просто добавил <img> тег между <a> тегами, и изменил CSS, который упоминается в Изображение от background: url(url_to_image); до background: transparent;.

Наконец, я завернул все это в тег <div>, который я использовал для указания области, и разместил itemprop внутри <img>.