Introducing Twitter Card: Large Image Summary

Ever notice how some content on Twitter includes a summary of a shared link, often times including an image or playable media? That's referred to as a Twitter Card, and it's a great way to draw readers to your content. Here at Typepad, we've been making improvements to how content is shared, and our latest addition has been to introduce the Large Image Summary card from the available options that Twitter offers.

The Large Image Summary card goes beyond the 140 characters of your average Twitter post. Instead of providing a plain text summary of your post content, it captures the attention of those quickly scrolling through their feed by utilizing an image from your post. 

Example of a Large Image Summary Twitter card
Example: Large Image Summary card of an Everything Typepad post

We're working on offering additional card options in the future, but we wanted this initial release to have the most impact.

Need an additional incentive to utilize the Twitter Card feature? Twitter offers statistics to track how the cards drive clicks and retweets, which is invaluable data to have when trying to boost the performance of your blog and social media presence. 

Here's how it works:

  • Visit Settings > Sharing, scroll to the Twitter Card section, and enter the Site and Creator handles for your Twitter accounts, preceded by the @ symbol (e.g. @typepad). This can be the same handle for both fields if you do not have a separate account for your blog.
  • Compose your blog post like usual, making sure to add an image if you would like it to be included in the summary on Twitter.

That's it! 

Tips:

  1. Make sure your post image is at least 600px wide so that the best quality is represented in your shared post
  2. If you share your post and an image isn't included, check the following:
    • Is the image directly inserted into Typepad or did you paste it in from a third-party site?
    • Does your post validate at Twitter's Card Validator? Sometimes your site may need to be whitelisted by Twitter before the expected display appears, so run a blog post URL through the validator to make sure all is working.

If you find that you're still experiencing an issue when your posts are shared, and everything is in place as instructed above, please reach out to us at Help > New Ticket for additional support. 


Typepad on Pinterest: Buzzmills

Screen Shot 2016-04-26 at 5.00.31 PM

Did you know Typepad is on Pinterest? It's true! We love pinning and repinning great content from Typepad blogs in every genre, and we're always looking for great, inspirational content. Are you on Pinterest? Drop your link in the comments, and don't forget to follow Typepad right here! If you're not on Pinterest yet, check it out - it's a great way to promote your blog and connect with others!

Want some inspiration? Check out our featured pinner, Buzzmills.

Jane is obsessed with fabric. She loves to sew and be crafty.  You can check out her projects, ideas, and journey on crafting, gardening, creating, and more. 

FOLLOW: Blog | Pinterest

Want to promote your Pinterest account on your Typepad blog? Just go to Blogs > Content and add the Pinterest Widget to your Sidebar via the center menu. While you're there, make your blog posts "pinable" by adding the Pin It button to your post footers.


Embedding a Reddit Comment in a Blog Post

If you're a Reddit user, you know that some of the best discussions happen in the comments for posts. Reddit allows you to share that content via simple code that you can add to a blog post.

First, go to the permalink underneath a comment on Reddit. From there, look for the embed link under the comment you want to share. Clicking on that link will show you a preview and the code to use.

Reddit-embed-preview

Copy the code and go to the Compose page in Typepad. Click on the Source Code icon and paste the code there.

Source Code

You won't see the entire embed in the post while editing but you will see it on the published blog post. Below is an example of how an embed looks.


Create A Call To Action With The Welcome Message Feature

The Welcome Message feature can do so much more than just welcome new visitors to your blog.  This feature is a great way to create a call to action for your readers, whether it is to have readers sign up for an email list, to promote an online class, or to invite readers to follow your social media accounts.  If you're wondering where is a good place to set up a newsletter, we enjoy Mailchimp.

Screen Shot 2016-04-26 at 3.59.42 PM
Example of embedded message

You can set up your announcement by going to Settings > Basics > Welcome Message.  Your message can appear only for new visits or it can appear for every visit.  In either case, the visitor can close the message after having read it.   Your message can appear as a popover message or embedded at the top of the blog content.   

Screen Shot 2016-04-26 at 4.21.44 PMThe Welcome Message field is HTML friendly so you can get creative with images and links to share eye-catching content.

Screen Shot 2016-04-26 at 4.15.48 PM
Example of a popover message


Do you use the Welcome Message feature on your blog? What do you use it for? Let us know in the comments!


Design Tools: the Head Module

Each blog is made up of specific areas, loaded with content, that isn't always seen but shares vital information with search engines. One such area that you may have heard of is the Head element, often referred to as the <head></head> tags. The Head area is a container of information that includes the title of the blog, meta data like keywords and blog description, as well as scripts and linked CSS so your blog looks and performs the way you want it to.

We have you covered for the necessary Head content in your blog's design, but what if a third-party service requires you to add custom data? If you have an Unlimited or higher account plan–find out how to upgrade if you're a Plus plan member–you can find the Head Module at Design > Head of your blog's dashboard.

There are several reasons for why you may need access to add additional content to the Head portion of your blog's design:

  • site verification tags (e.g. Google, Pinterest)
  • custom meta tags
  • OG tags for Facebook (we already include the required OG tags in your templates; learn more)
  • third-party scripts for tracking or advertising
  • importing custom styles/stylesheets

Are you using the Head module for a specific purpose or service that's not listed above? We'd love to know what those are and how they're adding to your blogging experience.