I beg of you to help me haha, I'm not very good at this sort of thing but love to try and have been sitting here for two hours, I need to specify meta data for facebook sharing, please see "dirtysouthcarclub.com/article/Nissan/Skyline/1-1996-Nissan-Skyline-GTS25-3000.html" at the moment it grabs the correct title and description although facebooks debug tool still tells me i need to explicitly provide "og:image, og:title, og:description, og,url" so please help if you can. Here is head code: <!DOCTYPE html> <html lang="{$core.language.iso}" dir="{$core.language.direction}"> <head> {ia_hooker name='smartyFrontBeforeHeadSection'} <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <title>{ia_print_title}</title> <meta name="description" content="{$core.page['meta-description']}"> <meta name="keywords" content="{$core.page['meta-keywords']}"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="generator" content="Subrion CMS {$config.version} - Open Source Content Management System"> <meta name="robots" content="index"> <meta name="robots" content="follow"> <meta name="revisit-after" content="1 day"> <base href="{$smarty.const.IA_URL}"> <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> <!--[if lt IE 9]> <script src="{$core.page.nonProtocolUrl}js/utils/shiv.js"></script> <![endif]--> <link rel="shortcut icon" href="{$core.page.nonProtocolUrl}favicon.ico"> {ia_add_media files='jquery, subrion, bootstrap, css:ion.rangeSlider, css:ion.rangeSlider.skinFlat' order=0} {ia_print_js files='_IA_TPL_app' order=999} {ia_hooker name='smartyFrontAfterHeadSection'} {ia_print_css display='on'} {ia_add_js} intelli.pageName = '{$core.page.name}'; {foreach $core.customConfig as $key => $value} intelli.config.{$key} = '{$value}'; {/foreach} {/ia_add_js} </head> Code (markup): And here is the code for the article page in question: <div id="article_{$item.id}" class="media ia-item ia-item-view {$item.status}{if $item.sponsored} ia-item-sponsored{/if}{if $item.featured == 1} ia-item-featured{/if}"> {if $item.featured}<span class="ia-badge ia-badge-featured" title="{lang key='featured'}"><i class="icon-asterisk"></i></span>{/if} {if $item.sponsored}<span class="ia-badge ia-badge-sponsored" title="{lang key='sponsored'}"><i class="icon-dollar"></i></span>{/if} <p class="ia-item-date"> {lang key='by'} {if $item.account_username} <a href="{ia_url item='members' data=$author type='url'}">{$item.account_fullname}</a> {else} {lang key='guest'} {/if} {lang key='on'} {$item.date_added|date_format:$config.date_format} <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style"> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_counter addthis_pill_style"></a> </div> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#username=xa-4c6e050a3d706b83"></script> <!-- AddThis Button END --> </p> {assign 'imgthumb' $item.image} {if $imgthumb} <div class="thumbnail pull-right"> <a href="{printImage imgfile=$imgthumb.path url=true fullimage=true}" rel="ia_lightbox[{$item.title}]"> {printImage imgfile=$imgthumb.path alt=$item.title|escape:'html'} </a> </div> {/if} <div class="ia-item-body">{$item.body}</div> {if $item.url && $item.url != 'http://'} <div class="url well-light"> <a href="{$item.url}" target="_blank">{$item.url}</a><br> {$item.url_description} </div> {/if} {if $sections} {include file='item-view-tabs.tpl' isView=true exceptions=array('title', 'body', 'url', 'url_description')} {/if} <div class="ia-item-panel"> <span class="panel-item pull-left"><i class="icon-folder-close"></i> <a href="{ia_url item='articlecats' data=$item type='url'}">{$item.category_title}</a></span> <span class="panel-item pull-left"><i class="icon-eye-open"></i> {$item.views_num} {lang key='views'}</span> {printFavorites item=$item itemtype='articles' classname='btn-info pull-left'} {accountActions item=$item itemtype='articles' classname='btn-info pull-right'} </div> {if !empty($item.prev_article) || !empty($item.next_article)} <ul class="pager"> {if !empty($item.prev_article)} <li class="pull-left text-small"> <a href="{ia_url item='articles' data=$item.prev_article type='url'}" title="{$item.prev_article.title}">← {lang key='previous_article'}</a> </li> {/if} {if !empty($item.next_article)} <li class="pull-right text-small"> <a href="{ia_url item='articles' data=$item.next_article type='url'}" title="{$item.next_article.title}">{lang key='next_article'} →</a> </li> {/if} </ul> {/if} <!-- display author adsense --> {if $config.articles_allow_adsense_code && isset($author.adsense_id) && $author.adsense_id} <div class="box"> <script type="text/javascript"> <!-- google_ad_client = "{$author.adsense_id}"; google_ad_width = 468; google_ad_height = 60; --> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script> </div> {/if} </div> {ia_hooker name='smartyViewListingBeforeFooter'} Code (markup):
if you use the facebook debugger https://developers.facebook.com/tools/debug/og/object/ for the url i provided earlier you will see what I mean. The image is the main problem as I dont want a big Captcha image going around social media, lol.
What you would want to do if it's not using the image you want is use the ONLY "openGraph" meta that makes the least bit of sense and isn't pointless redundant BS... that of course being og:image. <meta property="og:image" content="http://example.com/image.jpg" /> Code (markup): NOT that openGraph should have gone and made up some BS attribute of their own instead of using the existing NAME attribute, but hey that's what works. :/ Though you've got a lot of pointless crap in there (gee, it's that idiotic nonsense called smarty, go figure!)... you've got two separate robots META for nothing, there is NO SUCH THING as "FOLLOW" or "INDEX" as properties for said META (just omit the meta if you want it followed and indexed, the only VALID properties are nofollow and noindex). You probably shouldn't bother with "revisit after" since no legitimate user agent obeys it, same for "generator" which is just advertising which version is running to hackers and no legitimate visitors should care, and I'd probably axe the stupid HTML 5 shiv crap since the 5 tags it fixes are pointless code-bloat redundancies ANYWAYS... though it looks like in addition to the smarty garbage you're knee deep in framework trash like bootcrap and jqueery anyways so...