How To Change H1 Tag On Wordpress Permanantly

6 replies
  • WEB DESIGN
  • |
Here's a post on one of my sites:

GoDaddy Dedicated Server Review |

In the HTML, it seems like the H1 tag is automatically being made the logo. Either the to banner, or the screenshot of the site being discussed?

See where it says "GoDaddy" above the site's screenshot? Below the black bar? Say I wanted to make the text I put there automatically the H1.

This is the HTML from the source I'm referring to, I believe.

<div id="header"> <h1 class="logo"> <a href="http://www.dedicated-server-review.com"><img src="#" alt="" /></a></h1>
#change #permanantly #tag #wordpress
  • Profile picture of the author Istvan Horvath
    Say I wanted to make the text I put there automatically the H1.
    It is. It is h1 with its own class.

    (you should really learn to read the source code of your own website )
    Signature

    {{ DiscussionBoard.errors[5194083].message }}
  • Profile picture of the author Ross Cohen
    If only I could make a billion dollars appear in front of my face (and yours), too.

    I was wondering though how I might be able to change it, if it's relatively simple, from making the logo H1 to making the title text H1.
    {{ DiscussionBoard.errors[5194102].message }}
    • Profile picture of the author drewhowell21
      The title text is already h1. It has a class named prod_title. I don't understand what you want to change.
      {{ DiscussionBoard.errors[5194154].message }}
      • Profile picture of the author Istvan Horvath
        Originally Posted by drewhowell21 View Post

        The title text is already h1. It has a class named prod_title. I don't understand what you want to change.
        The OP doesn't either :p
        Signature

        {{ DiscussionBoard.errors[5194195].message }}
  • Profile picture of the author Istvan Horvath
    They are BOTH h1 in your theme! (not soo good...)

    ====================
    OK. Some basic lessons - for you and your theme designer.

    On a web page (in general, not only a WP page) there should be only ONE h1 tag. A well formatted html page (remember: the output of WP created stuff is also html) has an outline just like your (well formatted!!!) Word document would have.
    [No, people don't create well-formatted Word documents, either...]

    h1 title

    text text text
    text text text
    h2 subtitle
    text text text
    text text text
    text text text
    text text text
    h3 sub-sub-title
    text text text
    text text text
    h2 subtitle
    text text text
    text text text
    text text text
    text text text
    ===================

    That's how it should be...

    In cleverly coded themes the main page where your posts are listed goes like this:

    h1 Blog title
    h2 post title
    h2 post title
    h2 post title...


    and on a single post view it changes to this:

    span Blog title
    h1 Post title


    - where the "span" will be styled to look exactly like the h1 on the main page but it will NOT be the prominent/main heading anymore - that role goes (correctly) to the post title > helping the SEs to find it.

    Too bad, only a few theme designers understand this...
    Signature

    {{ DiscussionBoard.errors[5194190].message }}
  • Profile picture of the author Ross Cohen
    Well basically then I just want to remove that H1 tag for the image. As it seems that an image isn't a great H1 choice (the theme is ProReviewTheme), would my goal be accomplished by changing...

    #header h1.logo{
    float:left;
    padding:25px;

    to...

    #header logo{
    float:left;
    padding:25px;

    ... or will that make things go all loopy?
    {{ DiscussionBoard.errors[5194234].message }}

Trending Topics