وب معنایی چیست معرفی تگهای وب معناییhtml5

0
68
html5معرفی تگ های وب معنایی
html5معرفی تگ های وب معنایی

وب معنایی (semantic web)

وب معنای که توسط w3c  رهبری می شود، بعد از وب 1 و 2 و رشد فضای اینترنت و پیچیده شدن نیازهای کاربران نیاز به پروژه ایی با هدف ایجاد رسانه ایی جهانی برای رد و بدل کردن اطلاعات و ایجاد محتوای مورد نیاز کاربران شدت گرفت . در وب معنایی موتورهای جستجو ساختار و محتوای سایت شما را شناسایی می کنند و با استفاده از Html 5  ، microdata و RDFF شما قادر هستید تا محتوای سایت خود را به موتورهای جستجو بشناسانید. الگوریتم های جدید گوگل بر این اساس کار می کند و بدینوسیله شما می توانید  سایت خود را بهینه تر کنید و از نظر سئو در جایگاه بالاتری قرار بگیرید.

 بر اساس چشم انداز w3c   که این گونه توصیف شده است :

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

به عنوان مثال در htm 5  تگهایی به وجود آمد که ساختار یک سایت را نشان می دهد
تگ Header  که سر صفحه سایت را نشان می دهد
تگ Footer  که پا نوشت را نشان می دهد
تگ Nav  برای منو ها به کار می رود
تگ Section  سایت را به بخش های مختلف تقسیم می کند
تگ Article  برای مطالب به کار می رود

اما همچنان html محدودیت های خود را داشته که  فرمت های microdata و RDF به کمک آن آمده تا ساختار و محتوای سایت را بهینه تر کند در سایت schema.org  می توانید این تگ ها را مشاهده کنید  در این سایت ساختاری برای سایتهای مختلف مانند موزیک ، کتابخانه ، وبلاگ و … وجود دارد که شما می توانید از انها در سایت خود استفاده کیند به عنوان مثال  یک سایت فیلم را در نظر بگیرید که دارای کد زیر است

<div>

 <h1>Avatar</h1>

 <span>Director: James Cameron (born August 16, 1954)</span>

 <span>Science fiction</span>

 <a href=”../movies/avatar-theatrical-trailer.html”>Trailer</a>

</div>

این نوع ساختار هیچ چیز از محتوا به ما نمی دهد مثلا نام فیلم چی هست ؟ کارگردان آن چه کسی است  و یا اینکه فیلم در چه زمینه ایی می باشد .

<div itemscope itemtype =”http://schema.org/Movie”>

  <h1 itemprop=”name”&g;Avatar</h1>

  <div itemprop=”director” itemscope itemtype=”http://schema.org/Person”>

  Director: <span itemprop=”name”>James Cameron</span> (born <span itemprop=”birthDate”>August 16, 1954)</span>

  </div>

  <span itemprop=”genre”>Science fiction</span>

  <a href=”../movies/avatar-theatrical-trailer.html” itemprop=”trailer”>Trailer</a>

</div>

اما در کد بالا  Attribut هایی اضافه شدند که محتوا را  قابل شناسایی می کند.

آموزش تکنیک های استفاده از تگ های HTML5 برای ایجاد وب معنایی

افزودن دیدگاه