Answers.Body: <p>I've used SEOmatic and ImageOptimize together before and never had those issues. SEOmatic should care less about the presence of the ImageOptimize field on the asset and you definitely don't need to specify custom ImageOptimize variants for your SEO/social purposes. SEOmatic grabs the raw image (like you would grab the asset url in the templates) and does its <a href="https://github.com/nystudio107/craft-seomatic/blob/66bb72dab898263210960de09c844701a68eceef/src/helpers/ImageTransform.php#L82" rel="nofollow noreferrer">own transforms</a> to get that image ready for social/SEO use.</p>
  
  <p>My guess is something is incorrectly setup in the Content SEO settings for whatever section the entry you're currently editing exists in. If you still can't figure it out, I'd be curious to see screenshots of those settings...</p>
  
  <hr>
  
  <p>Also, fwiw, Andrew does provide a very handy <a href="https://github.com/nystudio107/craft-seomatic#seo-settings-field" rel="nofollow noreferrer">SEO Settings field</a> that might be worth considering as a replacement to the setup you've got going on currently. As he mentions in the plugin README:</p>
  
  <blockquote>
    <p>Modern SEO works best if it actually reflects what is on the page, visible to the user, so pulling from your page's content will work well in most cases.</p>
  </blockquote>
  
  <p>So what I've done (and would recommend, though it would mean you would lose your client-friendly field descriptions) is to pull the SEO/social data out of the content of the page and then add the SEO Settings field to that last tab just in case you need to overwrite stuff. For example, rather than adding the asset used as the masthead image and the asset used for SEO/social separately, use the same field for both. Makes it simpler on the client and on you! And then, if and when you do need a different image for the social/SEO metadata, you can use the SEO Settings field.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-12-12T10:29:38.683Z
Answers.Text: Thanks for the help Jalen. I worked out it was an issue with my BASE_URL environment variable. However, I'm awarding your answer as it gives some really helpful tips on the SEO field which I have implemented.
Answers.UserDisplayName: Dan Lee
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-12-12T11:33:05.420Z
Answers.Text: I'm almost there... do you have time to answer a few questions regarding image varients in image optimize?
Answers.UserDisplayName: Dan Lee
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-12-12T11:39:05.720Z
Answers.Text: Yeah I’d be happy to! You can either drop them here in the comments or create a new SE question for them if you like and I’ll give them a shot either way (prob easier to do a new question because I won’t have a character limit on my reply but I’ll leave it up to you)...
Answers.UserDisplayName: Jalen Davenport
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-12-12T11:40:13.587Z
Answers.Text: Ok or would you prefere Slack Craft Group?
Answers.UserDisplayName: Dan Lee
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-12-12T11:42:17.357Z
Answers.Text: That works as well. You can send me a DM...
Answers.UserDisplayName: Jalen Davenport
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-12-11T19:13:47.567Z
Answers.LastActivityDate: 2018-12-11T19:13:47.567Z
Answers.UserDisplayName: Jalen Davenport
Body: <p>Do ImageOptomize and SEOmatic work together - or to be more specific do I need an image variant for the social and SEO images defined in SEOmatic?</p>
  
  <ul>
  <li>I have been importing content into a News entry. </li>
  <li>I am defining my image variations using imageOptimize on the News Volume.</li>
  <li>I have a "meta image" asset field which is being used to serve the SEO and Social Media images to SEOmatic's SEO settings for the entry.</li>
  </ul>
  
  <p>Before installing and using imageOptimize the meta image previews were working fine with SEOmatic in the entry editor. Now they are not getting picked up... do I need to define an image variant that matches the SEO and Meta image sizes?</p>
  
  <p>Also... SEOmatic is such a time saver, I estimate I have saved at least two weeks dev time with this plugin. Thank you Andrew!</p>
  
  <p><a href="https://i.sstatic.net/9sh9y.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/9sh9y.png" alt="enter image description here"></a></p>
  
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2018-12-11T20:11:50.690Z
Comments.Text: So one doesn't really have anything to do with the other... Image Optimize shouldn't interfere with anything SEOmatic is doing. SEOmatic does its own image transforms on the images. Are you using the latest versions of both?
Comments.UserDisplayName: andrew.welch
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2018-12-11T20:20:45.657Z
Comments.Text: btw, you can inspect the previews on the right there using your browser developer tools. See what URL the `background-image` is set to for the previews. Might give you clues as to what isn't working, and why.
Comments.UserDisplayName: andrew.welch
Tags: <plugin-seomatic><plugin-imageoptimize>
Title: ImageOptomize and SEOmatic - Is Image Variant Required for Social and SEO images?
ThreadText: # ImageOptomize and SEOmatic - Is Image Variant Required for Social and SEO images?
  
  (Asked by: username_0 on 2018-12-04)
  
  Do ImageOptomize and SEOmatic work together - or to be more specific do I need an image variant for the social and SEO images defined in SEOmatic?
  
  * I have been importing content into a News entry.
  * I am defining my image variations using imageOptimize on the News Volume.
  * I have a "meta image" asset field which is being used to serve the SEO and Social Media images to SEOmatic's SEO settings for the entry.
  
  Before installing and using imageOptimize the meta image previews were working fine with SEOmatic in the entry editor. Now they are not getting picked up... do I need to define an image variant that matches the SEO and Meta image sizes?
  
  Also... SEOmatic is such a time saver, I estimate I have saved at least two weeks dev time with this plugin. Thank you Andrew!
  
  [![enter image description here](https://i.sstatic.net/9sh9y.png)](https://i.sstatic.net/9sh9y.png)
  
  **Tags:** plugin-seomatic, plugin-imageoptimize
  
  > **Comments:**
  > **username_1**: So one doesn't really have anything to do with the other... Image Optimize shouldn't interfere with anything SEOmatic is doing. SEOmatic does its own image transforms on the images. Are you using the latest versions of both?  
  > **username_1**: btw, you can inspect the previews on the right there using your browser developer tools. See what URL the `background-image` is set to for the previews. Might give you clues as to what isn't working, and why.  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_2 on 2018-12-11. Score: 4 | Accepted answer
  
  I've used SEOmatic and ImageOptimize together before and never had those issues. SEOmatic should care less about the presence of the ImageOptimize field on the asset and you definitely don't need to specify custom ImageOptimize variants for your SEO/social purposes. SEOmatic grabs the raw image (like you would grab the asset url in the templates) and does its [own transforms](https://github.com/nystudio107/craft-seomatic/blob/66bb72dab898263210960de09c844701a68eceef/src/helpers/ImageTransform.php#L82) to get that image ready for social/SEO use.
  
  My guess is something is incorrectly setup in the Content SEO settings for whatever section the entry you're currently editing exists in. If you still can't figure it out, I'd be curious to see screenshots of those settings...
  
  ---
  
  Also, fwiw, Andrew does provide a very handy [SEO Settings field](https://github.com/nystudio107/craft-seomatic#seo-settings-field) that might be worth considering as a replacement to the setup you've got going on currently. As he mentions in the plugin README:
  
  > Modern SEO works best if it actually reflects what is on the page, visible to the user, so pulling from your page's content will work well in most cases.
  
  So what I've done (and would recommend, though it would mean you would lose your client-friendly field descriptions) is to pull the SEO/social data out of the content of the page and then add the SEO Settings field to that last tab just in case you need to overwrite stuff. For example, rather than adding the asset used as the masthead image and the asset used for SEO/social separately, use the same field for both. Makes it simpler on the client and on you! And then, if and when you do need a different image for the social/SEO metadata, you can use the SEO Settings field.
  
  > **Comments:**
  > **username_0**: Thanks for the help username_2. I worked out it was an issue with my BASE_URL environment variable. However, I'm awarding your answer as it gives some really helpful tips on the SEO field which I have implemented.  
  > **username_0**: I'm almost there... do you have time to answer a few questions regarding image varients in image optimize?  
  > **username_2**: Yeah I’d be happy to! You can either drop them here in the comments or create a new SE question for them if you like and I’ll give them a shot either way (prob easier to do a new question because I won’t have a character limit on my reply but I’ll leave it up to you)...  
  > **username_0**: Ok or would you prefere Slack Craft Group?  
  > **username_2**: That works as well. You can send me a DM...  
  
  ---
  
  