Question

Should i use <meta> to show UserInteraction http://schema.org/UserInteraction or can i use span

Should i use this way only

<div itemscope itemtype="http://schema.org/Article">
  <span itemprop="name">How to Tie a Reef Knot</span>
  by <span itemprop="author">John Doe</span>
  This article has been tweeted 1203 times and contains 78 user comments.
  <meta itemprop="interactionCount" content="UserTweets:1203"/>
  <meta itemprop="interactionCount" content="UserComments:78"/>
</div>

Or can i use

<div itemscope itemtype="http://schema.org/Article">
  <span itemprop="name">How to Tie a Reef Knot</span>
  by <span itemprop="author">John Doe</span>
  This article has been tweeted 
  <span itemprop="interactionCount" content="UserTweets:1203" >1203</span> times and
  contains <span itemprop="interactionCount" content="UserComments:78">1203</span> 
  user comments.
</div>

Also will Google and other Engines show userlikes and comment no’s for reviews and article

Answer 1

You can use either one; there is no semantic difference. In fact, if you look at the last example in section 2.2 of the Microdata spec, it gives an example much like yours:

There is no semantic difference, for instance, between the following two examples:

<figure>
 <img src="castle.jpeg">
 <figcaption>
   <span itemscope><span itemprop="name">The Castle</span></span> (1986)
 </figcaption>
</figure>

<span itemscope><meta itemprop="name" content="The Castle"></span>
<figure>
 <img src="castle.jpeg">
 <figcaption>The Castle (1986)</figcaption>
</figure>