Support » Plugin: Yoast SEO » No og-image on some pages that do have images

  • Resolved humbucker

    (@humbucker)


    Hello,

    I’m using the latest version of Yoast SEO and WP, and cannot understand the reason that cause Yoast to use the default opengraph image on some page that do have image that could be used as the og-image to be shared on Facebook ?

    Can somebody tell me what is the process followed to decide weither to crawl the page and look for an image to use as the og-image or decide to switch to the default one ?

    Do I have to use specifig html tags, naming conventions of some sort for Yoast to pick this image ?

    THank you very much

Viewing 15 replies - 1 through 15 (of 15 total)
  • Plugin Support Priscilla Chapman

    (@priscillamc)

    Hi @humbucker,

    The default image is only used when there is no featured image or an image on the page.

    Below is the order Yoast SEO uses to select the Open Graph image:

    1. Facebook image
    2. Featured image
    3. First image in the content
    4. Default image

    If that doesn’t seem to be happening, can you send us an example URL?

    Thread Starter humbucker

    (@humbucker)

    Hello Priscilla,

    Thank you very much for your answer.
    I’m sharing the case where it’s not working as expected with you.

    Here you have an example of a single page :
    Click here

    When shared accross social networks (or looking at the source code), it would be expected to have the ‘company avatar’ image to be used as the og-image, but we see Yoast is using the default image set in settings instead of the first image found.

    Why is that happening ?

    Thank you

    • This reply was modified 1 month, 1 week ago by humbucker. Reason: mistake
    Plugin Support Md Mazedul Islam Khan

    (@mazedulislamkhan)

    Unfortunately, the link you have shared with us https://www.shorturl.at/ is not redirecting to your page. Please, share the direct link to your page so that we can take a look at it.

    On the other hand, we understand that you are expecting to see the company avatar on the relevant single page but Yoast SEO is using the default image instead. Can you please confirm whether you have assigned a featured image or an image specific to Facebook from the relevant page Yoast SEO meta box Facebook (tab)? If not, please either assign a featured image or an image specifically for Facebook to see whether this resolves the issue for you.

    Thread Starter humbucker

    (@humbucker)

    Hello

    I’ve updated the URL. Sorry.

    This single page comes from a custom post type (which works great in many cases with Yoast)
    These ‘job’ pages dont have a featured image capacility in our system.
    Users submit job offers and we publish them.
    There is no image assigned in the Social Networks tab.

    If we manually assign an image to these custom post type pages, it works.
    But we cannot update manually what should be an automatic process. That’s why we are displaying the company image somewhere on the page for it to be selected by Yoast as the og-image.

    Thank you

    • This reply was modified 1 month, 1 week ago by humbucker.
    Plugin Support Md Mazedul Islam Khan

    (@mazedulislamkhan)

    Thanks for sharing the correct page URL with us. We have tested the relevant page URL using the Facebook object debugger tool and it immediately showed us “the URL hasn’t been shared with Facebook before”.

    So, we scraped the relevant page and that brings the correct image as expected. You can now share the relevant page on Facebook and that will show the correct image.

    To conclude, the issue you’re experiencing here isn’t specific to Yoast SEO as we can confirm that Yoast SEO is generating the correct image URL in the page source code but the issue specific to Facebook itself. You’ll need to scrape or re-scrape the relevant job postings when you experiencing similar issues to clear the cache on Facebook’s end.

    We hope this helps!

    Thread Starter humbucker

    (@humbucker)

    Hello,

    Thank you for performing these tests.
    I’m sorry but the correct image you are refering to is the “default one” we set in the settings and not the “company logo”. So practically speaking, this is not the correct image. We assume it’s the one Yoast is using because it cannot find the other one (for reasons we are questionning in this forum)

    Let me be clearer 🙂

    This is the image we would like Yoast SEO to detect in the page (= the company logo) and use: https://bit.ly/2LZjVAI

    This is the default image set in the settings as a fallback, the one Yoast is using:
    https://bit.ly/2XQkhwp

    If you’re looking at the source code meta in our page, you will see that Yoast is using the default image. (<meta property=”og:image” content…)
    but why ? as we are providing a correct image in the source code ? Yoast doesnt seem to crawl this one, should we give it special tags and attibutes so it can select it?

    Really appreciate your help, thank you again for the effort.

    Plugin Support Md Mazedul Islam Khan

    (@mazedulislamkhan)

    Thanks for clarifying everything and apologies for the confusion. It’s more clear now.

    First thing first, if possible, please avoid using bit.ly URL as it is currently blocked in my ISP’s firewall. So, it is hard for me to load the URL personally.

    That said, can you please confirm how did you add the company logo since you haven’t added it as a featured image, nor added it within the job post, and nor in the Yoast SEO default Facebook image settings.

    Yoast SEO couldn’t find any image on the relevant job post and as such, it used the default image that you have defined in the Facebook social settings which are expected and how it should work.

    Once we know how did you add the company logo in the Yoast SEO plugin, we can confirm whether it’s Yoast SEO that’s not working as expected or there’s something else going on.

    Thread Starter humbucker

    (@humbucker)

    Hello,

    Thank you.
    So, on our WordPress platform, you find the common Post and Pages, but you also have custom post type with Job offers, Company profiles, Candidates profiles, as many custom fields are necessary on these pages.
    The avatar (= company logo) are called and echoed in a php section page, just like you would with a wordpress page template that holds specific queries in it.

    The fact Yoast is not “finding” this image could mean your plugin fires before some other elements are echoed on the page maybe ?

    As I dont know the process followed by Yoast to search the page for images, I’m just questionning why it does find images on the “Company profile pages” and not on the “Job offers pages” like I shared with you.

    THanks again.

    Plugin Support Md Mazedul Islam Khan

    (@mazedulislamkhan)

    Thanks for clarifying everything. So, the company logo that you are expecting to see in the individual job post page og:image meta isn’t assigned anywhere but assigned to the PHP side. Let us know if we misunderstood anything.

    We are afraid to say that Yoast SEO can’t detect the relevant image from the PHP side and output it in the individual job posting page og:image meta.

    So, you will need to perform customization using the Yoast SEO specific filter. You can find more information about this here.

    Thread Starter humbucker

    (@humbucker)

    Thank you.
    Well, we are using the very same programming and php template for the “company profile” and here, Yoast is able to pick the company logo and use it as a og-image, that’s why we’re pretty lost looking for a logical explanation.

    See by yourselves : URL
    We tested this one with Facebook developper tool and everything is fine.

    Thank you for the Yoast developers portal, I will have a look if we can possibly fix this.

    THank you

    Thread Starter humbucker

    (@humbucker)

    Some questions could be, does Yoast check for some specific paramters in the images it founds in the page. For example, does it reject if if the dimenions are too small, or something else ?
    This could help to find the cause.

    THank you

    Plugin Support devnihil

    (@devnihil)

    @humbucker Thanks for your reply. Regarding your question, I think this is definitely something to consider as a possible cause. I reviewed the images in question, and think the issue may be related to the image parameters. If it isn’t, it would at the very least rule out an additional element that results in the unwanted behavior.

    The image you are wanting to be used (https://www.engagespourdieu.com/wp-content/uploads/jobsearch-user-files/epep-150×150.jpg) does not meet the minimum image requirements for Facebook to use this for a preview image. Whereas the other (https://www.engagespourdieu.com/wp-content/uploads/facebook-website-opengraph.jpg) does.

    The absolute minimum dimensions for a Facebook preview image is 200x200px which the first, and intended image, does not satisfy. Facebook recommends that an image be at least 600x315px but ideally 1200x630px for optimal results. You can find more about these requirements and recommendations here: https://developers.facebook.com/docs/sharing/webmasters/images/

    On your second example that you gave in your second to last post here, the og:image specified is https://www.engagespourdieu.com/wp-content/uploads/jobsearch-user-files/epep.jpg which is 250x250px, which while not optimal, does satisfy the minimum requirements of 200x200px.

    Can you please try testing with another one of the posts where the issue is occurring and checking whether using an image of at least 200x200px corrects the issue?

    Thread Starter humbucker

    (@humbucker)

    Hello,

    Thank you for your answer, we performed newer tests and also read similar experiences on other forums.
    I’ll be sharing more details as this can help you, and other users, if we solve this 😉

    First, regarding this page, where Yoast properly gets the awaited image, we’re surprised by the image url, because we’re never using or echoing this url anywhere on the source do?!. May I ask how (in term of programming or use of hook) Yeost can find this url if we’re not actually using it ? (this could help better understanding how to serve the image we are expecting to be used in the source code)

    Second, regarding the other pages where our logos were too small, we performed new tests by providing higher dimensions images (300x300px, which is bigger than the previous page case), but Yoast still didn’t use it.

    Third, and I know I’m maybe asking too much here, but could a future Yoast update include an extra scenario :

    Yoast select order for Open Graph image:
    1. Facebook image
    2. Featured image
    (+). Image with a specific CSS class or ID of your choice, so we could force the image we would like to be used.
    3. First image in the content
    4. Default image

    This would be amazing, if this could work, and would solve many othes facing the same issue.

    Thank you again!

    Plugin Support devnihil

    (@devnihil)

    @humbucker Thanks for your reply. We’ve addressed each of your concerns individually below:

    May I ask how (in term of programming or use of hook) Yeost can find this url if we’re not actually using it ? (this could help better understanding how to serve the image we are expecting to be used in the source code)

    Can you please check whether this image is configured as the default Facebook image for your site? You can check this by performing the following actions:

      • In WordPress, go to SEO>Social
      • Click on the ‘Facebook’ tab
      • Under ‘Default settings’ check what image is being used for the ‘Image URL’ value
      • If you wish to change this, you can do so by uploading another image and replacing, or alternately clicking the ‘Clear Image’ button
      • Click ‘Save changes’

    Second, regarding the other pages where our logos were too small, we performed new tests by providing higher dimensions images (300x300px, which is bigger than the previous page case), but Yoast still didn’t use it.

    Can you please provide an example URL of one of these pages? Also, how did you specify for the page to use the higher resolution 300x300px image?

    Third, and I know I’m maybe asking too much here, but could a future Yoast update include an extra scenario :
    Yoast select order for Open Graph image:
    1. Facebook image
    2. Featured image
    (+). Image with a specific CSS class or ID of your choice, so we could force the image we would like to be used.
    3. First image in the content
    4. Default image

    If you would like the developers to change the default order in which the Open Graph image is specified in the plugin, we would recommend submitting a feature request for the change.

    We’re actively using the bug tracking on our GitHub repository so your best next step would be to create a new feature request for our developers at https://github.com/Yoast/wordpress-seo/issues/new. You can create a new issue to submit your feature request. You will need an account to create one.

    Plugin Support devnihil

    (@devnihil)

    We are going ahead and marking this issue as resolved due to inactivity. If you require any further assistance please create a new issue.

Viewing 15 replies - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.