Missing Open Graph Properties and Yoast SEO

  • Resolved littlemisadvencha

    (@littlemisadvencha)


    4 years, 10 months ago

    Hello there!

    When sharing my blog posts, social media couldn’t pull out meta data from my site. My homepage littlemisadvencha.com works well, but all other pages don’t. I used the https://developers.facebook.com/tools/debug/ to find out that the following properties are missing: og:url, og:type, og:title, og:image, og:description, fb:app_id

    As what I’ve said, my homepage https://littlemisadvencha.com works fine. Below is from the page source.

    <meta name="description" content="Someone who is walking the green mile is heading towards the inevitable. Learn how littlemisadvencha is walking the green mile." />
	<meta name="robots" content="index, follow" />
	<meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
	<meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
	<link rel="canonical" href="https://littlemisadvencha.com/" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Little Misadvencha" />
	<meta property="og:description" content="Someone who is walking the green mile is heading towards the inevitable. Learn how littlemisadvencha is walking the green mile." />
	<meta property="og:url" content="https://littlemisadvencha.com/" />
	<meta property="og:site_name" content="Little Misadvencha" />
	<meta property="article:publisher" content="https://www.facebook.com/littlemisadvencha" />
	<meta property="article:author" content="https://www.facebook.com/littlemisadvencha" />
	<meta property="article:modified_time" content="2020-05-07T07:48:05+00:00" />
	<meta property="og:image" content="https://littlemisadvencha.com/wp-content/uploads/2020/04/logo-4.png" />
	<meta property="og:image:width" content="500" />
	<meta property="og:image:height" content="500" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:title" content="Hey, It's CHA | Explore, Inspire & Spread Positivity!" />
	<meta name="twitter:description" content="Someone who is walking the green mile is heading towards the inevitable. Learn how littlemisadvencha is walking the green mile." />
	<meta name="twitter:image" content="https://i2.wp.com/littlemisadvencha.com/wp-content/uploads/2019/10/Untitled-design-2-1-e1572450538750.png?fit=277%2C250&ssl=1" />
	<meta name="twitter:creator" content="@iamchaesper" />
	<meta name="twitter:site" content="@iamchaesper" />

However, the other pages like this https://littlemisadvencha.com/things-1-do-that-99-dont/ have missing properties.

<meta name="description" content="If you reflect on this post and decide for yourself that one day, you will be successful as well, you might want to check the things 1% do that 99% don’t." />
	<meta name="robots" content="index, follow" />
	<meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
	<meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
	<link rel="canonical" href="https://littlemisadvencha.com/things-1-do-that-99-dont/" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="Five Things 1% Do that 99% Don't | Success Tips" />
	<meta property="og:description" content="If you reflect on this post and decide for yourself that one day, you will be successful as well, you might want to check the things 1% do that 99% don’t." />
	<meta property="og:url" content="https://littlemisadvencha.com/things-1-do-that-99-dont/" />
	<meta property="og:site_name" content="Little Misadvencha" />
	<meta property="article:publisher" content="https://www.facebook.com/littlemisadvencha" />
	<meta property="article:author" content="https://www.facebook.com/littlemisadvencha" />
	<meta property="article:published_time" content="2020-05-06T14:38:51+00:00" />
	<meta property="article:modified_time" content="2020-05-08T06:17:54+00:00" />
	<meta property="og:image" content="https://littlemisadvencha.com/wp-content/uploads/2020/05/work-1.jpg" />
	<meta property="og:image:width" content="828" />
	<meta property="og:image:height" content="315" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:creator" content="@iamchaesper" />
	<meta name="twitter:site" content="@iamchaesper" />

    This is just all of a sudden. My Yoast Seo plugin settings for Social seem okay. Kindly assist.

    Thank you.

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @littlemisadvencha,

    Upon checking the page source of the given post https://littlemisadvencha.com/things-1-do-that-99-dont/ I can see the required OG tags being generated by our Yoast SEO Plugin and is technically. Refer https://prnt.sc/sdjy6f.

    Sometimes there could be some timeout issue while scrapping OG tags by Facebook as these tags are way down on the page source.

    Clear all your caching from your theme, plugin, server, CDN like CloudFlare or browser. If you are not sure how to clear caching from theme/plugin please speak to those authors. If you want to clear cache from the server, please speak to your host provider. To clear the cache from a browser use this guide: https://kb.yoast.com/kb/how-to-clear-my-browsers-cache/. After clearing the cache, try to re-scrap the post.

    Thread Starter littlemisadvencha

    (@littlemisadvencha)

    Good day. Thank you for the response. I already did the above, clearing the browser’s cache, static and dynamic cache. However, these properties are still missing. When I view the page source, the meta data exist. But, based on the facebook’s scraper, these couldn’t be found. Please see here: https://developers.facebook.com/tools/debug/echo/?q=https%3A%2F%2Flittlemisadvencha.com%2Fthings-1-do-that-99-dont%2F

    Im not sure what’s happening.

    Kindly assist. Thank you!

    Plugin Support amboutwe

    (@amboutwe)

    You are likely experiencing two issues.

    A. Style output at the top of the source code
    Using Facebook’s debugger tool, Facebook stops reading the source code before it gets to the Open Graph tags.

    A common cause for this is writing styles directly to the header instead of using linked stylesheets. This is a feature typically offered by cache plugins. Please contact the author of the cache plugin you use and ask them how to turn off the feature that add all the CSS styles to the header of your site.

    B. Multiple Open Graph tags
    Please review your active plugins for a plugin called ‘Meta Tag Manager‘ or something similar to that naming. That is the heading for the section where the duplicate and invalid og:tags are located.

    Thread Starter littlemisadvencha

    (@littlemisadvencha)

    Finally, I found it. I just enabled the “Enhance CSS Customization Panel” under the Writing Tab of Jetpack. Now, it’s doing OKAY. Facebook now can read the source code.

    Thank you very much for the support.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Missing Open Graph Properties and Yoast SEO’ is closed to new replies.