How can I display the Google rich snippets when a view is on "Show: fields" and the panel enabled?
I see that you are using views fields mode for populating the values. That might be the issue.

In your overall HTML check that an entry for itemtype="http://schema.org/Recipe"&gt; is present. In your current html I feel you wouldn't have this. If that is the case then change the mode in your views to node from fields.

Then recheck your HTML and you should find the entry. If you do find the entry then the reason is that your fields(in old view mode) are not enclosed within a recipe tag.

In the above case you can install schema tokens module and then in your fields view, hide all the fields and then add a Global text field within which you can use these tokens to get the desired output.