کدهای HTML , CSS سایتمان را تست کنیم

HTML-1

سلام دوستان!هرصفحه ای که در مرورگر اینترنتی قابل مشاهده است چه وردپرس باشه یا هرچیزه دیگه ای برا اساس HTML وCSS نمایش داده میشه.پس برای هر سایتی این خیلی مهمه که کدهای HTML و CSS صحیحی داشته باشه.

کمک به بهبود سئو

تا به حال از خودمون پرسیدیم گوگل چطور تفاوت بین قسمت های مختلف سایت رو میفهمه؟خب جواب در این هست که با کدهای HTML پس اگه کدها درست نوشته شده باشند میتونه خیلی به سئو سایت ما کمک کنه.

همخوانی با تمام مرورگر ها

هر مرورگر جدا از این که سایت ما با چه زبانی نوشته شده باشه و در مورد چی هست و … فقط یه کد HTML و CSS  دربافت میکنه و نمایش میده.نکته بد اینجاست که معمولا مرورگرهای مختلف سایت ها رو به شکل های مختلف نشون میدهند!تا حالا شده سایتی رو ببینید که فقط با یه نوع مرورگر سازگاری داشته باشه؟خب اگه کد های ما استاندارد باشند این مشکلات از سمت ما حل شده است و تقریبا نمایش خولی رو در تمام  مرورگرها داریم.

تصحیح و گسترش سریع تر

مطمئن باشید هر سایتی که داشته باشید بعد از مدتی دوست دارید کمی تغییرش بدید و چیزهایی رو بهش اضافه کنید اینجاست که اگه کدها تون استاندارد باشه دیگه با یه کلاف سردرگم و یه سایت تو در تو روبرو نیستید و سرعت و دقت کار بسیار بیشتره.

  چک لیست نوشتن یک محتوای بهینه

html-css

 

برای تست کد نویسی یه سیات ابزار مختلفی در سطح اینترنت هست اما  بهترین ابزار رو خود سازمان W3C ارائه داده که شما به راحتی میتوانید قسمت های مختلف سایت و یا هر نوع صفحه اینترنتی رو با این ابزار به صورت اینترنتی تست کنید.

تست کدهای HTML

کافیه به این صفحه برویم و ادرس صفحه ای رو که دوست داریم چک بشه بنویسیم.

تست کدهای CSS

برای تست کدهای CSS هم میشه به این صفحه رفت.

 

یه نکته مهم این هست که اگه دقت کرده باشید من از کلمه صفحه استفاده کردم نه سایت!در حقیقت این ابزار یک صفحه رو انالیز میکنه و شما اگه صفحات زیادی دارید باید اونها رو هم چک کنید اما نترسید چون در وردپرس درسیته میشه بینهایت صفحه درست کرد اما همه ی اونها از کدهای مشترکی استفاده میکنند پس تست یه نوشته نشانه تست همه نوشته ها و تست یه برگه نشانه تست همه ی برگه هاست!

 

شاید شما از کدهای HTML و CSS اطلاعی نداشته باشید اما راه های دیگه ای هم برای بهبود سئو هست.این مطالب میتونه در این مورد به ما وردپرسی ها کمک کنه:

مشاوره آموزشی رایگان
شما این فرصت را دارید، با تکمیل فرم زیر، قبل از انتخاب دوره آموزشی مناسب خود، از مشاوره رایگان کارشناسان آموزشی مجموعه همیار آکادمی استفاده نمائید.
 
مشاوران آموزشی
همیار آکادمی
پاسخگوی شما هستند
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

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

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. سلام
    چطور میشه به کدهای html سایت خودمون دسترسی داشته باشیم برای ویرایش منظورم هست؟
    کدهای css و php رو بلدم خود سورس رو میخوام

  2. سلام سایت من ارور داره چطوری باید اصلاحش کنم ولی خودم فکر نمیکردم داشته باشه

    • 7 سال عضو همیار وردپرس

      با سلام تقریلا تمام سایت ها چند ارور دارند پس نگران نباشید.اگه برنامه نویس باشید مشکل رو پیدامیکنید در غیر این صورت هم مشکلی نیست.

  3. سلام
    من میخوام برای تفکیک دسته بندی ها چند دسته بندی توی سایت داشته باشم – یعنی توی قسمت کاربری 2-3 تا بلوک مختلف دسته بندی های مختلف داشته باشم – آیا این امکان پذیر هست ؟

    • 7 سال عضو همیار وردپرس

      سلام
      شما چندین دسته بندی می تونین داشته باشید ولی در هر قسمت جدا جدا باید زیر مجموعه چینی کنید

      با احترام

  4. سلام پس چرا سایت خود همیار وردپرس اینقدر تو کد هاش مشکل داره؟

    • 7 سال عضو همیار وردپرس

      با سلام.کلا هر سایتی رو چک کنید چندتا مشکل رو میبینید چون طراح سایت ادم هست اما تست توسط هوش مصنوعی گرفته میشه!البته بهتره که به همین مسائل دقت کنیم و ایرادات رو رفع کنیم.

    • سلام ارورهای html رو چطوری میشه اصلاح کرد ؟ سایت من در کروم یجور و در موزیلا یه جور دیگه نشون داده میشه به هر دری زدم نشد

    • 7 سال عضو همیار وردپرس

      سلام
      این بحثی که مطرح میکنید ربط اساسی به سازگاری با مرورگرها داره ، یعنی شما باید در function یه سری کد برای سازگاری با مرورگرها داشته باشید تا این مورد حل بشه

    • سلام من هم دقیقا همین مشکل رو دارم.کدهای CSS من در فایرفاکس کاملا درسته ولی وقتی میام کروم همه عناصر انگار از هم پاشیده شدن.به علاوه یه سری کدها اصلا اجرا نمیشن.لطفا خلاصه جواب ندید.اگه میشه یه کمک اساسی بفرمایید تا بتونیم مشکلمون رو حل کنیم . در ضمن من یه تازه کارم.حرفه ای نیستم

    • 7 سال عضو همیار وردپرس

      سلام
      دوست عزیز این موضوع خودش یک آموزش جدا مربوط به سازگار کردن با مرورگرها هستش و اینجا نمیشه توضیح داد. سعی میکنیم آموزشی براش در نظر بگیریم.

    • ممنونم .خسته نباشید.اما تا کی باید صبر کنم؟

  5. سپاس ! مطالبتون براي من كه تازه كارم خيلي عاليه. من الان قالبمو تست كردم توي اون آدرس جواب وحشتناك بود قالبو هم از سايت شما گرفتم نگران شدم!

  6. دیگه مطلب کم آوردیدا

  7. خیلی عالی بود ، مرسی

  8. سلامحاجی دمت گرم مطالبت حرف ندارهولی اسرار نظام رو هی فاش نکن:)))

  9. امید وارم یه اموزش هم در رابطه با این سایت بزاردسایت من خیلی خطا داره حتی به خیلی چیز های بی ربط هم ایراد گرفته مثلا (<)http://validator.w3.org/check?uri=http%3A%2F%2Fwww.98naz.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

  10. سایت های خوبی بودنممنون

مطالب زیر را حتما بخوانید

دوره‌های آموزشی