H1 tag replaced by an Image...

Discussion in 'Search Engine Optimization' started by bizhobby, Aug 27, 2006.

  1. #1
    Ok so we all know that <H1>Title Containing Relevant Keywords</H1> is very important for SERP.

    Is there a way to keep the H1 tag when showing that image, without doing cloaking or javascript?

    Would something like this work:

    <H1><img src="mypic.png" alt="My Title With Keyword" /></h1>
     
    bizhobby, Aug 27, 2006 IP
  2. hooperman

    hooperman Well-Known Member

    Messages:
    646
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    108
    #2
    hooperman, Aug 27, 2006 IP
  3. GLD

    GLD Well-Known Member

    Messages:
    307
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    140
    #3
    You could use CSS and place a background image behind the h1 tag.
    
    h1 {
    	font-family: verdana;
    	font-size: 10px;
    	height:30px;
    	background-image: url(headerbg.jpg);
            background-repeat: no-repeat;
    	}
    
    HTML:
    EDIT: I just realised this is useless as there is no keyword to emphasize in the tag... :rolleyes: :p
     
    GLD, Aug 27, 2006 IP
  4. Marcus_Westberg

    Marcus_Westberg Peon

    Messages:
    588
    Likes Received:
    30
    Best Answers:
    0
    Trophy Points:
    0
    #4
    How about making your image a H2 tag.... and change your former H2 tag into an H1 tag....

    Good question here....

    It´s not really spam or anything to have the H2 tag before the H1.....
     
    Marcus_Westberg, Aug 27, 2006 IP
  5. tandac

    tandac Active Member

    Messages:
    337
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    58
    #5
    My Bed and Breakfast site does this. See sig.

    <div id="top"><h1></h1></div>

    Using css set top.h1 to invisible and set top.background-image to something apropriate.
     
    tandac, Aug 27, 2006 IP
  6. seo-mumbai

    seo-mumbai Well-Known Member

    Messages:
    2,004
    Likes Received:
    183
    Best Answers:
    0
    Trophy Points:
    105
    #6
    From all above replys i think css is good option, i have try this 1 never did before.
     
    seo-mumbai, Aug 27, 2006 IP
  7. jdevalk

    jdevalk Active Member

    Messages:
    417
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    68
    #7
    tandac option is ok, as long as the text within the h1 is the same text as in the image. Rule of thumb is that OCR should see the same as source view :)
     
    jdevalk, Aug 27, 2006 IP
  8. Cryogenius

    Cryogenius Peon

    Messages:
    1,280
    Likes Received:
    118
    Best Answers:
    0
    Trophy Points:
    0
    #8
    I would use this (note addition of TITLE property):

    <H1 TITLE="My Title With Keyword"><img src="mypic.png" alt="My Title With Keyword" /></h1>
    HTML:
    In fact, you might want to add TITLE to all your headers. Users will see them as tooltips when they hover over the header.

    Cryo.
     
    Cryogenius, Aug 27, 2006 IP
  9. sojic

    sojic Active Member

    Messages:
    133
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    90
    #9
    I think that title tag is with low priority. I'm using CSS technique with image in background like GLD posted
     
    sojic, Aug 27, 2006 IP
  10. bizhobby

    bizhobby Peon

    Messages:
    692
    Likes Received:
    26
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Great discussion, great answers!

    Isn't it a problem that the H1 is set to invisible?
    I though that something like that might penalize you.
     
    bizhobby, Aug 28, 2006 IP
  11. jdevalk

    jdevalk Active Member

    Messages:
    417
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    68
    #11
    If i understood Matt Cutts correctly, it's no problem if the text in the image and the text in the H1 are the same.
     
    jdevalk, Aug 28, 2006 IP
  12. sipltech

    sipltech Well-Known Member

    Messages:
    713
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    130
    #12
    People who ask better questions get better answers indeed.

    You have asked an excellant question.

    Any thing set invisible or just made for SE's may lead to penalties. No one can rule this out. As per general rule, what helps visitors get when you set H1 on ALT's?

    In General H1 is used to describe the Headline of the site, should not be used to give more weight to your keywords. IMHO :)
     
    sipltech, Aug 28, 2006 IP