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.

Hi people, what is wrong in my code? image and title doesnt shows <div> <Helmet> <meta property="og:image" content={article.image} /> <meta property="og:title" content={article.title} /> </Helmet> <FacebookShareButton url={itechs.info${url}}> <div className="share-icon"> <img src={require('../../../lib/img/fb-icon.png')} alt="facebook-share-icon" /> </div> </FacebookShareButton> </div>

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:5

github_iconTop GitHub Comments

1reaction
aautiocommented, Feb 21, 2018

When the Facebook bot crawls your site it should see the definitions. Depending on your setup it might be your index.html.

Have you tried https://developers.facebook.com/tools/debug/ to debug your page? Can you share a link to it?

0reactions
mirik999commented, Apr 11, 2018

Sory for a long time , aautio, i cant set. (( i attach 3 screenshot , maybe i did mistake. screenshot_4 screenshot_2 screenshot_3

Read more comments on GitHub >

github_iconTop Results From Across the Web

Open Graph image - the OG image - what it is and how to use it
An Open Graph image is created by a website owner - the image fits onto a Facebook post when shared and encourages users...
Read more >
How to use Open Graph images & why you need them
An open graph image or OG image is the image that appears when you post a link to a web page or video...
Read more >
What is Open Graph and how can I use it for my website?
og:image : This should be a link to an image that you'd like to represent your content. It should be a high resolution...
Read more >
The Open Graph protocol
og:image - An image URL which should represent your object within the graph. og:url - The canonical URL of your object that will...
Read more >
Open Graph: Create Eye-Catching Social Media Snippets
OG: type to indicate the type of object you're uploading (article, video, etc). <meta property="og:type" content="article" /> · OG: image for the ...
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