garmeeh / next-seo

Next SEO is a plug in that makes managing your SEO easier in Next.js projects.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Missing twitter tags

nephlin7 opened this issue · comments

Please add missing twitter tags to improve SEO score.

Thanks for next-seo is amazing and simple to use.

captura de pantalla 2018-11-09 a la s 8 24 14 p m

Hey @nephlin7, Twitter will read the og:image, og:title and og:description tags for their card so there is no need to duplicate the tags.

Out of curiosity, is this Twitter's tool that is warning they are missing?

I have updated the README to be more clear on this -> #17

Out of curiosity, is this Twitter's tool that is warning they are missing?

thank u @garmeeh for write back. tools name is seotesteronline.com

commented

I think adding twitter tags might be a good idea because there might be a website or service that only looks for twitter tags and don't support open graph.

I got the same issue. Could we generate the twitter tag as well for title and description?
It is hard to test it as online tools report errors.

I can confirm that Twitter is not picking up on og:image.
Website here: https://danburzo.github.io/webcolors-cmyk/
Tweet here: https://twitter.com/danburzo/status/1141399032893444096

Hey @danburzo, for og:image to work correctly it I think it needs full URL. So if you update the og:image to be https://danburzo.github.io/webcolors-cmyk/_next/static/images/webcolors-cmyk-7b43c2261f57a631ef7378568830e972.png it should work correctly.

Please let me know if that doesn't do the trick.

Ooh, I was not aware of that! Thanks for the pointer :) Seems to be working now.

Hi there, thanks for NextSEO, it's been a god-send for Facebook-shareable blogs i'm doing.

I do seem to be having some problem with NextSeo giving images to Twitter cards though.

I've tested on their Card Validator and it passes.

image

But sharing a link to my site on actual Twitter shows no image. I've got a full URL for the image in there. Very puzzling.

commented

Is this still relevant? If so, what is blocking it? Is there anything you can do to help move it forward?

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

This is still an issue. We have a marketplace site and I want to be able to post links to the listings on twitter and have twitter display the social card. The social cards do not work properly on Twitter without the twitter meta tags. You can easily reproduce this using Facebooks and Twitters social card debug tool. The social card is properly generated for facebook, but not for Twitter.

Link: https://skwirl.io/listings/838

Twitter validator: https://cards-dev.twitter.com/validator
FB debugger: https://developers.facebook.com/tools/debug/?q=https%3A%2F%2Fskwirl.io%2Flistings%2F838

I don't want to share a link to the image on Twitter because I want the link to go to the link to purchase the item.

You can try an eBay link on the Twitter validator to see how it should look: https://www.ebay.ca/itm/363493311444

is this issue still releavent? in my site's source i can see og:title and so but no twitter ones?

Technically Twitter does state that they fallback to open graph tags if applicable Twitter tags are not found:

twitter:title = og:title
twitter:description = og:description
twitter:image = og:image
twitter:image:alt = og:image:alt

Source:
https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/markup

So technically Twitter themselves have openly "softly deprecated" those 4 tags in favor of Open Graph.

So any seo tool that says that your meta tags are wrong because you are missing twitter:title even though you have og:title, are wrong according to Twitter's docs.

What I'm trying to get at is that the current code is correct implementation is correct, and Twitter docs back that up.

Would other parsers still read those 4 Twitter tags? Possibly, but those parsers should be updated after Twitter themselves softly deprecated those 4 tags.

I'm still hitting this issue 4 years later - instead of assuming what Twitter fallbacks are, why not add the meta tags behind the scenes?

@gordicaleksa Same here 🥲

I've actually solved it. In my case I was missing robots.txt in the root of my website, Twitter bots couldn't fetch the image (which was on my website). Inspecting the website I made: https://www.hubermantranscripts.com/ you can see that twitter pulls the image and other missing meta tags from OG indeed.

See the official twitter docs here.

FWIW, I fixed it on my site, https://www.climatetechlist.com by manually adding the following tags, adding robots.txt didn't fix anything (could be a temporal thing):

<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:title" content="ClimateTechList: Software jobs at high-growth climate companies"/>
<meta property="twitter:image" content="https://www.climatetechlist.com/og/index.png"/>

This was hard to test because twitter's card validator has been removed, so I just created a side account to test this.

A few things to note- when you first tweet a link, the preview will show up like this
image

after a few seconds, the actual preview will show up
image

@garmeeh , I'm not sure if you're tracking the activity on this issue, but I would like to let you know that at least as of 09 Oct 2023 the issue with twitter really using twitter:image etc does exist.