creating more engaging content for social

Post on 14-Jun-2015

346 Views

Category:

Social Media

1 Downloads

Preview:

Click to see full reader

DESCRIPTION

Facebook Open Graph, Twitter Cards, and Social Media Tools explained.

TRANSCRIPT

#CityMomsSocial @EricTTung

Hi – I’m @EricTTung • Social Media Manager

from @BMCSoftware• Recently ranked #33

Social Media Professional in the World by Forbes!

• I Blog! In a few places, every so often...

#CityMomsSocial @EricTTung

What We’re Noodlin’• Why Optimize Web and Graphics

for Social?

• Designing for Social Profiles & Posts

• Social Widgets for Web Design

• Using Facebook & Twitter Open Graph & Cards

• Using Social Media Tools to increase Engagement.

#CityMomsSocial @EricTTung

“A brand is no longer what we

tell the consumer it is – it is what consumers tell

each other it is.”- Scott Cook, co-founder

Intuit, Board Member Ebay, P&G

Social Networking is

HUGE.World Populations

China 1,360M India 1,241M

1,060M560M400M

USA 317M Indonesia 249M

240MBrazil 201M

Pakistan 185MNigeria 173M

150M

6

Who’s on Social?55-64: Fastest growth on

Twitter (79%)45-54: Fastest growth on

Facebook (46%) and Google+ (56%)

7

94% increase in web

click-through when search & social

combinedeMarketer

@EricTTung

Tweets with

photos are 94% more

likely to be retweeted.

Dan Zarrella, Hubspot

9

Photos on Facebook Generate

53% More Likes.

Rebecca Corliss, Hubspot

Besides.. It Just Sucks When This Happens.

@EricTTung

Facebook Page Graphics

851x315

180x180

(displays as

160x160)

Facebook Feed Graphics

1200x12001200x627

Twitter – Updated April 22!

1500x500

400x

400

Tweeted Images

880x440 recommendedIf Square Will Take Middle 1/2

How Can You Keep Up With So Many Sizes?

Lots of Canva Options…

Pick a Layout, Background or Upload

Change Text, Colors, Adjust Design

Custom Design Word Art…

Link or Publish

Make More for Other Networks

Social Media Widgets for

Your Blog

#CityMomsSocial @EricTTung

Why Integrate with Facebook?

• The average media site integrated with Facebook has seen a 300% increase in referral traffic

• Users coming to NHL.com from Facebook spend 85% more time, read 90% more articles and watch 85% more videos than a non-connected user.

• Outdoor sporting goods retailer Giantnerd.com saw a 100% increase in revenue from Facebook within two weeks of adding the Like button.

Facebook Social Plugins

• Like Button: share pages and content from your site back to their Facebook profile

• Share Button: share to Facebook, share with particular friends or with a group or via private message.

• Send Button: privately send content on your site to one or more friends in a Facebook message, email address, or group

American Eagle’s Like Button

• American Eagle added the Like button next to every product on their site. Facebook-referred visitors spent an average of 57% more money than visitors who weren’t.

Facebook Social Plugins

• Follow Button: lets people subscribe to the public updates of others on Facebook.

• Comments: lets people comment on content on your site using their Facebook profile and shows this activity to their friends in news feed

Twitter Widgets

• Embedded Timelines: You can embed a timeline for Tweets from an individual user, a user's favorites, Twitter lists, or any search query or hashtag.

• Favorites: a favorites timeline may be created for any public Twitter user, and displays that user's favorited Tweets.

• Tweets from a specific list of users. The header of the list widget contains the list name, description, and links to the list creator's profile. Retweets by members of the list are included in the timeline.

• Search and #Hashtag: create a search timeline for any query or #hashtag. You may also choose to enable “safe mode”, which will exclude Tweets with common profanity and those marked possibly sensitive from appearing on your website.

Twitter Widgets

Grabbing Code for Twitter Widgets

Where Should Sharing Buttons Go on Blogs?

• Top or Bottom?• Or middle if it’s a long post? • Research shows do both top and

bottom for best results!

@EricTTung

Using Facebook Open Graph and

Twitter Cards

#CityMomsSocial @EricTTung

WTF is OG? Original Gangsta’?

• Facebook Open Graph tags are included in the HTML and allow the Facebook Crawler to generate previews when your content is shared on Facebook.

Hey Big Design, What Gives?

• Sharing the Big Design Website yields nothing on Facebook…

Nobody Really Likes Radio Web Design,

• But they used Facebook Open Graph to customize the image and description!

Facebook Open Graph Tags• og:title – The title of your article, excluding any branding.

• og:site_name - The name of your website. Not the URL, but the name. (i.e. "IMDb" not "imdb.com".)

• og:url – This URL serves as the unique identifier for your post. It should match your canonical URL used for SEO, and it should not include any session variables, user identifying parameters, or counters. If you use this improperly, likes and shares will not be aggregated for this URL and will be spread across all of the variations of the URL.

• og:description – A detailed description of the piece of content, usually between 2 and 4 sentences. This tag is technically optional, but can improve the rate at which links are read and shared.

• og:image – This is an image associated with your media. We suggest that you use an image of at least 1200x630 pixels.

• fb:app_id – The unique ID that lets Facebook know the identity of your site. This is crucial for Facebook Insights to work properly. Please see our Insights documentation to learn more.

erict.co/FacebookOG

Facebook Open Graph Tips

• Learn what people like to share (if you have a Facebook Page, use Insights)

• Check Facebook Crawler settings for public and private content.

• Use proper Open Graph Tags.

• Optimize image sizes to generate great previews (1200x630 preferred, 600x315 minimum)

• Use Open Graph Debug Tool

• Encourage Your Content Creators to turn on Follow.

• Get more info: erict.co/FacebookOG

What are Twitter Cards?

• With Twitter Cards, you can attach rich photos, videos and media experience to Tweets that drive traffic to your website. Simply add a few lines of HTML to your webpage, and users who Tweet links to your content will have a "Card" added to the Tweet that’s visible to all of their followers.

You’ve Seen YouTube Embeds into Twitter,

• Here’s one from my company, BMC Software.

• Twitter grabs the video and embeds into the Twitter Stream

Also Works for Flickr, Vimeo and Others…

And For Your Own Site!

• All you have to do is add the Twitter Card code.

Twitter Card Tags

• twitter:site - @username for the website used in the card footer.

• twitter:site:id - Same as twitter:site, but the website's Twitter user ID instead. Note that user ids never change, while @usernames can be changed by the user.

• twitter:creator - @username for the content creator / author.

• twitter:creator:id - Same as twitter:creator, but the Twitter user's ID.

erict.co/TwitterDev

Twitter Card Tips• Specify the type of card for your content

(summary, photo, gallery, product, app, or player)

• Each card has built-in content attribution by website or content creator

• Twitter’s crawlers will respect robots.txt when scanning URLs

• When multiple URLs are tweeted, preference goes to pic.twitter.com and vine.com, then URLs processed in order of appearance.

• Twitter’s Card Processor looks for Twitter tags first. If not present, will fall back to Open Graph.

Using Social MediaTools to Increase

Engagement

#CityMomsSocial @EricTTung

Users who tweet between

10 and 50 times per

day have more followers on average

than those that tweet more or

less frequently. The "peak”…is at about 22 tweets

per day.

- @DanZarrella, @Hubspot

“As brands tweet more, the total

number of Retweets only continues to

increase.

Response Score continues to

increase as more Tweets are

made.”

But how can you possibly keep up…

…with so much volume?

Curate Smarter

• 1. Build Twitter Lists (Lots of them)• 2. Automate Curation• 3. Automate (some) Social

Interaction

Building Twitter Lists

• Click “Add or remove from lists”• Create lists for industries, subjects,

experts, inspiration,quotes, fun,friends

• Make Lots.

Lists ImportedFrom Twitter

Group Members

Most RT’ed Tweets

• Free– 1 Twitter Profile

• Business+ ($34.99/mo)– 12 Twitter Profiles– 4 Team Members

• Corporate ($139/mo)– 20 Twitter Profiles– 12 Team Members

Automatically Creates Virtual Paper based on Tweets of people you follow

• Then Auto-Tweets the paper.li

• And people love seeing themselves…

From Dan Zarrella…

• Free• Pro ($9/mo)– Your Ads– Email Newsletters, Export to RSS– Custom Branding & Domain– Add Collaborators– Google Analytics

Takes a Social Trigger and creates another Social

Effect

• Real-World Inputs & Outputs

• Every time a blog gets a new comment, turn a light on:

• When different blogs update, change light colors:

What’s The Difference?

Cost Free Free, $15, $49, $99

Services 71 Channels

239 Web Services

Recipes/Zaps

Unlimited 5, 20, 50, 125

Ease of Use

Easier More Technical

Social ContentDistribution

Tools

#CityMomsSocial @EricTTung

• 1. Select Schedule Times

• 2. Write Tweets…

• 3. Tweets Auto-Schedule

• 4. Basic Analytics…

• 5. Chrome Extension…Automatically grabs page title and URL…

Twitter.com adds Buffer Retweet…

• Free– 10 Posts in Buffer

• Awesome Plan ($10/mo or $102/yr)– Unlimited Posts– 12 Profiles (Twitter, FB, FBPage, V– 2 Team Members

• Business Accounts ($50, $100, $250/mo)– 25, 50, 150 Accounts – 5, 10, 25 Team Members

Custom Link Shortener

• Registered Domain through

• Add Domain via Advanced Settings

• Free• Business– “Request a Demo”– http://www.enterprise.bitly.com/

• 1. Replacing Tweeted URLs• 2. The Share Bar• Name, Photo, Social Links, RSS,

Follow/Like• 3. Analytics

• Free– Real-Time and 14-Day Analytics

• Influencer ($7/mo)– Unlimited Analytics– Deep Analytics: Categories, Formats,

Timing

Measuring Social Impact

#CityMomsSocial @EricTTung

Measure Social Impact Smarter

• On-Blog Social Sharing• Promote Cross-Channel

Learn the Difference

• Follow Buttons…– Follow on Twitter– Like on Facebook

• Sharing Buttons…– Share This Post on Reader’s

Twitter/Facebook

• Sharing Buttons

• Sharing Button Options

@EricTTung erict.co/TulsaRobot #SMTulsa

Check Social Sharing

• Scheduling• Social Analytics

• Standard ($39/mo)– Social Inbox, Monitoring, Publishing– CRM Tools, Reporting–Manage 10 Profiles

• Deluxe ($59/mo)–Manage 20 Profiles

• Premium ($99/mo)–Manage 50 Profiles

• Gauge social influence

• LOTS of Demographic Data – “Media Kit”

@EricTTung erict.co/TulsaRobot #SMTulsa

Thank You

Slide Deck: erict.co/citymomsblog

Eric T. TungEric@EricTTung.comwww.EricTTung.com

text “EricTTung” to 50500 for an sms business card

#CityMomsSocial @EricTTung

top related