Advice on images appearing wrong on Twitter

[Jamer]

Hi,

I am still using version 3.4.5 because my host still needs to upgrade their php however, it is probably something simple b

ut when I share a post from our forum to say Twitter for example the IPB icon appears instead of the topic image, (see attachment) can someone please advise why this is happening and what I need to do to fix the problem, any advice would be greatly appreciated.

[Jamer]

Anyone?

[The Old Man]

Hi Jamer,

I had this issue myself in 4.1.x and tracked it down to missing favicon/sharer logos in the theme's settings. I don't remember where the favicon/sharer image settings are located in 3.4.5, perhaps it was just a line in the theme's global template, but as soon as I reuploaded both of mine, the correct sharer image started to appear in the twitter cards again. I think mine got lost following an upgrade. 

I checked your most recent article and it has 86 validation errors including missing and broken HTML tags according to the W3C validation service:

https://validator.w3.org/nu/?showsource=yes&doc=http%3A%2F%2Fwww.herefordvoice.co.uk%2Ftopic%2F2603-censorship-by-the-hereford-times%2F

Looking at the errors several relate to favicon image, so again this could be what the issue is. E.g. You have a missing quote before the URL of the image, fixing that that will address a few of the other errors immediately.

Hope this helps.

20 hours ago, Jamer said:

I am still using version 3.4.5 because my host still needs to upgrade their php

Honestly, ditch your host. That says so much about their mentality and customer service ethic, that I'd be questioning their attitude on other aspects such as server security and whether they deserve your money.

Regards,

Graham

[Jamer]

Thank you Graham I appreciate your response. I will check the favicon and report back. 

[Jamer]

Not having a lot of luck here.

 

Quote

I had this issue myself in 4.1.x and tracked it down to missing favicon/sharer logos in the theme's settings. I don't remember where the favicon/sharer image settings are located in 3.4.5, perhaps it was just a line in the theme's global template, but as soon as I reuploaded both of mine, the correct sharer image started to appear in the twitter cards again. I think mine got lost following an upgrade. 

Can you upload them here perhaps then I will try and work out were I need to upload them too as I am not sure what they look like

[opentype]

You have to change that image via FTP: http://www.herefordvoice.co.uk/public/style_images/soc2/meta_image.png

[Jamer]

2 hours ago, opentype said:

You have to change that image via FTP: http://www.herefordvoice.co.uk/public/style_images/soc2/meta_image.png

Hi, thank you so much for responding, please explain what image I need to replace it with?

[opentype]

Your logo for example. Make sure it’s in the PNG format. 

[Jamer]

2 minutes ago, opentype said:

Your logo for example. Make sure it’s in the PNG format. 

Ah okay, so it will not show the image within a topic then on Twitter? 

Also is there a recommend size for the png logo? 

[Jamer]

Okay I have replaced that image with my logo with the same name, however, I have the same problem but when I click on the url for the image it gives me this ??

 

https://pbs.twimg.com/card_img/923908689362382848/NLOlq4Oj?format=jpg&name=100x100_2

 

[opentype]

You haven’t successfully replaced the image. It still loads the default IPB image:

[PPlanet]

If by any chance you are using Cloudflare, you may want to delete that individual file from cache.

Also, please make sure that the image you want to show and that you have uploaded to your server to replace the IPBoard one, has the same url as the one in the ACP (Settings > General Configuration > Meta tag: image_src)

I've never shared posts directly to Twitter. However, I have a RSS feed that exports all my news to Twitter, in that case Twitter will grab the first image in the post.

 

[Jamer]

9 hours ago, PPlanet said:

If by any chance you are using Cloudflare, you may want to delete that individual file from cache.

Also, please make sure that the image you want to show and that you have uploaded to your server to replace the IPBoard one, has the same url as the one in the ACP (Settings > General Configuration > Meta tag: image_src)

I've never shared posts directly to Twitter. However, I have a RSS feed that exports all my news to Twitter, in that case Twitter will grab the first image in the post.

 

I have checked in the ACP and this is what is in the settings {style_image_url}/meta_image.png

I have renamed my logo to meta_image.png. In the master style images the link in the url now show my logo but I cannot see to get it to appear in my Soc2 theme even though I have overridden the original, I am wondering if I need to change something else for this theme? That said the logo still does not appear when I tweet a topic from the forum, the IPS is still showing and the url is still showing 

https://pbs.twimg.com/card_img/923908689362382848/NLOlq4Oj?format=jpg&name=100x100_2

Any ideas?

[opentype]

You still haven’t replaced the image I pointed you to right from the beginning. 

You replaced this one:

http://www.herefordvoice.co.uk/public/style_images/master/meta_image.png

But you also need to replace this one for your main theme:

http://www.herefordvoice.co.uk/public/style_images/soc2/meta_image.png

 

[Jamer]

5 hours ago, opentype said:

You still haven’t replaced the image I pointed you to right from the beginning. 

You replaced this one:

http://www.herefordvoice.co.uk/public/style_images/master/meta_image.png

But you also need to replace this one for your main theme:

http://www.herefordvoice.co.uk/public/style_images/soc2/meta_image.png

 

I cannot seem to get it to appear in my Soc2 theme even though I have overridden the original, I am wondering if I need to change something else for this theme? I will have again this morning deleted the original and re-upload the renamed logo to Soc2 themes.

[opentype]

3 minutes ago, Jamer said:

I am wondering if I need to change something else for this theme?

No! Just replace the damn file. ;-) That shouldn’t be hard. 

[Jamer]

On 31/10/2017 at 11:25 AM, opentype said:

No! Just replace the damn file. ;-) That shouldn’t be hard. 

I have I have!! I have replaced it and been asked to confirm the replacement 3 times. It does not appear to be overwriting the original for some weird reason. I managed to replace the other themes as you can see but replace this image is Soc2 is not happening. I then deleted the original and uploaded my logo so I cant understand why the original is still there...

I have now completely DELETED the image altogether from the server, it is no longer there. It is there though when I type the url path? It must be caching on the server, maybe if I leave it deleted for 24 hours it will re-cache..

That said, if I change my theme to the Master which now has my logo in situ it should work yes? 

[Jamer]

This is really weird because I deleted this image from the server using ftp yesterday yet is appears to be still showing when you click on this link:

http://www.herefordvoice.co.uk/public/style_images/soc2/meta_image.png

This has to be a cached version, how long does it normally take to flush out? The image just is not there anymore on the server, I ave checked again this morning, any ideas?

[PPlanet]

Sorry, I ask again, you don't use Cloudflare by any chance? Because otherwise you should ask your host if there's something caching your site.

[Jamer]

30 minutes ago, PPlanet said:

Sorry, I ask again, you don't use Cloudflare by any chance? Because otherwise you should ask your host if there's something caching your site.

I think our hosts does use Cloudflare, Okay I will give them a call now and see what they say.

In the meantime, as you can clearly see I have re-uploaded my logo (renamed to meta_image.png) and it is been successfully uploaded as you can see from the date and time, see screenshot below.

[PPlanet]

Because if you or your host uses Cloudflare, you (or your host) will need to login to cloudflare.com select your domain name, then under Cache, you can delete a single file from cache. So, you delete this file there.

[Jamer]

9 minutes ago, PPlanet said:

Because if you or your host uses Cloudflare, you (or your host) will need to login to cloudflare.com select your domain name, then under Cache, you can delete a single file from cache. So, you delete this file there.

RESOLVED! Thank you for this advise however, I still have the same original issue which I did think would be the case.

Please see the screenshot below, when I click share to twitter from the forum as you can see the IPS logo appears next to the article instead on the image from the article. Look at the image next to the beer article below, I need mine to do just that! When I click on the URL of the logo it is:

https://pbs.twimg.com/card_img/923908689362382848/NLOlq4Oj?format=jpg&name=100x100_2

 

[PPlanet]

Yes, as I said, I've never shared anything on Twitter directly from a post like that, so I don't know if that's the normal behaviour. However, I have an export RSS feed with news from some specific subforums. Then using a free service like https://dlvrit.com/ I post the feed to Twitter and in that case it shows the first picture it finds in your post.

[Jamer]

8 minutes ago, PPlanet said:

Yes, as I said, I've never shared anything on Twitter directly from a post like that, so I don't know if that's the normal behaviour. However, I have an export RSS feed with news from some specific subforums. Then using a free service like https://dlvrit.com/ I post to Twitter and in that case it shows the first picture it finds in your post.

I will have a look at your suggestion. Thank you 

[PPlanet]

No worries. Good luck.