Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

Logo top left?

  • 18-05-2009 05: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, Registered Users 2 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, Registered Users 2 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, Registered Users 2 Posts: 16,415 ✭✭✭✭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