Open Graph tagging ou comment optimiser son site pour Facebook

  • View
    15.413

  • Download
    2

  • Category

    Business

Preview:

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

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?

Optimize your website for facebook

OFFICIAL

FBPAGES

YOUR WEBSITE

Your presence on Facebook

www.opengraphy.com © 2011

Facebook on your site

OPEN GRAPH

& SOCIALPLUGINS

YOUR WEBSIT

E

www.opengraphy.com © 2011

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

www.opengraphy.com © 2011

RICH OBJECTS

WEBSITEPAGES

WEB INDEX

SOCIAL GRAPH

Key definition

www.opengraphy.com © 2011

SPIDERS & LINKS

USERS & LIKES

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"/>

www.opengraphy.com © 2011

Open graph tags are retrieved when you interact

OG TAGS are propulsed everywhere on FB

USER WALLPOST // FRIENDS NEWSFEED

AUTO-SUGGEST SERP PROFILE INFO TAB

www.opengraphy.com © 2011

www.opengraphy.com © 2011

Og:type determines where your pages are listed

Info TAB of your likers

RICH OBJECT

Choose the right OG:type

www.opengraphy.com © 2011

Use all tags available to improve interactions

www.opengraphy.com © 2011

PLAY

Not readable without basic open graph tags

NOT OK

www.opengraphy.com © 2011

www.opengraphy.com © 2011

Google tags are not sufficient

No default image

OPEN GRAPH PAGES

3 - OG Tags + FB Tags = FACEBOOK PAGE

www.opengraphy.com © 2011

Facebook PAGES

FB ADMIN TAGS

OPEN GRAPH PAGES

Knowledge

www.opengraphy.com © 2011

KNOWLEDGE

PUBLIC INFO ACCESS

OPEN GRAPH PAGES

You know the public info of your fans

www.opengraphy.com © 2011

OPEN GRAPH PAGES

Generate interactions with your visitors

www.opengraphy.com © 2011

INTERACTIONS

SOCIAL PLUGIN

Your visitors can like and comment

www.opengraphy.com © 2011

OG Tags are used in the comment

box

OPEN GRAPH PAGES

Follow your social statistics

www.opengraphy.com © 2011

STATISTICS

FACEBOOK INSIGHTS

Insights for webpages

www.opengraphy.com © 2011

OPEN GRAPH PAGES

Administer your pages

www.opengraphy.com © 2011

SEND UPDATES

ADMIN PAGES

Get access to symetric Admin pages

www.opengraphy.com © 2011

.. Where you can send free updates

www.opengraphy.com © 2011

www.opengraphy.com © 2011

… visible in the newsfeed of your likers

OPEN GRAPH PAGES

ADVERTISING

www.opengraphy.com © 2011

SOCIAL ADSPAID TRAFFIC

Increase your reach with FB ADS

www.opengraphy.com © 2011

Social Ads redirect performing traffic

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"/>

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/

www.opengraphy.com © 2011

Where to start ? Use the OpenGraphy Free tools

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

1 - OpenGraphy Analytics for your site

2 - OpenGraphy TOP LIKES social plugin Generator

Examples of OpenGraphy social plugins for websites

Example of OpenGraphy social Tabs

other example of social plugin based on the OpenGraphy analytics feature

Multi-page publisher built on OpenGraphy analytics and semantic approach

You can send free updates on multiple pages at once

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

info@OpenGraphy.com

www.opengraphy.com © 2011

Like us on Facebook