Showing posts with label Open Graph protocol. Show all posts
Showing posts with label Open Graph protocol. Show all posts

Sunday, April 21, 2013

Facebook Mobile Gets Major Upgrades Including Mobile Open Graph, Better Logins & “Facebook Technology Partners”


Today at Mobile DevCon (Facebook’s Mobile Developer Conference) some major announcements were unleashed that will change the way that apps interact with Facebook. Of course, Facebook integration within mobile apps is more important than it ever has been. According to a statement released from Facebook, over 81% of top 100 grossing iOS apps and 70% of top 100 grossing Android apps integrate with Facebook. The changes are quite large for mobile developers including Open Graph integration with an Object API, better logins & Permissions and the creation of “Facebook Technology Partners.”

Object API

There is a new way for developers to integrate Open Graph data using Object API. Instead of hosting webpages with open graph tags, Object API will properly mobilize Open Graph. In addition to Object API, an Object Browser has been announced that will allow users to easily view object data.

Object-API
Object API will work with both mobile apps and mobile Web. A full tutorial has been released in conjunction with the announcement to help developers with integration. A new SDK has been released for iOS (SDK 3.5) and can also be downloaded today.

Native Sharing

Gone are the days when users were required to login to Facebook in order to post from an app. The new Native Share Dialog allows app users to share from an app (Open Graph data included) seamlessly without any interruption.
Native-Sharing
The Native Share Dialog is available today for limited iOS apps.

FasterLogin Dialogs

A major speed enhancement has been given to Facebook’s logins. Users will be able to login 20% faster, and no code changes are required for devs.

Login-Dialog

Facebook Technology Partners

Lastly, Facebook officially launched Facebook Technology Partners to help other developers integration with other innovation. These partners offer SDKs, plugins and tools to help build great social apps.
Facebook-Technology-Partners


(via)

Thursday, March 14, 2013

Use Open Graph Meta Protocol So Your Content Looks Great When Shared



Open Graph Meta Protocol
The Open Graph meta protocol enables any web page to become a rich object in a social graph. For example when you paste a URL into the “update status” box on Facebook you usually see some content automatically show up. There’s a thumbnail, title, URL and description. This content is pulled from meta data on the webpage. If that meta data isn’t specifically declared using this Open Graph protocol then Facebook (or LinkedIn, Google+, etc.) takes a guess.

When you don’t specify Open Graph meta the result can be less than ideal

For example MITX is a professional organization in the marketing, technology and creative industry space. They have a great event coming up that will feature one of the Pandora founders.
Its not a very friendly URL, but that’s a different topic:http://mitx.org/events/event_detail.aspx?id=a0e4cfe8-9018-4f61-9979-8ec2323a07ce
mitx-event-page

On the page there is a nice photo of Tim Westergren, the Chief Strategy Officer & Founder, Pandora. There’s a title, description etc. But you can see when you paste that URL into Facebook the results are not ideal.
mitx-share-fb
The title automatically appears “MITX – Events – Event Detail” and the URL is the main site URL. There is no option for a thumbnail. Ideally you would want the Event title; or even a call to action “Meet Tim Westergren, the Chief Strategy Officer & Founder, Pandora” and in the description “Exclusive talk on April 10th at the Paypal offices in Boston…”. If the photo could be a Pandora and Paypal logo with Tim’s headshot that would help attract some eyeballs.
The combination be much more likely to get clicks, additional shares and registrations.
Keep in mind if I’m hitting the share button on my phone, via another site or app I may not be able to edit the title or anything. The better these properties are optimized the more likely shared content will reach more people.

How Open Graph meta works

So how can you make sure your content looks amazing when its shared on social networks? You just need to add some special Open Graph tags to your pages.
Basic Metadata
To turn your web pages into graph objects, you need to add basic metadata to your page. The protocol is based on RDFa which means that you’ll place additional <meta> tags in the <head> of your web page. The four required properties for every page are:

  • og:title – The title of your object as it should appear within the graph, e.g., “Meet Tim Westergren, the Chief Strategy Officer &amp; Founder, Pandora”.
  • og:type – The type of your object, e.g., “event”. Depending on the type you specify, other properties may also be required.
  • og:image – An image URL which should represent your object within the graph.
  • og:url – The canonical URL of your object that will be used as its permanent ID in the graph, e.g., “http://www.mitx.com/event/pandora-founder-breakfast-talk-april/”.
Adding these additional tags and a custom Open Graph meta thumbnail image here’s how the MITX event would look when shared on Facebook.
mitx-event
The following properties are optional for any object and are generally recommended:
  • og:audio – A URL to an audio file to accompany this object.
  • og:description – A one to two sentence description of your object.
  • og:determiner – The word that appears before this object’s title in a sentence. An enum of (a, an, the, “”, auto). If auto is chosen, the consumer of your data should chose between “a” or “an”. Default is “” (blank).
  • og:locale – The locale these tags are marked up in. Of the format language_TERRITORY. Default is en_US.
  • og:locale:alternate – An array of other locales this page is available in.
  • og:site_name – If your object is part of a larger web site, the name which should be displayed for the overall site. e.g., “IMDb”.
  • og:video – A URL to a video file that complements this object.

More Options

There’s lots more types of Open Graph meta that can be uses. Movies, books, authors, products all have properties that can be defined using the Open Graph schema – Learn more here: http://ogp.me/
You can use the Facebook debugger tool to see if your page has the required Open Graph meta tags.

For WordPress

We use a plugin for WordPress called Open Graph Metabox that allows you to set the Open Graph meta for pages and posts.
og-pluginUsing the Open Graph meta on your web content will also ensure the pages are displayed properly in search engine results. Of course Facebook will usually grab your regular search meta data for titles and descriptions and images from your page but why leave it up to chance. Make it really easy for people to share your content, you never know how far it can go.

Saturday, August 11, 2012

5 Ways to Improve Social Engagement in Mobile Apps


social-apps-mobile


1. Be Innately Social

Many websites and apps ask the question “How do we get social?” The notion of getting social seems as nonsensical as a radio program asking “how do we become more television?”
Social is an entity in and of itself. Apps that are inherently social are typically far more likely to proliferate than their peers.
A truly social app is one that will rely heavily/entirely on a friend-connected experience in order to have a positive experience. It may seem subtle, but it requires a paradigm shift that can radically alter the nature and delivery of the application.

2. Use Facebook Connect

Facebook Connect is one of the most powerful login tools available and a near-necessity for social/mobile apps. Facebook’s authentication process is one of the most secure and trusted login mechanisms. More importantly, a Facebook Connect login button sets a specific expectation that the user is entering a social app.
Additionally, Facebook Connect allows developers to access a user’s friend’s data. Think of how difficult it would be to find friends in apps such as Draw Something and Words With Friends with out this vital piece of functionality?
Throughout our development process, we’ve found that users are typically far more likely to heavily use, promote, and share our content if they are logged in through Facebook. As a result, we now try to discourage email sign up by:
  • Communicating to users that they’ll be able to easily find friends.
  • Reassuring users that we won’t spam their activity feed.
We also try to visually promote this idea by giving the Facebook log-in the BOB treatment (“big orange button”)

3. Open Graph: Just Because You Can Doesn’t Mean You Should

App developers are consistently faced with the following challenge: should we post to a user’s timeline? Auto-posting is a double-edged sword and a tool that should be used with extreme caution.
The argument for automatically posting to user’s activity feed is simple: friends of the user will see the feed and instantly be exposed to the brand, which can go a long way in accelerating adoption rate. Sometimes, it can be just that simple.
However, it’s important to remember that a Facebook post is a means of self-expression. An app that posts on behalf of a user can end up negatively impacting the image of a brand and the reputation of its user. This is commonly referred to as “hating your customer.”
I can think of no more perfect example than when apps such as Yahoo News or Social Cam post expose the exact articles or videos their users have consumed (a friend of mine was mortified when he realized his entire social network now knows he spends mornings reading articles such as “Faith Hill without Makeup!”).
Social apps rely on the notion of being “cool.” How cool can you really be if you’re openly taking advantage of your users to gain market share?

4. Promote Social Sharing in Logical Places

Instead of making the user a victim of activity spam, empower the user by providing ideal opportunities to share within the app.
Instagram hits it out of the park. After a user uploads and filters a photo, the user is then presented with a series of call-to-actions enabling them to share in varying social networks. This creates a win-win for both the user and Instagram:
  • The user enjoys the experience and builds trust with the application.
  • Instagram benefits from extending the user to self-select images that their Facebook or Twitter audiences will enjoy.
instagram-mobile-sharing

5. Foster In App Communication Between Friends

It’s becoming perfectly clear that Facebook and Twitter are going to be mega-platforms that will bridge connections with other smaller networks. It’s easy to overlook communication methods, but these niche networks have the power to transmogrify into large-scale interest-based hubs.
Create a more socialized experience by allowing friends to communicate in the following ways:
  • Active communication: Chat enabled, image sharing, sending playlists, like/thumbs-up/heart something.
  • Passive Communication: Receive activity updates using news feeds and push notifications.
It’s important to remember that — as a social app — you are nothing more than a tool or excuse for people to connect. Don’t ignore the wonderful uniqueness of the relationships that will be forged within the app!

Conclusion

Every app is going to have entirely different audience profiles. It’s important to focus group early adopters/evangelists to understand and serve the social features they crave.
Additionally, don’t be afraid to ask the hard questions like “what do you hate?” Be sure to tailor the communication methods and touch points to the psychographics of your audience.

(via)

Sunday, April 8, 2012

Why a Social Conversation Calendar is Essential


When Managing a Social Channel like Facebook, whether it be for your Brand or one that you manage, putting to task a Conversation Calendar can be an invaluable tool. One that is not utilized enough in Social Media Management because it is often deemed as not necessary.

Here are 4 reasons for implementing one:
It’s a Way of Keeping Your Facebook Business Page Organized and Structured
It always helps to have a structure to your Facebook Business Page – not only does it help to keep it more organized and looking professional, it keeps your Facebook Fans coming back for your engaging content; they know what to expect and when to expect it. If they saw something engaging on a Tuesday and you have told them that there will be similar or continuing content the following Tuesday – they will be looking out for it and coming back.
It Sets Your Fan’s Expectations and ‘Cliff-Hangers’ Keep Them Coming Back
If your Brand Page’s user enjoys a particular post on a Tuesday, let them know that there will be another installment next Tuesday, and leave them wanting more. Maybe it is a video series of how to make the perfect coffee. Don’t give them everything in one day; maybe talk about the coffee beans on the first Tuesday, how to prepare the milk on the second and how to put it all together on the third… etc. Make a prize available for the best tasting coffee? If they come down to your store on the 4th Tuesday, make their coffee and it is judged by a tasting panel…etc.
It Helps You to Plan Resources to Keep the Facebook Conversation Going
Social Media Management sites (Hootsuite, Sendible, etc.) or and firm like Builditz.com can schedule the types of posts for the different days; much easier to plan with a Conversation Calendar. But the most important task is to keep the conversation going (talking and answering questions from your Fans after their interest has been ignited with your engaging posts).
The key here is – if you know that your Tuesday post is most popular, you know you should assign someone to monitor for that day to talk with your Fans, or at least get your best Facebook Jockey on the case! A SMM firm like Builditz would already have a Campaign running and would be monitoring accordingly.
It Enables You to Analyze Your Audience and Post Timings More Accurately
Keeping your posts organized and topics assigned to each day makes their impact easier to measure. You can compare this Tuesday with last Tuesday and assess what impact things like post times or frequency has. If your content is similar each Tuesday, but you tried adjusting the times of your post over last week you can say that it was the timings that made the difference – not the content. Use Facebook Insights to measure and analyze this or consult your SMM firm; Builditz is always available to help with SMM Campaign tactics and uses.