Moz Q&A is closed.
After more than 13 years, and tens of thousands of questions, Moz Q&A closed on 12th December 2024. Whilst we’re not completely removing the content - many posts will still be possible to view - we have locked both new posts and new replies. More details here.
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.
-
Thanks for the advice! That sounds like a good plan B if I can't get the developers to change the image to text. This is definitely one of the most avoidable yet most frustrating on page issues I encounter.
I guess it's time to update my documentation for development.
-
Thanks, I was just thinking that too, but I'd rather be safe than sorry.
-
Hi Mike,
I'd personally say that you're fine, depending how you impliment it.
I personally believe that as long as the text that you add reads what the image contains, you're fine.
SEOmoz even use image replacement!
Good luck!
-
Hi Mike, The text-indent property can be applied to block-level elements (P, H1, etc.) to define the amount of indentation that the first line of the element should receive. The value must be a length or a percentage; percentages refer to the parent element's width. A common use of text-indent would be to indent a paragraph:
**`P { text-indent: 5em }`**
The usage of
text-indent:-9999px
to display a site logo or other image while hiding text should be avoided. It’s a technique used by web spammers trying to game search engines like Google, and is considered spammy behavior. Instead, use an tag and put the text inside itsalt
attribute.According to Matt Cuts (and some other comments) the best solution is to use an image with
alt
andtitle
attributes. Thealt
attribute is for SEO and thetitle
attribute is for accessibility. Using an image also makes sense for semantic markup. A company logo is actually an important piece of content.**`# <a< span="">href="http://stackoverflow.com"> <img< span="">src="logo.png" alt="Stack Overflow" title="Click to return to Stack Overflow homepage" /></img<></a<>`**
<code>Well, recently, I'm thinking about SEO effects with using something like h1 {text-indent: -9999px; background: url('xyz') }...
I dont think I trust this anymore to be good for SEO. And I don't mean that it's actually "good" for it, because that would certainly be bad SEO techniques. I'm just thinking that it wouldn't be too far fetched to believe that in the search algorithms that anything that is negative text indent over ABC pixels, is considered spam and either isn't registered, or even worse, effects your site negatively.</code>Hiding the contents of an H1 tag, such that the search engine is presented with textual content which is not visible to a visitor, is SEO Spamming, and can get the site banned if one of your client's competitors catches you doing it and turns you in! It is, in fact, a form of hidden text spamming (itself "Black Hat", and explicitly banned by all of the major search engines). With the offense made all the worse by the fact you are doing it with an H1 tag, rather than non-emphasized text (Due to both the power of an H1, and the real estate it would take-up if rendered on-screen) Google makes it pretty clear that hidden text spamming is prohibited. In fact, they have a web page in their anti-spam guidelines devoted to it! They also have a check-off box (the first one, in fact!) on their spam report page specifically dedicated to reporting this kind of spamming (see 3rd link - requires login). The fact that Google may not explicitly list every means of hiding keywords does not therefore make a particular spamming technique legit. Indeed, as Google states in their Webmaster guidelines (see 1st link) - "It's not safe to assume that just because a specific deceptive technique isn't included on this page, Google approves of it." However, in this case, this method of hiding content is specifically prohibited. On their Hidden Text Spamming page (2nd link), Google lists examples of various tricks to hide content, including specifically - "Using CSS to hide text" Which is what you are proposing to do here. While implementing this with external CSS files MAY make this a bit harder for Google to detect via automated means, it is also a VERY easy technique for someone to spot. All it takes is for just ONE of your client's competitors (OR their SEO's) to wonder why the site is coming-up higher in the SERPs than they are, notice what you are doing, and turn you in to Google for spamming! Any short-term gain you may obtain from such a technique is not worth the risk of getting your client's site banned from Google. The original quote from the WebmasterWorld discussion referenced by the Search Engine Roundtable link Shaq Ali provided makes the following excellent point - "For those who may be hiding things through CSS or negatively positioning content off screen to manipulate page content, I surely wouldn't do that with any long term projects. ;) The penalty for getting busted using this technique I would imagine is a PERMANENT BAN.* No if's, and's, or but's, you're history. You'll need a pardon from the Governor to be reconsidered for inclusion. ;)" (* - Bold replaced with caps) #### Links: * [http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=35769](http://www.linkedin.com/redirect?url=http%3A%2F%2Fwww%2Egoogle%2Ecom%2Fsupport%2Fwebmasters%2Fbin%2Fanswer%2Epy%3Fhl%3Den%26answer%3D35769&urlhash=woHy "New window will open") * [http://www.google.com/support/webmasters/bin/answer.py?answer=66353](http://www.linkedin.com/redirect?url=http%3A%2F%2Fwww%2Egoogle%2Ecom%2Fsupport%2Fwebmasters%2Fbin%2Fanswer%2Epy%3Fanswer%3D66353&urlhash=e5Vy "New window will open") * [https://www.google.com/webmasters/tools/spamreport](http://www.linkedin.com/redirect?url=https%3A%2F%2Fwww%2Egoogle%2Ecom%2Fwebmasters%2Ftools%2Fspamreport&urlhash=UReX "New window will open") I hope that your query had been solved.
-
If he put the image within the h1, and set the alt text to what he wanted the H1 would that help? It wouldn't be ideal but it could be a workaround that would yield some results.
I agree the design should encompass the proper tags, especially the H1 and H2.
-
Hiding text through CSS is against Google's TOS. So basically it can be classified as "black hat".
Your H1 should tell your users what your page is about, if you have to hide it for whatever reason, there may be something wrong with your design.
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
-
Can a H1 Tag Have Multiple Spans Within It?
H1 tags on my client's website follow the template [Service] + [Location]. These two have their own span, meaning there are two spans in an H1 tag. class="what">Truck Repair near class="where">California, CA How do crawl bots see this? Is that okay for SEO?
Technical SEO | | kevinpark1910 -
Query string parameters always bad for SEO?
I've recently put some query string parameters into links leading to a 'request a quote' form which auto-fill the 'product' field with the name of the product that is on the referring product page. E.g. Red Bicycle product page >>> Link to RFQ form contains '?productname=Red-Bicycle' >>>> form's product field's default value becomes 'Red-Bicycle' I know url parameters can lead to keyword cannibalisation and duplicate content, we use sub-domains for our language changer. BUT for something like this, am I potentially damaging our SEO? Appreciate I've not explained this very well. We're using Kentico by the way, so K# macros are a possibility (I use a simple one to fill the form's Default Field).
Technical SEO | | landport0 -
Anchor text with punctuation
Hey Moz Does anchor text with punctuation effect anything, does google even read it? I know matching exact anchor text to high volume keywords doesn't matter as much any more - but it still definitely makes a different as our reports show. Thanks
Technical SEO | | wearehappymedia0 -
Brand name as H1 on every page
Hi, Along with the title of each page, a Wordpress client has their brand name as a H1 on every single page. This is situated in the footer and just sits within the company info/address. Should these tags be removed, leaving just the page titles as H1s? Cheers, Lewis
Technical SEO | | PeaSoupDigital0 -
Is it ok to use H1 tags in breadcrumbs?
A client has an e-commerce site and she doesn't want a page title on the products page. She has breadcrumbs though. Her website developer suggests putting the H1 on the breadcrumbs. So: products> Gifts > picture frame with h1 tags round the word "picture frame". Is this ok to do? Or is it a bad thing for SEO purposes? Thanks
Technical SEO | | AL123al0 -
How do I fix the h1 tag?
No More Than One H1 Tag Easy fix <dl> <dt>Number of H1s</dt> <dd>2</dd> <dt>Explanation</dt> <dd>Best practices for both SEO and accessibility require only a single H1 tag. The H1 is meant to be the page's headline, and thus, multiple H1s are confusing. Consider employing H2, H3 or CSS styles to achieve the same results with text visualization.</dd> <dt>Recommendation</dt> <dd>Remove multiple instances of the H1 tag, so that only one exists on the page.</dd> <dd>I get this error yet it does not tell me how to fix it. I'm not even sure what the H1 tag is?
Technical SEO | | 678648631264
</dd> </dl>0 -
Move established site from .co.uk to .org - good or bad idea?
I am currently considering moving our site from the current .co.uk domain to the .org version which we also own. The site is established and indexed for 7 years, ranks well and has circa 10k traffic per month which is mainly UK & US traffic. The reason for the change to the .org domain is to make the site more global facing and give us the opportunity to develop the site into multi language within directories (.org/es/ etc.) and then target those to the local search engines. For the kind of site it is (community based) it wouldn’t really work to split this into lots of separate country targeted domains. So the choice is to either stick with the .co.uk and add the other foreign language specific content in directories within the .co.uk or move to the .org and do the same (there is also a potential third option of purchasing the .com which is currently unused but that could be pricey!) We are also planning a big overhaul of the site with redesign, lots of added content and reorganisation of the site – but are thinking that it would be better to move the domain on a 1:1 basis first with the current design, content and URL structure in place and then do the other changes 2 or 3 months down the line. I have read up on SEOmoz, google guidelines etc on moving a site to a new domain and understand the theoretical approach of moving the site and the steps to take (1to1 301 redirects, sitemaps on old and new etc) and I will retain ownership of the .co.uk so the redirects can remain in place indefinitely. However having worked so hard to get the site to where it is in the search engines and traffic levels I am very worried about whether the domain change is a good move. I am more than happy to accept a temporary fluctuation in rankings & traffic for 1 – 4 weeks as reported may happen as long as I can be sure it will return after a temporary period and be as strong (or almost as strong) as the previous rankings / traffic. Looking for peoples experiences to give me the confidence / reassurance to go ahead with this or any info on why I shouldn’t Thanks in advance for your advice. Adrian.
Technical SEO | | Zilla0