With the facebook iframe like button, am I able to specify what text shows up in a users stream?
When I use a plugin for a wordpress blog post it shows up at
USERNAMe likes POST TITLE on BLOG NAME
but when I try and put it on another page with the straight up iframe code, i just get:
USERNAME likes http://www.pagename.com/bla/bla/bla
How can I specify what text shows up?
Do you have open graph tags on your page, like:
<html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta property="og:image" content="..." />
<meta property="og:site_name" content="..." />
<meta property="og:title" content="..." />
<meta property="og:url" content="..." />
<meta property="og:description" content="..." />
<meta property="og:type" content="article" />
</head>
More about those here.
Related
I am trying to use Yoast SEO fully. But my theme or some unknown plugins are introducing another opengraph tag section overwriting Yoast's metadata. How do I eliminate the second duplicate set?
Here is the list of plugins that are currently installed - Akismet Anti-Spam, AP Theme Utility Plugin, Featured Image from URL, Jetpack by WordPress.com, Page Builder by SiteOrigin, Proxy Cache Purge, Random Banners, Social Share WordPress Plugin - AccessPress Social Share (Tester), VaultPress, WP Extended Search, WP Responsive Recent Post Slider,Yoast SEO. The Social Share plugin is to show share buttons underneath each post and I did disable it to yield nothing in change of my metadata.
I have added this code my theme's functions.php file - add_filter( 'jetpack_enable_open_graph', '__return_false' ); which is a strong confirmation that Jetpack's open graph tags are disabled all across the site.
Please see the source of this link - https://www.tnilive.com/?p=5372
Here is Yoast's metadata
<!-- This site is optimized with the Yoast SEO plugin v11.0 - https://yoast.com/wordpress/plugins/seo/ -->
<meta name="description" content="Chaganti Pravachanam On Venkateswara Vaibhavam In Nagpur - Latest Devotional Breaking News In Telugu | నాగ్పూర్ ప్రవాసులను పరవశింపజేసిన చాగంటి ప్రవచనం"/>
<link rel="canonical" href="https://www.tnilive.com/2019/04/29/chaganti-pravachanam-on-venkateswara-vaibhavam-in-nagpur-mesmerizes-audience/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Chaganti Pravachanam On Venkateswara Vaibhavam In Nagpur" />
<meta property="og:description" content="Chaganti Pravachanam On Venkateswara Vaibhavam In Nagpur">
<meta property="og:url" content="https://www.tnilive.com/2019/04/29/chaganti-pravachanam-on-venkateswara-vaibhavam-in-nagpur-mesmerizes-audience/" />
<meta property="og:site_name" content="Telugu News International - TNILIVE" />
<meta property="article:publisher" content="https://facebook.com/tnilivepage/" />
<meta property="article:tag" content="chaganti pravachanam" />
<meta property="article:tag" content="nagpur andhra association" />
<meta property="article:section" content="Devotional" />
<meta property="article:published_time" content="2019-04-29T15:42:05+00:00" />
<meta property="og:image" content="https://i.imgur.com/yI2Kwob.jpg" />
<meta property="og:image:secure_url" content="https://i.imgur.com/yI2Kwob.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="Chaganti Pravachanam On Venkateswara Vaibhavam In Nagpur - Latest Devotional Breaking News In Telugu | నాగ్పూర్ ప్రవాసులను పరవశింపజేసిన చాగంటి ప్రవచనం" />
<meta name="twitter:title" content="Chaganti Pravachanam On Venkateswara Vaibhavam In Nagpur" />
<meta name="twitter:site" content="#tnilive_editor" />
<meta name="twitter:image" content="https://i0.wp.com/i.imgur.com/1TDYQNc.jpg?ssl=1" />
<meta name="twitter:creator" content="#tnilive_editor" />
Here is another metadata set generated after this section and some other data
<meta property="og:title" content="Chaganti Pravachanam On Venkateswara Vaibhavam In Nagpur" />
<meta property="og:description" content="Chaganti Pravachanam On Venkateswara Vaibhavam In Nagpur">
<meta property="og:image" content="https://i.imgur.com/1TDYQNc.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Chaganti Pravachanam On Venkateswara Vaibhavam In Nagpur" /> />
<meta name="twitter:description" content="Chaganti Pravachanam On Venkateswara Vaibhavam In Nagpur" />
<meta name="twitter:image" content="https://i.imgur.com/1TDYQNc.jpg" />
If you observe closely, you can see that the og:image of Yoast SEO is different from that of the theme/unknown plugin/jetpack generated one in the second set. This is because Yoast only generates og:image tag when there is an image in the post content. And when there is just plain text even with featured image set, it doesn't put one. More info in this issue here - https://github.com/Yoast/wordpress-seo/issues/12794
Now all I want is to add some sort of a code into my functions.php file to make the second set of metadata go away except for og:image tag. Here is the expected result
<meta property="og:image" content="https://i.imgur.com/1TDYQNc.jpg" />
This way I can make sure that my Yoast SEO's metadata is retained and the og:image tag issue is also fixed.
I spoke to the theme developer and they mention that other than the title tag and description tag, their theme is not generating any opengraph tags as the one in the second set. I highly doubt Jetpack and any ideas are most welcome. Thank you.
My site is a WordPress site, version 5.02
[http://www.baddog3d.com][1]
I cannot determine why the debugger keeps tagging the meta tag: og;url as invalid. I have tried with "http://" and "https://" and headless but still receive the same error.
These are my meta tags that the Yoast plugin creates for the head section
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="3D Modeling Services" />
<meta property="og:description" content="BadDog offers custom 3D modeling and visualization services, Logo Animations, Product Prototyping, Architectural exterior or interior renders" />
<meta property="og:url" content="https://www.baddog3d.com/" />
<meta property="og:site_name" content="BadDog 3D Modeling" />
<meta property="fb:app_id" content="xxxxxxxxxxx7117" />
<meta property="og:image" content="https://www.baddog3d.com/wp-content/uploads/2018/12/baddog3dHPfinal.jpg" />
<meta property="og:image:secure_url" content="https://www.baddog3d.com/wp-content/uploads/2018/12/baddog3dHPfinal.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
Facebook Debugger: https://developers.facebook.com/tools/debug/og/object/
The Error: *Object at URL 'https://www.baddog3d.com/' of type 'website' is invalid because the given value '/' for property 'og:url' could not be parsed as type 'url'.
How does linked in retrieves the image from the URL? Is there any tag for it?
As i tried to post the url link in the post window of linked in, it automatically displayed the image available in the particular URL, in what basis does the image is retreived. as there is any tags does linked in searches for it to display.
Please help me on the same
It uses opengraph:
sample open graph meta tags
(snippet from https://developer.linkedin.com/docs/share-on-linkedin)
<html prefix="og: http://ogp.me/ns#">
<head>
<meta property="og:title" content="My Shared Article Title" />
<meta property="og:description" content="Description of shared article" />
<meta property="og:url" content="http://example.com/my_article.html" />
<meta property="og:image" content="http://example.com/foo.jpg" />
</head>
<body>
…
</body>
</html>
I'm using Facebook's comment plugin, and I have point to a page with open graph tags set up.
When a user makes a comment on my page using the plugin, all of the og tags are used by facebook in the wall post, except og:site_name, which should go in the caption of the link but instead the domain of my site is appearing.
example HTML:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>My Title</title>
<meta property="og:type" content="article" />
<meta property="og:site_name" content="My Site Name" />
<meta property="og:title" content="My Title" />
<meta property="og:url" content="http://www.example.com" />
<meta property="og:image" content="http://www.example.com/some_image.png" />
<meta property="og:description" content="This is a description" />
<meta property="fb:app_id" content="FB_APP_ID" />
</head>
<body>
.....
</body>
</html>
But here's what I end up seeing on Facebook:
example
Note the caption says "www.example.com" instead of "My Site Name" which I expected to see there.
Anyone know why OG would be ignoring my tag?
Thanks in advance,
DW
Not a fix but a possible reason.
There's an opened issue in the Facebook Bug DB:
Incorrect site name appearing in shared links on Facebook
Unfortunately, it seems to be a low priority issue.
I have a page for like grap meta tags.
<!DOCTYPE html>
<html>
<head>
<title>#Model.Title</title>
<meta property="og:title" content="#Model.Title"/>
<meta property="og:image" content="#Model.Image"/>
<meta property="og:url" content="#Model.Url"/>
<meta property="og:description" content="#Model.Description"/>
<meta property="fb:app_id" content="#Model.AppId"/>
</head>
<body>
</body>
</html>
Also i have a property RedirectUrl which when user click to link should redirected to.
How could I do in this page? Because this page is done just for meta tags. I want take user to another page when click to liked url?
<meta http-equiv="refresh" content='0; url=#Request.QueryString["ReturnUrl"]' />
Or use js and document.location.