Facebook share fails to get meta-tags from wordpress powered site

Question

I am building a website and I apologize if this might seem dumb, I'm still a newbie.

Whenever I try posting the link of an blog post from my site, it doesn't seem to include image thumbnail, post title and post description when I try sharing the post / article on facebook or twitter. I tried googling some solution by trying to put meta tags on the under area but didn't work.

I also tried this possible solution on installing a SEO plug-in that actually specificy titles and description from your post, but it didn't actually work still.

I used facebook sharing debugger and I found this result:

Warnings That Should Be Fixed
SSL Error	Can't validate SSL Certificate. Either it is self-signed (which will cause browser warnings) or it is invalid.
Curl Error	Curl error: 60 (SSL_CACERT)
Inferred Property	The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags..
Missing Properties	The following required properties are missing: og:url, og:type, og:title, og:image, og:description, fb:app_id

This is the code I've input for meta-tags:

<?php

?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    
    <meta charset="<?php bloginfo( 'charset' ); ?>" >
    <meta name="viewport" content="width=device-width, initial-scale=1" >
    <meta name="google-site-verification" content="lB_0cSn_uSWjjmhgKDfNyyaU1Es4n1g0dLtbesBTELA" />
    
    <meta property="og:title" content="The Nexus" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="<?php echo get_site_url();?>" />
    <meta property="og:image" content="https://the-nexus.ml/wp-content/uploads/2021/03/cropped-Nexus-Recreated.png" />
    <meta property="og:description" content="The Nexus is the Official School Publication of the Mindanao State University, College of Law - Iligan Campus." />

Any possible solutions or suggestions will be appreciated.

Maksim Kuzmin Maksim Kuzmin · Accepted Answer · 2021-03-14T16:37:18

First things first, all of those warnings are related to the same problem. And the problem is with certificate (see the bottom to resolve your issue).

Here's what's happening on your side. Since I don't have the url of the website, I could only guess, but I'm pretty sure I'll be guessing it correctly.

SSL Error. To share your website, Facebook reads your website first, to parse those OG metatags you included. And there's nothing wrong with them, they work just perfectly. But, because of invalid certificate, Facebook can't proceed reading the data on your web page, including meta-tags.
Curl Error. This is related to the tool that Facebook uses to read your website - cURL, which is just a command-line utility to perform HTTP/HTTPS requests. SSL_CACERT means invalid certificate, the same as previous "Either it is self-signed (which will cause browser warnings) or it is invalid".
Inferred Property and Missing Properties is the consequence of previous problems, which just basically means that Facebook retrieved empty page (0 bytes) and didn't find any OpenGraph tags on the page (which is obvious when parsing empty content).

You have two solutions:

The easiest one, to ensure that meta tags are perfectly OK and you only have to resolve certificate issue: disable HTTPS on your website, modify the share button code to meet the new URL (if it's done manually; if via <?php echo get_site_url();?>, then it's ok).
The best one, is to fix certificate. How to do it is a separate question, which was already answered here: Facebook not recognizing my SSL certificate , so I'd avoid duplicating answer and just refer you to Ramin Hashimzade's recommendations.

Facebook share fails to get meta-tags from wordpress powered site

1 Answers