hi,
[types field='main-picture' itemprop="image" alt='%%ALT%%' title='%%TITLE%%' width='750' height='400' align='center' resize='proportional'][/types]
I added (itemprop="image") but it doesn't display it in the front-end. How can make it visible?
You cannot add ShortCode attributes to a ShortCode without having a valid callback for it, and that would require hacking Toolset Core Code.
We have no filters in place to add new Attributes either.
You would need to add this HTML tag differently, with JS as the example, but Google will not be happy with this, as it states the microdata should not be added with JS.
This requires a new feature, which we will file, but I cannot state any ETA or whether it is accepted or not, right now.
You could currently create your own HTML and use only the Raw output (URL) of the image; this should solve your issue for now.
Is there any way to hide the link in the front end but google can still see it?
My page is right now like:
<p itemprop="image">
hidden link
</p>
<img alt="" title="" class="aligncenter" src="www.image-link-is-here.com" />