No image, No description when shared to facebook

  • Resolved iamsiaph

    (@iamsiaph)


    6 years, 9 months ago

    Hi, I need help. I am not sure exactly if it’s Yoast plugin that is causing the error. When I try to share this post to Facebook, either through the social share button or copy paste to my wall, it just won’t display image or description. Just a plain link with my site name.

    Before I came here to submit this issue, I’ve read other solved forums that have the same issue as mine. I spent two days already trying to figure out what causes this error. I’ve already deactivated all my plugins and switched a twenty-seventeen theme just like what you suggested here https://kb.yoast.com/kb/how-to-check-for-plugin-conflicts/

    I used the facebook debug tool https://developers.facebook.com/tools/debug/ and it says:

    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

    But, upon looking at those missing properties, they’re just all there.

    MAYBE I was just doing it wrong or something.

    I just want help. Almost all of my posts have the same error, EXCEPT for this one https://siadigitalmarketing.com/blogging-sites/

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter iamsiaph

    (@iamsiaph)

    Hey,

    I’ve just discovered this…

    I made a new sample post and it turns out that it doesn’t have any error. It has an image and description. Here, take a look. https://imgur.com/a/kcM1P

    So I guess, the only posts that will have image and description would be my very recent posts. Just like this one, https://siadigitalmarketing.com/blogging-sites/ because this is my most recent post.

    And probably this has got to do with my upgrades, both my theme and plugin. The latter post was published AFTER i upgrade. (i guess)

    So at least I know where to start. I just want somebody to help/guide me on this. Thanks in advance for the help. ??

    Anonymous User 12851872

    (@anonymized-12851872)

    Hi,
    Create an app there
    https://developers.facebook.com/apps/
    Read this to help you
    https://goldplugins.com/documentation/wp-social-pro-documentation/how-to-get-an-app-id-and-secret-key-from-facebook/

    Facebook asks that the image do more than 200×200 pixels
    https://developers.facebook.com/docs/sharing/best-practices/#images

    Use the. png format just for images that have a transparent background, otherwise
    Choose the lighter. jpg format.
    Well name your images, to read
    https://technumero.com/optimize-images-in-wordpress/

    Code source Yoast SEO for the post

    <!-- This site is optimized with the Yoast SEO plugin v6.3.1 - https://yoast.com/wordpress/plugins/seo/ -->
<meta name="description" content="Social Media. SIA Digital Marketing. Social media has been considered a huge and the best breakthrough in our society’s current state. It has become an essential component of a business. There are 5 TOP reasons why social media plays a crucial role in the growth of a company. READ MORE."/>
<link rel="canonical" href="https://siadigitalmarketing.com/social-media/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Social Media For Entrepreneurs | SIA Digital Marketing" />
<meta property="og:description" content="Social Media. SIA Digital Marketing. Social media has been considered a huge and the best breakthrough in our society’s current state. It has become an essential component of a business. There are 5 TOP reasons why social media plays a crucial role in the growth of a company. READ MORE." />
<meta property="og:url" content="https://siadigitalmarketing.com/social-media/" />
<meta property="article:publisher" content="https://www.facebook.com/siadigitalmktg/" />
<meta property="article:tag" content="business" />
<meta property="article:tag" content="company" />
<meta property="article:tag" content="customer service" />
<meta property="article:tag" content="digitalization" />
<meta property="article:tag" content="entrepreneur" />
<meta property="article:tag" content="entrepreneurship" />
<meta property="article:tag" content="marketing" />
<meta property="article:tag" content="online" />
<meta property="article:tag" content="role" />
<meta property="article:tag" content="share" />
<meta property="article:tag" content="social media" />
<meta property="article:section" content="Social Media" />
<meta property="article:published_time" content="2018-01-10T08:51:22+00:00" />
<meta property="article:modified_time" content="2018-02-17T14:07:12+00:00" />
<meta property="og:updated_time" content="2018-02-17T14:07:12+00:00" />
<meta property="fb:admins" content="1258105861" />
<meta property="og:image" content="https://siadigitalmarketing.com/wp-content/uploads/2018/01/samplesocial-media.png" />

    Image Weight 1385.11 KB (1 418 349 bytes), too heavy for Facebook.

    You have to resize the image and a plugin to optimize the image as Ewww image optimizer.

    Hoping this can help you

    Thread Starter iamsiaph

    (@iamsiaph)

    Hello @noaneo

    Thank you for helping me.

    Yes, I did follow your suggestions. I created a Facebook app ID and pasted on my Yoast setting. I checked the image size and changed it to a recommended size.

    However, it’s been resolved now and it’s my call.

    I just created a NEW post, just like what I did with the sample post. Since I’ve been using a Layout Builder plugin, it’s so easy for me to simply copy the widgets without affecting the layout and content of my post.

    And since my blog is still NEW, there’s nothing to worry about the traffic stats, for now, that got affected by transferring as a new post.

    At first attempt, it didn’t resolve the issue after creating a new post. But when I changed the slug (different from the one that has an issue) it finally showed the featured image and description.

    And that’s what I also did to my other posts.

    Anyways, thank you for taking time to help me. ??

    Regards

    Anonymous User 12851872

    (@anonymized-12851872)

    Hi,

    I do not know “Layout Builder plugin”, I do not use.
    Did you register “Facebook App ID:” in SEO> Social, then Facebook tab, line “Facebook App ID:”?

    – There are always errors on Debug

    – Property deducted
    The og: image property must be specified explicitly, even though 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

    https://kb.yoast.com/kb/warning-fb-app-id-hasnt-been-included-in-the-meta-tags/

    Check that you have correctly configured YOAST SEO
    Examples of tutorials
    https://www.wpbeginner.com/plugins/how-to-install-and-setup-wordpress-seo-plugin-by-yoast/

    https://torquemag.io/2017/07/how-to-use-yoast-seo-tutorial/

    I will avoid carousels, Yoast discourages them
    https://yoast.com/opinion-on-sliders/

    Maybe he’ll take a theme with a presentation page with disabling the slider, for example
    https://demo.themegrill.com/demos/?theme=Spacious

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘No image, No description when shared to facebook’ is closed to new replies.

Tags