schema چیست و افزونه schema
زمان مطالعه
5 دقیقهتعداد بازدید
3885تعداد پرسش ها
0برچسب ها :
جدیدترین مقالات
schema چیست و افزونه schema
زمان مطالعه
5 دقیقهتعداد بازدید
3885تعداد پرسش ها
0برچسب ها :
جدیدترین مقالاتschema چیست؟ schema با معنی لغتی طرح، شکل، الگو و نشانه گذاری، استانداردی بین موتورهای جستجو برای نمایش دیتای دقیق تر از نتایج جستجو می باشد این استاندارد ثابت می باشد و تغییری آنچنانی نخواهد داشت تمام موتورهای جستجو مخصوصا گوگل از این استاندارد پیروی می کنند و ابزارهای مناسبی برای استفاده و تست این نوع کدها در اختیار طراحان سایت قرار می دهند.
چرا schema ؟
امروزه کاربران به دنبال استفاده راحتتر از نتایج جستجو هستند مثل نمایش مستقیم شماره تماس برای خرید یک محصول یا جستجو براساس قیمت محصولات، تاریخ موجودیت و انقضا ، رای های دیگر کاربران برای محصول و ...
این اطلاعات باید توسط هر موتور جستجویی پشتیبانی می شود و سعی در نمایش دقیق این اطلاعات دارند و از لحاظ بسری نیز کاربر را متقاعد به ورود به سایت شما می کند و دقیقا یکی از نکته های افزایش بازدید سایت می تواند باشد.
استاندارد schema
یک استاندارد کلی برای schema تعریف شده است که به صورت کامل در سایت schema.org همراه با توضیحات کامل و مثال های مختلف موجود می باشد که هرکدام این مثال های برای نشانه گذاری قسمتی از سایت شما می باشد مثلا برای نشانه گذاری مسیردهی سایت (breadcrumb).
شما کدهای خود را می توانید به صورت RDFa یا Microdata یا Json ld در صفحات سایتتون قرار بدید که باز تاکید می کنم در سایت schema مثال برای هر سه نوع مختلف وحود دارد. ما در این مطلب مثال های Json ld و Microdata را با هم به صورت عملی نمایش خواهیم داد.
موارد استفاده از schema
- تصاویر
- نویسنده
- تاریخ انتشار
- آخرین ویرایش
- عنوان صفحه
- فرمت صفحه (مثلاً .blog)
افزونه های schema برای وردپرس
اگر از cms وردپرس استفاده می کنید می توانید یکی از پلاگین های schema برای این cms که معرفی شده است را به رایگان دانلود و نصب کنید.
مثال استفاده از microdata برای مسیر دهی (breadcrumb) یک سایت
<ol class="breadcrumb" vocab="https://schema.org/" typeof="BreadcrumbList">
<li class="breadcrumb-item" property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage" href="https://jobteam.ir" title="جاب تیم">
<span property="name">جاب تیم</span>
<meta property="position" content="1">
</li>
<li class="breadcrumb-item active" aria-current="page" property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage" title="فریم ورک لاراول"
href="https://jobteam.ir/category/Laravel">
<span class="text-secondary" property="name">فریم ورک لاراول</span>
</a>
<meta property="position" content="2">
</li>
</ol>
</nav>
ما در این مثال فقط دو مسیر از سایت اصلی رو نشانه گذاری کردیم صفحه اصلی و دسته فریم ورک لاراول و اگر ادامه دار باشد با position مشخص خواهد شد
مثال json ld (تمامی json ld ها باید در تگ head قرار گیرند)
{
"@context": "http://schema.org",
"@type": "Organization",
"url": "https://jobteam.ir",
"logo": "https://jobteam.ir/img/logo.png",
"contactPoint": [{
"@type": "ContactPoint",
"telephone": "+989357669329",
"contactType": "customer service"
}]
}
</script>
یک مثال دیگر از محصولات با json ld
{
"@context": "https://schema.org/",
"@type": "Product",
"name": "Laravel Validation national code",
"image": [
"https://jobteam.ir/upload/img/2019/09/origin/9283518441567698138.jpg"
],
"description": "اعتبارسنجی کد ملی در لاراول در برخی از پروژه های مورد نیاز می باشد و باید صحت کد ملی سنجیده شود در این مقاله به سادگی نحوه ساخت یک Rule برای سنجیدن کد ملی را آموزش داده ایم",
"sku": "44",
"mpn": "44",
"brand": {
"@type": "product",
"name": "jobteam"
},
"review": {
"@type": "Review",
"reviewRating": {
"@type": "Rating",
"ratingValue": "5",
"bestRating": "5"
},
"author": {
"@type": "Person",
"name": "بهزاد میرزازاده"
}
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5",
"reviewCount": "100"
},
"offers": {
"@type": "Offer",
"url": "https://jobteam.ir/ProductUser/44-Laravel-Validation-national-code",
"priceCurrency": "Rial",
"price": "0",
"priceValidUntil": "05 September 2020",
"itemCondition": "https://schema.org/UsedCondition",
"availability": "https://schema.org/InStock",
"seller": {
"@type": "Organization",
"name": "jobteam"
}
}
}
</script>
سایت های تولید و تست کدهای json ld
نکات schema :
- نشانه گذاری سازمانی فقط در صفحه اول باشد
- نوع نشانه گذاری را براساس نوع مطلب انتخاب کنید (محصول، مقاله و .... )
- سعی کنید کد خود را اول تست کنید سپس به سایت قرار دهید
- معیار اصلی تست schema خود گوگل می باشد
- سعی کنید تمام موارد ممکن قابل نشانه گذاری را حتما با استفاده استاندارد دلخواه خود نشانه گذاری کنید
- کد schema تکراری در یک صفحه وجود نداشته باشد
برنامه نویس خوب، موفق و توانایی هایی که باید داشته باشید
وسط چین کردن تصاویر با css داخل متن
کلیک بر روی دکمه های موجود بر روی صفحه با جاوا اسکریپت
آموزش لیست ها (Lists) در html
تگ picture در html
تصاویر پس زمینه در html
تگ map (نقشه تصویری) در html
تصاویر (img) در html
نشانه گذاری (bookmarks) در html
تغییر رنگ لینک ها در html
