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
-
Date in permalinks. Bad?
Hello! I have a recipe website with over 1000 posts. Currently I have the month and year in the permalink that everyone is hinting off to me is bad. On the same front people tell me if I change the permalinks to just the post name it's going to significantly slow down my site. I'm torn on this one about changing. From Google's standpoint is it better to change to the post name and if so should I be fearing I'm going to run into trouble with the change? Any suggestions you have would be appreciated. Thanks!!!
Technical SEO | | Rich-DC1 -
CSS background image links bad for seo?
On one of the websites I manage SEO for, the developers are changing how our graphical links are coded. They're basically coding in such away where there is no anchor text and no alt tag, so for example: So there's no anchor nor alt context for Google's crawler. How badly will this affect SEO, or is it extremely minimal and I shouldn't worry about? Thanks in advance.
Technical SEO | | JimLynch0 -
Same H1 & H2 Tags
Is it bad to have the same H1 & H2 tag on one page? I found a similar question here on the moz forum but it didn't exactly answer my question. And will adding "about" on the H2 help, or should we avoid duplicate tags completely? Here is a link to the page in question (which will repeat throughout this site.) Thanks in advance!
Technical SEO | | Mike.Bean0 -
Meta descriptions and h1 tags during a 301 redirect
My employer is shifting to a new domain and i am in the midst of doing URL mapping. I realize that many of the meta descriptions and H1 tags are different on the new pages - is this a problem ? Thank you.
Technical SEO | | ptapley0 -
ADA, WCAG, Section 508 Accessibility and hidden text
I am working on fixing accessibility issues on client's site, and they have contracted with a vendor who provides both tools to monitor the site and consulting to help us fix issues that are found. When there are spatial relationships between elements on a page that would be not be evident to someone listening via a screen reader, a strategy that they recommended to us to is to add text helpers that are not visible, but still read by the screen readers. An example: Directions to our Fifth Avenue Store I have seen this technique used on a major brand site but I am concerned that their brand strength insulates them from a hidden text penalty far more than my client's brand would. Also, their implementation uses class names like "ada_hidden" which may help search engines understand the intent, or may not at all. I am looking for opinions regarding the use of this technique. Normally I wouldn't use it for risk of penalty, but here the intent is to improve the user experience of the pages. Anyone used similar techniques for ADA/WCAG, or solved the problem in a more SEO-friendly way? Thanks, Will
Technical SEO | | WillW0 -
Templates for Meta Description, Good or Bad?
Hello, We have a website where users can browse photos of different categories. For each photo we are using a meta description template such as: Are you looking for a nice and cool photo? [Photo name] is the photo which might be of interest to you. And in the keywords tags we are using: [Photo name] photos, [Photo name] free photos, [Photo name] best photos. I'm wondering, is this any safe method? it's very difficult to write a manual description when you have 3,000+ photos in the database. Thanks!
Technical SEO | | TheSEOGuy10 -
Is buying a domain with a high PR and redirecting it to your site considered black hat?
I want to buy a domain that has clean backlinks and then redirect it to my new domain to bump up my PR. Is this considered a black hat technique? Thanks Carla
Technical SEO | | Carla_Dawson1 -
What is the value of english links with foreign language anchor text for a foreign site?
I have a site in Spanish that is hosted in Spain with a .es TLD. I already have many Spanish-language links from websites in Spain, but I obviously want more and I'm finding I might need to look beyond typical Spanish sites. In talking to some of my link builders who work on my English/American sites, they are recommending that I build links on the normal article sites, blogs and web 2.0 sites that I normally build links on but that I make all the content English and insert the anchor text in Spanish. For example, if my site were about "weightloss", my keyword would be "perder peso" (in spanish). They are recommending that I have articles, reviews, etc written about weightloss in English with the anchor text "perder peso" worked into the English article. Most of the sites are English sites that are hosted in the US (article sites, web 2.0 properties, etc). My question is what is the value of these links? Does anybody have any experience with this?
Technical SEO | | jargomang0