SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Guru glenngould's Avatar
    Join Date
    Nov 2005
    Posts
    662
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Using Text Images in Heading Tags

    What is the proper usage of images in heading tags? Do I have to hide the actual text in a way or any other options? I guess the alt tags don't work for SEO, right?

    Tweep List adds an avatar menu to Twitter (open source) ---------- Word Stats shows your most used words on Twitter

  2. #2
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    No you don't have to hide the text at all as long as the image makes sense as a h1 and isn't some fluffy dice.

  3. #3
    SitePoint Guru glenngould's Avatar
    Join Date
    Nov 2005
    Posts
    662
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    My concern is that, the text-image is not crawled by search engines.
    Tweep List adds an avatar menu to Twitter (open source) ---------- Word Stats shows your most used words on Twitter

  4. #4
    SitePoint Wizard silver trophybronze trophy Stormrider's Avatar
    Join Date
    Sep 2006
    Location
    Nottingham, UK
    Posts
    3,133
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I think search engines do look at alt tags, but not in the same way as H1's obviously.

  5. #5
    SitePoint Guru glenngould's Avatar
    Join Date
    Nov 2005
    Posts
    662
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think search engines do look at alt tags, but not in the same way as H1's obviously.
    Yep, that's what I know. So what to do? I need to use gif's for my headings designwise.
    Tweep List adds an avatar menu to Twitter (open source) ---------- Word Stats shows your most used words on Twitter

  6. #6
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,495
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Have you looked into using a plain text header with an empty SPAN element right after the opening <h1> tag, with the image being served as a background via CSS?

    Sitepoint has an article on how to do this, called Accessible XHTML Headers (don't let the letters "XHTML" fool you, it works just fine on HTML 4.01).

  7. #7
    SitePoint Guru glenngould's Avatar
    Join Date
    Nov 2005
    Posts
    662
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Have you looked into using a plain text header with an empty SPAN element right after the opening <h1> tag, with the image being served as a background via CSS?
    Yeah, SP is using the same method on this site..I doubted this may be incompatibe for some browsers (for the SP logo, but I'll use it many times not just once), but I'll check that article to confirm that. Thanks.
    Tweep List adds an avatar menu to Twitter (open source) ---------- Word Stats shows your most used words on Twitter

  8. #8
    Is Still Alive silver trophybronze trophy RetroNetro's Avatar
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    6,883
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    There is also SIFR.

  9. #9
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,495
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Only browser I've seen it NOT work on is Internet Explorer for the Macintosh.

    But that's a dead browser anyway. IE5+ (Win), Netcape 6+, Mozilla, FireFox, Opera, Safari, Konqueror, etc all support it.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •