Having difficulty articulating this question, so your patience is much appreciated. Below is a link to one of my blog posts. When I attempt to share this blog on Facebook (for example), the open graph meta tags are pulled through just fine. When I attempt to share this link via linkedin, the title and link are pulled, but the blog thumbnail image fails to show up.
https://www.lightspeedmarketing.com/may-4th-musings-star-wars-day/
When I check the pagesource, I see that the meta tags are pulling all the correct data, and the image link is there:
<meta property="og:image"
content="https://www.lightspeedmarketing.com/wp-
content/uploads/2017/05/Maythe4th_639x300.png"/>
I am using the WPSSO plugin for wordpress to help me with social tags.
I am happy to provide more context if I can. Any ideas would be much appreciated.
Thank you.
Related
I perfectly followed the following links, but I'm still not able to make the og thumnail from my website show up.
https://www.linkedin.com/help/linkedin/answer/46687/making-your-website-shareable-on-linkedin?lang=en
https://developer.linkedin.com/documents/setting-display-tags-shares
My website: https://maximumrepair.be
Here follow the screenhots that I took:
The LinkedIn example
My code
Thank you very much for your help!
I am trying to find some information about how to render/display Open Graph Meta Tags on my Wordpress page.
What i found there is a lot of data how to set up this for social media,
Open graph meta tags
but nothing how to read and display in Wordpress.
What i want to do is to render/display news/article and display in the same way as twitter card but on my Wordpress page.
example. i have link - http://www.bbc.com/news/av/world-us-canada-42589965/explosion-as-two-planes-collide-in-toronto-pearson
WP reads link meta and display it similar way as on twitter
https://twitter.com/BBCWorld/status/949624397182234625
Any idea how to do this?
I hope that there is a way to do this in PHP and WP.
Thank you for help and resources.
Best
I'm using Facebook opengraph API in my html page meta tags.
I've given the url of the image in the og:image property, but when I share the page in FB, it's not showing the image.
But, after the first time, when I share the article again, the image appears.
Can any one explain why it is happening?
When I share the same article in whatsapp it is showing the image for the first time only.
Thanking you in advance.
Facebook has a cache of scraped links, and the first time you're sharing the link, the image isn't available in FB cache.
You can use the FB precaching tool to "force" a first scrape of your page, or you can add og:image meta tags to your page:
<meta property="og:image:width" content="300"/>
<meta property="og:image:height" content="300"/>
Read the link above for more information about FB sharing.
Be sure to check how FB "see" your page using the debugger.
We have built a website in wordpress and have implemented social share icons (Twitter/FB like/G+/...) using the AddThis plugin.
When I FB like an article, the article is displayed in my FB profile wall but with wrong title (e.g instead of displaying example.com in my wall it's displaying example sample blog)
I have checked the meta tag fb:app_id and id is correct.
I have used debug tool to check the meta tag are read properly by FB and is correct.
http://developers.facebook.com/tools/debug
Found no help in FB forum or in google.
Appreciate urgent help.
Thanks in advance.
My main idea is that when i do a google search on my company's info, it keeps showing the latest post made. I would like to make the info the same everytime i do a google search. That will definitely show a good image of my company. I am using wordpress to run my company's website. I need some guidance on this... Thanks... Please pardon me if this is a stupid question. If there is other ways of doing this, instead of using wordpress, do tell me... Will be very happy to hear some suggestions...
This is a great question, and I think that there are a couple ways you could do it.
The first way that came to mind is to use your site's meta description on your home page. Your meta description is the 156 characters that appear in black letters underneath your site title in the search results.
If you want your meta description to be static and unchanging, just like LinkedIn, you can set your meta description without any coding knowledge using Yoast's Wordpress SEO Plugin. After you install it, edit your home page in Wordpress Admin and set the meta description to be your desired text. You can set the meta description for every page on your site, and each one will display the corresponding description in the search results.
If you want your meta description to be the latest post, you will either need to change the meta description for the homepage manually every time you write a new post, or you could write up some code to automatically generate the meta description from the first 156 characters of your latest blog post.
But, there is a second method that might work better. For an example site, I did a Google search for CSSTricks.com. Notice that it appears that Google is automatically pulling in their latest post without them having to do any hoopla with the meta description.
So, I went to CSSTricks using Google Chrome and did a right-click -> Inspect Element to view the source of the web page, to see how they were doing it. (You may need to open the below image in a new tab or save it to your computer to be able to read the code, because it is so small)
They do not have any meta description on their site, but they are using the HTML5 article tag. It appears that Google is pulling in the first p tag nested inside the article tag, and then displaying that as the black text in place of the meta description. So theoretically, if this is indeed how it works, what you need to do is write the markup of your home page so that it displays the post content using the article tag with a nested p tag, just as they have done.
Hope this helps!