What's the correct way to hide the

tag and not be banned from Google?

前端 未结 10 1339
予麋鹿
予麋鹿 2021-02-07 00:54

The website I am working on uses an image defined in CSS as the main logo. The html code looks like this:

Something.com | The best something ever

相关标签:
10条回答
  • 2021-02-07 00:55

    I think that visibility: hidden; would work fine. Have you tried it yet?

    0 讨论(0)
  • 2021-02-07 00:57

    Does your web site consist of just one single page?

    Otherwise you should put the headline of each page in the h1 tag, not the tagline of the site. Repeating the same headline on every page would make it pretty much useless.

    0 讨论(0)
  • 2021-02-07 00:58

    The easiest, foolproof, best for SEO solution would be

    <h1><img src=logo.png alt="Something.com | The best something ever"></h1>
    
    0 讨论(0)
  • 2021-02-07 01:00

    set the image as the background of your h1 (set the width/height so it fits) then set your text-indent to something crazy like -9999px. That way when css is disabled (such as being crawled) the bot will see the text in the header instead of the background.

    example:

    CSS

    #myHeader {
    width:200px;
    height:50px;
    background: url('lcoation/of/the/image.jpg') top left no-repeat;
    text-indent:-9999px;
    }
    

    HTML

    <body>
    ...
    <h1 id='myHeader'>HELLO WORLD</h1>
    ...
    </body>
    
    0 讨论(0)
  • 2021-02-07 01:00

    The "correct" way to do this is to have the text in the title bar or in your page's meta text.

    0 讨论(0)
  • 2021-02-07 01:01

    You're not going to get good SEO results if you, first hide the h1, and second use generic phrases inside the h1.

    Don't just use the h1 for sizing, you can use classes to style.

    H1 tags should contain keyword rich information such as:

    Automotive Repair

    Automotive repair being the keyword that relates to the particular page I'm theoretically working on.

    Hope that makes sense.

    0 讨论(0)
提交回复
热议问题