style sheet code

Discussion in 'HTML & Website Design' started by arcalis, Apr 14, 2008.

0
  1. #1
    hi

    i use ibp for seo and i get this message but dont know what to do can anyone help

    heres the message below


    Your web page uses 28,383 bytes of style sheet code which makes it harder for search engines to index your page. Consider putting the style sheet code in an external file with the <link rel="stylesheet" href="mystyles.css" type="text/css"> command. The file "mystyles.css" should be a simple text file that contains only the style sheet code without any HTML markup. The next time your page is spidered by the search engine robots, the important content on your page will be closer to the top of the page, and you might have a better keyword density.
     
    arcalis, Apr 14, 2008 IP
  2. Smyrl

    Smyrl Tomato Republic Staff

    Messages:
    13,740
    Likes Received:
    1,702
    Best Answers:
    78
    Trophy Points:
    510
    #2
    Roughly speaking you can take your style code in head of your html like

    <!--
    BODY {
    background-color:#ffffff;
    font-family:Arial,Verdana,sans-serif;
    color:#003366;
    font-size:10pt;
    text-align:justify;

    scrollbar-track-color:#eeeeee;
    scrollbar-face-color:#dddddd;
    crollbar-arrow-color:navy;
    scrollbar-highlight-color:#003366;
    scrollbar-3dlight-color:#003366;
    scrollbar-shadow-color:#003366;
    scrollbar-darkshadow-color:#003366;

    }

    H1 {
    color:#003366;
    font-size:14pt;
    font-style:bold;
    }

    H2 {
    color:#003366;
    font-size:12pt;
    font-style:bold;
    }

    H3 {
    color:003366
    font-size:10pt;
    font-style:bold;
    }

    a {
    font-family:Arial,Verdana,sans-serif;
    color:#003366;
    text-decoration:none;
    font-size:10pt;
    font-weight:normal;
    }

    a:hover {
    font-family:Arial,Verdana,sans-serif;
    background-color:#F0F9F4;
    color:#003366;
    text-decoration:none;
    font-size:10pt;
    font-weight:bold;
    }

    .a1 {
    font-family:Arial,Verdana,sans-serif;
    color:#ffffff;
    text-decoration:underline;
    font-size:8pt;
    font-weight:normal;
    }

    .a1:hover {
    font-family:Arial,Verdana,sans-serif;
    background-color:#ffff99;
    color:#000000;
    text-decoration:none;
    font-size:8pt;
    font-weight:normal;
    }

    .a2 {
    font-family:Arial,Verdana,sans-serif;
    color:#FFFF99;
    text-decoration:underline;
    font-size:10pt;
    font-weight:normal;
    }

    .a2:hover {
    font-family:Arial,Verdana,sans-serif;
    background-color:#ffff99;
    color:#000000;
    text-decoration:none;
    font-size:10pt;
    font-weight:normal;
    }

    .a3 {
    font-family:Arial,Verdana,sans-serif;
    color:#808000;
    text-decoration:none;
    font-size:8pt;
    font-weight:normal;
    }

    .a3:hover {
    font-family:Arial,Verdana,sans-serif;
    background-color:#ffff99;
    color:#000000;
    text-decoration:none;
    font-size:8pt;
    font-weight:normal;
    }

    .a4 {
    font-family:Arial,Verdana,sans-serif;
    color:#000000;
    text-decoration:none;
    font-size:8pt;
    font-weight:normal;
    }

    .a4:hover {
    font-family:Arial,Verdana,sans-serif;
    background-color:#000000;
    color:#000000;
    text-decoration:none;
    font-size:8pt;
    font-weight:normal;
    }

    .a5 {
    font-family:Arial,Verdana,sans-serif;
    color:#000000;
    text-decoration:underline;
    font-size:12pt;
    font-weight:bold;
    }

    .a5:hover {
    font-family:Arial,Verdana,sans-serif;
    background-color:#000000;
    color:#000000;
    text-decoration:underline;
    font-size:12pt;
    font-weight:bold;
    }

    .a6 {
    font-family:Arial,Verdana,sans-serif;
    color:#ffff99;
    text-decoration:underline;
    font-size:10pt;
    font-weight:bold;
    }

    .a6:hover {
    font-family:Arial,Verdana,sans-serif;
    background-color:#000000;
    color:#0033;
    text-decoration:underline;
    font-size:10pt;
    font-weight:bold;
    }

    table {
    font-family:Arial,Verdana,sans-serif;
    font-size: 10pt;
    }

    tr {
    font-family:Arial,Verdana,sans-serif;
    font-size: 10pt;
    )

    td {
    font-family:Arial,Verdana,sans-serif;
    font-size: 10pt;
    }

    li {
    font-family:Arial,Verdana,sans-serif;
    font-size: 10pt;
    }
    -->

    save as a text file called style1.css

    Add the line

    <link rel="stylesheet" type="text/css" href="style1.css"> to the head of your html code and thus remove the style code from the html.
     
    Smyrl, Apr 14, 2008 IP
  3. betatype

    betatype Member

    Messages:
    75
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    48
    #3
    Smyrl is exactly right about how to go about moving all of that code to an external css file. You basically want to do this because it removes a lot of stuff that Google would otherwise have to go through before getting to the keywords that you want to rank for. If Google has to go through those 28,000 bytes before seeing relevant keywords, as opposed to a site where they see them right away, who do you think will rank better?
     
    betatype, Apr 14, 2008 IP
  4. arcalis

    arcalis Active Member

    Messages:
    128
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #4
    thanks a lot this worked fine the error message has now gone i wouldent of had a clue cheers mate
     
    arcalis, Apr 14, 2008 IP