I want to share my website on my facebook status. But when I write www.site.com it shows me what I wrote as a title when I add to my website to the host. But when I write www.site.com/index.html everything is okay and it shows my website title. How can I fix it? Thanks..
Facebook takes the relevant data to display from the og meta tags you place inside your
In example if you want to set a title you want Facebook to display you would add:
<meta property="og:title" content="My Website Title!" />
Also don't forget to add this:
<meta property="fb:app_id" content="1234567890" />
For the content you can place your facebook_id or facebook_id of your app. It will grant you access to insights and more.
Cheers
Related
Im very new to html and im wondering how to do people do this with their site? https://i.leastrio.net/CVUCo5PIR6.png I would like to do this with my site but im very confused. Thanks!
Technical Background
Many social network such as Discord generate link previews by grabbing the metadata of the web page. Most of the time they grab the following metadata.
<meta property="og:type" content="website">
<meta property="og:url" content="https://linkfork.co/">
<meta property="og:title" content="LinkFork | Link Preview Customization">
<meta property="og:description" content="LinkFork lets you shorten, and customize how your link will appear when shared on social media, for free.">
<meta property="og:image" content="https://linkfork.co/images/poster.png">
So to change this for your website you need to be able to modify the HTML source code. Each social network grabs different metadata. Therefor you need to modify it for the all social network you are targeting.
Easy Solution
One easy solution is using a service that allows you to customize the link preview for any link such as LinkFork. LinkFork will allow you customize the image, title, and description of the link preview. It will generate a shorten link that you can post to any social network and have consistent link preview for all your social media.
I need to make social networks for example facebook.com to display website logo when someone put link on it in post, message or share it. I have googled this question and found that website should have this:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
and
<meta property="og:image" content="https://www.lucida.construction/wp-content/themes/lucida-theme/images/logo_for_sn.png" />
<meta property="og:title" content="Home - Lucida ConstructionLucida Construction" />
but it doesn't give any result. I tried to do this on Facebook and LinkedIn and both of them either not showing an image at all or display some random image and not the logo that I've set in the <meta property="og:image" /> tag.
Website I try to share are http://www.resolutemarine.com and https://www.lucida.construction
Any help appreciated! Thanks!
What you did is correct. I don't know about other social media channels but facebook caches the information of your page. So if have you shared your link before the results are probably cached before you made the change in your code (inserting the og:image part). I don't know when facebook exactly clears it but you can do it manually by using their tool (again).
I tried it with one site of your linked domain and it works for me.
So if you want to test it use their tool. Otherwise you just need to wait until they grab it automatically.
Here is the link to the tool - just enter the url that you want to be crawled again by the bot: Facebook sharing debugger
I tried to share my website sometime and it kept on showing me the website logo, till I had to uninstall all plugging and it still didn't work not knowing it was the All in one SEO plugging that I selected a default image when shared on social media, so if you have AIOS installed, kindly check the settings=> Social Networks and selected the social media you want to change the profile picture if you have it installed
I need to create custom share buttons for Facebook, Twitter and Google +.
At the moment I have the following:
Facebook
facebook
Google
google
Twitter
twitter</li>
This seems to be working. But I still have a few problems:
How to specify the title of the page being sent in each service?
In Google + I there is the following on the url: "confirm?hl=en" ...
If the site is not in English should I change "en" to the site's language?
Thank You,
Miguel
Social networking services look for Open Graph metadata when a page is shared. To specify what this data is, you have to include the meta tags in the head of your page. The following should be your bare minium tags to include. For the rest, google them and you will find them easily enough:
For the page title:
<meta property="og:title" content="Title Here" />
For the URL
<meta property="og:url" content="http://www.example.com/" />
For the image that is typically displayed when someone shares a page to their wall:
<meta property="og:image" content="http://example.com/image.jpg" />
Description text that is generally included when someone shares a page:
<meta property="og:description" content="Description Here" />
However, I'm not exactly sure what "confirm?hl=en" does, but if you want to tell a search engine to crawl a site in a different language, then you can do so with the locale property.
That's a bit more complicated, though. Check out this article for more info on internationalization.
https://developers.facebook.com/docs/opengraph/guides/internationalization/
We have a site that has already been shared and liked on facebook before. This site has changed and we want to display a new logo, a new title and a new description when it is shared or liked on facebook, but it still displays the old information, even if the old title, description and image are no longer on the site.
We have tried adding the flowing code in the head but it doesn't work:
<link rel="image_src" href="image of the page" />
<meta property="og:title" content="title of the page" />
<meta property="og:site_name" content="name of the page" />
<meta property="og:image" content="image of the page" />
Even with this code facebook keeps on showing the old information, is as if facebook has a cache that needs to be updated.
Any ideas on how to update this information?
Thanks!
Try linting the website url in the debugger. It should re-scrape with the new parameters.
When i paste a link to my website i would like facebook to grab certain images from my website to show. How do i do this?
i tried adding this right below my title tag but it doesnt seem to work, nothing shows
<link rel='image_src' type='image/jpeg' href='http://www.url.com/myImage.png'>
regards,
alexander
You can use the facebook "Open Graph" meta data protocol.
<meta property="og:image" content="http://www.url.com/myImage.png" />
Full Documentation