How to make H1,H2,H3 tags normal or smaller

7 replies
  • SEO
  • |
I've read somewhere that you can make your h1 or h2 tags text look normal or smaller.:confused: Will it be ok with Google? I'm planning to use that for SEO in my blog but they look awkward. Any ideas how to do that?

Thanks
#make #normal #smaller #tags
  • Profile picture of the author Ehsan_am
    You 'll need to change the CSS code that defines your H1,2,3 tags.
    {{ DiscussionBoard.errors[2895919].message }}
    • Profile picture of the author Carl Brown
      This is the code you'll need. You can either place it in each page of your document, or use it in an external stlyesheet

      Place this portion in between the HEAD tags:


      <style type="text/css">
      .H1 {
      font-size: 24px;
      font-family: Arial, Helvetica, sans-serif;
      }
      .H2 {
      font-size: 16px;
      font-family: Arial, Helvetica, sans-serif;
      }
      .H3 {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px; font-weight: bold;
      }
      .style1 {
      font-size: 13px;
      font-family: Arial, Helvetica, sans-serif;
      }

      </style>


      Now Do Your H1 Tag Like This:


      <h1 class="H1">This Is Your H1 Text </h1>
      Signature

      {{ DiscussionBoard.errors[2895964].message }}
      • Profile picture of the author ricrodrigo
        Thank you guys for sharing your ideas. Great help.
        Signature

        Affordable Logos,Banners & Headers
        http://zbanners.com/

        {{ DiscussionBoard.errors[2897661].message }}
        • Profile picture of the author ebpglobal
          Thank you to everyone that contributed to this. You just saved me a lot of time!!
          {{ DiscussionBoard.errors[2932658].message }}
      • Profile picture of the author jeffrey78
        Originally Posted by Carl Brown View Post

        This is the code you'll need. You can either place it in each page of your document, or use it in an external stlyesheet

        Place this portion in between the HEAD tags:


        <style type="text/css">
        .H1 {
        font-size: 24px;
        font-family: Arial, Helvetica, sans-serif;
        }
        .H2 {
        font-size: 16px;
        font-family: Arial, Helvetica, sans-serif;
        }
        .H3 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px; font-weight: bold;
        }
        .style1 {
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
        }

        </style>


        Now Do Your H1 Tag Like This:


        <h1 class="H1">This Is Your H1 Text </h1>
        It worked, thanks a lot!
        {{ DiscussionBoard.errors[2933575].message }}
  • Profile picture of the author dburk
    Hi ricrodrigo,

    If I understood what you are attempting to do, you are just chasing your tail, metaphorically speaking.

    I believe you have the wrong idea about the use of heading tags for SEO. Google has always had the ability to recognize font size as rendered by a browser. It gives more weight to words that appear larger on the page, regardless or not if they are h1,h2, h3... tags. You can get the desired effect just by using a CSS class that makes certain words appear larger than others on the same page. Conversely, you will get a diminished effect on your heading tags if you make them appear smaller. Google is not so easily fooled by such tricks.
    {{ DiscussionBoard.errors[2933194].message }}
  • Profile picture of the author benkin
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[2933647].message }}
    • Profile picture of the author paulgl
      You don't need css to use change individual h1 tags that way.

      And remember, browsers are fickle. Makes no difference what you
      think it looks like. Browsers may find the need to do something else.

      If you want to change the size of text, headings are a bad way.
      They are not for that. They are for headings and subheadings.

      In fact, schmoozing text size in headings is close to a truly
      blac k hat SEO technique. You are in effect putting something
      with an h1 heading, obviously to emphasize something, but you
      don't want it to show to the reader as such. Bad idea, IMHO.

      If your h1 headings look to large, shorten the phrase, or use
      a smaller heading.

      Paul
      Signature

      If you were disappointed in your results today, lower your standards tomorrow.

      {{ DiscussionBoard.errors[2933698].message }}

Trending Topics