Header Logo and H1
-
I would like to use the website logo on our site as the H1 for the homepage (see top 'Covers' logo http://www.covers.com/index.aspx ). I have found one of our sister sites with code like this
Gracenote
with CSS that sets the text to 'transparent' and the background image to the logo.
My question is would the text be consumed or ignored by the robot? Unfortunately, wedging an H1 in anywhere else is not possible at this time, so this is my best option. Is this change worthwhile?
THanks in advance.
-
Good stuff, and good tip about the cached test only version. I hadn't heard that one before, and it looks like I might use it plenty. Thanks!
-
Anything that has transparent text I would avoid because I think it looks spammy to Google. (they might not notice it now but someday they will catch it so its a bad long term strategy) If you want to set your logo as your H1 for the site I would just suggest loading an image with alt text, but I would question if it would be worth.
Really, I would work towards putting a unique text H1 on every page of your site. Every page on your website should have a unique purpose and therefor should have a unique Heading. If you think about it like a newspaper who wants to read a newspaper where every story has the exact same title? I would suggest working toward this rather than trying to short cut with putting your logo as the H1.
One last tip: Remember each page should only have one H1. I have seen lots of sites that put there logo in the H1 and then go back with text H1s later on, but they forget to remove the H1 from the logo.
Hope this helps.
-
Hi Glen,
If the text is getting set to transparent in CSS then it will indeed be picked up by Google, as Google ignores CSS styles.
You can always check what Google is actually seeing by going to the cache of the page and clicking the 'text only version' link.
Kind Regards
Jimmy
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Hiding h1 tags in Magento
Hi Moz Community, I know that hiding h1 tags isn't a good practice for SEO and google, but we have banners that look much nicer than the stock text Magento uses for its titles. The banners have the same text and the h1 is in the source code, just not visible on front end. The option Magento gives is "hide title on the page." So I'm not sure if this is actually the bad way to hide it or if it's fine for search engines. Thanks,
Technical SEO | | IceIcebaby
-Reed0 -
SEO-impact of mouseover text on header pictures
Hi, what do you reckon of taking away the mouseover effect on the header pictures seen on www.viventura.de/reisen/peru?
Technical SEO | | viventuraSEO
We are thinking of eliminating the mouseover text to make User Experience even better but are worrying that our ranking might go down when doing so. Any experiences, any help is highly appreciated!
Thanks, Benno0 -
Using a non-visible H1
I have a developer that wants to use style="text-indent:-9999px" to make the H1 non-visible to the user. Being the conservative person I am, I've never tried this before and worry that Search Engines may think this is a form of cloaking. Am I worrying about nothing? And apologies if it's already been covered here. I couldn't find it. Thanks in advance!!!!
Technical SEO | | elytical0 -
Posting Logos on Your Homepage to Increase Trustworthiness
If you have been linked to from authoritative sites would it be appropriate to name them on a "As Seen On" section on your homepage with their logo. Do you need permission to use their logo on your site? A followup question: would doing this help with the Panda algorithm.
Technical SEO | | ProjectLabs0 -
Can I format my H1 to be smaller than H2's and H3's on the same page?
I would like to create a web design with 12px H1 and for sub headings on the page to be more like 24px. Will search engines see this and dislike it? The reason for doing it is that I want to put a generic page title in the banner, and more poetic headings above the main body. Example: Small H1: Wholesale coffee, online coffee shop and London roastery Large h2: Respect the bean... Thanks
Technical SEO | | Crumpled_Dog
Scott0 -
Is it bad (black hat) to have an H1 text as a text indent?
Is it bad practice to use a text indent through CSS for H1 text on a homepage(basically hiding h1 text)? I'm just trying to compensate for the fact that some text that should really be in the h1 tag is actually an image.
Technical SEO | | inc.com1 -
Header Tags
Ok so I am writing different pages and the first heading is an H3 just because I wanted to it be a certain size. Then as you see the content, I have an H1 tag. Example page: http://www.oxfordmshomes.net/condos/acadia-court-Oxford-MS you can see that "Acadia First" is the first thing you see on the page and it uses an H3 element. Long story short, my hierarchy is wrong. Does this have any negative effect on my SEO efforts?
Technical SEO | | blake-766240 -
Img before or after h1 tag?
I like images to align right at top of content page. img tag before h1 tag looks better on page, but wondering if h1 tag before img tag is preferred by spider. Irrelevant? or possibly matters? thanks for any thoughts.
Technical SEO | | jotham2
All about Stuff or All about Stuff or even
All about Stuff0