Logo images and accessibility/SEO
Moderator: General Moderators
-
alex.barylski
- DevNet Evangelist
- Posts: 6267
- Joined: Tue Dec 21, 2004 5:00 pm
- Location: Winnipeg
Logo images and accessibility/SEO
Is it best to keep the logo as a external style using background-image or use an actual <img> tag to display the logo of any given site?
Is it better for accessibility or SEO or both? What do you think/find?
Is it better for accessibility or SEO or both? What do you think/find?
I do this:
Unless I don't find the company name to be the heading of the page. In which case I do this:
Code: Select all
<h1 id="logo"><span>My Company Name</span></h1>Code: Select all
#logo span {
display: none;
}
#logo {
width: 300px;
height: 120px;
background: #fff url(../images/logos/main.png) no-repeat left top;
}Code: Select all
<div id="logo"><span>My Company Name</span></div>-
alex.barylski
- DevNet Evangelist
- Posts: 6267
- Joined: Tue Dec 21, 2004 5:00 pm
- Location: Winnipeg
Hmmm...interesting idea. 
My only comment is, when you use <hx> tags (Google, etc) count each instance. If you abuse certain tags because they are well known to bump up SE ranking, obviously you risk being red flagged.
The company name is seldomly what you are trying to optimize but rather the content and services, etc.
Any experience tweaking that and watching site rank?
My only comment is, when you use <hx> tags (Google, etc) count each instance. If you abuse certain tags because they are well known to bump up SE ranking, obviously you risk being red flagged.
The company name is seldomly what you are trying to optimize but rather the content and services, etc.
Any experience tweaking that and watching site rank?
It makes sense to me that the company name would be the heading on a page such as "About us" or "Contact Us", so like I said, on those type pages I'd use it as a heading. If you look at the page without CSS, it renders as a readable (and outlinable) document, which is the whole point. If it doesn't make sense to include it as a heading, don't (like I already said).
- RobertGonzalez
- Site Administrator
- Posts: 14293
- Joined: Tue Sep 09, 2003 6:04 pm
- Location: Fremont, CA, USA
-
alex.barylski
- DevNet Evangelist
- Posts: 6267
- Joined: Tue Dec 21, 2004 5:00 pm
- Location: Winnipeg
I think we should leave it to the search engines to decide what is normal use and what is abuse. Using an image replacement technique here and there cannot be a reason to penalize your site, in my opinion. I mean, so many modern css-based websites use it either in a logo or a nav, including the ones from the css-gurus, who wrote the books and which techniques have been followed by every one else. It would make no sense at all if all those sites would be penalized suddenly.
It would make sense if some spammer using the technique to fill his page with 100 <h1> elements full of vi***a spam using this technique would be banned.
For me, SEO means: worry about making a useful site for your users. If you succeed in that, the search engines will follow. I'm sure some people will disagree (including the ones messing with the system, filling my weblogs with spam, etc)
It would make sense if some spammer using the technique to fill his page with 100 <h1> elements full of vi***a spam using this technique would be banned.
For me, SEO means: worry about making a useful site for your users. If you succeed in that, the search engines will follow. I'm sure some people will disagree (including the ones messing with the system, filling my weblogs with spam, etc)
- Kieran Huggins
- DevNet Master
- Posts: 3635
- Joined: Wed Dec 06, 2006 4:14 pm
- Location: Toronto, Canada
- Contact:
-
alex.barylski
- DevNet Evangelist
- Posts: 6267
- Joined: Tue Dec 21, 2004 5:00 pm
- Location: Winnipeg
Google's algorithm strives to index websites based on the content they provide. Sounds basic.
If you include display:none tags in the css, google's spiders will ignore the content. Furthermore, you will be at higher risk of being blacklisted.
How would something like <h1><span style="display:none;">super sweet seo text</span></h1> differ from the white text on white background practices that spammers try to get away with?
Short Answer: never use display:none
Longer Answer: use h1...h5 as they should be used. most general important header should be h1... and so on.
<img> tags and the alt property is crucial for SEO, tested and proven.
If you include display:none tags in the css, google's spiders will ignore the content. Furthermore, you will be at higher risk of being blacklisted.
How would something like <h1><span style="display:none;">super sweet seo text</span></h1> differ from the white text on white background practices that spammers try to get away with?
Short Answer: never use display:none
Longer Answer: use h1...h5 as they should be used. most general important header should be h1... and so on.
<img> tags and the alt property is crucial for SEO, tested and proven.
That's why I use text-indent:-9999px.
If you are really worried about a single headline being ignored by search engines, use plain text. But I wouldn't worry about it too much. I can't imagine a single h1 making a lot of difference, considering all other factors influencing search ranking. Even the complete markup of the page itself is not that important compared to incoming links.
As most people who claim stuff, I cannot back this up with hard figures/research
If you are really worried about a single headline being ignored by search engines, use plain text. But I wouldn't worry about it too much. I can't imagine a single h1 making a lot of difference, considering all other factors influencing search ranking. Even the complete markup of the page itself is not that important compared to incoming links.
As most people who claim stuff, I cannot back this up with hard figures/research
I have been considering using the text-indent trick. The only thing I don't like about it is that when you click a link, the focus box (or what-have-you) is all the way across from the left of the screen. This is really strange when you have links in the middle, or worse--floated to the right--of your content. At least in Firefox it does.
-
alex.barylski
- DevNet Evangelist
- Posts: 6267
- Joined: Tue Dec 21, 2004 5:00 pm
- Location: Winnipeg
Haha...how true...of all of us.matthijs wrote:That's why I use text-indent:-9999px.
If you are really worried about a single headline being ignored by search engines, use plain text. But I wouldn't worry about it too much. I can't imagine a single h1 making a lot of difference, considering all other factors influencing search ranking. Even the complete markup of the page itself is not that important compared to incoming links.
As most people who claim stuff, I cannot back this up with hard figures/research