6/20/2015

A 5 Minute Guide To Add Twitter Cards in WordPress Blog

Leave a Comment

These days running a website means you have to take care of every single aspect of optimization. Earlier, as a webmaster we used to focus more on SEO, and now Social media optimization is equally necessary. Social media websites like Facebook, Twitter offers meta tags, which will make your website more friendly for these social media sites. Today, I will be sharing a quick tutorial, which will help you to integrate Twitter cards in your WordPress blog. It will not take more than 5 minutes, if you follow this guide carefully. But, before that I will share about what is Twitter cards, and why you should be implementing it.

What are Twitter Cards and benefits?

Twitter cards improve the visibility of your content on Twitter. There are few meta tags which we need to integrate on our website, and our content visibility on Twitter site will be better. Along with this, it will also improve the branding and increase the chances of getting more followers.Here is an image, which shows how articles from your Website will be shown after implementing Twitter cards.
Twitter cards
Do notice, this will also improve the visibility of your article on mobile platform, and with the rising number of smartphone users, implementing Twitter cards will make your content stand out on mobile Phones. There are different kind of Twitter cards, and depending upon your website type, you should select one. In my case, it’s a content based website so I will be selecting the Summary Twitter card. You can find official information on Twitter cards here, and now we will directly jump to our 5 minutes implementation guide.

A complete guide to implement Twitter cards using JM Twitter Cards Plugin?

The reason I prefer using JM Twitter cards in oppose to other options like WordPress SEO by yoast, as I can select different Twitter cards depending upon the kind of content I’m writing. For example, when I’m writing a product review, I can add many details like pricing, location, and it will lead to improve sales. This is highly recommended for any E-commerce site or for affiliate marketer. Here is an example of Twitter product card, and how it will be seen on Twitter:
Twitter product card
Now, lets get started with our guide on setting up JM Twitter cards plugin. Login to your WordPress dashboard, and install JM Twitter cards. Open JM Twitter Cards and start entering the field with details about your Twitter handle and your Website.If you are using Social feature of WordPress SEO by Yoast plugin, make sure you uncheck the Twitter open graph feature under SEO > Social > Twitter tab of SEO by yoast plugin. Now, under JM Twitter cards setting, we need to do few setup. Follow below image for clear understanding.
JM Twitter cards setup
Under SEO tab, if you are using “WordPress SEO by Yoast” or “All in one SEO” plugin, JM Twitter cards will automatically pull details like title and description from plugin field. So, leave this field as it is. Under Thumbnail tab, make sure you add your brand logo as fall-back image, it will be useful for branding. If not, you can leave the field as it is. Under “Meta Box” tab, enable the meta box for individual post, and this feature will let you select different type of Twitter cards, when you are writing a new post. I will show you this as an example. When I enabled Twitter meta box for individual post, and while writing a new post, I can select the type of card I want to use (By default it will use Summary card).
In this case, I selected “products” card, and saved the post as draft. This added additional field, which I can use to add more information about the product (See 2nd image to get a visual example of product Twitter card)
Twitter cards for single post
Adding these details will not take more than 1 minute, but it will increase the Click through rate of your article from Twitter website.
Validate Twitter card and apply for approval:
So far, we have added all necessary Twitter cards Meta tag on our WordPress site, and next step is to validate our card, and apply for approval. This is another one minute process, and to get started,  Go to Validator page, and add your homepage link to see the preview. If you have done everything right, you will see a button for request approval. (Refer to below image)
Twitter card validator
 Click on request approval, add details and submit application to get approval. It will take some time for your domain to get approval (In my case it took 6 hours), and once approved, your WordPress site is now more SEO social on Twitter.
The whole process will not take more than 5 minutes, and I highly recommend all the WordPress bloggers to use this to make most out of Twitter cards. If you still have any question, feel free to let me know via comments. If you find this tutorial informative, join us onTwitter @Wpfreesetup and share this article on Twitter and Facebook.

0 comments:

Post a Comment