42
Intro : Facebook page VS open graph 1 - The concept behind the protocol 2 - Open Graph tagging & Impacts 3 - Combining OG Tags + FB tags = FB page 4 - Ressources 5 - The OpenGraphy tools features Outro : how to start with open graph?

Open Graph tagging ou comment optimiser son site pour Facebook

Embed Size (px)

DESCRIPTION

OpenGraphy is the number one application to succeed on Facebook using your website, open graph and custom social plugin built for your site and your official facebook page. Découvrez comment optimiser votre site pour Facebook en utilisant l'open graph et les social plugins de Facebook comme le like button. OpenGraphy a développé une application permettant aux entreprises de tirer profit au maximum des bienfaits de l'open graph. Domptez ces nouvelles opportunités avec l'application opengraphy pour les pros du marketing social.

Citation preview

Page 1: Open Graph tagging ou comment optimiser son site pour Facebook

Intro : Facebook page VS open graph

1 - The concept behind the protocol2 - Open Graph tagging & Impacts3 - Combining OG Tags + FB tags = FB page 4 - Ressources5 - The OpenGraphy tools featuresOutro : how to start with open graph?

Page 2: Open Graph tagging ou comment optimiser son site pour Facebook

Optimize your website for facebook

Page 3: Open Graph tagging ou comment optimiser son site pour Facebook

OFFICIAL

FBPAGES

YOUR WEBSITE

Your presence on Facebook

www.opengraphy.com © 2011

Page 4: Open Graph tagging ou comment optimiser son site pour Facebook

Facebook on your site

OPEN GRAPH

& SOCIALPLUGINS

YOUR WEBSIT

E

www.opengraphy.com © 2011

Page 5: Open Graph tagging ou comment optimiser son site pour Facebook

The Open Graph concept> A protocol for all the social networks

www.opengraphy.com © 2011

Page 6: Open Graph tagging ou comment optimiser son site pour Facebook

RICH OBJECTS

WEBSITEPAGES

WEB INDEX

SOCIAL GRAPH

Key definition

www.opengraphy.com © 2011

SPIDERS & LINKS

USERS & LIKES

Page 7: Open Graph tagging ou comment optimiser son site pour Facebook

www.opengraphy.com © 2011

2 - Open graph optimization = Tagging

<html xmlns="http://www.w3.org/1999/xhtml"

xmlns:og="http://ogp.me/ns#" >

<head>

<title>The Rock (1996)</title>

<meta property="og:type" content="movie"/>

<meta property="og:title" content="The Rock"/>

<meta property="og:description" content="A group of U.S. Marines, under command of a renegade general, take over Alcatraz and threaten San Francisco Bay with biological weapons."/>

<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>

<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>

<meta property="og:site_name" content="IMDb"/>

Page 8: Open Graph tagging ou comment optimiser son site pour Facebook

www.opengraphy.com © 2011

Open graph tags are retrieved when you interact

Page 9: Open Graph tagging ou comment optimiser son site pour Facebook

OG TAGS are propulsed everywhere on FB

USER WALLPOST // FRIENDS NEWSFEED

AUTO-SUGGEST SERP PROFILE INFO TAB

www.opengraphy.com © 2011

Page 10: Open Graph tagging ou comment optimiser son site pour Facebook

www.opengraphy.com © 2011

Og:type determines where your pages are listed

Info TAB of your likers

Page 11: Open Graph tagging ou comment optimiser son site pour Facebook

RICH OBJECT

Choose the right OG:type

www.opengraphy.com © 2011

Page 12: Open Graph tagging ou comment optimiser son site pour Facebook

Use all tags available to improve interactions

www.opengraphy.com © 2011

PLAY

Page 13: Open Graph tagging ou comment optimiser son site pour Facebook

Not readable without basic open graph tags

NOT OK

www.opengraphy.com © 2011

Page 14: Open Graph tagging ou comment optimiser son site pour Facebook

www.opengraphy.com © 2011

Google tags are not sufficient

No default image

Page 15: Open Graph tagging ou comment optimiser son site pour Facebook

OPEN GRAPH PAGES

3 - OG Tags + FB Tags = FACEBOOK PAGE

www.opengraphy.com © 2011

Facebook PAGES

FB ADMIN TAGS

Page 16: Open Graph tagging ou comment optimiser son site pour Facebook

OPEN GRAPH PAGES

Knowledge

www.opengraphy.com © 2011

KNOWLEDGE

PUBLIC INFO ACCESS

Page 17: Open Graph tagging ou comment optimiser son site pour Facebook

OPEN GRAPH PAGES

You know the public info of your fans

www.opengraphy.com © 2011

Page 18: Open Graph tagging ou comment optimiser son site pour Facebook

OPEN GRAPH PAGES

Generate interactions with your visitors

www.opengraphy.com © 2011

INTERACTIONS

SOCIAL PLUGIN

Page 19: Open Graph tagging ou comment optimiser son site pour Facebook

Your visitors can like and comment

www.opengraphy.com © 2011

OG Tags are used in the comment

box

Page 20: Open Graph tagging ou comment optimiser son site pour Facebook

OPEN GRAPH PAGES

Follow your social statistics

www.opengraphy.com © 2011

STATISTICS

FACEBOOK INSIGHTS

Page 21: Open Graph tagging ou comment optimiser son site pour Facebook

Insights for webpages

www.opengraphy.com © 2011

Page 22: Open Graph tagging ou comment optimiser son site pour Facebook

OPEN GRAPH PAGES

Administer your pages

www.opengraphy.com © 2011

SEND UPDATES

ADMIN PAGES

Page 23: Open Graph tagging ou comment optimiser son site pour Facebook

Get access to symetric Admin pages

www.opengraphy.com © 2011

Page 24: Open Graph tagging ou comment optimiser son site pour Facebook

.. Where you can send free updates

www.opengraphy.com © 2011

Page 25: Open Graph tagging ou comment optimiser son site pour Facebook

www.opengraphy.com © 2011

… visible in the newsfeed of your likers

Page 26: Open Graph tagging ou comment optimiser son site pour Facebook

OPEN GRAPH PAGES

ADVERTISING

www.opengraphy.com © 2011

SOCIAL ADSPAID TRAFFIC

Increase your reach with FB ADS

Page 27: Open Graph tagging ou comment optimiser son site pour Facebook

www.opengraphy.com © 2011

Social Ads redirect performing traffic

Page 28: Open Graph tagging ou comment optimiser son site pour Facebook

www.opengraphy.com © 2011

FB Admin Tags to take control

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">

<head> <meta property="fb:admins" content="USER_ID1,USER_ID2"/><meta property="fb:app_id" content="1234567"/>

Page 29: Open Graph tagging ou comment optimiser son site pour Facebook

www.opengraphy.com © 2011

4 - Ressources

1. OFFICIAL OPEN GRAPH DOChttp://www.ogp.me

2. FACEBOOK OPEN GRAPH DOChttp://developers.facebook.com/docs/opengraph/

3. FACEBOOK URL LINTERhttp://developers.facebook.com/tools/lint/

Page 30: Open Graph tagging ou comment optimiser son site pour Facebook

www.opengraphy.com © 2011

Where to start ? Use the OpenGraphy Free tools

Page 31: Open Graph tagging ou comment optimiser son site pour Facebook

www.opengraphy.com © 2011

OpenGraphy Pro offer : Tools and consulting

ENHANCE open graph on your site with our consultancy teamCustom domain app development

ANALYZE your performance with the OpenGraphy insights Tool : Best socialized pages reports / Watch your competitors

SOCIALIZE your website with the OpenGraphy widgetsTool : Top likes widgets generator for websites and Facebook pages

MAXIMIZE your results with the newsletter effect Tool : Multipublisher \ Send messages on multiple open graph pages

ADVERTISE with Facebook Social AdsRetarget messages to your likers + their friends

Page 32: Open Graph tagging ou comment optimiser son site pour Facebook

1 - OpenGraphy Analytics for your site

Page 33: Open Graph tagging ou comment optimiser son site pour Facebook

2 - OpenGraphy TOP LIKES social plugin Generator

Page 34: Open Graph tagging ou comment optimiser son site pour Facebook

Examples of OpenGraphy social plugins for websites

Page 35: Open Graph tagging ou comment optimiser son site pour Facebook

Example of OpenGraphy social Tabs

Page 36: Open Graph tagging ou comment optimiser son site pour Facebook

other example of social plugin based on the OpenGraphy analytics feature

Page 37: Open Graph tagging ou comment optimiser son site pour Facebook
Page 38: Open Graph tagging ou comment optimiser son site pour Facebook

Multi-page publisher built on OpenGraphy analytics and semantic approach

Page 39: Open Graph tagging ou comment optimiser son site pour Facebook

You can send free updates on multiple pages at once

Page 40: Open Graph tagging ou comment optimiser son site pour Facebook

OpenGraphy : tools and solutions to succeed in your « on-site » Social Marketing strategy.

Get the Pro version of OpenGraphy First All-in-one SMO tool for websites featuring :OPEN GRAPH – ANALYTICS – SOCIAL PLUGINS – MULTIPUBLISHING - ADVERTISING

http://www.opengraphy.com/contact

Antoine GounelCEO - Founderfb url : /antoinegTwitter.com/AntoineOG

[email protected]

Page 41: Open Graph tagging ou comment optimiser son site pour Facebook

www.opengraphy.com © 2011

Like us on Facebook

Page 42: Open Graph tagging ou comment optimiser son site pour Facebook