We removed H1 tags from our Call to Action templates
It was recently brought to my attention that our call to action templates (Call Out Box, Clean CTA , Flat CTA , Thumbnail CTA) used H1 tags and that this was not good for SEO. Matt Cutts of Google’s spam division responds that a page should ideally have one H1. This information seemed agreeable and lead me to switch out all our H1 tags with span tags.
Michael from Yoast.com talks about HTM5’s departure from H1 focus to the inclusion of article and section tags. This brings me to wonder what would be the right way to denote importance of calls to action using HTM5. I should brush up on HTML5.
How this will affect the styling of current call to actions on my sites?
To be honest it very well might and if it does I am sincerely sorry. In order to find out you’ll need to resave all your CTAs after the next update at least once to clear the cache.
The above being said, there may not bee too much need for worry. I put in a lot of effort into a smooth transition. It might even look a little better.
Due to most WordPress themes having a global style for H1 tags sometimes a little something extra might get added to our CTA that tweaks our own styling a little bit. So, naturally, moving away from an h1 tag and moving towards a span tag might cause something to change, but just a little bit. If you don’t like the change, the situation is still be repairable. A little custom CSS will set it right the way you liked it before.
Need help with Custom CSS? I love taking questions like these over at our Inbound Now Support Forums.
For those already using custom CSS inside your call to action I don’t think this change will affect them much, since in many cases we use element ids to target CSS rules, and the element ids/classes stayed the same.
Anywho I hope you enjoy this writeup and if you have any direction to offer, or criticism related to using span tags I’ll be happy to take your advice in the comments.