question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

/news search results page doesn't produce Twitter card

See original GitHub issue

Currently the search results page of /news doesn’t have the necessary meta properties to produce a large Twitter card. I think we need an og:image and twitter image property for this. We also need the proper tags so that Twitter can display a summary. I imagine this is also the case with Facebook and LinkedIn. Here’s an example of the card not rendering on Twitter:

https://twitter.com/ossia/status/1242844586357161987

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:10 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
ahmadabdolsahebcommented, Jun 17, 2020

@scissorsneedfoodtoo, would have better context, but the search page is not a regular page.

1reaction
darek-grundcommented, Jun 16, 2020

@ahmadabdolsaheb @ojeytonwilliams - Social metatags can be edited using Ghost Admin Panel. You can set metatags per page/post and Search Page should be no different.

  1. In Admin Panel, go to Pages and click on Search page (yours may have different name). It will allow you to edit that page: image

  2. In top right corner there is setting button, clicking on it will reveal sidebar: image

  3. At the bottom you can set metatags for Facebook and Twitter.

Before we start hacking metatags in template files, please check if you can edit the metatags using Admin Panel. I’ve tested it on my end and it works, so please try it and let me know if it works on your end too. If not, then we will investigate this issue further.

It’s also good idea to set default social media metatags, and it will be used whenever Twitter or Facebook metatags are not set. You can do it in Admin Panel, here: image

Read more comments on GitHub >

github_iconTop Results From Across the Web

Troubleshooting Cards | Docs | Twitter Developer Platform
Troubleshooting Guide. Use this troubleshooting guide to help to identify and resolve commonly encountered issues during Cards development.
Read more >
How to Fix Broken Twitter Card Images in WordPress
Are you seeing broken or missing Twitter card images for your website? Learn how to easily fix broken Twitter card images in WordPress....
Read more >
How to Add Twitter Cards for Your Website (Step by Step Guide)
Looking for the simplest way to show Twitter cards for website? In this post, we'll show you how to use the simplest Twitter...
Read more >
How To Use Twitter Cards For Branding & Local SEO
I've written before about the benefits of using various semantic protocols to improve your search engine optimization efforts.
Read more >
Twitter Image Not Showing When Sharing - WordPress.org
When people use the Jetpack Twitter sharing button, the image doesn't show up. ... Also, please make sure the image meets the requirements...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found