Twitter Card image not show

[GamesNewzCom]

How can i solve that, step by step.

[andypiper]

Add a twitter:image tag.

The documentation for the summary card is here and our Wordpress plugin documentation is here.

[GamesNewzCom]

Twitter plugin has only one field to set username:

I really dont understand how can i add twitter:image tag on wordpress site?

[andypiper]

I believe you’ll have an image added in the card if there is one in your post.

[andypiper]

According to the plugin user documentation there might be an option in the post meta editor to customise the card? I’m afraid I don’t have it installed here to check.

[GamesNewzCom]

There is option, but only for text for Twitter Card:
If i enter information about
Title
and
Description
and update the post.
then go to validator with my post: http://www.healthyfoodst.com/a-perfect-drink-for-speeding-up-metabolism/
INFO: Page fetched successfully
WARN: No metatags found
When i view the source of that post:

<meta name="description" content="Oprah got a perfect drink for speeding up metabolism that help her to clean the body of toxins. This useful drink recipe is from Dr. Oz and contains everyt"/>
<meta name="robots" content="noodp"/>
<link rel="canonical" href="http://www.healthyfoodst.com/a-perfect-drink-for-speeding-up-metabolism/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="A perfect drink for speeding up metabolism - Healthy Foods Tips" />
<meta property="og:description" content="Oprah got a perfect drink for speeding up metabolism that help her to clean the body of toxins. This useful drink recipe is from Dr. Oz and contains everyt" />
<meta property="og:url" content="http://www.healthyfoodst.com/a-perfect-drink-for-speeding-up-metabolism/" />
<meta property="og:site_name" content="Healthy Foods Tips" />
<meta property="article:publisher" content="https://www.facebook.com/healthyfoodst/" />
<meta property="article:tag" content="A perfect drink for speeding up metabolism" />
<meta property="article:tag" content="apple" />
<meta property="article:tag" content="celery" />
<meta property="article:tag" content="cucumber" />
<meta property="article:tag" content="ginger" />
<meta property="article:tag" content="health drink" />
<meta property="article:tag" content="lemon" />
<meta property="article:tag" content="lime" />
<meta property="article:tag" content="metabolism" />
<meta property="article:tag" content="parsley" />
<meta property="article:tag" content="Spinach" />
<meta property="article:section" content="Diet &amp; Weight Loss" />
<meta property="article:published_time" content="2017-03-29T21:16:04+00:00" />
<meta property="article:modified_time" content="2017-03-30T18:10:38+00:00" />
<meta property="og:updated_time" content="2017-03-30T18:10:38+00:00" />
<meta property="og:image" content="http://www.healthyfoodst.com/wp-content/uploads/2017/03/perfect-drink-for-speeding-up-metabolism2.jpg" />
<meta property="og:image:width" content="960" />
<meta property="og:image:height" content="985" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="Oprah got a perfect drink for speeding up metabolism that help her to clean the body of toxins. This useful drink recipe is from Dr. Oz and contains everyt" />
<meta name="twitter:title" content="A perfect drink for speeding up metabolism - Healthy Foods Tips" />
<meta name="twitter:site" content="@HealthyFoodsT" />
<meta name="twitter:image" content="http://www.healthyfoodst.com/wp-content/uploads/2017/03/perfect-drink-for-speeding-up-metabolism2.jpg" />
<meta name="twitter:creator" content="@HealthyFoodsT" />

[icvdm]

I too am having the issue where My page validates fine showing the image I describe in my Meta tag. But when I click the button on the page. The tweet does not display the image nor does it tweet it if I post the tweet.
Here is my page:

I have been struggling with this for a few days now and would buy someone a cup of special coffee if they can help me out! I have checked the troubleshooting guide a few times… I don’t see a problem…
Thanks…

**EDIT
I see the image next to the tweet HERE ABOVE when I embed the URL in this post… ODD… but I do NOT see it nor do my coworkers when we click the link on the page itself…

[GamesNewzCom]

Anyone else who can help? It really helps when you simply add url, and twitter card do the rest of the job, now i need to upload image, write title… Where is the problem with my site?

[postfactually]

Hi, no solution for you. But just wanted to let you know you’re not alone. I’m having similar problems, though in my case sometimes a card shows up but it usually doesn’t (around 1/100 times). Very frustrating since it’s NOT consistent.

[andypiper]

You’re trying to share the link http://www.icvdm.com - there is no twitter:card markup that I can find on that page.

[icvdm]

OK I figured this out . The link you share has to have the meta tag markup at THAT location…
THanks

[icvdm]

Andy I do have another question
I have this Tweet “Button”

I add the text “test” before the share link.

The tweet DOES display the Card image as defined in the Meta Tags, so That’s great.


(Why it does not show in the Tweet box is another question…)
Does the Image ALWAYS link back to the page the tweet button is on?
My meta tag

<meta name="twitter:url" content="http://www.conferencewebcasting.com">

does not list the page - only the FQDN (index.php)
Can the image link somewhere else besides the page the tweet button is on via meta tags?

[icvdm]

Can the image link somewhere else besides the page the tweet button is on via meta tags?

Does anyone know how to do this?

[andypiper]

(Why it does not show in the Tweet box is another question…)

Twitter cards do not show in the Tweet composer. They only show in the final rendered Tweet in the Twitter website and Twitter’s own mobile client apps.

The link will be the URL that you posted in the Tweet (i.e. the /con3webshare.html page you’ve added).

[icvdm]

Twitter cards do not show in the Tweet composer. They only show in the final rendered Tweet in the Twitter website and Twitter’s own mobile client apps.

Thanks Andy! So the link in the tweeted tweet will be the link added. Is there a way to do that without Metatags? Syntax in the URL only?

There is no PREVIEW of an image in any twitter Card? I just want to know the facts so I can clarify with my client.

Thanks again.

[andypiper]

There is a preview in the mobile apps, not on the web.

Cards can only be rendered if there is metadata added to the target URL.

[icvdm]

Metadata in the form of Meta Tags on the page the share lives on? Or can I build that in the tweet share link? I am in a situation where I cant use meta tags within a web app.

[andypiper]

No, it only works if the tags live inside the page at the URL you are sharing. You cannot do this via the Tweet share link, that only provides options for customising the text that is used by default on sharing.

[icvdm]

Understood.

[system]

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.