The latest websites that I designed lately are www.visamind.com and www.gotthecoupon.com. There been lot of changes in the designing technologies. I love to do design websites using CSS, AJAX and PHP. As an animator using scripts made me easy to apply some animations while designing websites. At the recent times designed some more marketing sites for www.ekaminteractive.com, www.lugguagebagsdeals.com, and also personal site like www.sureshnaidu.com.
Below is an example of technology which is an interaction between websites and social media allows developer the technical design decisions.
There are many different technologies and schemas exist and may combined together, but there is no such a single technology which provides complete information to richly represent any web page within the social media graph. OGP helps to implement all these technologies together at once.
Below is an example of technology which is an interaction between websites and social media allows developer the technical design decisions.
An Introduction to OGP
Open Graph protocol (OGP) is an updated option that enables any web page to become rich object in social graph. This is used on Facebook in instance to enable any web page to have the same functionality as a Facebook Page.There are many different technologies and schemas exist and may combined together, but there is no such a single technology which provides complete information to richly represent any web page within the social media graph. OGP helps to implement all these technologies together at once.
metadata
Here are the four required properties of tags for every page to turn your web pages into graph objects :og:title
- Title e.g., "Animation"og:type
- Object, e.g., "Movie"-
og:url
- URLe.g., "http://www.sureshnaidu.com/title/tt0117500/". og:image
- Image URL
<html xmlns:og="http://ogp.me/ns#">
<
head>
<
title
>
The Rock (1996)
<
/title
>
<
meta property="og:title" content="The Rock" /
>
<
meta property="og:type" content="movie" /
>
The recommended object properties are optional and in general
<
meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" /
>
<
meta property="og:url" content="http://www.imdb.com/title/tt0117500/" /
>
...
<
/head
>
...
<
/html
>
og:description
- One or two sentence description of your object.og:site_name
- If the object in your site is part of a larger web site, the name which should be displayed for the overall site. e.g., "IMDb".
Visit the sitehttp://ogp.me/schema for more specifications and details on RDF schema (which relates the Open Graph Protocol to other schemas)<
meta property="og:type" content="actor" /
>
<
meta property="og:description" content="Surseh Naidu Entrepreneur animation and Character Designer." /
>
<
meta property="og:site_name" content="IMDb" /
>
No comments:
Post a Comment