homepage Welcome to WebmasterWorld Guest from 50.17.66.61
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / WebmasterWorld / Webmaster General
Forum Library, Charter, Moderators: phranque

Webmaster General Forum

    
H1 tag off page using CSS
sftriman



 
Msg#: 4420094 posted 6:04 pm on Feb 21, 2012 (gmt 0)

I was just looking at the design of a big-time hiking and camping store online. I noticed their H1 tag was configured using CSS to have margin-left:-5000px. So it's floated off the page, out of view, to the left, but still appears as a pure H1 tag. What's the thinking on this in terms of SEO?

I've configured my H1 tag to have a small font and appear near the top of my page (early content) on my sites, and while that works fine for SEO, it's usually a little clunky in terms of what purpose it serves on the page. The way this hiking site does it, the H1 is right after the body tag, which is "optimal" in some sense I think, but of course, it's hidden with that -5000px left margin. Good or bad?

 

lucy24

WebmasterWorld Senior Member lucy24 us a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



 
Msg#: 4420094 posted 8:53 pm on Feb 21, 2012 (gmt 0)

Clever until the moment the search engines figure it out. Then Not Smart.

You don't need to have text in your header at all. If your pages have a banner headline, put that between the <h1> tags, with an <alt> that gives the main text of the banner.

sftriman



 
Msg#: 4420094 posted 9:40 pm on Feb 21, 2012 (gmt 0)

I think you meant a banner image with alt text, not a "banner headline" which would in fact be text. Yes, I could do that for sure, that's a good idea - you're saying, the alt text is the text in the H1. I'm more likely to cut out a little swatch of real estate near my nav and wedge the H1 in there so that it can be pure text.

Back to this site - it's a BIG well known famous site, so it's hard to fathom why they are floating the H1 so far left, which sure sounds black hat-ish. Maybe it's not so bad as we may think? FWIW, it does appear as <H1>Hiking and Camping Supplies</H1> and the float is done in their CSS file. That may help a little with the camouflage?

lucy24

WebmasterWorld Senior Member lucy24 us a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



 
Msg#: 4420094 posted 12:30 am on Feb 22, 2012 (gmt 0)

When you look at the site with your human eyeballs, is the <h1> truly invisible? Or is there some kind of nesting so it ends up just being a weird way of centering the whole thing?

Otherwise, yeah, it's hard not to see it as a textbook example of showing different content to humans than to search engines. "For a given definition of 'different'" won't quite cut it.

And yes, ahem, I did mean a banner image. A recent benefit is that people on crude mobile devices-- the ones that don't show images-- will then see the h1 approximately as intended. And so will you, if :: cough, cough :: you misplace an /images directory or a stylesheet. (Happened to me only yesterday. "Uhm, I thought I'd used some other fancy font for that header." Oops.)

phranque

WebmasterWorld Administrator phranque us a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



 
Msg#: 4420094 posted 5:37 am on Feb 22, 2012 (gmt 0)

sftriman, you might enjoy reading this thread - accessibility and <h1> header images:
http://www.webmasterworld.com/accessibility_usability/3844966.htm [webmasterworld.com]

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / WebmasterWorld / Webmaster General
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved