آموزش کامل validator در validator.w3.org

about us page title image
  • آموزش کامل validator در validator.w3.org

    آموزش کامل validator در validator.w3.org

    به نام خدایی که در این نزدیکیست

    با سلام خدمت تمامی دوستان عزیز مرکز سئو و بهینه سازی سایت .

    در این آموزش ، آموزش بهینه کردن کد های قالب در سیستم های مدیریت محتوای وردپرس ، ویبولتین و … بهتون آموزش میدهیم .

    بهینه بودن کدنویسی در سئو سایت تاثیر مثبت دارد . اما ۱۰۰% سئو سایت به بهینه بودن کد ها نیست .

    سایتی مانند گوگل که محبوبیت زیادی در جهان دارد ۱۰۰% در کد نویسی بنا به گفته سایت  validator.w3 بهینه نمیباشد . گوگل در حال حاظر ۳۸ خطا و ۴ warning در کد نویسی خود دارد .

    پس گوگل به این موضوع چندان اهمیت زیادی نشان نداده است . گوگل بیشتر کاربر پسند بودن سایت شما رو مورد بررسی قرار میدهد ، هرچند سایتتون کاربر پسند تر

    باشد رتبه بهتری در گوگل میگیرد . شما باید در عیر کاربر پسند بودن در بهینه بودن کدنویسی سایت خود هم تلاش نمایید . اما هیچوقت کاربر پسند بودن و زیبایی رو

    فدای بهینه بودن نکنید .

    و اما هدف از این آموزش چی هست ؟

    هدف بهینه کردن کد های سایت شما در کدنویسی هست . در این آموزش ما از سایت معتبر validator.w3 جهت مشخص کردن خطای سایت و بهینه کردن کد ها استفاده میکنیم .

    در این آموزش بهینه کردن کد های قالب های ویبولتین و وردپرس آموزش داده میشود . آین آموزش در چند قسمت هست که ما در آینده آنها رو تکمیل میکنیم .

    ابتدا بروید و سایت خود را آنالیز کنید . برای ورود به سایت اینجا کلیک کنید .

    خطای اول :

    end tag for element "div" which is not open

    این خطا مطابق شکل زیر است :

    و میگوید که در سایت شما یک <div/> اضافه موجود است . که در اینجا شما باید تگ اضافی را پاک کنید .

    در ویبولتین کافی است که در قسمت کنترول پنل مدیریت ==> استایل & قالب ها ==> جستجودر قالب به دنبال متن موجود در کادر قرمز عکس بالا بگردید و div

    اضافی رو که به رنگ قرمز هست پاک کنید . در وردپرس نیز شما باید در قسمت ویرایشگر قالب کد رو پیدا و ویرایش کنید .

    خطای دوم :

    end tag for "br" omitted, but OMITTAG NO was specified

    این خطا میگوید که شما باید به جای استفاده از

    <br>

    از کد

    <br />

    استفاده کنید .
    نمونه خطای شماره سه :

    end tag for "meta" omitted, but OMITTAG NO was specified

    در این خطا به شما میگوید باید با / تگ رو ببندید که نبستید !!!!
    مثلا : به جای

    <meta  >

    از

    <meta  />

    استفاده کنید .

    نمونه خطای شماره ۴ :

    قبل از این که این خطا رو بگم یک نکته رو در مورد خطا بگم .

    در کد های css یک ویژگی هست به نام id که از این شما فقط میتوانید یک بار در قالب سایتتون استفاده کنید .اگر شما میخواهید یک کلس تعریف کنید که در جاهای مختلف بشه ازش چند بار استفاده کرد باید .nameclass استفاده کنید که به جای nameclass باید نام مورد نظر خودتون رو قرار بدید .

    این خطا ، خطای id هست ، که شما چند بار از ای دی در قالب استفاده کردید . مانند :

    ID "yourID" already definedAn "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

    این خطا در قالب های css رخ میدهد . (در ویبولتین قالب additional.css و در وردپرس style.css )
    در قالب های css شما باید به جای :

    #class{}

    از

    .class{}

    استفاده کنید .

    خطای شماره ۵ :

    end tag for element "A" which is not open

    در این خطا گفته میشود که در قالب شما یک تگ :

    </a> 

    بسته شده است در صورتی که اصلا این تگ از قبل باز نشده است .

    در این جا نیز شما باید در قالب سایت خود بگردید و این تگ رو پاک کنید .

    تا اینجا برای امروز فکر میکنم کافی باشه .

    ادامه آموزش در جلسات بعدی …

    امیدوارم که این آموزش مورد علاقه شما بوده باشد .

    حق نگهدارتان .

     

    Tweet about this on TwitterShare on FacebookShare on Google+

    ICSeo

    امیررضا هستم . ۵ سال است در ضمینه سئو فعالیت میکنم . و تمامی موتور های جستجوگر را در این مدت آنالیز کرده ام . گروه ایمیلی icseo افتتاح گردید .

    More Posts - Website

    Follow Me:
    TwitterGoogle Plus

    تعداد دیدگاه (2)

    • I needed to thank you for this very good read!! I definitely
      loved every little bit of it. I have you bookmarked to check out new stuff
      you post…

      Reply
        • ICSeo
        • ۱۳۹۳/۰۹/۲۲ at ۲۰:۰۱

        🙂
        Good Luck My Friend

        Reply

    دیدگاه خود را بنویسید

    لطفا توجه کنید که پس از تایید نظر شما توسط مدیر , برای شما ایمیل تایید ارسال خواهد شد*

Optimization WordPress Plugins & Solutions by W3 EDGE