Sharing website URL via Apple Messages includes wrong graphic

[Ubele]

I manage my wife's life coaching website: https://koaleaf.com. She has shared the link before with people using Apple Messages, usually from her iPhone. In the past, the link was accompanied by the Koa Leaf logo at the top of the page. When she sent the link yesterday, it picked up a JPG graphic from further down the page, which happens to be the logo for the place she got her coaching certification. This is how it looks in Messages:

I tried it on both my iPhone and my Mac, using both Safari's Share feature and just pasting the URL into Messages. I have the latest versions of macOS, iOS, Safari, and WordPress. The Artist of the Spirit logo is, of course, in my WordPress Media library, along with many other images. The image isn't specified anywhere else in the WordPress settings, though, and I don't know what Messages looks for when it picks the image to include with a URL. Any ideas?

 

[arn]

Pretty sure Apple messages uses "og:image" meta tag when available, which other services use too. You can see even our forum software picks it up:

Life transformation for women • Koa Leaf home

Hi, I'm Pam! I specialize in life transformation for women, and I'll help you become the best version of yourself that you can be.

koaleaf.com

Your og:image is set to: https://koaleaf.com/wp-content/uploads/2018/12/artist-of-the-spirit-logo-300x50.png

    <meta property="og:image" content="https://koaleaf.com/wp-content/uploads/2018/12/artist-of-the-spirit-logo-300x50.png"/>

You need to change it to the image you want. You must have an add-on that is setting that in Wordpress.

arn

 

[Ubele]

Thanks, Arn! It looks like this happened with the last update of Yoast SEO. Yoast didn't formerly include an image -- just the URL and the tag line. There was no place to explicitly change the image, so I did some experimenting. The Artist of the Spirit and Warrior Goddess logos and Pam's signature were images embedded into Text elements. Yoast apparently picked the first embedded image it found on the page. I moved the Artist of the Spirit logo into an Image element, and Yoast picked up the Warrior Goddess logo. I moved that into an Image element, and Yoast picked up Pam's signature. I moved that into an Image element, and Yoast finally chose the Koa Leaf logo in the header, which is what I want.