Is it possible when integrating with the save to foursquare api to use only Open Graph Data?
The foursquare API states:
In order for the Save to foursquare button to work on your site, your site should include hCard or OpenGraph location metadata so that foursquare knows which place your web page is referring to.
However when I load my page with the following data:
<head>
<meta property="og:latitude" content="40.707992194260186"/>
<meta property="og:longitude" content="-74.05560369801627"/>
<meta property="og:street-address" content="222 Jersey City Blvd."/>
<meta property="og:locality" content="Jersey City"/>
<meta property="og:region" content="NJ"/>
<meta property="og:postal-code" content="07305"/>
<meta property="og:country-name" content="USA"/>
</head>
as per https://developers.facebook.com/docs/opengraphprotocol/
I get "No matching venues were found for this page." from https://foursquare.com/business/brands/offerings/savetofoursquare/tester
I believe I should receive the following venue: https://foursquare.com/v/liberty-science-center/4bf2e2fa6991c9b66e9f29e9
You have to give some additional information (see required Open Graph fields), esp. a title:
<meta property="og:title" content="Liberty Science Center" />
<meta property="og:type" content="landmark" />
<meta property="og:latitude" content="40.707992194260186" />
<meta property="og:longitude" content="-74.05560369801627" />
<meta property="og:street-address" content="222 Jersey City Blvd" />
<meta property="og:locality" content="Jersey City" />
<meta property="og:region" content="NJ" />
<meta property="og:postal-code" content="07305" />
<meta property="og:country-name" content="USA" />
<meta property="og:phone_number" content="201-200-1000" />
This should point to Liberty Science Center.
Related
So yeah I think the title says it all here, but if you google the url of my github.io page (krewn.github.io) the first link is the repo, the second link is the commit history and then third is my github.io page... As of right now my meta tags are as follows:
<title>Kevin Nelson</title>
<!-- Standards !-->
<meta charset="utf-8"><!-- html5 version of http-equiv="Content-Type"... -->
<meta name="description" content="The personal web page of Kevin Nelson 11/16/93">
<meta name="keywords" content="developer programming code script ">
<link rel="author" href="https://plus.google.com/u/0/+KevinNelsonBrewster" />
<link rel="canonical" href="https://krewn.github.io/" />
<!-- For Google !-->
<meta itemprop="name" content="Kevin Nelson">
<meta itemprop="description" content="The personal web page of Kevin Nelson 11/16/93">
<meta itemprop="image" content="https://krewn.github.io/ApophysisOutPuts/Origin/adbgPostPost.jpg">
<!-- For Facebook !-->
<meta property="og:url" content="https://krewn.github.io/">
<meta property="og:image" content="https://krewn.github.io/ApophysisOutPuts/Origin/adbgPostPost.jpg">
<meta property="og:description" content="The personal web page of Kevin Nelson 11/16/93">
<meta property="og:title" content="Kevin Nelson">
<meta property="og:site_name" content="krewn io">
<meta property="og:see_also" content="https://krewn.github.io">
<!-- For Twitter !-->
<meta name="twitter:card" content="The personal web page of Kevin Nelson 11/16/93">
<meta name="twitter:url" content="https://krewn.github.io">
<meta name="twitter:title" content="Kevin Nelson">
<meta name="twitter:description" content="The personal web page of Kevin Nelson 11/16/93">
<meta name="twitter:image" content="https://krewn.github.io/ApophysisOutPuts/Origin/adbgPostPost.jpg">
EDIT:: Obviously there is no button to press to tell Google how to order their results, but any input on how to make it more likely that my page appears first when the URL is searched would be great. For example would putting the URL in the description help?
You don't.
Google determines the rankings for a particular query using their own proprietary algorithms.
I'd like to enable my Bigcommerce website for Rich Pins in Pinterest. What are the appropriate meta tags to do this?
The above is incorrect, it should actually be as follows:
<meta property="og:type" content="product" />
<meta property="og:price:amount" content="%%GLOBAL_ProductPrice%%" />
<meta property="og:price:currency" content="USD" />
<meta property="og:availability" content="in stock"/>
Below are the rich pins meta tags that you can put it in your Bigcommerce template
File. product.html
just after %%Panel.HTMLHead%%
<meta property="og:type" content="product" />
<meta property="product:price:amount" content="%%GLOBAL_RetailPrice%%"/>
<meta property="product:price:currency" content="AUD" />
<meta property="og:availability" content="in stock"/>
All others tags are already provided from BigCommerce Template
in HTMLhead.html file
%%GLOBAL_AdditionalMetaTags%%
But if something is missing here is the full list you can use in addition to above.
<meta property="og:site_name" content="YOURSITE.COM" />
<meta property="og:title" content="%%GLOBAL_ProductName%%" />
<meta property="og:url" content="%%PageContent%%" />
<meta itemprop="description" content="%%ProductDescription%%" />
<meta property="og:image" content="%%GLOBAL_ThumbImageURL%%"/>
Unfortunately, neither will work if you load additional products on your page, for example with "Related" or "Recently Viewed" blocks as it will load the last product on the page as the product price.
Instead you can use the Schema.org Semantic Markup option instead.
The following code at the bottom of my productdetails.html page passed the Pinterest validator.
<div itemscope itemtype="http://schema.org/Product">
<meta itemprop="name" content="%%GLOBAL_ProductName%%" />
<meta itemprop="image" content="%%GLOBAL_ThumbImageURL%%" />
<meta itemprop="description" content="%%Page.MetaDescription%%">
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="price" content="%%GLOBAL_ProductPrice%%">
<meta itemprop="priceCurrency" content="USD" />
<meta itemprop="availability" itemtype="http://schema.org/ItemAvailability" content="http://schema.org/InStock" />
</div>
</div>
<!DOCTYPE html>
<html lang="en-US"
xmlns:fb="http://ogp.me/ns/fb#" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:image" content="http://www.98quotes.com/wp-content/uploads/2013/11/mysis2-300x300.gif"/>
<!-- This site is optimized with the Yoast WordPress SEO plugin v1.4.22 - http://yoast.com/wordpress/seo/ -->
<title>sister love1 - 98Quotes</title>
<link rel="canonical" href="http://www.98quotes.com/sister-love1/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="sister love1 - 98Quotes" />
<meta property="og:description" content="Search TagX on Google View all posts tagged as Tagx Find TagX related info in WikiPedia I love my sister Your sister isn’t always your blood relation. Sometimes it’s that close friends who understands you, loves you and has always got your back. If you have a loving sister or someone in your life you …" />
<meta property="og:url" content="http://www.98quotes.com/sister-love1/" />
<meta property="og:site_name" content="98Quotes" />
<meta property="article:tag" content="I Love You" />
<meta property="article:tag" content="Sister" />
<meta property="article:section" content="Relationship" />
<meta property="article:published_time" content="2013-11-07T12:20:10+00:00" />
<meta property="og:image" content="http://www.98quotes.com/wp-content/uploads/2013/11/mysis2.gif" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:domain" content="98Quotes"/>
<!-- / Yoast WordPress SEO plugin. -->
my page head is as above.. but still google+ unable to fetch content, though it fetch the image. Can any body tell me what is the reason for it.
The +Snippet description/preview is now only displayed on Google+ if you use interactive shares.
how to define the static pricing in new payment system and how to pay?
I defiened the price (defiend "USD"). But I use sterling to pay , it return error that is 'Sorry, there was a problem and we can’t complete your request. Please try again later'.Please tell me how to deal with it.
Thanks.
<head prefix=
"og: http://ogp.me/ns#
fb: http://ogp.me/ns/fb#
product: http://ogp.me/ns/product#">
<meta property="og:type" content="og:product" />
<meta property="og:title" content="Golds" />
<meta property="og:image" content="http://****/icon_box_1.png" />
<meta property="og:description" content="Coins!" />
<meta property="og:url" content="http://****/product.html" />
<meta property="product:price:amount" content="0.1"/>
<meta property="product:price:currency" content="USD"/>
</head>
Set up Win 8 Metro Tiles as instructed on Microsofts - http://www.buildmypinnedsite.com but they just don't work for me. My site is http://themixtapesite.com
Here is my header code with the tags in place, all other tags for other things work, all my Apple related code works fine.
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="format-detection" content="telephone=no">
<link rel="apple-touch-icon-precomposed" href="http://assets.themixtapesite.com/images/touch-icon-iphone.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://assets.themixtapesite.com/images/touch-icon-ipad.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://assets.themixtapesite.com/images/touch-icon-iphone-retina.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://assets.themixtapesite.com/images/touch-icon-ipad-retina.png" />
<title><?php wp_title( '|', true, 'right' ); ?></title>
<meta name="description" content="<?php rb_excerpt('rb_excerptlength_widget', 'rb_excerptmore'); ?>">
<meta name="viewport" content="width=device-width; initial-scale=1.0;
maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="application-name" content="TMS"/>
<meta name="msapplication-TileColor" content="#000000"/>
<meta name="msapplication-TileImage" content="http://assets.themixtapesite.com/images/15024da5-9803-4120-af3f-e8b2636c5eba.png"/>
There doesn't seem to be anything wrong with the code, you view the source and its there, but Win 8 and microsofts site don't read any of the 3 tags, title, colour or image. Must be something to do with my theme, but what could it be?
First off can you remove the extra viewport tag. There is no need to have two is there?
Also your page seems to have unclosed tags. Maybe this is causing it not to show?
http://validator.w3.org/check?uri=http%3A%2F%2Fthemixtapesite.com.
Fix those two then get back to me. I'm sorry but I'm too much of a noob to comment directly to you.
For the tileColor and tileImage to show up you have to pin to the start screen it from the metro (tile) version of Internet Explorer (ie9+).