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 -
Is horizontal hashtag linking between 4 different information text pages with a canonical tag to the URL with no hashtag, a White Hat SEO practice?
Hey guys, I need help. hope it is a simple question : if I have horizontal 4 text pages which you move between through hashtag links, while staying on the same page in user experience, can I canonical tag the URL free of hashtags as the canonical page URL ? is this white hat acceptable practice? and will this help "Adding the Value", search queries, and therefore rank power to the canonical URL in this case? hoping for your answers. Best Regards, and thanks in advance!
White Hat / Black Hat SEO | | Muhammad_Jabali0 -
Keyword in alt tag and future G Updates
Hello, I notice that it is common practice to put the page's keywords directly into an alt tag. I don't see how this helps the user and how it helps the user using screen readers and such. Do you think future G updates will slightly penalize pages with alt tags that are just the page's keywords and not a helpful phrase? What do you recommend to put in alt tags in light of future G updates?
White Hat / Black Hat SEO | | BobGW1 -
Small help with title tags
Hello all, this is my first question on Moz, i can see lots of people use it. Overall great community. I have a question, about title tags, ive done some keyword re-searches via Adwords-Keyword planner. And i need help combining the title tag for my pages. This are my most searched keywords:
White Hat / Black Hat SEO | | legendz
Main keyword - ACE Online Related keywords : Private Server Top 100 Download Gameplay Guide Now ive combined my title :
ACE Online Private Server - Top 100, Download, Gameplay, Guide Do you think this is good writen title or something its bad, i really cant deside. Please help0 -
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 -
Title Tag - Best Practices
I'm pretty new to seo but think I'm starting to get a decent grasp on it. One thing I'm really struggling with is how to organize the meta title tags on my website. I work in real estate and I'm noticing a lot of my local competitors that are ranking for the top keywords seem to using that particular keyword on every title tag within their website. An example would be www.paranych.com. Many of his internal pages have the word "Edmonton Real Estate" in the meta title tag, yet his home page is the page that is ranking for that particular keyword. It doesn't seem logical to have every one of my pages featuring the same keyword, but there are many examples within my industry of this working. Is the best practice with meta title tags to have your keyword on every title tag of your site or just the home page? Thx, Barry
White Hat / Black Hat SEO | | patrickmilligan0 -
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 -
Improve CTR with Special Characters in Meta-Description / Title Tags
I've seen this question asked a few times, but I haven't found a definitive answer. I'm quite surprised no one from Google has addressed the question specifically. I ran across this post the other day and it piqued my interest: http://www.datadial.net/blog/index.php/2011/04/13/special-characters-in-meta-descriptions-the-beboisation-of-google/ If you're able to make your result stand out by using stars, smiley faces, TM symbols, etc it would be a big advantage. This is in use currently if you search for a popular mattress keyword in Google. It really is amazing how the special characters draw your attention to the title. You can also see the TM and Copyright symbols if you search for "Logitech Revue" Radioshack is using these characters in their adwords also. Has anyone found any definitive answers to this? Has anyone tracked CTR and long-term results with special characters in title or description tags? Any chance of getting penalized for using this? As a follow-up, it looks like you could also put check symbols into your meta-description tags. That has all kinds of interesting possibilities. http://www.seosmarty.com/special-symbols-wingdings-for-social-media-branding-twitter-linkedin-google-plus/
White Hat / Black Hat SEO | | inhouseninja0