Ask Question Forum:
Model Library:2025-02-08 Updated:A.I. model is online for auto reply question page
C
O
M
P
U
T
E
R
2
8
Show
#
ASK
RECENT
←
- Underline
- Bold
- Italic
- Indent
- Step
- Bullet
- Quote
- Cut
- Copy
- Paste
- Table
- Spelling
- Find & Replace
- Undo
- Redo
- Link
- Attach
- Clear
- Code
Below area will not be traslated by Google,you can input code or other languages
Hint:If find spelling error, You need to correct it,1 by 1 or ignore it (code area won't be checked).
X-position of the mouse cursor
Y-position of the mouse cursor
Y-position of the mouse cursor
Testcursor
caretPos
Attachment:===
Asked by bongii
at 2024-08-09 00:05:23
ModifyPoint:500 Replies:16 POST_ID:828717USER_ID:11614
Topic:
Facebook;;Hypertext Markup Language (HTML)
Hi.
Facebook dosen´t show the share image I have specified in head:
<meta property="og:image" content="http://triudstyr.dk/grafik/artikler/co2.jpg"/>
What have I done wrong?
The page url: http://triudstyr.dk/artikel/hvilken-co2-pumpe-skal-jeg-vaelge
Facebook dosen´t show the share image I have specified in head:
<meta property="og:image" content="http://triudstyr.dk/grafik/artikler/co2.jpg"/>
What have I done wrong?
The page url: http://triudstyr.dk/artikel/hvilken-co2-pumpe-skal-jeg-vaelge
Expert: duncanb7 replied at 2024-08-09 04:08:31
I don't either
Author: bongii replied at 2024-08-09 04:05:36
Ok, I just made the change. Nothing...
Maybe I should give up, but I don´t understand it dosen´t work.
Maybe I should give up, but I don´t understand it dosen´t work.
Expert: duncanb7 replied at 2024-08-09 03:59:58
Author: bongii replied at 2024-08-09 03:57:14
I didn´t get: put it in html tag instead of head tag
? What do you mean?
? What do you mean?
Accepted Solution
Expert: duncanb7 replied at 2024-08-09 03:44:41
500 points GOOD
from site of ogp.me it mentioned as follows
http://ogp.me/
<html prefix="og: http://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>
put it in html tag instead of head tag
http://ogp.me/
<html prefix="og: http://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>
put it in html tag instead of head tag
Author: bongii replied at 2024-08-09 03:42:34
DONE. Nothing changed.
Expert: duncanb7 replied at 2024-08-09 03:33:10
Author: bongii replied at 2024-08-09 03:05:49
Still same: http://triudstyr.dk/artikel/hvilken-co2-pumpe-skal-jeg-vaelge
If I parse it into Facebook, it dosen´t show the chosen picture.
My meta is now as you wrote duncanb7
If I parse it into Facebook, it dosen´t show the chosen picture.
My meta is now as you wrote duncanb7
Expert: duncanb7 replied at 2024-08-09 01:48:50
I look into http://facebook.com 's code, it just put those tag only below for you reference
and they don't put http-equiv="content-type
<meta charset="utf-8" />
<meta property="og:site_name" content="Facebook" />
<meta property="og:url" content="https://www.facebook.com/" />
<meta property="og:image" content="https://www.facebook.com/images/fb_icon_325x325.png" />
and they don't put http-equiv="content-type
<meta charset="utf-8" />
<meta property="og:site_name" content="Facebook" />
<meta property="og:url" content="https://www.facebook.com/" />
<meta property="og:image" content="https://www.facebook.com/images/fb_icon_325x325.png" />
Expert: duncanb7 replied at 2024-08-09 01:37:06
Sorry, your editing meta tag is okay
Expert: duncanb7 replied at 2024-08-09 01:30:37
Do you know how to use web broswer debugging tool on Firefox ?
If so, go to web develop---> "Error console" on FF
See what is error that related to the image from Facebook
and you should be aware of those error for your site with the image
DUncan
If so, go to web develop---> "Error console" on FF
See what is error that related to the image from Facebook
and you should be aware of those error for your site with the image
DUncan
Author: bongii replied at 2024-08-09 01:20:59
webshaun: campaign-icon is an id used by mailchimp :)
duncanb7: I´ve just added all the meta properties, but nothing happens. I´ve tried serveal browsers :/
<meta property="og:image" content="http://triudstyr.dk/grafik/artikler/co2.jpg"/>
<meta property="og:image:url" content="http://triudstyr.dk/grafik/artikler/co2.jpg"/>
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
duncanb7: I´ve just added all the meta properties, but nothing happens. I´ve tried serveal browsers :/
<meta property="og:image" content="http://triudstyr.dk/grafik/artikler/co2.jpg"/>
<meta property="og:image:url" content="http://triudstyr.dk/grafik/artikler/co2.jpg"/>
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
Expert: duncanb7 replied at 2024-08-09 00:43:00
<meta property="og:image" content="http://example.com/ogp.jpg" />
//Optional
<meta property="og:image:secure_url"content="https://secure.example.com/ogp.jpg" />
//==========
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
You need to set image type, width, height for your broswer
If still not okay, try one more
<meta property="og:image:url" content="http://example.com/ogp.jpg" />
What broswer are you using ? It happen for all type of broswers
Duncan
//Optional
<meta property="og:image:secure_url"content="https://secure.example.com/ogp.jpg" />
//==========
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
You need to set image type, width, height for your broswer
If still not okay, try one more
<meta property="og:image:url" content="http://example.com/ogp.jpg" />
What broswer are you using ? It happen for all type of broswers
Duncan
Expert: Shaun Rieman replied at 2024-08-09 00:27:41
I don't see <img id="campaign-icon" src="http://yourimagelocation.com/image.jpg"> in your source code. Maybe I'm missing something.
Author: bongii replied at 2024-08-09 00:23:20
I allready did. Look in the page html, everything seems right ;:/
Expert: Shaun Rieman replied at 2024-08-09 00:07:08
I see what you are trying to do. Try this. http://kb.mailchimp.com/article/how-can-i-choose-the-image-thumbnail-that-shows-up-on-facebook
