آموزش آنالیز صفحات وب جهت پارامترهای سئو
پس از این که سایت خود را طراحی کرده و توسعه دادید، از کجا بفهمید که آیا تگ های HTML
را با ساختار درست قرار داده اید یا خیر. بسیاری از مرورگرها، شکایتی بابت syntax اشتباه در کد HTML شما نمی کنند و شاید متوجه مسئله ای نشوید، اما اشتباه در طراحی یک خطر برای سئو محسوب می شود.
بسیاری از متخصصان سئو عقیده دارند که SEO سایت مستقل بوده و ربطی به درستی HTML به کار رفته در آن ندارد. اما در این درس قصد داریم دلایل مختلفی را مطرح کنیم که نشان می دهد سایت شما بایستی بر طبق استانداردهای W3C باشد.
چرا اعتبارسنجی کدهای HTML مورد نیاز است؟
دلایل مختلفی وجود دارد که بایستی سایت خود را قبل از ارسال بر روی اینترنت، از لحاظ دستور HTML چک کنید. از جمله :
- کیفیت هر صفحه کاملا به این بستگی دارد که شما کد صفحه خود را چگونه نوشته اید. کد صفحه ها بایستی از لحاظ ساختار دستوری یا syntax درست بوده و استانداردهای لازم را رعایت کند.
- هنگامی که یک موتور جستجو در حال ایندکس کردن محتوی سایت شما است، اگر تگ های HTML صفحه دارای ساختار درستی نبوده و مرتب چیده نشده باشد، ممکن است موتور جستجو در خواندن محتویات صفحه دچار اشکال شده و نتواند صفحه را به خوبی ایندکس کند.
- ممکن است از میان تگ های زیادی که برای طراحی صفحه خود استفاده کرده اید، برخی از آن ها از رده خارج شده باشند و موتور جستجو نتواند آن ها را بفهمد. در نتیجه در خواندن صفحه دچار مشکل می شود.
- از طرف دیگر، درست و خوانا بودن کدهای HTML به سرعت لود و نمایش درست صفحه کمک کرده و همه وب مسترها آن را قبول دارند.
آموزش نحوه انطباق سایت با استانداردهایW3C ؟
W3C، کنسرسیوم جهانی وب بوده و از سال 1994 استادنداردها و چهارچوب هایی را وضع کرده که صفحات وب سایت ها بایستی بر مبنای آن طراحی و توسعه شوند. از طریق لینک های زیر می توانید سایت خود را با استاندردهای W3C مطابقت دهید :
پس از اعتبارسنجی صفحه، ممکن است لیست خطاهای صفحه را مشاهده نمایید که در هر کدام توضیح خطا و کد درست آن ارائه شده است. کلیه اعتبارسنجی ها توسط اعتبارسنج W3C بر مبنای نسخه های به روز HTML و CSS انجام می شود.
قوانین لازم جهت انطباق با استانداردهای W3C
در هنگام طراحی صفحات وب، قوانین زیر را جهت انطباق با استاندردها W3C رعایت کنید :
- همواره تگ تعیین زبان به کار رفته در صفحه را در ابتدای هر صفحه HTML به صورت زیر قرار دهید :
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
- تمامی تگ های HTML بایستی به صورت صحیح بسته شوند.
- قرار دادن تگ های body و head در صفحات اجباری است.
- تگ های خالی یا Empty Tags را حتما با یک بک اسلش ببندید. تگ های خالی تگ هایی هستند که دارای تگ انتهایی نبوده و در همان تگ ابتدایی بسته می شوند مثل </br > یا </hr > .
<BR> is now <br />.
<HR> is now <hr />.
<IMG SRC="--"> is now <img src="--" />
- تمامی تگ ها بایستی با حروف کوچک نوشته شوند. این مسئله در مورد خواص تگ ها مهم نیست، فقط خود تگ ها. برای مثال، کد های زیر نمونه هایی از تگ ها ی درست را نشان می دهند :
<FONT color="#ffffcc"> is invalid
<font color="#ffffcc"> is valid
<font color="#FFFFCC"> is also valid
- مقادیر تمامی خواص تگ ها بایستی در " " قرار بگیرند.
- تگ ها بایستی به صورت درست همدیگر را قطع کرده و ترتیب تگ های ابتدایی و انتهای متناظر هم باشد. به کد زیر دقت کنید :
<b><i>Text</b></i> This is invalid
<b><i>Text</i></b> This is valid
- تگ <pre> </pre > که برای نمایش نوشته با فرمت اولیه خود به کار می رود نبایستی حاوی تگ های img، object، big، sub، sup یا small باشد.
- یک تگ <form> نمی تواند درون تگ <form> دیگر قرار گیرد.
- اگر کد شما دارای کارکتر & است بایستی به صورت ;amp& نوشته شود. برای دریافت اطلاعات بیشتر به بخش
آموزش استفاده از کاراکترهای خاص در HTML
بروید .
- تمامی خواص CSS در تگ ها بایستی با حروف کوچک نوشته شوند.