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.
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
-
Text to code ratio<10% warning from website audit by SiteChecker.Pro - how important is it?
Hi to everyone, I used Sitechecker.Pro for a website audit of a client website https://bizpages.org and there was this warning (not an error!): TEXT TO CODE RATIO<10% https://sitechecker.pro/app/main/project/1839063/audit/summary How important is this to achieve good ranking? What are good ratios? I undestand that more text needs to be added to improve it? fcdcfbe438
Technical SEO | | astweb0 -
Content in Accordion doesn't rank as well as Content in Text box?
Does content rank better in a full view text layout, rather than in a clickable accordion? I read somewhere because users need to click into an accordion it may not rank as well, as it may be considered hidden on the page - is this true? accordion example: see features: https://www.workday.com/en-us/applications/student.html
Technical SEO | | DigitalCRO1 -
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.
Technical SEO | | evansluke0 -
23,000 pages indexed, I think bad
Thank you Thank you Moz People!! I have a successful vacation rental company that has terrible seo but getting better. When I first ran Moz crawler and page grader, I had 35,000 errors and all f's.... tons of problem with duplicate page content and titles because not being consistent with page names... mainly capitalization and also rel canonical errors... with that said, I have now maybe 2 or 3 errors from time to time, but I fix every other day. Problem Maybe My site map shows in Google Webmaster submitted 1155
Technical SEO | | nickcargill
1541 indexed But google crawl shows 23,000 pages probably because of duplicate errors or possibly database driven url parameters... How bad is this and how do I get this to be accurate, I have seen google remove tool but I do not think this is right? 2) I have hired a full time content writer and I hope this works My site in google was just domain.com but I had put a 301 in to www.domain.com becauses www. had a page authority where the domain.com did not. But in webmasters I had domain.com just listed. So I changed that to www.domain.com (as preferred domain name) and ask for the first time to crawl. www.domain.com . Anybody see any problems with this? THank you MOZ people, Nick0 -
To avoid errors in our Moz crawl, we removed subdomains from our host. (First we tried 301 redirects, also listed as errors.) Now we have backlinks all over the web that are broken. How bad is this, from a pagerank standpoint?
Our MOZ crawl kept telling us we had duplicate page content even though our subdomains were redirected to our main site. (Pages from Wineracks.vigilantinc.com were 301 redirected to vigilantinc.com/wineracks.) Now, to solve that problem, we have removed the wineracks.vigilantinc.com subdomain. The error report is better, but now we have broken backlinks - thousands of them. Is this hurting us worse than the duplicate content problem?
Technical SEO | | KristyFord0 -
Inbound links with anchor text about pills pointing to our URLs
Hi, I have just noticed one of our websites has lots of inbound links with the words: "order cialis", "**cialis professional online", "**order viagra soft" and so on. I have checked the target URLs source for any kind of suspicious code and found nothing. **What should I look for and what should I do in this case? ** Thanks
Technical SEO | | ceci27100 -
Will bad things happen if I cancel 301 site redirect?
Hi, please someone help! We have two identical websites, say A & B. Because of the not so good SEO establishment, site B was built and site A was 301 redirected to site B weeks ago. For some reasons, we have to reuse site A, which means we have to cancel the 301 redirection. (Sound a little crazy) So the question are: 1. Can we conduct the action? 2. If we cant, what's the reason? 3. If we can, what would be the best practice? Thanks for help in advance! Plus: we also CARE what would happen to site B if the 301 is cancelled? Will it grow healthy like a new site?
Technical SEO | | Squall3150 -
Too many 301 redirects - good or bad?
Hi, Currently, page A is redirecting to page B. I am in the process of developing new site for the same domain and this time page B will be redirected to page C. This is gonna happen on many pages. Is it correct or should i adopt some other strategy? Will it have adverse effect on the speed of my site? Page A -----> Page B ------> Page C Regards, Shailendra
Technical SEO | | IM_Learner0