How To Make Your Website More “Shareable”

If your producing great content, why not make it more shareable. This helps create and drive traffic, conversions, and ultimately SEO.

For LinkedIn, make sure your source code complies with “Open Graph Protocol (OGP)” and certain image requirements specific to LinkedIn.

Below are the og: tags that must exist and their correct format:

    <meta property=“og:title” content=“Title of the article”/>
    <meta property=“og:image” content=“http://media.example.com/ 1234567.jpg”/>
    <meta property=“og:description” content=“Description that will show in the preview”/>
    <meta property=“og:url” content=“http://www.example.com/URL of the article” />

Here are the image requirements specific to the LinkedIn sharing module:

    Max file size: 1 MB
    Minimum image dimensions: 80 x 150 pixels
    Recommended aspect ratio: 4:1 or 1:4

For Facebook, add Facebook Like Buttons to your Content. Embed Facebook Sharing in Text and Images. Debug Your Website for Facebook Graph. You can run a quick audit with the Facebook Debugger. Always beware of the Open Graph Protocol requirements on Facebook.
 
For Pinterest, choose Eye-Catching Images.  Once an image draws someone into your post, they’ll want to know more about what your post covers. Create an attention grabbing description. Also, make sure you add a website widget and Pin It buttons your website. A great resource on how to add these buttons (and even build it yourself) to many popular platforms such as WordPress, Blogger, Tumblr, etc., can be found here. Make it easy for people to collect things from your site.
 
For Twitter, add a Twitter icon on all your website content (this also goes for Facebook, Pinterest, LinkeIn, etc). To increase Retweets and shareability, use Twitter cards. You’ve probably seen these cards before if you follow any news organizations like the New York Times. There are currently 8 types of Twitter cards. Two are specific to sharing apps. Integrate the card code into your site either via plugins or custom code.

There are three high-level steps to this process:

    1. Add the code to your site
    2. Validate (test) it using Twitter’s validation tool
    3. Get approved to use Twitter cards for your account
    
Steps 2 and 3 are repeated for each type of card you’d like to use for your site. You can either use card code PlugIns or build it yourself to use for 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. A good tutorial on adding Twitter cards can be found here.

If your website publishes a lot of content like “articles” or “reviews” or long-form journalism, its imperative to add a Instapaper widget to let your readers SAVE interesting articles, videos, cooking recipes, song lyrics, or whatever else you create. Instapaper syncs your website articles and videos/content so that your visitors can save on all their your devices – iPhone, iPad, Android, or Kindle. Visitors can read anything they save, anywhere and anytime you want, even offline. Instapaper is the only app that supports advanced kerning and ligatures for a better reading experience.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s