Feeds:
Posts
Comments

Lots of changes lately.  I’ll be posting again soon.  Thanks for hanging on! 🙂

Advertisements

As a REWARD, REASON and THANK YOU for liking CFM’s facebook page, we are offering you the chance to win a $250 Visa Gift Card from Crystal Frog Marketing.

What’s the catch? No catch. Just a simple referral or two. If you know of a business who needs a Web site design or redesign, refer them to us and if they contract our Web design services (any package we offer) we will give you a FREE $250 Visa Gift Card! Win as many reward cards as we get contracts from your referrals. Pretty simple — and lucrative!

Are you the business who needs the Web design? Then we’ll either take $250 off your contract price or give you the $250 Visa Gift Card. It’s your choice! If you need more than one design, we’ll deduct $250 from each design contract or give a $250 reward card for each design project. Again, it’s your choice.

And remember — you can refer more than once and if more than one of your referrals contract with us, you get more than one reward card!

Go here for full details and instructions: http://www.facebook.com/pages/Crystal-Frog-Marketing/114542651913327?v=app_2344061033&ref=ts#!/pages/Crystal-Frog-Marketing/114542651913327?ref=ts or click the link and then go to the “Events” tab.

Welcome!

David Recordon of Facebook has an interesting post titled Why f8 was good for the open web where he talks about how some of Facebook’s announcements at their recent F8 conference increase the openness of the Web. He calls out the following four items as the key benefits to the web as a whole from the F8 announcements

  1. No 24-hour caching limit
  2. An API that is realtime and isn’t just about content
  3. The Open Graph protocol
  4. OAuth 2.0

Of these, the third seems to me to be the most beneficial to the Web as a whole. The first, second and fourth items are really about benefits to Facebook developers. Although I guess you could argue that such a significant service adopting OAuth 2.0 is great for increasing adoption across the Web. However this pales in comparison to the fundamental shifts in thinking introduced by the Open Graph Protocol.

Evolving the Social Graph

The first question is what problem does the Open Graph Protocol solve for Facebook and why are they releasing it?

Figure 1: The Facebook Social Graph in 2006

The original Facebook social graph had a one type of node and edge. The nodes were users and the edges were friend relationships. The operations you could perform on the nodes are also straightforward. How many friends does Jane have? Is Kim a friend of Mary? And so on. As more features were added to the site, new nodes and edges were added to the social graph

Figure 2: The Facebook Social Graph in 2009

Each of these nodes supports similar operations. By counting the number of incoming connections you can tell how many fan’s Justin Bieber has, how many people want to show the world their love for the Ramblin’ Wreck or how many people have added Mary as a friend. However as Facebook tries to model more of our offline world, it is clear that these aren’t the only types of relationships that users can have nor are these nodes the only entities users can have a relationship with. Which brings us to…

Figure 3: The Facebook Social Graph in 2011

The Open Graph Protocol is the first step in allowing Facebook users express relationships with arbitrary social objects. If you aren’t familiar with the concept of social objects, Hugh McLeod wrote a great introductory post on this concept entitled social objects for beginners which is excerpted below

The Social Object, in a nutshell, is the reason two people are talking to each other, as opposed to talking to somebody else. Human beings are social animals. We like to socialize. But if think about it, there needs to be a reason for it to happen in the first place. That reason, that “node” in the social network, is what we call the Social Object.

Example A. You and your friend, Joe like to go bowling every Tuesday. The bowling is the Social Object.

Example B. You and your friend, Lee are huge Star Wars fans. Even though you never plan to do so, you two tend to geek out about Darth Vader and X-Wing fighters every time you meet. Star Wars is the Social Object.

Example C. You’ve popped into your local bar for a drink after work. At the bar there’s some random dude, sending a text on this neat-looking cellphone you’ve never seen before. So you go up to him and ask him about the phone. The random dude just LOVES his new phone, so has no trouble with telling a stranger about his new phone for hours on end. Next thing you know, you two are hitting it off and you offer to buy him a beer. You spend the rest of the next hour geeking out about the new phone, till it’s time for you to leave and go dine with your wife. The cellphone was the social object.

Example D. You’re a horny young guy at a party, in search of a mate. You see a hot young woman across the room. You go up and introduce yourself. You do not start the conversation by saying, “Here’s a list of all the girls I’ve gone to bed with, and some recent bank statements showing you how much money I make. Would you like to go to bed with me?” No, something more subtle happens. Basically, like all single men with an agenda, you ramble on like a yutz for ten minutes, making small talk. Until she mentions the name of her favorite author, Saul Bellow. Halleluiah! As it turns out, Saul Bellow happens to be YOUR FAVORITE AUTHOR as well [No, seriously. He really is. You’re not making it up just to look good.]. Next thing you know, you two are totally enveloped in this deep and meaningful conversation about Saul Bellow. “Seize The Day”, “Herzog”, “Him With His Foot In His Mouth” and “Humbolt’s Gift”, eat your heart out. And as you two share a late-night cab back to her place, you’re thinking about how Saul Bellow is the Social Object here.

There are more examples in Hugh’s post but you get the idea. Social objects had been represented by “fan pages” in the Facebook world but with the Open Graph Protocol, it is now possible for any random website to become a part of Facebook’s social graph. This is a very powerful and liberating concept both from the perspective of what it enables Facebook’s platform to do but also because it gets rid of some ugly forms of lock-in. For example, Robert Scoble would no longer need to maintain a brand presence on Facebook at http://www.facebook.com/scobleizer that is different from his website at http://www.scobleizer.com to stay connected with fans of his blog who are Facebook users.

Turning Web Pages into Social Objects

The process of turning a web page into a social object that Facebook can add to their social graph is very straightforward. From the Open Graph Protocol documentation we learn

To turn your web pages into graph objects, you need to add basic metadata to your page. We’ve based the initial version of the protocol 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., “The Rock”.
  • og:type – The type of your object, e.g., “movie”. 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.imdb.com/title/tt0117500/&#8221;.

As an example, the following is the Open Graph protocol markup for The Rock on IMDB:

<html xmlns:og="http://opengraphprotocol.org/schema/">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="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>

The following properties are optional for any object and are generally recommended:

  • og:description – A one to two sentence description of your object.
  • 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”.

For now Facebook supports a limited set of object types from the following categories; activities, businesses, groups, organizations, people, places, products & entertainment & websites. Once your page is marked up and categorized, the next step is to provide a way for users to add it to their social graph on Facebook. This is done by using adding the Facebook Like button to the page. From then onward, when a user clicks the Like button they become a fan of that page.

Not only is your page added to their profile but you can also send news feed updates to all the people who have liked your page (just like “Fan Pages” can) if you associate the Like button with your Facebook ID. Doing that provides you with an admin page where you can post news feed entries from.

The Return of the Semantic Web

One of the things I find most exciting about this development is that sites now have significant motivation to be marked up with extremely structured data which can then be consumed by other applications. Having such rich descriptive metadata will be a boon to search engines especially those from startups since some of the big guys consider their ability to extract semantics out of HTML tag soup a competitive advantage and have thusfought the semantic web for years.

In the social media space, a few people have focused on the fact that this data is put in place to enable sites to be added to Facebook’s social graph. However there is little reason why other social networking services couldn’t also read the same markup as a way to add those web sites to their social graph. For example, Yelp is one of the sites that now supports the Open Graph Protocol so when I click like the Pro Sports Club it is added to the list of “pages” I’m a fan of on Facebook. However I could just as easily see that being a [Twitter – Like] button which would add the Twitter account for the gym to my following list along with tweeting to my followers that I liked the gym. It would only take adding a markup element to what Yelp is outputting to indicate the Twitter account of the page being liked. With my Windows Live hat on, I can imagine going to Amazon or IMDB and clicking a [Windows Live – Like] button which would add the movie to my list of favorite things. There are a ton of possibilities this opens up in a totally decentralized way without forcing services or users to be locked into a particular social network.

This has been the dream Tim Berners-Lee has been pushing for years and I’m quite surprised to see Facebook being the service to take RDFamainstream. One of the things I’m happiest about is that Facebook chose RDFa for their implementation instead of the much hyped yet weaker solution, microformats. As Evan Prodromou wrote a few years ago in his post RDFa vs. Microformats, RDFa encourages interoperable implementations between organizations and avoids naming collisions via namespacing as opposed to the microformats approach which requires a centralized committee process to add/remove elements from data formats. From my example above, adding support for indicating the Twitter account of a page that implemented the Open Graph Protocol would be as simple as adding an element namespaced to some Twitter URI. That is distributed extensibility in action.

Final Thoughts

This is a very exciting time for the Web. I suspect that this will be another Facebook platform hit that exceeds expectations. The same way no one could have predicted Zynga and Farmville when the Facebook platform first launched is the way I feel we’ll all be surprised at the sorts of things that will be powered by the Open Graph Protocol in the next year or two.

*****  This is an awesome post that I am reposting for you.  You can find it here:  http://www.25hoursaday.com/weblog/2010/04/24/FacebooksOpenGraphProtocolFromAWebDevelopersPerspective.aspx

Need a $250 Visa gift card? Join our fan page for a chance to win: http://bit.ly/CFMFacebookPromotions

Join Crystal Frog Marketing’s facebook fan page and participate to win a $250 Visa gift card: http://bit.ly/CFMFacebookPromotions

Branding refers to naming a business, product or service. A brand will typically also have a logo or design, or several, associated with it.

New, innovative Web designs have taken over the online world.  Regardless of your outlook on social media, the hottest (and most successful) Web designs for Dallas are those that incorporate social media APIs as well as featuring a blog-style layout.  Having social media streams directly on your Web site as well as a blog sitting directly on your Web site with fresh content just can’t be beat.  As the old saying goes, content is king.  Google has proven time and time again that it indexes blog-style Web designs faster than any other.  When you add social media streams in that Google heavily favors, you’ve got a pretty powerful Web design.  If you w want Google’s attention, this is the way to do it.

But how do you know which platforms are proven to be the most effective for this type of Web design?  Let’s take a quick peek at the two heavyweights:  WordPress and Joomla.  Then we’ll go over some other hot Web design Dallas trends to look for this year.

WordPress vs. Joomla

Both WordPress and Joomla offer completely user-friendly content management systems (CMSs).  These CMSs are so easy to use that anyone can utilize and update them, not just professional Web developers.  No HTML knowledge is necessary.

While WordPress is hands down the most SEO-friendly CMS platform available, Joomla’s platform is scalable and can be developed into a SEO-friendly Web design with some work. Joomla is more robust and offers more bells and whistles than WordPress but WordPress can’t be beaten in the blog/SEO world.  Written in PHP using MYSQL, WordPress is the most popular blogging tool in the world.

Web Design Trends for 2010

The Web design trends will change throughout the year.  This is part of what keeps our designers and developers refining their skills and staying on their creative toes.  One of the top Web design trends for this year is the use of oversized logos (we’ve done this one ourselves) to emphasize brand and make your Web site more memorable.  Oversized pictures and graphics are also being used for the same purposes.  They are also intended to entice a user to scroll down and read more, which sets the stage for a longer viewing time.

Interactive Web designs and designs that include video blogs are consistently growing in popularity. So is any type of Web design that incorporates personalization such as a handwritten signature or hand drawn pictures. Typography may also keep its popularity from last year.

Another Web design trend that will only continue to grow is the one-page Web site.  These are growing in popularity among job seekers who wish to post their resumes or their business card and basic information in a simple, easy format, all under a one-page URL.  While many recruiters turn to the Internet to fill positions, the desire for these types of Web designs fills a need for both the job seekers and the recruiters.

Use of color has always had its place with any trend, in any industry.  With Web design, we should expect to see bolder, shocking, attention-grabbing colors.  Many are tossing out the traditional blue for a business Web site and incorporating deep and daring hues as well as fresh, inspiring colors to grab attention and keep the user on the site.

As we mentioned, the social media inclusion into Web design has exploded and it won’t stop.  Use of model boxes through APIs from Twitter and facebook allow Web sites to have dialogue boxes that stream the conversations.  Model boxes have many other uses (such as taking the place of an intrusive pop-up) but their use in incorporating social media streams directly into a Web design is having an incredible growth.

Regardless of the type of Web design for Dallas you may need, we can help.  We can even create that bold flair you may be seeking.  Contact Crystal Frog Marketing, www.crystalfrogmarketing.com , for details.