semantic web بایگانی - شرکت سبزاندیش آراد |طراحی سایت

۱۸ اردیبهشت

وب معنایی چیست؟

بسته به اینکه شما یک طراح وب باشید یانه، احتمالا میدونید که وب سایت با استفاده از زبان HTML نوشته شده است. زبان HTMLL به صورت پیش فرض به عنوان راهی برای توضیح محتوای سایت شما  است، نه به عنوان یک زبان برای طراحی های زیبا و جذاب.

این یکی از اولین مباحث HTML هست که توی اون به تفاوت HTML و CSS میپردازه. به طور کل زبان HTML برای معرفی محتوای سایت در نظر گرفته شده و زبان CSS برای ظاهر بخشیدن به اون محتوا ها مورد استفاده قرار میگیره.

وب معنایی یا همون semantic web به همین نکته بر میگرده که توی یک وب سایت، محتوای شما و المنت ها باید طوری نوشته شده باشه که به معرفی محتوای شما بپردازه.

برای مثال بهتر کد زیر را در نظر بگیرید:

<font size="6"><b>This is the page title</b></font>

توی کد بالا، ما یک متن را به  عنوان صفحه به نمایش در میاریم. توی این کد، ما با استفاده از تگ فونت و اندازه ی ۶، اندازه ی متنمون را بزرگ میکنیم و با استفاده از تگ b اون را bold میکنیم.

اگر یه انسان به سایت شما مراجعه کنه، با یک نگاه از اندازه ی متن میفهمه که این عنوان سایت شما است، اما کامپیوتر ها، موتورهای جستجو و بقیه ی دستگاه ها از کجا باید بفهمند که این عنوان وب سایت شما هست؟

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

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

برای این که این مشکل رفع بشه، ما میتونیم کد قبل را به کد زیر تبدیل کنیم:

<h1>This is a heading</h1>

کد زیر، با استفاده از تگ h1 که مربوط به heading ها هست سرتیتر اون صفحه را برای ما تعیین میکنه. اگر شما از ظاهر این سرتیتر و بزرگی بیش از اندازه یا bold نبودن اون و یا غیره رنج میبرید (!) راه حل اون این هست که از سی اس اس استفاده کنید و ظاهرش را تنظیم کنید.

به همین راحتی

به همین خوشمزگی

اینجوری میشه که هم موتور های جستجو میتونند درک بهتری از سایت شما و محتوای اون داشته باشند و هم کاربران از زیبایی سایت شما لذت ببرند.

اما چرا وب معنایی و نوشتن کدها به این صورت مهم است؟

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

مهم ترین مزیت های این که کامپیوتر بتونه درک درستی از صفحه ی ما داشته باشه عبارت است از:

الف) بسیاری از افراد نابینا، از دستگاه هایی استفاده میکنند که صفحات وب را برای اون ها میخونه. درصورتی که شما از وب معنایی استفاده نکنید این برنامه ها نمیتونند به خوبی صفحه ی شما را برای کاربر پردازش و تفسیر کنند. پس استفاده از وب معنایی یکی از پیش نیاز های این گونه نرم افزار ها است.

ب) شاید یکی از مهم ترین مزیت های وب معنایی مربوط به موتورهای جستجو و سئو باشه. موتورهای جستجو برای امتیاز دهی (rank) به سایت شما نیاز دارند تا ابتدای امر درک کنند که محتوای سایت شما چی هست و در چه زمینه ای فعالیت میکنید. وب معنایی به موتور های جستجو کمک میکنه تا درک بهتری از سایت شما داشته باشند و جایگاه شما توی موتور های جستجو بهتر بشه. همچنین به خزنده های موتورهای جستجو اجازه میدهند تا وب سایت شما را بهتر کاوش کنه و این هم باز به جایگاه شما توی موتور های جستجو کمک شایانی میکنه.

همچنین وب معنایی مزایای زیاد دیگه ای هم داره:

الف) همونطور که توی مثال قبل میتونید ببینید، معمولا کدهای وب معنایی بسیار کوتاه تر هستند و کوتاه بودن اون ها یعنی حجم کمتر و دانلود سریع تر و این به کاربران شما هم کمک بیشتری میکنه. همچنین در کل ظاهر دادن و سی اس اس دادن به کدهای وب معنایی به دلیل ساختار تمیزتری که دارند ساده تر هست.

ب) وب معنایی باعث میشه که به روز رسانی کردن و تغییر ظاهر سایت شما به دلیل ساختار تمیز تری که دارند بسیار ساده تر بشه.

ج) وب معنایی به کاربران هم کمک میکنه تا درک بهتری از سایت شما داشته باشند (!) برای مثال اگه یه تازه کار (!) مثل من کدهای صفحه ی شما را ببینه میتونه خیلی بهتر اون را درک کنه و این باعث میشه که اون خیلی راحت تر و سریع تر چیزهای بیشتری از شما یاد بگیره!

د) به خاطر اینکه وب معنایی کاری به ظاهر سایت شما نداره (مثال قبل را در نظر بگیرید. تگ h1 ربطی به ظاهر سایت شما نداشت اما تگ font به دلیل داشتن size ظاهر سایت شما را هم تحت الشعاع قرار میداد) شما به عنوان یه طراح میتونید خیلی راحت تر بدون دست کاری توی html و تنها با css ظاهر سایت خودتون را تنظیم کنید که این کار شما را هم سریع تر و هم ساده تر میکنه

و مزایای بسیار زیاد دیگه که در این مطلب کوتاه نمی گنجد!

چگونه بفهمیم که یک وب سایت از کدهای معنایی استفاده میکنه یا نه؟

متاسفانه هیچ ابزاری برای بررسی کدهای وب معنایی وجود نداره. بیشتر کدهای وب معنایی به صورت تجربی هست و برای این که ببینید آیا سایت شما از وب معنایی استفاده میکنه باید کدهای سایت خودتون را یه نگاهی بکنید و ببینید که آیا ساختار های اون از ساختار های وب معنایی پیروی میکنه یا خیر

توی این مطلب من تنها سعی کردم که به معرفی وب معنایی بپردازم.

وب معنایی بسیار گسترده تر این چند خطی هست که من نوشتم و انشا الله توی مطالب بعدی هر از گاهی چند تا نکته از کد ها و نوشتن کد به صورت وب معنایی خواهم نوشت

خوشبختانه توی html نسخه ی ۵ تگ ها و المنت های زیادی به منظور وب معنایی و درک بهتر موتورهای جستجو از وب (مثل تگ های مربوط به time و footer و article و …) اضافه شده که کار را برای طراحان بسیار بهتر کرده و همینطور دست من را برای مطلب نوشتن باز کرده!

اشتراک
شرکت سبزاندیش آراد

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

لوگو نماد اکترونیکیlogo-samandehi