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 -
H1 tag options
Hi, Working on a website and the developer has asked some questions about the h1 tag placement... So the main page has a bold heading named 'Overview' which then has a left hand navigation to tab through the content which appears next to the nav. The main content then has a heading and content below it. The 'Overview' heading appears on all pages of the left nav so really shouldn't be the H1 tag as it would cause duplication. One option we have thought about is to have the right hand heading above the content be the h1, and it has been suggested to stylize the 'Overview' heading but it won't actually be an h1. My question is would this have any negative impact on SEO? Thanks!
Technical SEO | | J_Sinclair0 -
Best way to handle pages with iframes that I don't want indexed? Noindex in the header?
I am doing a bit of SEO work for a friend, and the situation is the following: The site is a place to discuss articles on the web. When clicking on a link that has been posted, it sends the user to a URL on the main site that is URL.com/article/view. This page has a large iframe that contains the article itself, and a small bar at the top containing the article with various links to get back to the original site. I'd like to make sure that the comment pages (URL.com/article) are indexed instead of all of the URL.com/article/view pages, which won't really do much for SEO. However, all of these pages are indexed. What would be the best approach to make sure the iframe pages aren't indexed? My intuition is to just have a "noindex" in the header of those pages, and just make sure that the conversation pages themselves are properly linked throughout the site, so that they get indexed properly. Does this seem right? Thanks for the help...
Technical SEO | | jim_shook0 -
Header Tag Question
While reviewing code on a site, I found the following: <h1 class="<a class="attribute-value">logo</a>"> <a id="<a class="attribute-value">logo</a>" href="[http://siteexampleh1.com](view-source:http://dmbinc.com/)"><span>Example of most important content on this page- Companyspan>a> h1> Is this the correct way to place code for an h1 tag? The content is cached within the page and is hidden to the viewer. The content that is assigned as the h1, is a logo. Majority of code I have been reviewing does not use this setup. The code would instead read as ( This is heading 1 ). Can anyone provide insights on this? Thanks!
Technical SEO | | jfeitlinger0 -
Genesis WP Theme H1 Tag not properly Used?
I am in the process of redesigning my website, and I have been working on the Genesis framework a lot lately, so I used the Genesis framework to make my new site. The URL is http://protechig.com As I look at the H1 on the page (homepage only, every other page has solid h1s from an SEO perspective.) The first thing that I see is that the home page H1 is a links (to protech's home page). The second thing that I see is the the title text is replaced with an image (my logo) and there is a text-indent:-99999; and overflow:hiden; I just want to know from an SEO perspective if this is okay, and, if it isn't, what I could/should to to rectify it. Thanks Zach
Technical SEO | | Zachary_Russell0 -
Will Google hit me because I hide my H1 tag?
I read an article this morning regarding keywords on a web page. In the article it said that Google would hit anyone putting keywords on a web page but then hiding them from anyone visiting the website. This makes sense. What it did make me think about though is the technique I use when building a website. If, for example, I'm building a website for "Acme Cheap Products". In the header of the page, I will have a H1 tag as well as an image tag for the company's logo. As the logo has the company name on it, I would usually put the company name in a H1 tag as well, and then hide the H1 tag, so I wouldn't have a logo and then a title next to it saying the same thing as the logo. The question is though, would this sort of technique trigger Google in to hitting my site?
Technical SEO | | -Al-0 -
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