Since it's the silly season, we decided to give all the affiliate marketers out there an early Christmas present...
Responsive comparison and review tables that actually look good on mobile.
And not only do they look good, they're conversion focused as well. These tables are specifically formatted to keep your buy buttons in view on mobile.
To celebrate, we've released a whole page full of pre-formatted mobile responsive WordPress table templates. You can preview them here. The table template page is under the 'Element Templates' set in the Landing Page cloud.
By saving these templates to your content templates library, you can add pre-built review tables to any post or page with one click. No CSS or HTML coding knowledge is needed, you can simply go ahead an insert a table into your post. All you have to do is fill in the blanks.
Why Responsive Tables are important for SEO?
I'm going to be honest, my SEO knowledge doesn't go too far beyond 'you should probably install Yoast SEO' - so I thought I'd go straight to the source and ask a specialist; testing-based SEO expert Matt Diggity.
"Tables, and other forms of formatted/structured content, have become increasingly relevant for SEO. On the surface level, Google seems to be appreciating content that has been structurally marked-up, and tables are a great example of this.
But the main value I’ve seen from implementing tables on my sites has been the ability to steal featured snippets… the coveted position #0 ranking knowledge box at the top of the SERP result.
Based on personal experience, tables that are formatted with the criteria running horizontally, and the evaluated items running vertically have a much better chance to steal the snippet.
An example of this for a sneaker review table would have columns labeled “Name”, “Comfort”, “Durability”, “Price”, “Where to buy” while the rows would be labeled “Nike”, “Puma”, “Adidas”, etc.
The problem with this format is that with mobile devices the “Buy Now” button (call-to-action) usually bleeds off the viewing area. This is why you need a responsive table."
Mobile Responsive Tables in Action
Thrive Architect's mobile responsive tables work by moving the header row into a vertical position, and repeating the header titles for each entry.
Let's take Matt Diggity's example of the sneaker review post. Below is a Thrive Architect Table Element with mobile responsiveness applied. Take a look on your mobile...
Where to Buy
4 out of 4
5 out of 4
1.5 out of 4
5 out of 4
2.5 out of 4
2.5 out of 4
This restructuring works whether you have the criteria running across the top, as Matt suggests, or if you have the products running across the top and the criteria down the first column. Let's take a look at how that format ends up on mobile.
How To Make Your Tables Mobile Responsive
Once your table is created and formatted for desktop (within the Thrive Architect), go to mobile view in your responsive view options.
Resize your header text to suit mobile, then click the 'Create mobile-responsive table' checkbox in the main options menu.
Due to the way the re-formatting function works, the elements in the header will no longer be editable.
If you need to make further changes to the header elements, just un-check the box to revert the table to normal, make changes, then click the box again.
Note: The mobile responsive checkbox will only be visible in the table element menu once you've selected mobile view.
What's Your Take?
Is this been something you're been waiting for? Are you excited about these new responsive tables for WordPress sites?
Let us know in the comments below!