I was curious as to the best way to handle this situation so that I don't ruin SEO. The majority of my headings on my site consist of images/banners. My question is how would you go about including <h1> tags </h1> so that whenever your page is crawled the bots pick up on what the headings are, but not have <h1></h1> content viewable by the user? I was thinking you could just set the visibility property to hidden but I didn't know if this would allow for bots to see the tag or not, and if it would be "proper" to do. I'm not wanting to get into black hat seo, I just want content to be crawled correctly and since my headings are images instead of h1 tags, I'm afraid I may not get the best seo results :/ Thoughts? Opinions?
You shouldn't hide content nor should you serve a different page to bots. Either have H1 or not. Don't stress too much about it. The page title is picked up, so just make sure that's relevant. Focus more on page good, interesting content that people want, will enjoy and share.
Give it a little bit of time and it will be picked up. Here's a warning, if you hide text in Google's eyes your spamming the search engine cause it can read it anyways in the html code
I agree with the others, remember Google wants you to build pages for your visitors not their robot. However, just one tip... in case you haven`t already make sure you have the alt attribute specified containing the text version of the image. This way you get your header on the page in text form in a relevant way and your also helping any users which may not be able to view images.
Never hide the content its a wrong/Black hat practice. Just add related unique content daily or weekly basis and share with social media sites. Title picked up by search engines. You can add relevant alt text in images
Aalreet , Steph! Excellent point about the alt tag. Also you can use the title tag in links (I'm assuming the OP has made the logo a hyperlink as users would normally expect to be able to click it). Although don't over-use/abuse either as hungry Penguins will eat them.
Why not put your H1 tags in a div over your header images? It can still looks clean and provide SEO value.