How do I add Twitter Card META Tags to my Products?


What are Twitter Cards?

Twitter Cards allow you to append media such as product images and pricing information to tweets about your products. This can be a great way to represent your items on Twitter and (hopefully) drive sales!

More information on Twitter Cards can be found by clicking here

So How do I add the meta tags to my store?

The basic process of using Twitter Cards for your products involves adding special meta tags to your products to prepare them for their individual Twitter Cards. Fortunately, Shift4Shop makes this quite easy!

Just follow these steps:

  1. Log into your Shift4Shop Online Store Manager
  2. Go to Marketing >SEO Tools
  3. Go to the Meta Tags section at the top
  4. Access the "Open Graphs Meta Tags" section here

At the end of the OG tags already in place, add the following.

<meta name="twitter:card" content="product">
<meta name="twitter:site" content="@twitter">
<meta name="twitter:creator" content="@twitter">
<meta name="twitter:title" content="[TITLE]">
<meta name="twitter:description" content="[description]">
<meta name="twitter:image" content="[product_image]">
<meta name="twitter:data1" content="Price">
<meta name="twitter:label1" content="[price]">
<meta name="twitter:data2" content="Shop">
<meta name="twitter:label2" content="[store_url]">

  1. Save your SEO Tools page.

Your products are now ready to use Twitter Cards

Additional Information
The actual generation and approval of Twitter Cards is something you will need to do through your Twitter account. Each card is uniquely created in order to provide tracking and analytical information to you, so you will be required to create one for each product that you'd like to use it with.

Please also keep in mind that there is also an approval process done by Twitter for each submitted card.

Again, please refer to Twitter's documentation regarding Twitter Cards for more information.

Help Desk Software by Kayako fusion