Trying to claim website URL for Facebook Instant Articles, but receive fb:pages error - wordpress

The fb:pages tag on the url doesn't contain this page's id. The url has
fb:pages tag but they don't have this page's id. Please work with your
developers / webmaster to add this tag to your website.
On a Wordpress site, using a child theme. I copied the header.php file from the parent and uploaded it to the child theme, and placed the following code within the tags in the header.php file:
<meta property="fb:pages" content="#############" />
<meta property="og:type" content="website" />
I have troubleshooted this issue in all the recommended ways, including clearing my browser and Wordpress cache, and still continue to get this error. What am I doing wrong?

Related

Why og:url is not taken from meta tags?

On my sharing page: https://tikex-dev.com/kubl/38fn/j1vd/2mi1
in header I specify a different og:url than the url itself, this:
<meta property="og:url" content="https://t44-post-cover.s3.eu-central-1.amazonaws.com/7ou5">
og:url should be point to an AWS S3 gif file.
Though when checking with Facebook debugger, it shows for og:url the 'normal', the sharing page, not the one set by meta tag. Why?
Using Next.js, page is rendered on server side.

AMP pages appear in Google Desktop search results

I'm using WordPress on my website. To add the AMP pages to my website I use the official WordPress AMP plugin and another plugin called "AMP for WP". I've been using it for 3 months now. Recently, I discovered a Non-AMP page while searching Google from Laptop (Not mobile device). I checked the page source and found that the rel-canonical tag is properly set to the non-AMP page. I don't know why it appeared in the desktop search.
To see the example google this "how to change Author box gravatar size" and you'll find the AMP page and the non-AMP page doesn't appear.
Where is the problem?!
It most likely was designed outside of the Wordpress environment.
We design our AMP pages outside of the Wordpress environment and the canonical tag is just like a normal page.
In short, our amp pages self contained and are desktop & cell phone ready.
Only one canonical tag is needed then. (no use of the rel-canonical tag)
$strCanonicalUrl ="https://" . $_SERVER['HTTP_HOST'] . parse_url(
$_SERVER['REQUEST_URI'], PHP_URL_PATH );
...
<title >This is the title of the AMP page</title>
<meta name="description" content="This is the description of the AMP page">
<link rel="canonical" href="<?= $strCanonicalUrl ?>" />
<meta property="og:locale" content="en_US" />

Difficulty with OpenGraph for Facebook embedded video

I am having some difficulty implementing a solution that I found via my research here (the actual accepted answer is not helpful and has been downvoted to Bolivian).
Problem: Facebook doesn't seem to recognize the OpenGraph meta tags that I have added to my Header.
What I know (or think I know): It is my understanding that by adding some appropriate opengraph meta tags, the content, such as YouTube video, should appear in the body of the "post" on Facebook.
What I have tried so far: Referring to the solution linked above, I have tried to implement this method.
In my examples, I'm embedding this video
https://www.youtube.com/v/BQBjVr1iHH4 in the following page
https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40 I
would like Facebook to show the YouTube video whenever anyone shares
my page on Facebook.
Option 1: setting the og:video to https://www.youtube.com/v/YOUTUBECODE
The meta tag will look like
<meta property='og:video' content='https://www.youtube.com/v/BQBjVr1iHH4' />
Further, I have attempted to disable plugins which may conflict with this -- any plugins which appear to add OG meta tags.
On the code side: I have hard-coded the following meta tags in the Header (this will eventually become a PHP function or something, but not until/unless I can make it work on a single post):
<meta property='og:image' content='http://agnarchy.com/wp-content/uploads/2014/11/2014-11-01-22.02.37.jpg' />
<meta property='og:video' content='https://www.youtube.com/v/dt6pPdz5eqg' />
<meta property="og:video:height" content="854" />
<meta property="og:video:width" content="510" />
<meta property="og:type" content="video">
Observed behavior:
All I see is the post's featured image. When I schedule or submit this link to my facebook page, Facebook does not recognize the OpenGraph tags and does not render the embedded video as part of the content of this Facebook post:
Desired behavior:
This is at odds with the suggested method, which if I use the URL provided in that answer, I can see the embedded video player:

Featured image and og meta not showing up in Facebook

I'm having an issue with the thumbnail / featured image, headline and og meta not showing up if I paste a link in FB with one specific post but not others. (Flushing the cache on FB doesn't work).
The site's on WordPress and the Yoast SEO plug-in should sort out the OG meta tags if you correctly enter your FB settings in the right section and I believe I have. I have also just pasted the code in my theme's functions.php
Here is my most recent blog post where it has no image nor headline: http://robcubbon.com/essential-wordpress-plug-ins-website/
– however it works on other posts
On the Debug tool it says: Must: "The 'og:type' property is required, but not present". But it's there : <meta property="og:type" content="article" />
It also says: Should: "The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags." And it's there:
<meta property="og:url" content="link here" />
The OG Meta is exactly the same on this post (as far as I can see) as all other posts that have featured image and other meta info displaying properly in FB.
I would really appreciate if someone know why this is happening

how to change my wordpress homepage title, description and image on facebook

I build a new wordpress site and installed the Yoast SEO plugin.
My homepage defined as some of my pages.
When i post the link on facebook i can't see any description/title/image that i want
checked on - https://developers.facebook.com/tools/debug/og/object/
i got:
og:type article
(i think that In order to work should appear : website)
maybe someone knows Where I'm wrong?
Thank you!
Facebook uses OpenGraph, a protocol for which if no default values are defined (and you have no standard HTML <meta> values defined,) you can set certain properties so that your site will appear as you want it when you share it socially.
It should be noted that Opengraph will, by default, attempt to interpret these properties by their corresponding <meta> elements (stuff like <meta name="description" content="describe my site">).
If you don't have these, I suggest you add them, but the OpenGraph properties can be defined explicitly, too. The process for adding properties like this involve the use of the <meta> tag, typically in your header.php.
There are a lot of properties you can define
I think most pertinent to your situation would be:
<meta property="og:image" content="path/to/image">
<meta property="og:title" content="My cool website">
<meta property="og:description" content="Description of site">
These work for sites that use OpenGraph, but it's no substitute for having proper <meta> tags in the <head> of your document.
here's a bit of reading you can do on defining site meta
Hope this helps!

Resources