Hidden H1 tag - ?permissable
-
Until now I have been building websites either from scratch or with a template. Recently I decided to learn Adobe Dreamweaver.
At the end of the first "Building a Website using Dreamweaver" lesson, the author notes the site is done but an H1 tag is missing. The instructor advises "The page doesn't have a top-level heading (
). The design uses the banner image instead. This looks fine in a browser, but search engines and screen readers expect pages to be organized with a proper hierarchy of headings:
at the top of the page, ..."
The instructor then walks readers step-by-step into creating an H1 tag and using absolute positioning of -500px top to cause the tag to not be visible.
My initial thought was the instructor was completely wrong for offering this advise, and users would be banned from search engines for following these instructions. I had planned to contact the writer and suggest the instructions be modified. Prior to doing such, I wanted to request a bit of feedback.
The banner image's text in this example is "Check Magazine: Fashion and Lifestyle". The H1 tag that is created and positioned off-screen uses that exact same text.
In an old blog comment, Matt Cutts shared "If you’re straight-out using CSS to hide text, don’t be surprised if that is called spam. I’m not saying that mouseovers or DHTML text or have-a-logo-but-also-have-text is spam; I answered that last one at a conference when I said “imagine how it would look to a visitor, a competitor, or someone checking out a spam report. If you show your company’s name and it’s Expo Markers instead of an Expo Markers logo, you should be fine. If the text you decide to show is ‘Expo Markers cheap online discount buy online Expo Markers sale …’ then I would be more cautious, because that can look bad.”"
I would like to get some mozzer feedback on this topic. Do you view this technique as white hat? black hat? or grey hat?
-
Definitely not hide any heading tags!
But what about advanced development techniques like tooltips and lightboxes? If you want to display a part of the page only on a certain user interaction?
Would this impact your OnPage optimization negitively when the spider sees an html tag with a css property of hidden?
-
I would not hide the H1 on any of my sites.
-
Personally I've always avoided hiding page objects, seems to be a little fruitless to put work into implementing an object on a page only not to show it.
If the graphic is simply text and the aim of the graphic is to provide a good looking heading theres no reason not to use Google fonts (or similar) or Cufon HTML5 tags.
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
-
Canonical tags being direct to "page=all" pages for an Ecommerce website
I find it alarming that my client has canonical tags pointing to "page=all" product gallery pages. Some of these product gallery pages have over 100 products and I think this could effect load time, especially for mobile. I would like to get some insight from the community on this, thanks!
White Hat / Black Hat SEO | | JMSCC0 -
Hide keyword tag or not?
We have a mandatory keyword tag field in our cms page templates, which we have to keep
White Hat / Black Hat SEO | | AMurelli
as our internal search facility bases queries on the keywords we use. Should we hide the keywords from the search
engines, as I read that Bing uses it as a spam signal? Or do we just need to stick to best practise ensuring the keywords match the keywords found in the body content? Many thanks for any help. Sophie0 -
Can I leave off HTTP/HTTPS in a canonical tag?
We are working on moving our site to HTTPS and I was asked by my dev team if it is required to declare HTTP or HTTPS in the canonical tag? I know that relative URL's are acceptable but cannot find anything about HTTP/HTTPS. Example of what they would like to do Has anyone done this? Any reason to not leave off the protocol?
White Hat / Black Hat SEO | | Shawn_Huber0 -
Can H1 and Meta title be exactly the same ?
I've heard from some SEO's that H1 and Meta Title shouldn't be exactly the same, why ? Both of them describe what is ON the page right ? Why is it Spammy? Is it ?
White Hat / Black Hat SEO | | Tintanus2 -
Is it ok to have nothing underneath your H1?
Essentially what I want to know is - Is it ok to go straight from H1 to H2 without any text in between? e.g. abcd efgh ijklmn opqr stuvwxyz Is google going to see the H1 tag as a loose end without anything underneath it and just going straight to a H2?
White Hat / Black Hat SEO | | First-VehicleLeasing0 -
Is it still considered reciprocal linking if one of the links has a nofollow tag?
I have a popular website in which I include nofollow links to many local businesses, like restaurants and retailers. Many of the businesses are local startups that are more focused on word of mouth and often have no idea what SEO is. Seeing as I am already mentioning them on my website and my readers are finding them via the links, I want to reach out to these businesses to see me if they might give me a link since I have been linking to them for years. My question is: If these business owners decide to link to my wesbite and they give me a 'followed' link, will this look like reciprocal linking in the eyes of search engines? In other words, does the nofollow tag I put on my links to other businesses negate the reciprocal link penalty since both parties are not benefiting from a link juice exchange?
White Hat / Black Hat SEO | | AndrewHill0 -
Geotag city different from postal address. Can I mention both cities together in title tags?
This boundary thing seems to be haunting me at the mo. Oh what I'd give for somewhere within a defined boundary! Anyway, just noticed a client has one city in its official postal address, and another city under its geotag. So I'm looking at the title tags and I'm thinking of mentioning both cities on the main entry pages (6 of them) then dividing mention in sub pages. Is this acceptable to Google? Might they see mention of both cities in homepage title tag (and other entry pages) as spammy. I don't want to upset Google!!! PS. Both cities are core markets. I would say they're of equal importance in terms of current business bookings and business potential.
White Hat / Black Hat SEO | | McTaggart0 -
Img alt tags and creating a small image in the background ? New Golf Clothing Company.
On a page I am trying to make it have a better on page analysis for a keyword. Is it worth creating a small image that you cant see in the background 5 pixels by 5 pixels with the keyword img alt, or does google see this negatively? I know they say to create good content for the reader / viewer but an image wouldnt be suitable as it is a category page within my ecommerce website. http://www.funktiongolf.co.uk/mens-golf-clothing-21-c.asp e.g Mens golf Clothing category
White Hat / Black Hat SEO | | funktiongolf0