I have created this site in WordPress (https://gs4mc.org/) and installed Yoast SEO Plugin.
I have properly implemented meta and OG tags, but when I am posting the above site URL on LinkedIn, the 'Home_main_latest' dummy title is showing.
you can use theses meta tags for LinkedIn, you can even set the website title, description or image.
<meta property='og:title' content='Title of the article'/>
<meta property='og:image' content='//media.example.com/ 1234567.jpg'/>
<meta property='og:description' content='Description that will show in the preview'/>
<meta property='og:url' content='//www.example.com/URL of the article'/>
here is the reference from LinkedIn website
Also use wp-head wordpress hook to add this code in the website.
Happy Wordpress
Please use below URL to get updated title and description from your site in linked share:
https://www.linkedin.com/post-inspector/
you have another option apart from the above one: you can add '?latest' after your site URL
Also, please don't forget to include below code in your header file:
Related
I am using the following Linkedin API for sharing from my application.
https://www.linkedin.com/shareArticle?mini=true&url=XX&title=XXXX&source=XXXXX. I am using open graph meta tags for binding the informations 'title', 'URL', and 'description'. But the description is not working with Linkedin. It is working fine with Facebook share.
Step 1 - Use the Right URL Format
https://www.linkedin.com/sharing/share-offsite/?url={url}
Source: Official Microsoft LinkedIn Share API Documentation.
Step 2 - Set Title, Description, Image using og: Tags..
<meta property='og:title' content='Title of the article'/>
<meta property='og:image' content='//media.example.com/ 1234567.jpg'/>
<meta property='og:description' content='Description that will show in the preview'/>
<meta property='og:url' content='//www.example.com/URL of the article' />
Source: LinkedIn Share Documentation: Making Your Website Shareable on LinkedIn
Step 3 - Check Your Code
Take the URL you are sharing (i.e., example.com, not linkedin.com?share=example.com), and input it into the LinkedIn Post Inspector. You will be told everything that goes into determining how your webpage is shared on LinkedIn.
I created a Wordpress site using Divi Builder
Whenever I share link to Linkedin
I need to remove or edit "Home" title while sharing on LinkedIn as changing front page title didn't work.
That is because of your page name. LinkedIn is taking page name as Title on the post. You can change the page name as if you want other title at the post. You can keep a title matching name any thing by changing the page name.
Go to pages inside admin of wordpress site than edit home page title. Automatically the change will be visible on linkedin post as you put url there.
For this you have to make sure your code complies with Open Graph Protocol(OGP).
And for that you'll have to add some of the following meta tags:
<meta property='og:title' content='Title of the article"/>
<meta property='og:image' content='//media.example.com/ 1234567.jpg"/>
<meta property='og:description' content='Description that will show in the preview"/>
<meta property='og:url' content='//www.example.com/URL of the article" />
And whatever value you add in meta property='og:title', will appear as the title on linkedin.
More info available here: https://www.linkedin.com/help/linkedin/answer/46687/making-your-website-shareable-on-linkedin?lang=en
When using Facebook Sharer, Facebook will not shw the post title and image.
But I add open graph in my site and some post work good and some post not work good.
<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />
in my facebook page we show post like :( http://prntscr.com/h7gwjl )
But I need to show like :( http://prntscr.com/h7gx7e )
As Wizkid say you can use developers.facebook.com/tools/debug for debug your site. You will paste the url in debugger and facebook will clear the cache from your url. If this not work, i suggest you try install a plugin that do this for you.
You can try YOAST SEO.
Here are an article about this.
https://kb.yoast.com/kb/getting-open-graph-for-your-articles/
For example, the URL of a page has the og: <meta property="og:image" content="https://url.com/wp-content/uploads/2016/09/image.png">
If I write that URL in LinkedIn that previous image is shown, but if I write the URL https://url.com/suburl no image is shown, and the og is the same: <meta property="og:image" content="https://url.com/wp-content/uploads/2016/09/image.png">
Why does LinkedIn do that? In fact both pages have the og meta data. What am I doing wrong?
See answer here:
https://stackoverflow.com/a/43567627/3644967
In short, it's likely because you're missing the OG prefix on your page:
<html lang="en-US" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
Either add it manually, or if you're using a WordPress theme, use a plugin like Complete Open Graph to manage that for you:
https://wordpress.org/plugins/complete-open-graph/
So,
I use Advanced Custom Fields on Wordpress to set an featured image that i host on flickr, this way i can query it perfectly in the template i am building.
But this image isn't in the content(text) of the post, so for example Facebook or Twitter or any social media to share posts to don't see this image.
So in posts wherefore i only have one image. Which i show on top of the post as background for the title won't be shown inside the content and therefore social media don't recognize it.
Bullet points:
Wordpress Advanced Custom Fields plugin to add a field to a post where in i paste the url of the picture on flickr.
I can perfectly query the URL and implement it in the template i am building.
But this means that this picture isn't in the post content(text). Therefore social media don't seem to see this picture and don't show a picture if users want to share a article from my website.
I really don't know how to solve this and i hope that somebody has a solution.
English isn't my first language so excuse me in case of any spelling or grammar errors.
I don't really get why you want to host your featured image outside WP or, more specifically, on Flickr... but if you can get its URL via ACF (I guess you're using an URL field) and the issue is Facebook or Twitter doesn't retrieve your image when you share your page, maybe you should implement Open Graph and Twitter Card meta tags.
That's, in your header.php inside <head>:
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="#youraccount" />
<meta name="twitter:creator" content="#youraccount" />
<meta property="og:title" content="The title" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.example.com/your-page" />
<meta property="og:image" content="http://www.example.com/your-flickr-image-url" />
<meta property="og:description" content="Content description..." />