Set Custom Post feature image as og:image

It appears that your site doesn’t use the core WordPress Featured Image feature but instead uses a custom image field (probably from Advanced Custom Fields). Yoast’s plugin, Jetpack, and presumably many others look for the Featured Image image when setting the opengraph meta tag. So you have two options:

  1. Use the core Featured Image feature with one of the plugins that adds the featured image to an opengraph meta tag
  2. Change your meta property to use the ACF field:

<meta property="og:image" content="<?php $featuredImage = get_field('featured_image'); echo esc_url( $featuredImage['url'] ); ?>" />

Aside: if your featured image (however it’s implemented) has any meaning and is not “purely decorative,” make sure your site supports a way to give it appropriate alt text for accessibility.

Related Posts:

  1. Correctly implementing the Facebook Like button
  2. WordPress Facebook Open Graph plugin not working for 1 specific image [closed]
  3. How can you upload an image from within a settings page?
  4. WordPress Post featured image URL in the header
  5. Open graph problem: Showing wrong description of homepage while sharing on Facebook [closed]
  6. alt tags of the images are not saving/emtpy
  7. Why does Google Image Search still display my images?
  8. Regex expression for redirecting image URLs to another folder
  9. Sharing images to social media – issue with aspect ratio
  10. Facebook og:image issues after https change [closed]
  11. Is there a way to add a featured image to an image/file attachment page?
  12. How to make Facebook share the featuterd image from url on WordPress
  13. Tried everything but Facebook share button won’t load the post thumbnail
  14. Open graph issue on my theme
  15. Programmatically adding images to media library
  16. Prevent WordPress from generating medium_large 768px size of image uploads?
  17. Image quality based on image size
  18. Uploaded images don’t show in Media Library if there are special characters in IPTC Keywords
  19. How to set the default embed image size
  20. Creating a rotating header /image slider using theme customization
  21. Use Media Library to manage galleries like Nextgen (with folders, albums, collections, tags, categories, terms…)
  22. Double thumbnails?
  23. No srcset for hard-cropped thumbnails
  24. Slider image issue in wordpress
  25. Getting custom size image URL
  26. Open graph metadata isn’t pulled on Facebook until after I run that specific link through the debugger
  27. Retrieving images from a NextGEN gallery
  28. Query for recent images across multiple posts
  29. Getting alt text of featured image
  30. Get image alt attribute just by image URL
  31. Is there a way to get attachment data?
  32. How to resolve – IE 6 ignores img “width” properties
  33. WordPress is stripping the Alt tag’s quote marks from images where Alt is not set, but leaving the word ‘alt’ creating problems for ADA compliance
  34. WordPress reduces the full size image and uses it as the original
  35. Show taxonomy list with taxonomy images ( SOLVED)
  36. get_children() not working properly – Only on one post?
  37. How to get full absolute url for post attachment?
  38. Warning: getimagesize() [function.getimagesize]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 [closed]
  39. Is There A Way Of Using the_post_thumbnail() to Pull In A Specific Image From The Media Library
  40. How to add data attribute to all images in posts [closed]
  41. Output random (custom) image size
  42. WordPress crops images differently on retina screens?
  43. Image thumbnails not available post migration, but still accessible via direct URL – DB issue
  44. How do I create an alternate RSS feed for tags with custom image sizes for MailChimp?
  45. Exclude images from “inserted into post” when trying to get attachments
  46. Set jpeg_quality for certain post-types
  47. WordPress automatically downscaled images larger that original
  48. Move Image Captions Inside Link ( tag) if Added
  49. How to add custom classes to figure element only if image has caption?
  50. I got an issue after i migrated a site
  51. How to add an image to a custom url?
  52. How to add images to a post without inserting them into the content area of the post editor?
  53. Is it possible to reduce image filesize on the fly (when users enter my website)?
  54. Why WordPress strips scr string from img tag off?
  55. Random image loader
  56. insert image alongwith with custom data via a frontend form
  57. Create a link to full-sized image attachment?
  58. Get image path : image is upload but not attached
  59. What sense makes medium_large_size_h => 0?
  60. Emoticons not working on my site
  61. limit number of images shown from gallery
  62. Graphics and Formatting Not Loading in WordPress on IIS
  63. How to Automatically import external images to Upload
  64. Fullscreen Page Background without Plugin [closed]
  65. Allow a specific user role I have created to only upload one image to his media library
  66. how to regenerate webp et-pb-portfolio-image
  67. How do I avoid color distortion of uploaded images?
  68. When upload a PNG a noise appears in the thumbnails
  69. How to auto add image caption from image alt?
  70. How to stop TinyMce from converting image url into ?
  71. How to automatically load an image inside the post, since it is present in uploads folder
  72. Decide how Hero image appears on mobile
  73. Broken images/videos after migration – DIVI theme- works ok on Mac OS
  74. Can’t figure out how to get space around an image? [closed]
  75. Show images from TEXT section on PAGE wordpress
  76. Where to add my code to auto attach images to existing products
  77. Set WordPress to Create different images format later, not during upload
  78. If file exists with page slug name show image else nothing
  79. How might one programmatically set the link for all images in all posts?
  80. page displaying media caption shortcodes
  81. Display different Images depending on the current day
  82. How to add a credit line to a photo caption
  83. Uploading Images for a section
  84. Some images suddenly not appearing
  85. Paginate Gallery [closed]
  86. WordPress: Preload next post images
  87. Set add_image_size() greater than content width in media box
  88. Remote Image (from URL) as Media Library element
  89. Theme using masonry layout script rendering overlaped images in Google Chrome [closed]
  90. Why is inline CSS added to images automatically? [closed]
  91. Delete all thumbnails & regenerate them?
  92. Can I turn an image into a button?
  93. Why are some SVG-images not visible in my footer?
  94. How To Get Feature Image from Blog in Same WordPress Multisite Blog on the Parent Blog?
  95. WPALLIMPORT Exporting images from repeater field [closed]
  96. Gutenberg block HTML image rendering override
  97. image_get_intermediate_size always returns false
  98. Change of displayed images for webp versions
  99. How do I add text or a message below the featured image in wordpress?
  100. CSS how to target the caption of one individual image?

Leave a Comment