seo - images and h1

Question

I have a situation where I'd like to stick to using my logo instead of the actual text for my h1 tags. if I put in my keywords in the alt tag, instead of actually written, will I suffer in SEO. Is it better to have both text and an image? Thoughts?

<div id="hdr-top-logo">
 <h1>                   
  <a href="/">
   <img src="logo.jpg" alt="keywords and title" />
  </a>
 </h1>
</div>

score 9 · Accepted Answer · answered Feb 03 '12 at 15:16

9

SEO is speculative at best.

Generally the accepted convention is to use where appropriate and you won't suffer. For example, your code I would write something like this:

<div id="hdr-top-logo">
 <h1>                   
  <a href="/" title="Blahblah.com logo">
   <img src="logo.jpg" alt="Blahblah logo" />
  </a>
 </h1>
</div>

The benefits of actually having the text instead of the logo won't be much, if anything.

Note: alt + title should be descriptive, so don't just stuff a bunch of keywords in there, otherwise you will suffer SEO wise.

answered Feb 03 '12 at 15:16

Nick

6,316
2
29
47

yes sorry. i should have stated that the alt would be not keywords only. basically some of my target keywords that are relevant to my site title / company name. all under 40 chars (i think i read somewhere that only the first X number are actually read by google). – au_stan Feb 03 '12 at 15:21
Hi @nick, would using your answer, but also adding text after the logo in a span be okay?
Page Title
if their logo is an icon. In my case they want the logo vertically aligned with the center of each page title and this will do it out of the box without any adjustment where inline-block on img + h1 needs all sorts of adjustment all the way up through media queries, or would you go with a background image? – mtpultz Apr 03 '15 at 07:02

score 3 · Answer 2 · answered Aug 14 '14 at 14:36

If you have access to the CSS, the ideal approach is to replace your h1 tag with an image via css.

So you have this html:

 <h1 id="hdr-top-logo">                   
  <a href="/">
  </a>
 </h1>

and this css:

#hdr-top-logo { 
width: width of logo.png here; 
height: height of logo.png here; 
background: url(logo.png); 
text-indent: 100%; 
white-space: nowrap; 
overflow: hidden;
}

When used appropriately, this is completely search-engine friendly.

NB there are quite a few different techniques for image replacement, this is the Scott Kellum method as seen here http://css-tricks.com/examples/ImageReplacement/

You might want to have a look and experiment to see which technique suits your situation best, there are different drawbacks to using different methods.

not a bad idea. is this still practical and not punished? – oldboy Oct 19 '20 at 08:44 — oldboy, Oct 19 '20 at 08:44

score 1 · Answer 3 · answered Feb 03 '12 at 15:12

1

Yes for the SEO it is better to have text, since the crawler can't read the text inside images, but using alts will help somehow (not the same effect as the text) but will definitely help.

answered Feb 03 '12 at 15:12

Alex

5,971
11
42
80

score 0 · Answer 4 · answered Feb 03 '12 at 15:13

0

I would suggest you to only put a relevant title in the alt and use meta for keywords. Hope that helps. The alt will actually show up for people who can't or wouldn't like to see images. It also helps accessibility. Putting extraneous keywords in the alt could potentially hurt accessibility.

answered Feb 03 '12 at 15:13

kush

979
1
15
32

3

Didn't Google come out and say they are ignoring meta keywords? – Dave Feb 03 '12 at 15:15
its been clearly stated by google that meta tags aren't really used any longer. – au_stan Feb 03 '12 at 15:16
OK, I think I get it now. Google does not use [keywords](http://googlewebmastercentral.blogspot.com/2009/09/google-does-not-use-keywords-meta-tag.html) but it uses [description](http://support.google.com/webmasters/bin/answer.py?hl=en&answer=79812)? Doesn't make much sense to me though. I still think the alt should not be used for all the extra keywords. Please look at Nick's answer for a fuller treatment. – kush Feb 03 '12 at 15:24
1

Yes, the description is still important - it's what google show in their search results, of course it's important! Keywords aren't, although some people believe they may still have a very small impact (on other search engines), so best still to put them in, even if they are very generic. – Nick Feb 03 '12 at 15:37

score 0 · Answer 5 · edited Oct 16 '13 at 02:38

The best for SEO is to put text in the H1-tag and to make a unique H1 on every page. Try to limit your H1-tags to only 1 per page and let it describe the content of that page, including all the minor keywords of that specific page. Put this keywords as much in the beginning of the H1 as possible.

But when you really need to put an image in the H1, you best provide as much title- and alt-attributes as possible and let them contain your keywords.

So use this for example:

<h1> 
  <a href="http://your.url" title="some text with keywords"> 
    <img src="logo.jpg" title="some text with keywords" alt="some keyword" /> 
  </a>
</h1>

Hope this helps.

seo - images and h1

5 Answers5

Page Title

Linked