How to specify an image to appear in facebook link to your site?

html facebook image
31,123

Solution 1

<link rel="image_src" href="/path/to/image.jpg" / >

Solution 2

There is also a new format

<head>
    <meta property='og:image' content='http://yoursite.com/INSERT_YOUR_IMAGE.jpg'/>
</head>

More details here and here. Also the facebook share docs as posted by eliah on this page.

Share:
31,123
Jason Kester
Author by

Jason Kester

Updated on October 19, 2020

Comments

  • Jason Kester
    Jason Kester over 3 years

    Silly question: Seeing as how Facebook will automatically sniff out images from a website when somebody links to it, is there any way to give Facebook a hint as to which image you'd prefer be used from your site? Currently, the logo image that I'd like to appear doesn't even show up in the list that Facebook generates.

    Any ideas?

  • nealmcb
    nealmcb over 8 years
    Be careful about the details, e.g. it doesn't seem to like relative URLs. You can check your metadata via Facebook's Debug page: developers.facebook.com/tools/debug/og/object

Recents

Why Is PNG file with Drop Shadow in Flutter Web App Grainy?
How to troubleshoot crashes detected by Google Play Store for Flutter app
Cupertino DateTime picker interfering with scroll behaviour
Why does awk -F work for most letters, but not for the letter "t"?
Flutter change focus color and icon color but not works
How to print and connect to printer using flutter desktop via usb?
Critical issues have been reported with the following SDK versions: com.google.android.gms:play-services-safetynet:17.0.0
Flutter Dart - get localized country name from country code
navigatorState is null when using pushNamed Navigation onGenerateRoutes of GetMaterialPage
Android Sdk manager not found- Flutter doctor error
Flutter Laravel Push Notification without using any third party like(firebase,onesignal..etc)
How to change the color of ElevatedButton when entering text in TextField

Related

Background Image won't show up in CSS unless I load an image using the <img> tag in HTML
How to display a dart:html file image in Flutter web?
Can we convert PDF into image using flutter in order to show thumbnail of the file?
local flutter asset image not showing in html widget
Assets Images not rendering in flutter-ios. How to render local asset-images inside html <img src...> tag in flutter without using webview?
How to render image using HTML, CSS using flutter to create iOS-App?
Facebook Share Dialog image doesn't show
facebook iframe App: Send/Like button z-index issue
Hover image enlarge using css, in front of other images
Adding Facebook Like button to fan page