WORDPRESS - How can I write on H1'

Discussion in 'WordPress' started by zelv, Jan 17, 2008.

  1. #1
    Well, I've been using wordpresss as a CMS, only working with static pages. I realize that I can't, at least "by default", write on H1. As this is so important for a SEO oriented website, how can I be able to write there?
    Thank you all in advance.
     
    zelv, Jan 17, 2008 IP
  2. TechnoGeek

    TechnoGeek Peon

    Messages:
    258
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hello, Zelv.
    What do you mean by writing on H1? You have a box to write the title of your post. Is that what you want?
     
    TechnoGeek, Jan 17, 2008 IP
  3. Themystical

    Themystical Peon

    Messages:
    27
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    If I understood correctly you want your post title to have the heading tag 1, am I right?

    Well, that depends on the theme you are using, some themes were design with semantic in mind and therefore with proper tags for titles, paragraphs and so on, but there are others that, even if esthetically pleasant, coding wise are pretty nasty, like using <p> for titles.

    Take the default theme (Kubrick) for instance, it uses h1 for the blog title and h2 for posts.

    <div id="header">
    <div id="headerimg">
    <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    <div class="description"><?php bloginfo('description'); ?></div>
    </div>
    </div>
    Code (markup):
    <div class="post" id="post-<?php the_ID(); ?>">
    <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
    <small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>
    
    <div class="entry">
    <?php the_content('Read the rest of this entry &raquo;'); ?>
    </div>
    Code (markup):
    So, ideally you should edit you theme and set the h1 where you need it, also if you can tell us what's the theme you are using that helps.
    By the way, don't jump start and edit you file with the above code, that's just an example.
     
    Themystical, Jan 17, 2008 IP
  4. zelv

    zelv Peon

    Messages:
    201
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    thanks for the answers. yes, using the title as H1 would be a good idea... I suppose... do you think it is, for SEO purposes? how can I do that?

    the template I use you can see it at my tarot site for example.
     
    zelv, Jan 17, 2008 IP
  5. Veej

    Veej Active Member

    Messages:
    364
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    60
    #5
    This explains it really well ;)
     
    Veej, Jan 17, 2008 IP
  6. ljastangs21

    ljastangs21 Banned

    Messages:
    894
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #6
    How do i add that plugin?
     
    ljastangs21, Jan 17, 2008 IP
  7. Veej

    Veej Active Member

    Messages:
    364
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    60
    #7
    Post on the forum asking the question and you'll more than likely get a reply!
     
    Veej, Jan 17, 2008 IP
  8. Themystical

    Themystical Peon

    Messages:
    27
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #8
    From what I see the theme is using, as many other themes, h1 for the blog title and h2 for the posts titles. Personally I think it's good the way it is, I don't want to debate about headings and SEO since I'm not an expert in that field, but you can do some reading, do some research and you'll find a lot of material about it.

    If you really want to edit you template keep in mind that you need to edit a couple of files and make some adjustment to the css file as well.


    1. open in you favorite editor header.php
    look for the line <div id="header_left"> right below you find the h1 tag for the blog title.

    2. open in you favorite editor index.php
    look for the line <div class="post" id="post-<?php the_ID(); ?>">
    right below you find the h2 tag for the post title.

    the h1 for the title is controlled in the css by this code
    #header h1 {
    	font-size: 3.0em;
    	padding: 0;
    	margin: 0;
    	color: #fff;
    	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
    	
    }
    Code (markup):
    h2 for post title by this
    .post h2, .post h2 a:hover, .post h2 a:visited, .post h2 a {style.css (line 169)
    color:#CC3300;
    font-size:1.4em;
    line-height:1em;
    margin-bottom:10px;
    text-decoration:none;
    }
    Code (markup):
    You have to play with it and match the styling to your needs, also in the css there are other references to h1 and h2 so you might need to edit them too, so basically there is a little more work than just changing h2 to h1. Don't forget to keep a backup copy of your files in case something goes wrong.

    Again, I think you are good the way it is set right now anyway.
     
    Themystical, Jan 18, 2008 IP
  9. zelv

    zelv Peon

    Messages:
    201
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    I'm looking for an easier solution as I am not an code expert.
    Is it possible? Thanks in advance.
     
    zelv, Jan 24, 2008 IP