Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

Logo top left?

Options
  • 18-05-2009 5:49pm
    #1
    Closed Accounts Posts: 266 ✭✭


    New to SEO, read a book and many articles about it. I'm developing a site at the moment and I need to place the logo at the top left of the page, ideally I'd like to have a H1 tag, but flat text just won't do. Which way should I approach it?


Comments

  • Registered Users Posts: 142 ✭✭notnem


    decimal wrote: »
    New to SEO, read a book and many articles about it. I'm developing a site at the moment and I need to place the logo at the top left of the page, ideally I'd like to have a H1 tag, but flat text just won't do. Which way should I approach it?

    Hi,

    First off, don't get too hung up on H1 tags etc. Plenty of articles will tell you to put H1 tags first, use other h tags, bold italic etc etc. I have to admit I do this a little myself but only when it will fit in with the site.

    Secondly, there are plenty of things you can do with the text and CSS (and I would use CSS to resize your H tags anyway) Check out this link for examples:

    http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/

    Let me know how you get on and if you have any other SEO questions.


  • Registered Users Posts: 379 ✭✭TheWaterboy


    As mentioned dont get too hung up about the H1 tags. However if you want to place your logo in H1 tags with some relevant text then you could do something like the following:

    <div id="header">
    <h1 id="logo">
    <a title="My Keyword text" href="http://mysite.com/">Mysite.com</a&gt;
    </h1>
    </header>

    Your CSS would then be something like:

    #header {
    height:133px;
    position:relative;
    width:770px;
    }

    #logo {
    background:transparent url(mylogo.gif) no-repeat;
    height:45px;
    left:10px;
    position:absolute;
    top:35px;
    width:317px;
    }

    Hope this helps.


  • Registered Users Posts: 16,405 ✭✭✭✭Trojan


    There are plenty of options for replacing H1 with an image, here's a few:
    • sIFR image replacement (when you just want a nicer font)
    • <h1><img src="yourimg.ext" alt="your h1 text"></h1>
    • <div id="logo"><h1>Your h1 text here</h1></div> (hide it with CSS styling on the logo id - my preference is to use float rather than display:none)

    Ensure that you don't load the text with keywords that aren't in the image, that'll be picked on a hand review and could be penalised.


Advertisement