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. WP 4.4. responsive images browser choosing the “wrong” one
  16. Retina images – custom syntax for inserting images into post content
  17. show author image in posts
  18. Default Image Link Removal
  19. Replace Woocommerce Images
  20. How to copy and paste a picture found on the web to wordpress easily
  21. Graphing libraries for WordPress [closed]
  22. WP 4.4 aspect ratio with responsive image
  23. Add CSS class to every image
  24. Prevent Width and Height Attributes in Image Tag Output
  25. How to associate an image with a term taxononmy and publish it on frontpage?
  26. add data-attribute to all images inside the_content()
  27. Removing Title Tag from Thumbnails
  28. WordPress login page logo customization
  29. When Uploading JPEGs, Does WordPress Compress the Original Image?
  30. New image size option not showing
  31. Make alt text required when setting a featured image
  32. How can i use wp_get_image_editor for image resizing
  33. Gallery images stored elsewhere (preferably Google Drive)
  34. WordPress gallery previous/next buttons showing all media library images
  35. Images not showing after moving site (but path id OK)
  36. 3.5 media.editor: what is the event listener for choosing an image?
  37. Display latest 12 images from media library
  38. Show featured image option not in screen options
  39. SEO – Media File Name Updating
  40. Extracting gallery images in WordPress 3.5 on index.php
  41. Multiple images in one attachment page
  42. How to keep WP from recompressing Full Size images
  43. How to get the url of an Image with id
  44. Retrieve images from parent site to child site using current shortcodes
  45. Missing a temporary folder.error when image is uploaded in admin Set temporary Directory – WordPress 5.2.2
  46. Locally Developing a wordpress website, cant get images to display?
  47. Help to upload post attachments from Ajax
  48. Alter image meta fields in the Media Library
  49. How can I display an image description, from an image gallery?
  50. How to add images to a post without inserting them into the content area of the post editor?
  51. How to get Image `alt` value from WordPress image attachment?
  52. Why WordPress strips scr string from img tag off?
  53. Random image loader
  54. How do you import images from a URL in your post?
  55. Multiple post image, echo url (path of image)
  56. Make featured image be shareable across multiple pages?
  57. insert image alongwith with custom data via a frontend form
  58. Get image path : image is upload but not attached
  59. What sense makes medium_large_size_h => 0?
  60. Images not showing in media grid view (but showing in list view)
  61. How to test if there are no more previous or next image on attachment page?
  62. Force square image crop during upload?
  63. Emoticons not working on my site
  64. How to use getimagesize() of image upload?
  65. problem with add_size_image
  66. photo gallery implementation like tmz
  67. Graphics and Formatting Not Loading in WordPress on IIS
  68. How to Automatically import external images to Upload
  69. How to enlarge thumbnail on mouseover?
  70. Edit Page did not get refresh after update
  71. get_post_gallery with Gutenberg
  72. How to join Caption AND Description Meta Fields as one combined-caption in Image Block
  73. Images not showing after wordpres update 5.6
  74. How to avoid images appear as post in google search?
  75. Images names not inserting in WordPress Database from Dynamic Add / Remove fields
  76. Generate links on all images in posts – is there a hook?
  77. Decide how Hero image appears on mobile
  78. Which tools should I use for a gallery that uses an API and url for the path of the images?
  79. Uploaded images not showing properly using wordpress
  80. Uploaded images appear broken in WP 4.4
  81. How to best adjust images to a max content width of 490px?
  82. Set WordPress to Create different images format later, not during upload
  83. How might one programmatically set the link for all images in all posts?
  84. attachment.php & flexslider—linking thumbnail to specific image
  85. How to associate an image with a term taxononmy and publish it on frontpage?
  86. Facebook meta tags not working properly on WordPress Site
  87. How can i make like this structure?
  88. Slider do not add alt attribute. Cant get alt attribute from a media library!
  89. Broken image URL
  90. Stop Attachment image names from taking top level permalink
  91. Image not showing in an archive page
  92. Media upload error
  93. Featured Image not displaying [closed]
  94. Remote Image (from URL) as Media Library element
  95. Theme using masonry layout script rendering overlaped images in Google Chrome [closed]
  96. What does WordPress media uploader do to image files on upload?
  97. Site header logo and parallax image on homepage do not display on iPhone
  98. WP_Image_Editor – How to save the new size of the image in the sizes metadata
  99. Is is possible to append .webp to srcset images using wp_filter_content_tags()?
  100. Could a very long article slow down all website and wpadmin?

Leave a Comment