13 {{ upvoteCount | shortNum }}
13 {{ upvoteCount | shortNum }}

[HELP]WC3 Validation Errors and Warnings

by Lares
9 replies
Hi guys.

I checked errors of my site on hxxp://validator(dot)w3(dot)org and i got 38 errors and 27 warnings. I got those 27 warnings after i added some javascript. My site is 1 month old and its indexed by google but i stil cant get it ranking for my main keyword (i have 100+ backlinks, competition have less)
Anyway i am complete newbie so fixing all those errors would be long painful process.
So I just wonder how important are those errors and warnings when it comes to SEO rankings?

Thanks
#errors #helpwc3 #validation #warnings #wc3
  • Profile picture of the author sdcoder
    The short answer is "it depends". Often these validation errors are little links, like forgetting the trailing slashes on unclosed tags ("<br />" instead of "<br>"). Search engines are very forgiving of that kind of thing - the vast majority of HTML out there is not formatted properly. I'd be more concerned about how the validation errors affect the appearance of your site to users on different web browsers.
    {{ DiscussionBoard.errors[3218439].message }}
    • Profile picture of the author Lares
      I checked appearance in mozilla and IE and its fine.
      Anyway i deleted javascript and got "only" 18 errors left . I managed to fix some so now i have only 10 errors.

      Some errors are coz i added another bullet points (i copy paste 1st, i guess its stupid to do that?) and now it says ---> ID "bullets" already defined I guess i need to delete them to fix this error, but how to fix it without deleting it?
      Other that i have no idea how to fix -----> there is no attribute "align"
      And 1 more is coz i added some code for color that i googled. ---> there is no attribute "color"
      I guess those shouldnt have any effect on SEO but stil how can i fix this? And if i add that javascript again which works fine (Mozilla,IE) and wc3 shows me errors that shouldnt have any effect on seo either or?

      Sorry if those questions are stupid, never learned about this just using logic. I guess i will take some small "ebook course" about html i am after i finish with this website to learn basics.
      {{ DiscussionBoard.errors[3218923].message }}
  • Profile picture of the author phpbbxpert
    ID "bullets" already defined

    You can only have one ID with a specific name per page.
    Convert it to a class, that can be used as much as you want.
    Also outside of lists if you want a bullet, use entities &bull;

    align, color, font, etc... are not allowed.
    Use classes in a style sheet
    .my_class {
    font-size: 10px;
    text-align: center;
    color: #333;
    }
    <p class="my_class">My Text</p>

    or inline style
    <p style="font-size: 10px; color: #333; text-align: center;">My Text</p>
    {{ DiscussionBoard.errors[3220057].message }}
    • Profile picture of the author Lares
      Thanks it helped alot.
      Yesterday i had no idea what are you talking about but today after watching some 30 min video about html, it helped me to understand, so i fixed all errors now. Its kinda easy

      1 more question.. I had this error coz of my 2nd bullets:

      document type does not allow element "ul" here; missing one of "button", "map", "object", "ins", "del", "noscript" start-tag

      I dont have any tag inside bullets that isnt alowed and all elements are closed.
      Well i solved it adding <ins></ins> before and after bullets. I guess it would work with some other tags too. I just dont understand why it must be like that.
      If some1 can explain me please.
      {{ DiscussionBoard.errors[3224489].message }}
  • Profile picture of the author phpbbxpert
    How did you make your bullets?

    All text, and images <img have to be inside a block level element
    div, p , li, dd, etc...

    If li is used then it needs to be inside a ul or ol element.
    {{ DiscussionBoard.errors[3225146].message }}
    • Profile picture of the author Lares
      <br /><br />
      <em>bla bla</em>

      <ul class="bullets">
      <li><div class="barva">Bla Bla Bla</div><br/> bla bla bla</li>
      <li><div class="barva">Bla Bla Bla</div><br/>Bla bla bla</li>
      <li><div class="barva"><a href="Link" rel="nofollow">Text</a></di<br/> bla bla bla.</li>
      </ul>

      <br /><br />

      I dont think it has anything to do with inside of bullets coz i deleted all tags inside and stil same error. "Barva" is css i made for color. If i put any of those tags before and after bullets: "button", "map", "object", "ins", "del", "noscript" doesnt show me any error. (well most of them)
      {{ DiscussionBoard.errors[3228142].message }}
  • Profile picture of the author phpbbxpert
    Here you were saying bullets, I thought you actually pasted a bullet point in, which is a no no.

    The <li> tag is called a list element (tag).
    Anyway, I'm not sure if that is your exact code, but beware that the last closing div </div> in your code is broken.

    I better way to code this would be like this.

    CSS
    em {font-style:italic} /* Some browsers do not respect em, so you need to style it */

    ul.bullets {
    list-style: disc;
    }

    ul.bullets span {
    color: red;
    }

    HTML
    <em>bla bla</em>

    <ul class="bullets">
    <li><span>Bla Bla Bla</span><br /> bla bla bla</li>
    <li><span>Bla Bla Bla</span><br />Bla bla bla</li>
    <li><span><a href="Link" rel="nofollow">Text</a></span><br /> bla bla bla.</li>
    </ul>

    Note: the styling of the em
    {{ DiscussionBoard.errors[3228314].message }}
    • Profile picture of the author Lares
      Added/changed all this and stil same error. Cant figure out no matter what i do. I bet is some small mistake and i lack basic skills to fix. It looks fine in browser so doesnt really matter. I will find out eventually when my knowledge about this gets better.
      ty for your time!


      Edit: I figured it out. It was wrong use of <p><p/>
      {{ DiscussionBoard.errors[3229877].message }}
  • Profile picture of the author phpbbxpert
    Also note that p needs to be closed like </p>

    The only tags that get closed with a trailing slash are
    <meta />
    <img />
    <input />
    <br />
    <hr />

    The rest of the tags should get closed with the slash first
    </p>
    {{ DiscussionBoard.errors[3231943].message }}

Trending Topics