complete HTML virgin 3 weeks ago but have managed to stumble along and get my site up and running to an ok standard but im having problems with fb intergration, fb like looks like it should, comments posting as they should but on debug i get the following....
Scrape Information
Response Code 200
Fetched URL http://shropshireradio.com/
Canonical URL http://ShropshireRadio.com/
Object Properties
fb:app_id 149188391870835
og:url http://ShropshireRadio.com/
og:type website
og:title Streaming Shropshire DJs
og:image
og:description music of all genres under 1 roof
og:updated_time 1331952439
Raw Open Graph Document Information
Meta Tag <meta property="fb:app_id" content="149188391870835" />
Meta Tag <meta property="og:type" content="website" />
Meta Tag <meta property="og:url" content="http://ShropshireRadio.com" />
Meta Tag <meta property="og:title" content="Streaming Shropshire DJs" />
Meta Tag <meta property="og:description" content="music of all genres under 1 roof" />
Meta Tag <meta property="og:image" content="http://i1067.photobucket.com/albums/u437/ShropshireRadio/ShropshireRadio.jpg" />
Redirect Path
original http://shropshireradio.com/
og:url http://ShropshireRadio.com/
Final URL is in bold (this is the URL we tried to extract metadata from).
I can see above that it doesnt look right but cant match it up to my code to see whats wrong!! any help appreciated!! Cheers
I've had to change 2 urls fetched and cononical to post this in my script it is correct
The content attribute for the meta tag with property "og:type" should be something from this list currently you have it as the url for your site.
the prefix attribute of your head tag should be this
og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#
also, you should change the data-href attribute of your fb:like tag from http://www.facebook.com/ShropshireRadio.comTeam to http://shropshireradio.com/
Related
For most keywords google search results point to main page of my website (like example.com). But I would prefer google to point to pages with stuff specific for the keyword (i.e. keyword "product1" pointed to example.com/product1.html). Pages for specific products are well optimized for the adequate keywords, but results point to main page.
Is it any way to change that?
UPDATE:
My site is about window blinds. I've got main page that contains a general information (i.e. example.com) and many other pages that contain specific information (i.e. example.com/roller_blimds.html). If someone types "roller blinds" in google search box at this moment in results there is link to main page (example.com), and I would prefer it was a link to file connected to rollers: example.com/roller_blinds.html.
I'm not sure if i got your point correctly, but here's some help.
First of all i would like you to try search for Paraleb on google.
This is my own website, and here's the search result
http://i.stack.imgur.com/obXGL.png
As you can see it has the main domain/directory paraleb.com listed at the top, and below it there are subpages, like About, Clients, Contact us, Work.
What i did here is not that hard, i just used metatags on all pages, but make sure to use different keywords and description for each page.
(ex: in the html code of the contact us/or your product's page, but the meta description, a breif description about your product, its title, and the relevant keywords).
Helpful meta-tags i'm using:
<title>Paraleb | Creative Digital Agency</title>
<meta name="description" content="Creative Digital Agency">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="#paraleb">
<meta name="twitter:title" content="Home">
<meta name="twitter:description" content="Creative Digital Agency">
<meta name="twitter:creator" content="#Paraleb">
<meta name="twitter:image" content="/static/img/social/twitter_360.png">
<meta property="og:title" content="Home" />
<meta property="og:type" content="article" />
<meta property="og:url" content="" />
<meta property="og:image" content="/static/img/social/facebook_og_720.png" />
<meta property="og:description" content="Creative Digital Agency" />
<meta property="og:site_name" content="Paraleb" />
My Facebook sharing plugin does not work right for this blog post page at https://www.tradesumo.com/Home/LearningsFromLaunchingAStartupWhileAtUniversity at the bottom of the page under "Like our blog post? Share this with your friends!" When I try to share it, it loads up our error page (you will see lots of pandas) instead of the specified image and the right title and description.
I don't understand why this isn't working coz the code we used is pretty similar to what I used for https://www.tradesumo.com/Home/Blog where the FB social sharing icon is working fine, and propagating the right things from the meta tags of that view.
Just FYI, the following are the meta tags and code for the FB sharing plugin respectively, for the blog and the blog post:
BLOG:
#section AdditionalMeta
{
<meta name="robots" content="noindex,nofollow"/>
<meta property="og:type" content="website" />
<meta property="og:title" content="TradeSumo | Blog" />
<meta property="og:image" content="~/Scripts/Landing/assets/img/custom/meta.jpg" />
<meta property="og:url" content="https://www.tradesumo.com/Home/Blog" />
<meta property="og:description" content="Latest news, updates and events about TradeSumo." />
}
<li><img src="~/Scripts/Landing/assets/img/flat_web_icon_set/color/Facebook.png"></li>
BLOG POST:
#section AdditionalMeta
{
<meta name="robots" content="noindex,nofollow"/>
<meta property="og:type" content="website" />
<meta property="og:title" content="TradeSumo | Learnings From Launching A Startup While At University" />
<meta property="og:image" content="~/Scripts/Landing/assets/img/blog/startupweekend1.jpg" />
<meta property="og:url" content="https://www.tradesumo.com/Home/LearningsFromLaunchingAStartupWhileAtUniversity" />
<meta property="og:description" content="People always ask me what launching a tech startup while studying or working is like. It is definitely possible as long as you have a committed team with a united vision." />
}
<li><img src="~/Scripts/Landing/assets/img/flat_web_icon_set/color/Facebook.png"></li>
Would be great if someone could tell me why it is wrong.... I also tried debugging the plugin through the URL at https://developers.facebook.com/tools/debug/og/object?q=https%3A%2F%2Fwww.tradesumo.com%2FHome%2FLearningsFromLaunchingAStartupWhileAtUniversity but dunno what is the problem!
I discovered that the problem was with the image meta tag. It needs to have the full URL:
<meta property="og:image" content="https://www.tradesumo.com/Scripts/Landing/assets/img/blog/startupweekend1.jpg" />
rather than this:
<meta property="og:image" content="~/Scripts/Landing/assets/img/blog/startupweekend1.jpg" />
Somehow the plugin cannot find the image and returns an error page coz of the image. It is weird that I have to treat the blog and blog post views differently for the image meta tag, coz I used the latter meta tag for the blog view and it works okay, and both the blog and the blog post views reside within the same Home Controller, so by right, they SHOULD work the same way. Anyway, problem fixed!
I used the iframe to add the like button to my website
and after read many questions/answer related with my issue I add to the HEAD:
<meta property="og:image"
<meta property="og:title" content="EL SUR TAMBIEN ES AMERICA"/>
<meta property="og:url" content="http://elsuresamerica.weebly.COM/"/>
<meta property="og:type" content="website" />
I debugged it and get:
"More Than One OG URL Specified:
Object at URL (my web site) of type 'website' is invalid because it specifies multiple 'og:url' values: (my web site), (my web site)"
I don't understand what that means. I am not a developer, just a writer and I'm getting crazy with this. Please I need help to show a thumbnail in FB when the like button is clicked.
Thanks!
If that is the original code, I'd first see if it is because the 1st meta tag is not closed ;-) Try adding /> to the end of the 1st line
I have the following -
href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.projectpulse.tv"
For some reason it goes to some other website. I have set my title tag, meta description and title tag, thinking that's what it looks for, but I still get the dotster website to show up when I share. I am not sure if I'm missing something else, could someone help?
Thanks!
You want to look into the og:tags. These are tags that help Facebook decide what image and what text to be displayed when sharing content.
You can read more about OpenGraph, the tags and how to use them here:
OpenGraph Protocol
The tags themselves look something like this:
<meta property="fb:app_id" content="YOUR_APP_ID" />
<meta property="og:type" content="YOUR_NAMESPACE:recipe" />
<meta property="og:title" content="Stuffed Cookies" />
<meta property="og:image" content="http://example.com/zhen/cookie.jpg" />
<meta property="og:description" content="The Turducken of Cookies" />
<meta property="og:url" content="http://example.com/zhen/cookie.html">
Once you have implemented the og:tags and provided the correct content to the tags you can head on over to the Facebook Debugger. This tool will show you exactly how Facebook views your URL. If it finds properties missing, or any other related errors, it will also tell you what is wrong.
I'm trying to publish check-ins to places that aren't available on Facebook. I created a sample web page for a sample place and added the open graph metadata, but Facebook doesn't recognize my "og:type" correctly; it always crawls my page as an "og:type" "website", which marks my place-related metadata (e.g. latitude, longitude, city) as extraneous properties and, consequently, makes my page ID as an incorrect ID for a check-in.
My question is: how can I make my web page "represent" a place in "Facebook compliant" open graph metadata? How can I make a web page that is a valid check-in place?
This is the og metadata that I'm using:
<html version="XHTML+RDFa 1.1" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="pt" lang="pt" dir="ltr">
<head>
<title>A Bateira</title>
<meta content="http://farm5.static.flickr.com/4152/5095614606_f6620d7b54.jpg" property="og:image" />
<meta content="40.643696" property="og:latitude" />
<meta property="og:type" content="cafe" />
<meta content="-8.655696" property="og:longitude" />
<meta property="og:street-address" content="Cais dos Botiroes" />
<meta property="og:locality" content="Aveiro" />
<meta property="og:region" content="Aveiro" />
<meta property="og:postal-code" content="3810" />
</head>
Best Regards,
P.
You can't currently write checking to Open Graph Places (i.e URLs)
At the moment you can check a user in to a Facebook place by POSTing to:
https://graph.facebook.com/me/checkins?place_id=FACEBOOK_PLACE_ID&access_token=TOKEN&coordinates=COORDS_JSON_OBJ
See: https://developers.facebook.com/docs/reference/api/user/ You need the publish_checkins permission for this.
This may change in the future, as checkins are becomming an annotation of the post object.
In the meantime, you can create a custom Cafe object and a custom Checkin action and post your own custom checkin actions to your own custom lat/long-tagged objects