• Big Tech
  • Great Reset
  • Military
  • China
  • Gov & Policy
  • Tech
    • Social
    • Web
    • Mobile
    • Science
  • Business
  • UFO / UAP
  • Subscribe
  • About
The Sociable
  • Big Tech
  • Great Reset
  • Military
  • China
  • Gov & Policy
  • Tech
    • Social
    • Web
    • Mobile
    • Science
  • Business
  • UFO / UAP
  • Subscribe
  • About
HomeSocial MediaTwitter Cards: How they can help SMEs & start-ups, & how to set them up
Sep. 28, 2012 at 1:52 pm
Social Media

Twitter Cards: How they can help SMEs & start-ups, & how to set them up

Piers Dillon ScottPiers Dillon Scott10 years ago8 CommentsFacebookhtmljoomlamarketingmeta-datasmestart-upstutorialTwittertwitter cardswordpressyoast
Wordpress social
6.93Kviews

With all the changes taking place on Twitter recently there’s one element that many start-ups, small businesses and bloggers might have missed – and it’s one that could be extremely beneficial to their social marketing operations; they’re called Twitter Cards.

What are Twitter Cards?

For such a new addition to Twitter we’re all very familiar with Twitter Cards.  When you Tweet a link, Twitter extracts data from the webpage that you are linking to – such as the page description and its main image.  Other social networks has been doing this for years and we’re now all well used to Facebook displaying an image and description whenever we post a like in a status update or comment.

Bending the rules with Twitter Cards

The rule that everyone know with Twitter is that no message can be longer than 140 characters.  We’re used to formatting our updates (and occasionally mangling grammar in the process) to ensure we stay under the limit and get our message across.

Twitter Cards change this process slightly by allowing us to provide extra information embedded in tweets that link to our websites.  This system isn’t automatic, there some simple changes that need to be made to your personal or company website in order to ensure this extra information appears when users link to your page.

Twitter Cards – View Summary

But before we show you how to set it up lets look at the information that Twitter Cards contain. Below are two tweets, each linking to the same page; the first shows a standard tweet that we’re used to seeing.

Standard tweet
Standard tweet

The second shows a tweet with Twitter Card details;

Tweet with Twitter Card
Tweet with Twitter Card
Twitter Card Sample
Twitter Card Sample

There are four main elements of a Twitter Card;

1. This is the standard tweeted message – this is what your of your users will generate when they compose the tweeted message.

2. Twitter Card: This is the information that Twitter extracts from your website.  As with Facebook, this information includes an image, a headline, and the page’s description.  It also contains two other pieces of information.

3. The author’s name and their Twitter handle.  This is particularly useful for users on multi-author blogs.

4. The company’s Twitter handle and the link so users can follow them directly.

What’s great is that everything contained in the Twitter Card in generated by you, the site owner.  Regardless of the content of the user’s tweet your message will still be included in the tweet itself.

Setting up Twitter Cards

Twitter Cards are easy to set up but depending on the type of site you are running might require a little extra work.  First you’ll have to have your site whitelisted by applying over at the Twitter Cards development site (thanks @froginthevalley).

WordPress
If you are running a WordPress.com site (e.g. yourname.wordpress.com) you’re already set up to use Twitter Cards but you still have a little work to do.  To ensure that you get the maximum exposure when a link to your site is tweeted make sure that you fill out your bio information and when you are creating a new post you will need to include a featured image.

If you are running a self-hosted WordPress site (e.g. WordPress.org) you have a bit more work to do.  As with WordPress.com users for each author on your site you will need to fill out their bio information fully and include a featured image and a description in each post.  You will also have to include Twitter’s specific meta data in your template – don’t worry this is straight forward.

Standard SEO plugins, such as Yoast SEO, make this process easy.  Simply install the plugin if you haven’t already and then visit SEO link on your dashboard’s left-hand list of links (it’ll usually be at the bottom).  From there select the Social link and then check the “Add Twitter card meta data” box.  You’ll also need to input your company’s Twitter user name.

Setting up Twitter Cards on Yoast
Setting up Twitter Cards on Yoast

Joomla
Joomla users can check out the aptly named “Twitter Cards Plug-in for Joomla 2.5” which should provide the same functionality (we haven’t tried this one out ourselves).

Hand-made website
If you have developed your own website yourself you’ll have to do much of this process by hand.  To set up Twitter Cards, open up your site’s template in your code editor of choice and above the closing </head> tag add (and customise) the lines below.  Change any of the elements marked in bold to match your details.


<meta name=”twitter:card” content=”summary”>
<meta name=”twitter:site” content=”@thesociable“>
<meta name=”twitter:creator” content=”@pdscott“>
<meta name=”twitter:url” content=”https://sociable.co/social-media/twitter-recommits-to-openness-with-relaunched-embeddable-timelines/ “>
<meta name=”twitter:title” content=”Twitter recommits to openness with relaunched embeddable timelines“>
<meta name=”twitter:description” content=”The tweets must flow everywhere – Twitter updates its embeddable tweets widget with a few limitations. “>
<meta name=”twitter:image” content=”https://sociable.co/wp-content/uploads/2011/06/twitter-laptop-375×250.jpg’“>

You will have to change these details on each HTML page you’re hand coding.

Get testing

With this you should be set up to provide your readers with a richer Twitter experience, and give your site and its content greater visibility to social users.

Tags :Facebookhtmljoomlamarketingmeta-datasmestart-upstutorialTwittertwitter cardswordpressyoast
share on Facebookshare on Twitter
show 8 comments

8 Comments

  1. Avatar froginthevalley says:
    September 28, 2012 at 7:10 PM

    Great summary, you could probably add the preview tool link under your “Get testing” conclusion, it’s at https://dev.twitter.com/docs/cards/preview and also a link to apply for Twitter Cards (sites needs to be whitelisted for cards to work) https://dev.twitter.com/form/participate-twitter-cards.
     
    –Sylvain Carle /aka froginthevalley Developer Advocate at Twitterhttps://dev.twitter.com

    Reply
    1. Avatar pdscott says:
      October 1, 2012 at 10:50 PM

      froginthevalley Thanks! I’ve updated that, any idea when it will launch publically

      Reply
      1. Avatar froginthevalley says:
        October 1, 2012 at 10:52 PM

         @pdscott  Twitter cards are available to anyone that submits an application, as long as they are implemented according to the technical specification. 

        Reply
  2. Avatar GinaMcCrae says:
    October 3, 2012 at 8:30 PM

    I’ve recently implemented the Yoast SEO plugin (making Summary card implementation simple) for WordPress. However, I’ve found that if you have multiple images on a page, the Twitter Image card seems to arbitrarily select images, even if I select a “featured” image for the page or post. Is this function still caching images, and if so, what other work-arounds could there be other than cache busters such as time stamps?

    Reply
    1. Avatar darrenmccarra says:
      October 3, 2012 at 11:00 PM

       @GinaMcCrae We use Yoast’s WordPress SEO plugin on this site and it’s great. From what I can tell it takes our Featured Image that we set for each post, and specifically uses the medium image size that we’ve set in Settings > Media. I know that Twitter wants images to be at least 120px x 120px. If no Featured Image is present I’d imagine that it takes the first image found within the post’s content (but you’ll have to contact the developer to determine the exact criteria for this). Twitter Cards accept only one specific image whereas as Facebook allows for multiple image meta tags.

      Reply
  3. Avatar UDconnects says:
    October 11, 2012 at 7:58 PM

    The Joomla plugin works great except, I cannot for the life of me figure out how to get it to pull my image urls. I’ve even set up Joomla to use full text urls for the images instead of relative urls, yet the Twitter card image url is still blank. Any ideas? 
     
    My twitter page is https://twitter.com/UDconnects.

    Reply
  4. The Social 7 - Buying Twitter Followers, Facebook Reach & More - Spiderworking.com - Social Media For Small Business says:
    February 13, 2016 at 11:41 AM

    […] Have you noticed that some tweets have a ‘view summery’ underneath them?  When you click on them you can see a small preview of the link you are about to Tweet.  These are called Twitter cards and I can see them generating more traffic to your posts.  If people are able to see a little bit about your article before they click you have the opportunity to entice them in. Read more about the why and how of Twitter card in this excellent article from The Sociable. […]

    Reply
  5. Tutorial Seo Joomla 2.5 Xampp – BestSEOTraining.xyz says:
    May 18, 2016 at 3:30 AM

    […] Twitter Cards: How they can help SMEs & start-ups, & how to set them up – Standard SEO plugins, such as Yoast SEO … You’ll also need to input your company’s Twitter user name. Joomla users can check out the aptly named “Twitter Cards Plug-in for Joomla 2.5” which should provide the same functionality (we haven … […]

    Reply

Leave a Response Cancel reply

Piers Dillon Scott

Piers Dillon Scott

Piers Dillon-Scott is co-editor of The Sociable and writes about stuff he finds. He likes technology, media, and using the Oxford comma (because it just makes sense).
view all posts
Get the most from your second screen experience
Hangout: Start-up accelerators & getting media coverage

You Might Also Like

disinformation, congress, hearing
Big TechGovernment and PolicySocial Media

Congress explores who should determine, deal with disinformation: the people or the government & big tech

Tim HinchliffeTim Hinchliffe1 week ago
Big TechGovernment and PolicyMilitary TechnologySocial MediaWeb

DARPA wants to model how ‘disinformation’ flows from fringe to mainstream platforms

Tim HinchliffeTim Hinchliffe2 months ago
Big TechSocial MediaWeb

The metaverse as a playground for the great reset & the fourth industrial revolution

Tim HinchliffeTim Hinchliffe4 months ago
Twitter censored
Big TechSocial Media

Twitter bans ‘media of private individuals’ with exceptions for corporate media after Agrawal replaces Dorsey

Tim HinchliffeTim Hinchliffe7 months ago
Frances Haugen
Big TechGovernment and PolicySocial Media

Facebook ‘whistleblower’ Haugen felt betrayed by Facebook after it dissolved Civic Integrity division: Senate hearing

Tim HinchliffeTim Hinchliffe9 months ago
Big TechSocial Media

Facebook ‘working to get things back to normal as quickly as possible’ after outage

Tim HinchliffeTim Hinchliffe9 months ago
  • Popular
  • Recent

How NFTs Are Developing a New Branch of E-commerce for Artists

7 days ago

Diversity València to spearhead music scene in Spain with KAROL G, Iggy Pop, Black Eyes Peas, and Christina Aguilera

7 days ago
disinformation, congress, hearing

Congress explores who should determine, deal with disinformation: the people or the government & big tech

1 week ago

Why Flexible Architecture Is A Must For Data-Driven Companies 

1 week ago

Tech and Society




Brains Byte Back
Brains Byte Back

We explore how our brains, psychology, and society are impacted by the ever-evolving technology that surrounds us. If you want to be better prepared for the new information age, have a healthier relationship with technology, and get more out of life using top technology and psychology hacks, this is the podcast for you! Every other Friday we bring you interviews with leading experts in the fields of technology and psychology combined, with past guest speakers such as New York Times journalists, MIT Professors, and C-suite executives of top tech companies.

A Recovering Porn Addict's Advice for Struggling Couples, Friends & Family
bySam Brake Guia

Episode Description below⬇️

Leave an iTunes review here – https://apple.co/3i60XWu

Subscribe on Youtube here – https://bit.ly/3o1M4Z3

Follow us on your favorite podcast platform here – https://bit.ly/3kTfNkY

Find out more about our sponsor Publicize here – https://bit.ly/3BqDUxc

Back when we first launched Brains Byte Back in 2019, in one of our earliest episodes, we interview a Certified Sexual Addiction Counselor and a Professor of Gender and Sexuality studies and asked them the question “Is porn addiction real or a myth?”.

To this day it has been one of our most popular episodes ever, so we decided to revisit the topic and speak with Joshua Shea, a recovering pornography addict who is also a coach, author, and speaker who shares his story and educates others about pornography addiction.

In this episode, Shea shares with us his own story of pornography addiction, detailing how it began, why it developed in the first place, and how he overcame it.

He also opens up about his own perspective on the state of porn addiction in the world today and shares the signs of porn addiction that might indicate if someone has a problem.

He also covers why non-addicts should care about porn addiction and advice for partners who discover their loved one is a porn addict.

Additionally, he goes into detail about what a person can do after learning their partner has an addiction. And finally, he shares his thoughts on what we need to do to protect future generations of kids from developing unhealthy or addictive behaviors relating to porn.

A Recovering Porn Addict's Advice for Struggling Couples, Friends & Family
A Recovering Porn Addict's Advice for Struggling Couples, Friends & Family
June 24, 2022
Sam Brake Guia
The YCombinator Startup Using Community-Based Competitions to Encourage Weight Loss
June 10, 2022
Sam Brake Guia
Dissecting the Psychological Dynamics Behind Persuasive Tech & Business Ethics
May 27, 2022
Sam Brake Guia
Ex-cult member details life inside Netflix's 'Wild, Wild Country' documentary
May 13, 2022
Sam Brake Guia
How VCs Are Creating the “Uberfication of Therapy” That is Purely Profit Focused
April 29, 2022
Sam Brake Guia
How Virtual, Algorithmic ADHD Diagnosis Tech Can Keep People From Falling Through The Cracks
April 15, 2022
Sam Brake Guia
How AI Influenced Habits and Behavioral Changes Lead to Financial Freedom
April 1, 2022
Sam Brake Guia
A Platform to See Politicians' Voting Histories & Stats Like a Fantasy Football Spread
March 18, 2022
Sam Brake Guia
Brain Stimulation Startup Founder Talks Tackling the Opioid Crisis While Navigating Y-Combinator
March 4, 2022
Sam Brake Guia
Stepping into the metaverse: A look at NFTs and all things blockchain in our digital future
February 18, 2022
Sam Brake Guia
Search Results placeholder

POPULAR POSTS

Recent posts

  • How NFTs Are Developing a New Branch of E-commerce for Artists June 23, 2022
  • Diversity València to spearhead music scene in Spain with KAROL G, Iggy Pop, Black Eyes Peas, and Christina Aguilera June 23, 2022
Espacio Medellín Media Incubator
Work with Us
Jobs @ Espacio Media Incubator
2018 Espacio Media Incubator, All Rights Reserved

Copyright © 2017