Part of the title of the page is Satılık Audi A3, when clicking send button it seems that there is encoding problem (see picture below). I'm using html 5 and I have the following charset;
<!DOCTYPE html>
<meta charset="utf-8" />
Try using
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
instead
Related
I have been trying to implement open graph protocols on my pages and keep getting errors through the facebook debugger - at first I was getting
Could Not Follow Redirect Path - Circular redirect path detected
and research suggested this could be fixed by making
<meta property = "og:url" content="http://www.mandyevansartist.com/newsletterone/index.html" />
into
<meta property = "og:url" content="http://www.mandyevansartist.com/newsletterone/index.html/" />
(adding the backslash at the end)
but this has created even more errors and dependent on wether I put the backslash on the end of the address when i plug it into the debugger - will not scrape any information at all - at this point i am getting
'URL returned a bad HTTP response code'
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property = "og:title" content="Noahs Ark|Mandy Evans Artist|Newsletter One" />
<meta property = "og:description" content="Noahs Ark is the limited edition print showcased by unique artist Mandy Evans in this first website newsletter" />
<meta property = "og:image" content="http://www.mandyevansartist.com/newsletterone/images/sendinglove1.jpg" />
<meta property = "og:url" content="http://www.mandyevansartist.com/newsletterone/index.html/" />
<meta property = "og:type" content="website"/>
could someone point out what i am missing
It seems that your server is returning with a 301 code. You can see that with the following:
curl http://www.mandyevansartist.com/newsletterone/index.html
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> <html><head> <title>301
Moved Permanently</title> </head>
<body> <h1>Moved Permanently</h1> <p>The document has moved here.</p> </body></html>
Note that you redirect from ...newsletterone... to ...newsetterone.... But, the og:url provided points to newsletterone again, which will cause the crawler to get in a loop.
This is the part that you need to fix.
Since about a week or two the facebook swf embed feature stopped working for my website. I realized that it stopped working for a few websites but was still working for soundcloud.com. After doing some research i was able to pinpoint the issue to a single open graph tag.
A website containing the following does seam to work:
<!DOCTYPE html>
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta charset="utf-8">
<meta content="music.song" property="og:type">
<meta content="http://venc.pl/test.html" property="og:url">
<meta content="Asd - Keygen Music" property="og:title">
<meta content="http://i1.sndcdn.com/artworks-000026602093-dp518o-t500x500.jpg?16b9957" property="og:image">
<meta content="Listen to Asd / Asd - Keygen Music | Explore the largest community of artists, bands, podcasters and creators of music & audio." property="og:description">
<meta content="SoundCloud" property="og:site_name">
<meta content="video" name="medium">
<meta content="98" property="og:video:height">
<meta content="460" property="og:video:width">
<meta content="application/x-shockwave-flash" property="og:video:type">
<meta content="http://player.soundcloud.com/player2.swf" property="og:video">
</head></html>
But the following does not
<!DOCTYPE html>
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta charset="utf-8">
<meta content="music.song" property="og:type">
<meta content="http://venc.pl/test2.html" property="og:url">
<meta content="Asd - Keygen Music" property="og:title">
<meta content="http://i1.sndcdn.com/artworks-000026602093-dp518o-t500x500.jpg?16b9957" property="og:image">
<meta content="Listen to Asd / Asd - Keygen Music | Explore the largest community of artists, bands, podcasters and creators of music & audio." property="og:description">
<meta content="SoundCloud" property="og:site_name">
<meta content="video" name="medium">
<meta content="98" property="og:video:height">
<meta content="460" property="og:video:width">
<meta content="application/x-shockwave-flash" property="og:video:type">
<meta content="http://venc.pl/player.swf" property="og:video">
</head></html>
So it basically boils down to changes in the domain presented in the og:video tag ().
There used to be a whitelist of websites enabled to embed swf on facebook a few years ago. The idea was dropped but I think that Facebook just got back to it.
How can I get in touch with facebook to resolve this issue? If a whitelisting is needed how do I ask for being whitelisted?
I believe the answer to this is that the swf file needs to be on an https link (see how to share a video from my website on facebook like youtube)
I couldn't see an obvious reason for the differences, but am pretty new to coding for facebook friendliness.
I've got a page on my site that shows flickr albums:
http://jpgme.co.uk/sports/index.php?type=sets
At the moment the headers source looks like this:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns:fb="http://ogp.me/ns/fb#" xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<title>Blue Line Ice Hockey Photography - Professional Ice Hockey Photography in Greater Manchester & Beyond</title>
<link href='http://jpgme.co.uk/sports/themes/blackstripe/css/blackstripe.css' rel='stylesheet' type='text/css' />
<link rel='alternate' type='application/rss+xml' title='Blue Line Ice Hockey Photography - Professional Ice Hockey Photography in Greater Manchester & Beyond' href='http://jpgme.co.uk/sports/index.php?type=rss' />
<meta property="fb:admins" content="61401353" />
<meta property="og:title" content="Blue Line Ice Hockey Photography" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://jpgme.co.uk/sports/"/>
<meta property="og:image" content="http://jpgme.co.uk/images/fb.jpg"/>
</head>
But all the facebook scraper can see is:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head><meta http-equiv="content-type" content="text/html; charset=utf-8"></head>
<body>
<div id="leftcontent"></div>
Trying scrapping after document load!
The possible reason is that you are trying to scrap before the whole page load.
Moreover FB using AJAX adds/removes the div as and when required, that can also be the possible problem.
I try to do include multiple og:image meta properties to associate multiple images with my page. According to Facebook's Open Graph protocol documentation, you have only put multiple og:image tags in the html head.
That's what I did but unfortunately it doesn't work.
I would be pleased, if anyone could give me a hint.
Code:
<head>
<meta name="og:title" content="Parents Inc." />
<meta name="og:type" content="website" />
<meta name="og:image" content="http://theparentingplace.automatem.co.nz//images/stories/media/Our%20Speakers/amanda_headshot.jpg" />
<meta name="og:image" content="http://theparentingplace.automatem.co.nz//images/stories/media/Our%20Speakers/bruce_headshot.jpg" />
<meta name="og:image" content="http://theparentingplace.automatem.co.nz//images/stories/media/Our%20Speakers/dave_phoebe_headshot.jpg" />
...
<meta name="og:image" content="http://theparentingplace.automatem.co.nz//images/stories/media/Our%20Speakers/zane_headshot.jpg" />
...
You can see an example page here:
http://pastehtml.com/view/bl3wbdtiu.html
http://pastehtml.com/view/bl3wbdtiu.html
This has
<meta name="og:title" content="Parents Inc.">
which should be changed to
<meta property="og:title" content="Parents Inc.">
You should also add xmlns:og="http://ogp.me/ns#" as a property of your HTML tag too.
<html prefix="og: http://ogp.me/ns#"> or like <html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml">
Further reading can be done: http://ogp.me/ and https://developers.facebook.com/docs/opengraph/
I am trying to make a Facebook share button on my site. Everything goes well except Facebook garbles non-ascii symbols obtained from meta tags. For example:
I am sharing a page with URL http://example.com/facebook/.
The page at http://example.com/facebook/ has the following meta tags inside its HTML:
<head>
...
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
...
<meta name="title" content="John Smith won £10000!" />
<meta name="description" content="Wanna be next John Smith?" />
<link rel="image_src" href="http://example.com/img/logo.jpg" />
...
</head>
The problem is that a pound (£) sign is shown as � symbol in Facebook share pop-in, that's not a desired behaviour.
I would be grateful for any thoughts.
I would recommend replacing the pound-sign with the equivalent entity, i.e. £ = £. You may also need to add a charset definition, e.g. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> In fact, you might be able to get away with just the meta tag -- just put it before the others.