When i post a URL to Facebook I get html code showing in the post

Question

When I post a link to Facebook I get the HTML code of the title showing in the post. As per this screenshot : http://prntscr.com/e858be

Can anyone advise why and if there is a way to stop this from happening ?

I am using Magento 2. The site is http://www.cellar2door.com/ and the link I was posting was http://cellar2door.com/thorn-clarke-terra-barossa-cabernet-sauvignon.html

Answer 1

If you take a look at your source code and more particulary to the meta tag og:description the HTML tags are escaped. This is refering to the OpenGraph Description by Facebook

<meta property="og:description" content="&lt;h2&gt;Details&lt;/h2&gt;
&lt;div class=&quot;std&quot;&gt;&lt;p&gt; Regional Barossa and Eden Valley wines, grown on family owned vineyards with the utmost care taken from the vineyards to the bottle. This ensures every customers purchase a bottle of Thorn-Clarke wine, they know where it is from, the care taken and the outstanding quality and value offered.


&lt;/p&gt;

&lt;p&gt; 
The 2011 Terra Barossa Cabernet Sauvignon has aromas of green bean, dried herbs, and dusty cedar like oak. The palate has a lively blackcurrant character on the front palate. This fruity character is balanced by spicy, chocolatey oak. The wine has varietal grainy tannins which are persistent well after the wine has left the mouth.
&lt;/p&gt;

&lt;p&gt;Current Vintage 2011&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Vintages may vary from time to time and when delivered. Every effort is made to ensure the current vintage is displayed, however variations can occur.&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
" />

There is an actual opened issue for that on Magento 2 Github : https://github.com/magento/magento2/issues/6776
You can upvote the issue on Github to put it forward.

---

If you want to do a temporary fix you can override the template and use the fix explained in the issue

$block->stripTags() is missing in vendor\magento\module-catalog\view\frontend\templates\product\view\opengraph\general.phtml

How to override template: http://devdocs.magento.com/guides/v2.1/frontend-dev-guide/themes/theme-inherit.html#theme-inherit-templates

---

EDIT
1/ Copy the content of the file vendor/magento/module-catalog/view/frontend/templates/product/view/opengraph/general.phtml in your theme directory app/design/{Package}/{theme}/Magento_Catalog/templates/product/view/opengraph/general.phtml.
In that way you wil override Core template.

2/ Change the line

<meta property="og:description" content="<?php echo $block->escapeHtml($block->getProduct()->getShortDescription()); ?>" />

By (I add the $block->stripTags())

<meta property="og:description" content="<?php echo $block->escapeHtml($block->stripTags($block->getProduct()->getShortDescription())); ?>" />

Answer 2

You need Facebook's Open Graph meta tags for the shares/likes to properly display product information on Facebook.

Try this extension:

http://www.magentocommerce.com/magento-connect/socialshare-open-graph-3111.html

or, you can simply implement it yourself:

http://www.magentocommerce.com/boards/viewthread/304843/