WordPress.org

Ready to get started?Download WordPress

Forums

Keeping blog title and description but not so it appears on the page... (8 posts)

  1. intheshadows
    Member
    Posted 5 years ago #

    hi there, recently I've installed wordpress and installed a custom theme I liked. However I want to create my own banner/header and I have done this, but when I upload it, the blog title and description still come up. I want to remove them but this obviously damages my SEO and page description in the browser one is viewing the site from. Is there anyway I can keep these two options filled in (blog title and description) but not so it appears on top of my banner?

  2. Sammy Russo
    Member
    Posted 5 years ago #

    look for some code in the header.php file that looks something like the following and remove it / comment it out. Be sure to back up the original file.. just in case!

    <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    
    		<div class="description"><?php bloginfo('description'); ?></div>
  3. Chrisber
    Member
    Posted 5 years ago #

    To be sure that the search engines pick it up the better approach is to use css to push it out of sight with a big negative indent.

  4. Sammy Russo
    Member
    Posted 5 years ago #

    that would be a black hat SEO tactic.. NOT recommended. the blog title and description in the header aren't that important. Rule #1 never hide text from the user but make it accessible to bots / spiders.

    One can change around some of the h1's and h2's and optimize the blog even better than how most themes come out-of-the-box.

  5. intheshadows
    Member
    Posted 5 years ago #

    How can I put it out of sight with CSS?

    If I remove it, how can I make put them in the code so it still appears in the browser and has my title and description so it appears in search engines?

  6. Chrisber
    Member
    Posted 5 years ago #

    that would be a black hat SEO tactic.. NOT recommended.

    BULLSHIT! Actually it is a very commonly used approach to ensure accessibility to screen readers and mobile devices.

    There are a couple of css commands that will do the trick. Just identify the element you want to hide on you style sheet and give it one of these.

    position: relative; left: -9999px;

    or

    text-indent: -9999px;

  7. Sammy Russo
    Member
    Posted 5 years ago #

    move it to the white space below the header if you'd like.. I've done this exact fix for one of my clients... look at http://blog.aorafting.com as an example.

    as I said before the blog title and description isn't that important to have in the header for SEO... be sure not to confuse this with the title tag and meta description which are more important than the blog title / descrtiption being displayed.

    another suggestion (not as effective as my first suggestion) would be to add the blog title & descrip into the new header image and also place that info in the alt tag of the img. wrap the image in an h1 and be done with it.

    hope this helps

  8. carolinekempf
    Member
    Posted 5 years ago #

    i am having a similar issue but my code is slightly different

    <div id="header">
    <h1>/"><?php bloginfo('name'); ?></h1>
    <h2><span><?php bloginfo('description'); ?></span></h2>

    When i delete these lines it throws of the spacing in my header graphic. the difference i see is the <span> in h2.

    Thoughts?

Topic Closed

This topic has been closed to new replies.

About this Topic