Welcome our webmaster and SEO forum
Please enjoy the forum, contribute what you can, and wind up the Moderators!
Page 1 of 2 12 LastLast
Results 1 to 10 of 11

Thread: Typography and Web Design

  1. #1
    espmartin's Avatar
    espmartin is offline Senior Member
    Join Date
    Jun 2007
    Location
    West Coast, USA (California)
    Posts
    625

    Default Typography and Web Design

    There are standard fonts that are expected to be available on most
    PC/Mac/Linux installs. And these are the ones we should be selecting
    for use on our context.

    However, when we find one we really, really, like - some cool looking
    one - you can simply make the text into an image, and use CSS to use
    that image as Header text, by using CSS IR (Image Replacement) techniques.

    So do you do that w/ CSS?

  2. #2
    smeagain is offline Distinguished Member
    Join Date
    Jan 2008
    Posts
    263

    Default

    Nope.
    If as as normal otherwise the question would not apply, the area in question needs to be emphasised, then a heading tag is most probably very appropriate and desirable. Using an image as a page banner "Red Widgets in Location" for example instead of Text in a heading tag is missing a search engine bonus point or two.

  3. #3
    espmartin's Avatar
    espmartin is offline Senior Member
    Join Date
    Jun 2007
    Location
    West Coast, USA (California)
    Posts
    625

    Default

    And that's why I've asked if you do this with CSS IR (Image Replacement) techniques.

    XHTML:
    <h2 id="uniqueh2">Web Standards in Design</h2>


    CSS:

    #uniqueh2 {background: transparent url(/images/web-standards-design.gif) no-repeat top left; text-indent: -5000px; height: 57px; width: 300px; overflow: hidden;}
    That's what I do. SEO is not a question here, unless you use an
    image tag instead of real text.

  4. #4
    smeagain is offline Distinguished Member
    Join Date
    Jan 2008
    Posts
    263

    Default

    Google Says:
    Hiding text or links in your content can cause your site to be perceived as untrustworthy since it presents information to search engines differently than to visitors. Text (such as excessive keywords) can be hidden in several ways, including:
    • Using white text on a white background
    • Including text behind an image
    • Using CSS to hide text
    • Setting the font size to 0

  5. #5
    espmartin's Avatar
    espmartin is offline Senior Member
    Join Date
    Jun 2007
    Location
    West Coast, USA (California)
    Posts
    625

    Default

    Text (such as excessive keywords)...
    That's the key. If you have the term, "web standards" as your text replaced with CSS,
    and your H1 image includes the "web standards" text as an image, and your site is about
    web standards, and you are not spamming your page with that term (just about 3%
    keyword density) - than you have nothing to fear from Google.

    So many webmasters are afraid of Google - even when using white hat

  6. #6
    smeagain is offline Distinguished Member
    Join Date
    Jan 2008
    Posts
    263

    Default

    Carry on if you are happy with the technique.
    I don't use CSS positional displacement to "Hide Text" for any purpose and reccomend that others also do not.

    Good intentioned (white hat) design practices should be of no consequence to the SEs.
    However, in the world where frequently changing Algos are the frontline weapon against SE Spam, combined with CSS being one of the Spammers main Weapons, I would not put my faith in this technique not being robotically penalised possibly already but if not, very likely in the near future.

    You must have noticed the number of panicky posts "My sites dissapeared from Google" after major (or even minor) algo revissions.

    Tooooo risky for me with a vulnerability factor outside my control. I would not dare employ this technique on any of my clients sites.

  7. #7
    xhan's Avatar
    xhan is offline Design Photo & Graphics Admin
    Join Date
    Jan 2008
    Location
    London/Kent
    Posts
    349

    Default

    I sure do! :P but I always deisgn with a standard font first then replace it - incqase it doesn't display.

    Theres a wordpress plugin that does it for you too! Always useful! :P

  8. #8
    espmartin's Avatar
    espmartin is offline Senior Member
    Join Date
    Jun 2007
    Location
    West Coast, USA (California)
    Posts
    625

    Default

    Hey Han Link to that WP plugin please?

  9. #9
    xhan's Avatar
    xhan is offline Design Photo & Graphics Admin
    Join Date
    Jan 2008
    Location
    London/Kent
    Posts
    349

    Default

    Quote Originally Posted by espmartin View Post
    Hey Han Link to that WP plugin please?
    Theres actually two, if one doesn't work the other one usually does!

    Image Replacement WordPress Plugin - Development on a Shoestring


    WordPress › Image Headlines « WordPress Plugins

  10. #10
    espmartin's Avatar
    espmartin is offline Senior Member
    Join Date
    Jun 2007
    Location
    West Coast, USA (California)
    Posts
    625

    Default

    I'll check those out Han. Rep added sister!

Page 1 of 2 12 LastLast

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Bookmarks

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
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124