How To Change H1 Tag On Wordpress Permanantly

by 6 replies
7
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>
#website design #change #permanantly #tag #wordpress
  • It is. It is h1 with its own class.

    (you should really learn to read the source code of your own website )
  • 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.
    • [1] reply
    • The title text is already h1. It has a class named prod_title. I don't understand what you want to change.
      • [1] reply
  • 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...
  • 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?
Join the discussion

Next Topics on Trending Feed