'OpenGraph Tags are not working for links to our website on Discord

I posted this to reddit as well asking the same thing.

Here are some picture examples of them working & not working...

This is posting the links on twitter. You can see 2 links work, 1 does not. The one that does not is a new website I set up. Added the OG Tags 2 hours ago.

This was back on August 7th when I FINALLY got them to work after working on the OG Tags for a month or two.

This is today. No matter when I post the links to Discord, they don't work. Also that 3rd link on Twitter on the first image (techblogger.space) does NOT work anywhere.

Here is the code I have on my themes (the code shared is from https://codinghelp.site)

<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="<?php wp_title( '|', true, 'right' ); ?>" />
<meta property="og:description" content="<?php bloginfo('description'); ?>" />
<meta property="og:url" content="https://codinghelp.site/" />
<meta property="og:site_name" content="<?php bloginfo('name'); ?>" />
<meta property="og:image" content="https://codinghelp.site/bots/codinghelp.png" />

<link type="application/json+oembed" href="<?php echo get_template_directory_uri(); ?>/oembed.json" />
<meta property="og:image:width" content="1920" />
<meta property="og:image:height" content="1080" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="fb:app_id" content="344214633960049" />


<meta name=”twitter:card” content="summary" /> 
<meta name=”twitter:site” content="https://codingHelp.site" /> 
<meta name=”twitter:title” content="<?php bloginfo('name'); ?>" /> 
<meta name=”twitter:description” content="<?php bloginfo('description'); ?>" /> 
<meta name=”twitter:image” content="https://codinghelp.site/bots/codinghelp.png" />
<meta name="google-site-verification" content="B58_9jkDcl3NtkMWTZafw4L5cCnFwktp-bVEw6EKt6w" />

All 3 websites are running WordPress using Yoast SEO plus, I manually added the OG Tags exactly as shown above. I found this iFramely site and according to it, all of my websites are set up perfectly. I also have an oembed.json file... this is what is included in that:

{
"title": "CodingHelp",
"author_name": "CodingHelp",
"author_url": "https://codinghelp.site",
"provider_name": "CodingHelp",
"provider_url": "https://codinghelp.site"
}

Any ideas why these OG Tags are not working? Also, how long do OG Tags take to update when you first put them on a new site?

htmlwordpresstwitterfacebook-opengraphshare-open-graph


Solution 1:[1]

I did experience this kind of issue several times. Each time when I disable forcing all HTTP to https it starts showing images on FB again. There is some relation between http/https and images in open graph.

So there could be in general 3 places, where you can fix this:

  1. Plugin (Like Really Simple SSL) could manage mixed content, so check carefully all settings related to switching between HTTP and HTTPS protocols.
  2. .HTACCESS file rules. Change your htaccess file content to default from wordpress.org
  3. Check your hosting or server settings that force using a secure protocol.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1

Related Questions