We have a website with facebook share, so we are setting OG tags by php
LINK
https://ph.mosaique.life/AizelleJoe/Goodpaying-Job-in-Japan-for-Filipinos
FACEBOOK DEBUG TOOL
https://developers.facebook.com/tools/debug/echo/?q=http%3A%2F%2Fph.mosaique.life%2FAizelleJoe%2FGoodpaying-Job-in-Japan-for-Filipinos
My issue is on our site the OG tags have content
<meta property="og:url" content="https://ph.mosaique.life/Goodpaying-Job-in-Japan-for-Filipinos" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Good-paying Job in Japan for Filipinos" />
<meta property="og:description" content="If you are searching for a job not so miles away from the Philippines, Japan may be the best choice. " />
<meta property="og:image" content="https://mosaique.life/uploads/user-19/20181003084830572.png" />
<meta property="og:image:secure_url " content="https://mosaique.life/uploads/user-19/20181003084830572.png" />
<meta property="og:image:alt" content="Good-paying Job in Japan for Filipinos" />
but when we use Facebook tool is is all empty
<meta property="og:url" content="">
<meta property="og:type" content="website">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<meta property="og:image:secure_url " content="">
<meta property="og:image:alt" content="">
Related
when facebook share debugger is scraping the page it shows this warning:
The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
The following required properties are missing: og:url, og:type, og:title, og:image, og:description, fb:app_id
although all these meta tags are in the page when we look at the page source code like below:
<meta property="fb:app_id" content="966242223397117" />
<meta property="og:title" content="asaaaa" />
<meta property="og:image" content="" />
<meta property="og:image:width" content="900" />
<meta property="og:image:height" content="578" />
<meta property="og:site_name" content="+INP" />
<meta property="og:description" content="saaasaaa" />
<meta name="twitter:description" content="sasdaaaa">
<meta property="og:url" content="https://www.inp.plus/news/45792" />
<meta property="og:type" content="article" />
the thing is it does not read those tags with this type of link
/news/34131
but it does read the same tags with other type of links
articles/321
with tags like below:
<meta property="fb:app_id" content="966242223397117" />
<meta property="og:title" content="asdaaaa" />
<meta property="og:image" content="https://www.inp.plus/userfiles/Image/articles/2018/05/20180511_39395.jpg" />
<meta property="og:image:width" content="900" />
<meta property="og:image:height" content="581" />
<meta property="og:site_name" content="+INP" />
<meta property="og:description" content="fdaaaa" />
<meta name="twitter:description" content="asdfaaa">
<meta property="og:url" content="https://www.inp.plus/articles/299" />
<meta property="og:type" content="article" />
I mean is there a difference between them to make the second one seen by the facebook scraper not the first one.
I try to add meta tag for facebook but it not working
I test on facebook debug it warning don't have fb meta tag but I add it already
this is my meta tag
<link rel="canonical" href="https://app.soosky.co/">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta property="og:title" content="Soosky - Interactive Game Ads for Marketing Campaigns">
<meta property="og:description" content="Soosky is a game based platform for advertising and branding. Create meaningful marketing campaigns, advertisements, and have fun spreading a game !">
<meta property="og:url" content="https://app.soosky.co/">
<meta property="og:site_name" content="Interactive Game Ads for Marketing Campaigns">
<meta property="og:image" content="http://app.soosky.co/static/platform/images/frame3.png">
<meta property="og:image:secure_url" content="https://app.soosky.co/static/platform/images/frame3.png">
<meta property="og:image:width" content="640" />
<meta property="og:image:height" content="442" />
<meta name="generator" content="WPML ver:3.3.8 stt:1,2;" />
fb debug warning
I am using the currect OG tags:
<meta property="og:title" content="הורים בקריות" />
<meta property="og:description" content="הקבוצה המורחבת שלכם" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://horim04.co.il"/>
<meta property="og:image" content="no_image" />
<meta property="fb:admins" content=""/>
But for more than a month facebook is pulling the wronge OG tags. also when i past my site on facebook debugger.
the link to my site
I'd like to post articles from my site onto my timeline, however somewhere along the line the metatags are emptied. For example:
http://www.uisge-beatha.eu/logboek/401/Verbouwing-koelbox-3.html
If I look at the source of the site I see the following OG-tags
<link rel="canonical" href="http://www.uisge-beatha.eu/logboek/401/30/Verbouwing-koelbox-3.html" />
<meta property="fb:app_id" content="175931732519501" />
<meta property='og:type' content='article'>
<meta property="og:url" content="http://www.uisge-beatha.eu/logboek/401/30/Verbouwing-koelbox-3.html" />
<meta property="og:image" content="http://www.uisge-beatha.eu/uploads/cgblog/id401/Koelkast_-_30.jpg" />
<meta property="og:title" content="Verbouwing koelbox - 3" />
<meta property="og:description" content="Het testen van de compressor..." />
By checking the FB debugger, it sometime process it ok and sometimes it fails. All for unknown reason. https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.uisge-beatha.eu%2Flogboek%2F401%2FVerbouwing-koelbox-3.html
In the case it processes ok, I do see the information I would expect based on the source of the page, by looking at the OG-metatags. However, if I look at scraper, than these metatags are empty.
<link rel="canonical" href="http://www.uisge-beatha.eu/Nieuwtjes.html">
<meta property="fb:app_id" content="175931732519501">
<meta property="og:type" content="article">
<meta property="og:url" content="">
<meta property="og:image" content="/">
<meta property="og:title" content="">
<meta property="og:description" content="">
Don't know why these are empty. Been digging for an solution for hours, but find none.
The template of the site responsible for "filling" the metatages contains smarty logic:
<link rel="image_src" type="image/jpeg" href="{$entry->file_location}/{$entry->fieldsbyname.facebook_thumbnail->value}" alt="{$entry->title|escape}" />
{if isset($canonical)}<link rel="canonical" href="{$canonical}" />
{elseif isset($content_obj)}<link rel="canonical" href="{$content_obj->GetURL()}" />
{/if}
<meta property="fb:app_id" content="175931732519501" />
<meta property='og:type' content='article'>
<meta property="og:url" content="{$canonical}" />
<meta property="og:image" content="{$entry->file_location}/{$entry->fieldsbyname.facebook_thumbnail->value}" />
<meta property="og:title" content="{$entry->title|escape}" />
<meta property="og:description" content="{$entry->summary|strip_tags:false}" />
Anyone who is willing to help me out on this somehow strange behaviour?
When a link from my Tumblr blog is posted on Facebook, Facebook grabs the title between the title tags and not the one specified in the Open Graph meta tags. Why is it doing this? Is there any way to fix it?
Without seeing the code, I'm not sure what you're problem is exactly, but for anyone else searching for this looking for how to set up Open Graph on their blog, try doing something like this:
<!-- FACEBOOK OPEN GRAPH -->
<!-- >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>-->
<meta property="og:site_name" content="{Title}"/>
{block:PermalinkPage}
<meta property="og:url" content="{Permalink}"/>
<meta property="og:type" content="article"/>
{block:Posts}
{block:Text}
{block:Title}<meta property="og:title" content="{PlaintextTitle}"/>{/block:Title}
<meta property="og:description" content="{PlaintextBody}"/>
{/block:Text}
{block:Photo}
<meta property="og:image" content="{PhotoURL-500}"/>
{block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
{/block:Photo}
{block:Photoset}
{block:Photos}
<meta property="og:image" content="{PhotoURL-500}"/>
{/block:Photos}
{block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
{/block:Photoset}
{block:Quote}
<meta property="og:title" content="{PlaintextQuote}"/>
<meta property="og:description" content="{PlaintextSource}"/>
<meta property="og:image" content="{PortraitURL-64}"/>
{/block:Quote}
{block:Link}
<meta property="og:title" content="{PlaintextName}"/>
<meta property="og:description" content="{PlaintextDescription}"/>
<meta property="og:image" content="{PortraitURL-64}"/>
{/block:Link}
{block:Chat}
<meta property="og:title" content="{PlaintextTitle}"/>
<meta property="og:description" content="{block:Lines}{block:Label}{Label}: {/block:Label}{Line} • {/block:Lines}"/>
<meta property="og:image" content="{PortraitURL-64}"/>
{/block:Chat}
{block:Audio}
<meta property="og:title" content="{block:Artist}{Artist} - {/block:Artist}{block:TrackName}{TrackName}{/block:TrackName}"/>
<meta property="og:description" content="{PlaintextCaption}"/>
{block:AlbumArt}<meta property="og:image" content="{AlbumArtURL}"/>{/block:AlbumArt}
{/block:Audio}
{block:Video}
{block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
{/block:Video}
{block:Answer}
<meta property="og:title" content="{PlaintextQuestion}"/>
<meta property="og:description" content="{PlaintextAnswer}"/>
<meta property="og:image" content="{PortraitURL-64}"/>
{/block:Answer}
{/block:Posts}
{/block:PermalinkPage}
{block:IndexPage}
<meta property="og:title" content="{Title}"/>
<meta property="og:type" content="blog"/>
<meta property="og:description" content="{MetaDescription}"/>
<meta property="og:image" content="{PortraitURL-64}"/>
{/block:IndexPage}
Should cover just about anything you can through at it!
Remember that all of the code belongs before the closing </head> tag.