I'm changing some of my pages to better display in different devices (tables, smart phones etc). I want to figure out a good way of handling headings. So far my options are
- hide headings for small screens
- show shorter heading for small screens
- keep it the same.
If I show a shorter heading for small screens then it will probably take the form of putting in two h1 elements in the same and then toggling responsively depending on the screen size.
What are the implications of 1 and 2 for SEO? Will I be penalised?