schema markup چیست؟ آموزش اسکیما در سئو [جامع و نهایی]

آموزش جامع Schema Markup

در این مقاله جامع، به آموزش اسکیما در سئو میپردازیم و توضیح می‌دهیم که اسکیمامارک‌آپ یا Schema Markup چیست و سپس موضوع schema و Structured Data در سئو را به صورت کامل و جامع مورد بررسی قرار داده‌ام.

هنگامی که در گوگل جستجویی انجام می‌دهید، حتما دیده‌اید در صفحه نتایج جستجو یا SERP، بعضی از سایت‌ها در زیر عنوان و توضیحات دارای برچسب‌ها ونشانه‌های دیگری نیز هستند.

schema rich snipetts نقاط برجسته در نتایج گوگل

این برجستگی‌ها و نشانه‌های اضافی یک سایت در نتایج جستجو، به صورت اتفاقی بوجود نیامده‌اند و باید در یک صفحه سایت از کدهای نشانه‌گذاری اسکیما استفاده کنیم تا این برجستگی‌های جذاب، برای سایت ما هم در نتایج جستجو ظاهر شوند. در ادامه نکات مربوط به آموزش سئو، با من همراه باشید تا موضوع schema را به صورت کامل بررسی کنیم.

در ادامه نکات مربوط به سئو تکنیکال توجه شما را به آموزش جامع و نهایی Schema Markup جلب می‌کنم.

Schema چیست؟

واژه schema یا اسکیما به معنی طرحواره است و مفهومی فراتر از schema markup در سئو دارد.

تعاریف زیادی از واژه schema وجود دارد، ولی من یک تعریف کوتاه از آن درست کرده‌ام.

تعریف کوتاه و جامع از واژه Schema می‌شود: ارائه اطلاعات به صورت دسته‌بندی شده و منظم از یک سری داده.

مثال:

فرض کنید ما داده‌های بسیار زیادی از مشتری‌ها داریم و می‌خواهیم به مدیر شرکتمان ارائه کنیم. باید طوری داده‌ها را به او بدهیم که خلاصه، دسته‌بندی شده و منظم باشد تا با یک نگاه سریع متوجه داده‌ها شود.

schema چیست؟

در این صورت ما باید به صورت شماتیک schematic داده‌ها را منظم کنیم و به او بدهیم. در ارائه اطلاعات به صورت شماتیک باید اصل و جان داده‌ها ارائه شود. همچنین باید داده‌ها به صورت دسته‌بندی شده باشد تا مدیر ما بتواند در سریع‌ترین زمان ممکن معنای آن را متوجه شود.

Schema Markup چیست؟

تعریف سایت سرچ‌انجین‌ژورنال از schema markup اینگونه است: schema markup نوعی میکرودیتا است که منبع آن، سایت schema.org است که در یک صفحه از سایت قرار می‌گیرد و باعث می‌شود، یک صفحه از سایت، در نتایج جستجو، با نشانه‌های بیشتر و برجسته‌تر نمایش داده شود.

اما من سعی کردم تعریف ساده‌تری از schema markup درست کنم که بهتر قابل فهم باشد:

در تعریف ساده: schema markup نوع خاص استفاده از schema برای سئو است. یعنی ما محتوای صفحه سایتمان را نشانه‌گذاری می‌کنیم و به صورت دسته‌بندی شده، خلاطه و منظم به گوگل ارائه می‌کنیم.

با توجه به مثالی که در بالا زدیم در schema markup ما محتوای صفحه را نشانه‌گذاری و مرتب می‌کنیم تا گوگل معنای صفحه را به صورت کامل متوجه شود.

Schema Markup چیست؟

Schema Markup نشانه‌گذاری‌هایی هستند که در یک صفحه قرار می‌گیرد تا محتوای صفحه برای گوگل بهتر قابل فهم باشد.

Schema Markup چگونه کار می‌کند؟

اسکیما مارکاپ یک لایه سخنگو با موتورهای جستجو است. ربات های گوگل هنگامی که نشانه‌گذاری های اسکیما را در یک صفحه می‌بینند محتوای دقیق صفحه را متوجه می‌شوند.

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

در مثال زیر که خیلی ساده و ابتدایی است با استفاده از microdata یا میکروفرمت یک قسمت صفحه را نشانه‌گذاری کرده‌ایم. (اگر نمی‌دانید microdata چیست، نیازی نیست نگران باشید،. در ادامه مقاله به صورت کامل نحوه نشانه‌گذاری شرح داده خواهد شد.)

<div itemscope itemtype=”http://schema.org/Organization”>
<span itemprop=”name”>آکادمی سئو سفینه</span>
<div itemprop=”address” itemscope itemtype=”http://schema.org/PostalAddress”>
<span itemprop=”streetAddress”>خیابان فیاض</span>
<span itemprop=”addressLocality”>لاهیجان، گیلان</span>
</div>
<span itemprop=”telephone”>۰۱۳۴۲۲۱۲۵۸۶</span>,
<span itemprop=”email”>[email protected]</span>
</div>

برای موتورهای جستجو یافتن ارتباطات معنایی کلمات (Semantic) و تشخیص این موارد، بسیار سخت است. به این علت با تگ‌های اسکیما به گوگل کمک میکنیم تا دقیقا متوجه منظور ما شود.

داده‌های ساختاریافته یا Structured Data چیست؟

structured data یا داده‌های ساختاریافته در معنای جامع یعنی: هر کدی که دارای قالب خاص و مشخص باشد.

اما در بحث schema markup یا نشانه‌گذاری اسکیما، تعریف داده‌های ساختاریافته (structured data) کمی خاص می‌شود.

وقتی در موضوع schema markup از استراکچرد دیتا صحبت می‌کنیم منظورمان این است که با استفاده از کدهای معرفی شده در سایت schema.org محتوای صفحات سایتمان را دارای ساختاری کنیم که برای گوگل قابل تشخیص باشد.

خلاصه مطلب می‌شود این که: با استفاده از کدهای نشانه‌گذاری schema markup محتوای صفحه را structured data می‌کنیم.

schema.org چیست؟

schema.org یک وبسایت است. این وبسایت نتیجه همکاری موتورهای جستجوی گوگل، یاهو، بینگ و یاندکس است.

از سال ۲۰۱۱ موتورهای جستجوی بزرگ و وبسایت schema.org استانداردی را بوجود آوردند که هدف آن درک معنای کامل و حقیقی صفحات سایت برای موتورهای جستجو بود.

کدهایی که در سایت scema.org وجود دارد، در واقع یک قرارداد بین موتورهای جستجو و صاحبان سایت است. موتورهای جستجوی بزرگی که نام بردیم به صاحبان سایت‌ها پیشنهاد دادند با استفاده از کدهای معرفی شده در سایت schema.org محتوای صفحه را نشانه‌گذاری کنند.

وبسایت schema.org

در واقع وبسایت Schema.org یک منبع شد که تمام کدهای اسکیما در آن قرار دارند و افراد می‌توانند وارد سایت شوند و تگ اسکیمای مورد نظر خود را جستجو کنند و سپس جزيیات و مثال‌های یک کد اسکیما را ببینند.

نکته جالبی که در سایت schema.org وجود دارد این است که برای هر تگ اسکیما، ابتدا توضیحات و مشخصات کاملی ارائه می‌کند و سپس مثالی از نحوه استفاده از آن کد خاص می‌زند.

برای مثال ما کد اسکیمای ویدیو را در سایت schema.org جستجو کردیم.

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

نحوه استفاده از وبسایتschema.org

سپس در پایین صفحه مثال‌هایی برای نحواه استفاده از کد اسکیمای ویدیو زده شده است.

نحوه کار وبسایت schema.org

در این مثال ها فقط توضیح داده می‌شود چطور یک کد اسکیما باید ساخته شود.

برای استفاده از سایت schema.org احتیاج به دانستن نکات دیگری در رابطه با Schema دارید که در ادامه آن نکات را خواهید آموخت.

چرا schema markup مهم است؟

استفاده از کدهای اسکیما مارک‌آپ باعث می‌شود در نتایج جستجو یا SERP به صورت متمایز از رقبایمان نمایش داده شویم.

یکی از مزیت‌های Schema markup این است که در نتایج گوگل، به صورت متمایز دیده می‌شویم و کلیک بیشتری دریافت می‌کنیم. دریافت کلیک بیشتر = افزایش رتبه سایت

همچنین به گوگل کمک می‌کند تا مفهوم محتوای صفحه سایت را به صورت معنایی و کامل متوجه شود.

فرض کنید یک ویدیو در صفحه شما موجود است. گوگل به قدری باهوش است که متوجه شود در صفحه شما ویدیو وجود دارد اما:

گوگل نمی‌تواند به صورت دقیق متوجه شود ویدیویی شما به چه موضوعی مربوط است و چه نکاتی در آن گفته شده.

در همین مثال ویدیو شما می‌توانید با استفاده از کدهای Schema Markup برای ویدیو مربوطه، عنوان، توضیحات، مدت زمان ویدیو، ناشر ویدیو و اطلاعات تکمیلی دیگر وارد کنید.

مثال از اهمیت اسکیما مارک‌آپ

تاثیر Schema Markup در سئو و افزایش رتبه سایت

نشانه‌گذاری اسکیما از ۲ جهت بر سئوی سایت ما تاثیر گذار هستند:

  1. معنای محتوای صفحه ما را به گوگل انتقال می‌دهند (semantic seo)
  2. صفحه سایت ما در نتایج جستجو متمایز نشان می‌دهند (ستاره، پرسش و پاسخ، تصاویر بیشتر و …)

در واقع وقتی محتوای صفحه را با استفاده از schema markup برای گوگل نشانه دار می‌کنیم، گوگل به راحتی متوجه می‌شود، کلیت این صفحه مربوط به چیست (صفحه محصول، صفحه مقاله و …) و هر قسمت صفحه درباره چه موضوع خاصی صحبت می‌کند.

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

منظور از معنای محتوا چیست؟

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

معنای محتوا، موضوعاتی هستند که در ظاهر ربطی به کلمه کلیدی و موضوع صفحه ندارند اما در باطن بسیار مرتبط هستند

یک مثال دیگر:

اگر موضوع مقاله ما سئو باشد. کلمات مترادف این‌ها هستند: SEO، Search Engine Optimization، بهینه سازی برای موتورهای جستجو و …

اما موضوعات و کلمات معنایی این‌ها هستند: کلمات کلیدی، بک لینک، تولید محتوا، نام کتاب های سئو، نام افراد معروف در حوزه سئو و …

دقت کردید که کلمات و موضوعات معنایی در ظاهر هیچ ارتباطی به کلمه سئو نداشتند، اما در باطن، دقیقا به سئو مربوط بودند.

در اسکیما مارک‌آپ، با استفاده از یک‌سری کدهای معنایی (semantic vocabulary) می‌توانیم معنای دقیق صفحاتمان را به گوگل برسانیم.

تفاوت schema, microdata و structured data

به علت تعاریف گوناگونی که از واژه‌های مربوط به schema markup وجود دارد، اجازه دهید خیلی کوتاه این واژه‌ها را بررسی کنیم.

همانطور که در ابتدای مقاله توضیح دادم واژه schema مفهومی فراتر از سئو دارد و نوعی ارائه اطلاعات است که در هر زمینه‌ای کاربرد دارد.

schema markup و structured data در واقع یک معنی را می‌دهند و به یک موضوع اشاره دارند. وقتی ما با استفاده از schema markup قسمت‌های مختلف یک صفحه سایت را نشانه‌گذاری می‌کنیم محتوای صفحه برای گوگل دارای ساختار می‌شود و به اصطلاح می‌شود داده‌های ساختاریافته یا Structured Data.

Microdata یا میکروفرمت یا میکرودیتا یکی از روش‌های نشانه‌گذاری است. یا بهتر بگویم یکی از روش‌های پیاده‌سازی schema markup است. روش‌های دیگری نیز برای پیاده‌سازی اسکیما مارک‌آپ وجود دارد که در ادامه مقاله به صورت کامل توضیح داده خواهد شد.

آیا schema markup جایگزین Opengraph یا Twitter Card است؟

opengraph  و Twitter card تکه کدهایی هستند که شبکه‌های اجتماعی مانند فیس‌بوک و توییتر از آن استفاده می‌کنند و اطلاعات جزئی مانند تصویر صفحه، عنوان و توضیحات صفحه را برای نمایش در شبکه‌های اجتماعی ارائه می‌دهند.

opengraph و Twitter card تکه کدهایی هستند که شبکه‌های اجتماعی مانند فیس‌بوک و توییتر از آن استفاده می‌کنند

در تصویر زیر نتیجه استفاده از opengraph در نرم افزار تلگرام را مشاهده می‌کنید. همانطور که می‌بینید اطلاعات جزئی صفحه از کدهای اپن گراف خوانده شده و به عنوان اطلاعات جزئی صفحه به نمایش در آمده است.

نمایش opengraph در تلگرام و شبکه‌های اجتماعی

در تصویر زیر نتیجه استفاده از کدهای توییتر کارد را مشاهده می‌کنید. همانطور که می‌بینید وبسایت توییتر با استفاده از اطلاعات twitter card اطلاعات صفحه را نمایش می‌دهد.

نتیجه استفاده از twitter card در وبسایت توییتر و نمایش اطلاعاتا جزئی صفحه

اما Schema markup داده‌ها را بسیار موشکافانه و کامل در اختیار موتورهای جستجو قرار می‌دهد. اطلاعاتی که با استفلاده از SCHEMA MARKUP به گوگل می‌دهیم بسیار فراتر از اپن گراف و توییتر کارد است.

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

انواع schema markup

احتمالا سوالی که در ذهن شما شکل می‌گیرد این است که به طور کل چند نوع اسکیما وجود دارد و در هر صفحه چه نوع اسکیمایی باید استفاده کرد؟

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

به همین علت ما در آکادمی سفینه محصولی را درست کردیم که در آن تقریبا تمام اسکیماهای پرکاربرد + نحوه ساخت و استفاده از آن‌ها را توضیح داده‌ایم. برای دریافت اطلاعات بیشتر وارد صفحه محصول دوره صفر تا صد Schema Markup شوید.

دوره صفر تا صد schema markup

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

انواع schema markup بر اساس نوع صفحه

همانطور که می‌دانید یک وبسایت دارای صفحات متفاوتی است، مانند:

  • صفحه اصلی سایت
  • صفحه محصول
  • صفحه مقاله
  • صفحه آرشیو مقالات
  • صفحات خاص (معرفی کتاب، معرفی فیلم و …)

برای هر کدام از صفحات باید اسکیماهای مخصوص به آن ساخته شود و در صفحه قرار بگیرد.

در ادامه لیست اسکیماهای پرکاربرد بر اساس نوع صفحه را ملاحظه بفرمایید.

  • LocalBusiness
  • CollectionPage
  • ItemList
  • Article
  • Product
  • Book & Review
  • Movie
  • Event
  • TV Episode
  • Webpage
  • CreativeWork
  • JobPosting

هر کدام از انواع اسکیمایی که در قسمت بالا قرار دارد بر اساس نوع صفحه در صفحه قرار می‌گیرد.

مثلا اسکیمای Event باید در صفحاتی قرار بگیرد که در آن صفحه می‌خواهیم به معرفی یک رویداد بپردازیم.

یا اسکیمای Product مخصوص صفحه محصول است و باید در صفحه‌ محصول قرار بگیرد تا بتواند اجزای صفحه محصول را معرفی کند.

استفاده از schema markup در صفحه محصول

انواع schema markup بر اساس اجزای صفحه

در هر صفحه ممکن است اجزای مالتی مدیای مختلفی موجود باشد، مانند:

  • فایل ویدیویی
  • فایل PDF
  • فایل صوتی

برای هر نوع از فایل‌ها اسکیماهای مخصوص به نوع فایل وجود دارد.

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

در قسمت پایین اسکیماهای معرفی فایل‌های موجود در صفحه را لیست کرده‌ام.

  • VideoObject
  • AudioObject
  • MediaObject

مثلا اگر در یک صفحه‌ مقاله یا محصول یک فایل ویدیویی یا صوتی قرار داده‌ایم می‌توانیم با استفاده از اسکیماهای فوق فایل مربوطه را به صورت کامل به گوگل معرفی کنیم.

استفاده از schema markup در videoobject

چطور از انواع اسکیما مارک‌آپ استفاده کنیم؟

با توجه به توضیحات بالا ما در هر صفحه باید از ۲ جهت اسکیمای مربوط را تولید کنیم و سپس در صفحه قرار دهیم.

  1. ساخت اسکیما برای معرفی نوع صفحه
  2. ساخت اسکیما برای معرفی فایل‌های مالتی‌مدیای صفحه

۳ مدل ساخت و استفاده از schema markup

ما با ۳ مدل می‌توانیم کدهای نشانه‌گذاری اسکیما را بسازیم و سپس در صفحات سایتمان قرار دهیم.

  1. JSON-LD
  2. Microdata
  3. RDFa

قبل از اینکه وارد توضیحات ساخت کدهای اسکیما شویم، لازم است بگویم در مقاله نحوه ساخت و استفاده از Schema Markup یک فیلم آموزشی قرار دارد که در آن به صورت قدم به قدم روش ساخت و استفاده از اسکیمای FAQ را توضیح داده‌ام. با استفاده از این آموزش می‌توانید برای صفحاتتان کد اسکیمای FAQ بسازید و در نتایج گوگل مانند تصویر زیر نمایش داده شوید.

faq schema markup چگونه نمایش داده می‌شود

در ادامه توضیح می‌دهم چگونه با استفاده از این ۳ روش می‌توان کدهای نشانه‌گذاری اسکیما را ساخت و در سایت پیاده‌سازی کرد.

۱. استفاده از JSON-ld

JSON-LD مخفف کلمات Javascript Object Notation For Linked Data به معنای نشانه گذاری داده‌های مرتبط به هم با استفاده از جاوااسکریپت است.

شاید در نگاه اول تصور کنید این روش برای پیاده سازی کدهای اسکیما خیلی سخت است. اما راحت‌ترین راه و بهترین راه برای پیاده‌سازی کدهای اسکیما روش Json-ld است.

افرادی که با متود جیسون آشنا نیستند می‌توانند کدهای json-ld را با استفاده از ابزار آنلاین ساخت اسکیمای JSON بسازند و در صفحات سایتشان قرار دهند.

در این ابزار و یا ابزارهایی شبیه به این، کار ساخت کدهای Schema بسیار ساده است. فقط کافی است اسکیمای مورد نظر خود را انتخاب کنید و سپس جاهای خالی را پر کنید.

گام اول ساخت اسکمای JSON-LD با استفاده از ابزار سایت تکنیکال سئو. وقتی وارد قسمت ساخت و تولید کدهای JSON-LD شدیم، فقط کافی است اسکیمای مورد نظر خود را انتخاب کنیم.

من در این مثال اسکیمای website را انتخاب کردم که برای صفحه اصلی سایت مناسب است و می‌توان اسکیمای website را در صفحه اصلی سایت قرار داد.

گام اول ساخت اسکیمای json-ld

در گام دوم باید جاهای خالی را پر کنیم. من در قسمت پایین جاهای خالی را با اطلاعات فرضی پر کرده‌ام.

گام دوم ساخت اسکمای website

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

بعد از کپی کردن کد اسکمیای JSON-LD ساخته شده، آن را در صفحه مورد نظر از سایت خود قرار می‌دهیم.

بسیار مهم:

در استفاده بهینه از کدهای اسکیما ماک‌آپ احتیاج است به ۲ نکته مهم مسلط باشیم:

  1. با توجه به فراوانی کدهای schema markup باید بدانیم هر کدام از انواع اسکیما بهتر است در کدام صفحه سایت استفلاده شوند تا با استفاده نابجا باعث لطمه خوردن سایتمان نشویم.
  2. هر کدام از انواع اسکیما مارک‌آپ دارای فیلدهایی هستند که باید به صورت صحیح پر شوند تا دارای Error و Warning نباشند و در نتایج جستجو به بهترین شکل تاثیر خود را بگذارند.

اگر می‌خواهید به نکات ذکر شده به صورت کامل مسلط شوید و از پتانسیل اسکیما مارک‌آپ برای بهبود رتبه سایت خود بهره ببرید، پیشنهاد می‌کنم فیلم‌های دوره آنلاین schema markup را حتما تهیه کنید.

۲. استفاده از Microdata

در روش Microdata که به میکروفرمت هم معروف است تمام نشانه‌‌گذاری‌های اسکیما روی کدهای HTML انجام می‌شود.

نمونه کد microdata در schema

همانطور که در تصویر بالا مشاهده می‌کنید در مدل میکرودیتا، نشانه‌گذاری‌های اسکیما روی کدهای HTML انجام شده است.

اگر به دقت تصویر را نگاه کنید در خط اول با تگ ItemType مشخص کرده‌ایم که می‌خواهیم اسکیمای AudioObject را به گوگل معرفی کنیم و بگوییم در صفحه یک فایل صوتی موجود است.

سپس در خطوط بعد اجزای دیگر اسکیمای AudioObject را به گوگل معرفی کرده‌ایم.  مانند duration, ContentUrl, EncodingFormat و … که هر کدام یک مشخصه از فایل صوتی ما را به گوگل می‌رسانند.

نکته مهمی که در نشانه‌گذاری‌های روی کد HTML انجام می‌شود این است که ما تگ ItemType را روی یک تگ مادر قرار می‌دهیم و اجزا را در تگ‌های فرزند قرار می‌دهیم.

در مثال فوق دیدید که تگ DIV ما تگ مادر بود و تگ‌های درون این تگ اجزای آن اسکیما را معرفی می‌کردند.

۳. استفاده از  RDFa

RDFa مخفف کلمات Resource Description Framework in Attributes و به معنای چهار چوب شرح منابع ویژگی‌ها می‌باشد. منظور از ویژگی‌ها، خواص موجود در کدهای HTML است.

RDFa یک روش توصیه شده از سوی W3C است. پس می‌توان روش RDFa را هم یک روش قابل قبول و استاندارد برای استفاده در schema markup در نظر گرفت که البته از سوی گوگل هم تایید شده است.

RDFa تقریبا چیزی شبیه به یک افزونه برای زبان HTML5 است. یعنی به کاربران اجازه می‌دهد کدهای HTML5 را چهارچوب بندی کنند و معنای هرقسمت از کد را به گوگل بگویند.

مثلا اگر در یک تگ DIV نظرات کاربران قرار گرفته است می‌توانند آن را نشانه‌گذاری کنند و به گوگل بگویند هرآنچه در این تگ div است مربوط به نظرات کاربران است.

روش RDFa نیز تقریبا شبیه به روش microdata است و نشانه‌گذاری‌ها روی کدهای HTML انجام می‌شود.

نمونه کد RDFa در Schema

به این علت که روش‌های JSON و Microdata خیلی بیشتر کاربرد دارند و روش RDFa شبیه به Microdata است و زیاد مورد استفاده قرار نمی‌گیرد از دادن توضیحات بیشتر در را بطه با RDFa خودداری می‌کنیم.

روش‌های ساخت و استفاده از schema markup

تا اینجا متوجه شدیم برای هر صفحه از سایت باید چه نوع اسکیمایی بسازیم اما هنوز نمیدانیم چطور کدهای schema markup را بنویسیم و در صفحه پیاده‌سازی کنیم.

ما به ۳ روش می‌توانیم اسکیماهای مورد نظر خود را بسازیم.

  1. استفاده از برنامه‌نویس
  2. استفاده از ابزار آنلاین تولید اسکیما ماک‌آپ
  3. استفاده از افزونه‌های ساخت schema markup

۱. روش اول: برنامه نویسی اختصاصی schema markup

در روش اول نیاز به یک برنامه‌نویس داریم که البته روی موضوع schema markup هم مسلط باشد.

در این روش با توجه به نوع فعالیت سایتمان از برنامه‌نویس می‌خواهیم افزونه‌ای برای ما بنویسد که برای هر صفحه از سایتمان اسکیمای مورد نظر را تولید کند.

مزیتی که این روش دارد این است که تقریبا ۹۰٪ نیاز سایت ما مرتفع خواهد شد. در واقع می‌توان طوری برنامه‌نویسی کرد که اکثر اسکیماهای مربوط به سایت به صورت اتوماتیک ساخته شوند.

البته بعضی از اسکیماها مانند VideoObject یا FAQ را نمی‌توان به صورت کاملا اتوماتیک ساخت و نیاز دارند با توجه به محتوای صفحه و به صورت دستی ساخته شوند.

۲. روش دوم: استفاده از ابزار آنلاین ساخت schema

در روش دوم با استفاده از سایت‌های تولید کد اسکیما باید کدهای اسکیما را به صورت دستی بسازیم و در هر صفحه از سایتمان قرار دهیم.

سایت‌های زیادی وجود دارند که کدهای schema markup را به صورت رایگان برای ما می‌سازند. روش کار با سایت‌ها یا ابزارهای آنلاین ساخت اسکیما بسیار ساده است و احتیاج به هیچ نوع دانش برنامه‌نویسی ندارد.

معمولا ابزارهای آنلاین، کدهای schema markup را به صورت JSON-LD تولید می‌کنند.

در ادامه چندین سایت معتبر ساخت schema markup را لیست کرده‌ام.

  1. technicalseo.com <- توصیه من
  2. rankranger.com
  3. saijogeorge.com
  4. jsonld.com
  5. google Data Highlighter

در ۴ وبسایت اول کدهای اسکیما به صورت JSON-LD تولید می‌شوند و تقریبا روش کار یکسانی دارند.

از شما نوع اسکیمای مربوطه را می‌پرسند، سپس جاهای خالی را با توجه به اطلاعاتتان پر می‌کنید و سپس کد اسکیمای ساخته شده را کپی می‌کنید.

اما وبسایت پنجم ابزار ساخت اسکیما مارک‌آپ گوگل است که کمی کار با آن متفاوت است و در ادامه روش ساخت کدهای اسکیما با دیتا هایلایتر گوگل را توضیح می‌دهم.

ساخت اسکمیا با Data Highlighter

Data highlighter یکی از ابزارهای گوگل برای ساخت اسکیما است.

با استفاده از ابزار data highlightr گوگل می‌توانید فقط با استفاده از موس و به راحتی کدهای اسکیما تولید کنید.

دیتا هایلایتر گوگل قابلیت ساخت اسکیما مارک آپ‌های زیر را دارد.

  1. مقاله Article
  2. مراسم Recipe
  3. کسب و کار محلی Local Businesses
  4. رستوران Restaurant
  5. محصولات Products
  6. نرم افزار Application
  7. فیلم Movies
  8. سریال TV Episode
  9. کتاب Books

Schema-support

۳. روش سوم: استفاده از افزونه‌های schema

اگر از وردپرس یا دیگر سیستم‌های مدیریت محتوا استفاده می‌کنید می‌توانید از افزونه‌های اسکیما در وردپرس استفاده کنید که ساخت اسکیما را برای شما انجام می‌دهند.

بعضی از افزونه‌های ساخت schema markup این کار را به صورت اتوماتیک و با توجه به نوع صفحه و محتوای صفحه تولید می‌کنند.

بعضی دیگر از افزونه‌ها به شما این امکان را می‌دهند که اسکیمای مورد نظرتان را به صورت دستی بسازید و در صفحه مربوطه قرار دهید.

اگر از وردپرس یا دیگر سیستم‌های مدیریت محتوا استفاده می‌کنید حتما ادامه مقاله را مطالعه نمایید.

Schema markup در وردپرس

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

حتی اگر از سیستم فروشگاهی ووکامرس استفاده می‌کنید حتما می‌دانید که سیستم وردپرس به صورت اتوماتیک کدهای schema markup مخصوص به صفحه محصول (Product) را می‌سازد و در صفحه قرار می‌دهد.

افزونه‌های اسکیما در وردپرس

افزونه‌های schema markup در وردپرس را می‌توان به ۲ نوع تقسیم کرد:

  1. افزونه‌هایی که به صورت اتوماتیک schema میسازند
  2. افزونه‌هایی که به صورت دستی کدهای schema markup را در آن‌ها میسازید

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

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

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

اما در تمام صفحات سایت ویدیو وجود ندارد که افزونه‌ها به صورت اتوماتیک کد VideoObject برای صفحات تولید کنند. یا در تمام صفحات پرسش و پاسخ FAQ وجود ندارد که افزونه‌های schema markup کد اسکیمای FAQ تولید کنند.

بنابراین بعضی از کدهای schema markup را باید با استفاده از افزونه‌های schema markup به صورت دستی ساخت و در سایت وارد کرد.

در ادامه چند افزونه معتبر ساخت اسکیما معرفی می‌کنم و در آخر بهترین روش استفاده از schema markup در وردپرس را توضیح می‌دهم.

افزونه‌های ساخت Schema markup به صورت اتوماتیک

تعدادی از افزونه‌های وردپرسی هستند که به صورت اتوماتیک کد مربوط به هر صفحه سایت را می‌سازند. روش کار این افزونه‌ها به این صورت است که با توجه به نوع صفحه (صفحه اصلی، صفحه آرشیو، صفحه مقاله و صفحه محصول) کد اسکیمای مربوط به آن صفحه را می‌سازند و در صفحه قرار می‌دهند.

در ادامه ۲ تا از معروفترین افزونه‌ها که البته معروف هم هستند را معرفی می‌کنم و روش کار را توضیح می‌دهم.

۱. افزونه Yoast

پر استفاده ترین افزونه سئو وردپرس، Yoast است. افزونه یواست کارهای مختلفی را برای سئو سایت انجام می‌دهد که یکی از آن کارها ساخت Schema markup به صورت اتوماتیک است.

وقتی افزونه yoast را به صورت کامل و صحیح نصب می‌کنید در هر صفحه کد schema markup را به صورت اتوامتیک تولید می‌کند.

افزونه yoast طوری برنامه نویسی شده است که نوع صفحه را تشخیص می‌دهد و کد اسکیمای مربوط به آن را تولید می‌کند.

کدهایی که افزونه yoast تولید می‌کند به روش پیشرفته graph است. در روش graph چندین کد schema markup که در واقع به هم مربوط هستند تولید می‌شوند و به صورت زیر مجموعه همدیگر قرار می‌گیرند.

کدهایی که افزونه yoast به صورت اتوماتیک تولید می‌کند به شرح زیر هستند.

  • در صفحه اصلی سایت: Webpage, Website, Organization
  • در صفحات آرشیو مانند کتگوری و تگ: CollectionPage, breadcrumb
  • در برگه‌ها: Webpage, Website, Organization
  • در پست‌ها: Article, Webpage, Website, Organization

افزونه yoast افزونه‌های مکملی هم دارد مانند yoast woocommerce که برای فروشگاه woocommerce کد اسکیما تولید می‌کند.

۲. افزونه ووکامرس

حتما می‌دانید که افزونه ووکامرس، یک پلاگین قدرتمند برای ساخت فروشگاه آنلاین در سایت‌های وردپرسی است.

ووکامرس علاوه بر تمام امکاناتی که دارد کدهای schema markup صفحه محصول را هم به صورت اتوماتیک تولید می‌کند و به صفحه محصول اضافه می‌کند.

افزونه ووکامرس کد اسکیمای ستاره‌دار کردن یا rating را هم به صفحه محصول اضافه می‌کند و باعث می‌شود در نتایج جستجو با ستاره نمایش داده شویم.

۳. افزونه rate my post

افزونه rmp به کاربران سایت ما این امکان را می‌دهد که در صفحات مقاله سایت به ما امتیاز دهند.

روش کار افزونه rate my post به این صورت است که آرای کاربران را جمع می‌کند و اسکیمای ستاره دار کردن مقالات سایت را می‌سازد.

افزونه‌های ساخت Schema markup به صورت دستی

تعدادی دیگر از افزونه‌های وردپرس هستند که به ما این امکان را می‌دهند تا به صورت دستی schema مد نظر خودمان را با توجه به محتوای صفحه بسازیم.

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

در ادامه چند پلاگین وردپرس برای ساخت schema markup به صورت دستی را لیست کرده‌ام.

روش گام به گام استفاده از schema markup در سایت

تا به اینجا سعی کردم یک دید جامعی از schema markup و روش استفاده از schema markup به شما عزیزان بدهم.

در ادامه یک روش پیشنهادی گام به گام برای ساخت و استفاده از schema markup یا داده‌های ساختاریافته را توضیح می‌دهم.

البته تصمیم با شماست که از روش من استفاده کنید یا به روش دیگری از schema استفاده کنید.

۱. ایجاد یک سیستم اتوماتیک برای ساخت کدهای schema

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

اگر از وردپرس استفاده می‌کنید فقط افزونه‌ yoast را نصب کنید. افزونه yoast تمام داده‌های ساختاریافته لازم و پایه را برای سایت شما تولید می‌کند.

همچنین اگر در سایت وردپرسی خود از ووکامرس استفاده می‌کنید، افزونه ووکامرس کدهای لازم را برای صفحات فروشگاهی شما تولید می‌کند و نیازی نیست از افزونه‌های دیگری مثل yoast woocommerce نصب کنید.

اگر از وردپرس یا دیگر CMSها استفاده نمی‌کنید باید یک برنامه‌نویس استخدام کنید. این برنامه‌نویس باید برنامه‌ای بنویسد تا کدهای schema markup مورد نیاز و پایه سایت شما را با توجه به نوع سایت شما تولید کند.

۲. اضافه کردن کدهای schema markup به صورت دستی

تا به اینجا فقط داده‌های ساختار یافته schema به صورت پایه و زیربنایی در سایت شما به صورت اتوماتیک تولید می‌شوند.

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

بنابراین باید با استفاده از افزونه‌های ساخت اسکیما یا ابزار آنلاین ساخت schema markup اسکیماهای خاص را بسازیم و به صفحات اضافه کنیم.

در آموزش نحوه ساخت و استفاده از schema markup روش ساخت و اضافه کردن کد اسکیمای FAQ را به صورت ویدیویی توضیح داده‌ام. این آموزش را مشاهده نمایید و از آن برای ساختن دیگر داده‌های ساختاریافته ایده بگیرید.

ابزار آنلاین تست schema markup

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

با استفاده از ابزار آنلاینی که برای تست اسکیما مارک‌آپ وجود دارد به راحتی و در چند ثانیه می‌توانیم صحت کدهای اسکیما را آزمایش کنیم.

بهترین سایت برای تست کدهای schema markup یا داده‌های ساختاریافته، ابزار تست اسکیمای گوگل است.

روش کار با ابزار تست اسکیمای گوگل بسیار راحت است.

هنگامی که وارد صفحه شدید دو قسمت Fetch URL و Code Snippet وجود دارد.

در Fetch URL می‌توانید آدرس صفحه را وارد کنید و پاسخ تست را ببینید.

معرفی ابزار تست اسکیما و داده‌ّای ساختار یافته گوگل - بخش اول

در تصویر زیر آدرس صفحه اصلی سایت دیجی کالا را وارد کرده‌ایم تا ببینیم در صفحه اصلی خود از چه نوع کد اسکیمایی استفاده می‌کند.

معرفی ابزار تست اسکیما و داده‌ّای ساختار یافته گوگل - آزمایش URL و دیدن نتیجه

در Code Snippet می‌توانید کد اسکیما را وارد کنید و نتیجه را ببینید. معرفی ابزار تست اسکیما و داده‌ّای ساختار یافته گوگل - قسمت اجرا ‌و آزمابش تکه کدها بدون آدرس

در تصویر زیر، کد اسکیمای website که در ابزار آنلاین ساخت اسکیما ساخته بودیم را برای تست قرار داده‌ایم.

معرفی ابزار تست اسکیما و داده‌ّای ساختار یافته گوگل - قسمت اجرا ‌و آزمابش تکه کدها بدون آدرس

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

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

Rich Snippets یا Rich Results چیست؟

rich snippets یا قطعات برجسته به طور کلی شامل تمام علائم یک صفحه در صفحه نتایج گوگل (SERP) است.

مانند آدرس صفحه، عنوان صفحه، توضیحات صفحه و …

اما معمولا وقتی صحبت از Rich snippets یا Rich Results می‌شود منظور همان قطعات بیشتری هستند که در صفحه نتایج جستجو برای یک وبسایت به نمایش در می‌آیند.

مثل ستاره (star rating) یا سوال و جوال (FAQ) که در زیر نتیجه یک سایت در گوگل به نمایش در می‌آیند و جلوه متفاوتی به صفحه میدهند.

معرفی دوره Schema Markup

کدام نوع از Schema markup به صورت Rich snippets نمایش داده می‌شوند؟

تعدادی از کدها و روش‌های schema markup هستند که به صورت Rich Snippets در نتایج جستجو نمایش داده می‌شوند. مانند:

  • Rating
  • FAQ
  • Event
  • Howto
  • ItemList
  • Recipie

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

البته چند نکته مهم را باید در رابطه با Rich Snippets بدانید.

  • بعضی از rich snippets ها برای وب فارسی فعال نیستند
  • بعضی‌ها فقط هنگامی نمایش داده می‌شوند که در صفحه اول باشید
  • بعضی از rich result ها در بعضی از جستجوها نمایش داده می‌شوند
  • بعضی‌ها فقط هنگامی نمایش داده می‌شوند که در رتبه اول باشید
  • بعضی‌ها فقط در یک مدت زمان کوتاه نمایش داده می‌شوند
  • بعضی‌ از rich result ها همیشه نمایش داده می‌شوند

featured snippets قطعه متن‌های برجسته‌ای هستند که خود گوگل از صفحات انتخاب می‌کند و در نقطه صفر نتایج جستجو و بالاتر از رتبه ۱ قرار می‌دهد.

featured-snippet

البته featured snippets فعلا برای زبان فارسی فعال نیست.

شاید وجود featured snippets برای کاربران معمولی و جستجو کنندگان در گوگل یک مزیت باشد به این علت که پاسخ خود را در همان نتایج جستجو می‌گیرند، اما دارندگان سایت هیچ سودی از این موضوع نمیبرند.

به این علت که نرخ کلیک کاربران افت پیدا می‌کند و کاربران وارد سایت نمی‌شودند.

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

نتیجه‌گیری

استفاده از schema markup در وبسایت مزیت‌های فراوانی دارد. علاوه بر اینکه نوع صفحه، موضوع صفحه و معنای محتوای صفحه را به صورت کامل و جزء به جزء به گوگل می‌رساند، باعث می‌شود در نتایج جستجو نشانه‌دار شویم و کلیک بیشتری دریافت کنیم.

سوالات متداول در مورد Schema Markup

Schema Markup دقیقا چیست؟

schema markup نوع خاص استفاده از schema برای سئو است. یعنی ما محتوای صفحه سایتمان با نشانه‌گذاری و به صورت دسته‌بندی شده، خلاطه و منظم به گوگل ارائه می‌کنیم.

Schema Markup نشانه‌گذاری‌هایی هستند که در یک صفحه قرار می‌گیرد تا معنای محتوای صفحه برای گوگل بهتر قابل فهم باشد.

آیا با Schema حتما در نتایج جستجو با برچسب نمایش داده می‌شویم؟

به احتمال زیاد بله. اما گوگل هیچ تضمینی نداده است که سایت‌ها را به صورت متمایز نشان دهد. البته اگر کدهای schema به صورت اصولی در صفحه پیاده شوند به احتمال خیلی زیاد در نتایج جستجو نشانه‌دار می‌شوند.

آیا آموزش جامع و کاربردی در مورد schema markup در وب فارسی وجود دارد؟

این مقاله‌ یکی از کامل‌ترین مقالات schema markup است و در آن سعی شده است تمام نکات مربوط به schema markup پوشش داده شود.

چنانچه می‌خواهید کاملا حرفه‌ای و ویدیویی schema markup را بیاموزید محصول آموزش صفر تا صد schema markup را تهیه کنید.

شما هم سوال یا نظری دارید؟

لطفا نظرات و سوالات خود را در مورد schema markup در قسمت پایین بنویسید

2 دیدگاه مربوط به “schema markup چیست؟ آموزش اسکیما در سئو [جامع و نهایی]

  1. Hossein گفته:

    سلام ممنون از مقاله خوبتون.
    شما از کدوم افزونه استفاده کردید که در سوالات متداول, جواب سوال سوم تونستید لینک ایجاد کنید؟ با تشکر

    • مهدی محمدی گفته:

      با سلام و تشکر.
      برای ایجاد لینک در FAQ فرقی نمیکنه از کدام افزونه اسکیما استفاده کنید.
      برای ایجاد لینک در اسکیما FAQ کافی است متن مورد نظرتان را درون تگ a قرار دهید.

      مثال:
      <P>متن قطعه اول<a href='link'> لینک ۱</a>ادامه متن</p>
      <P>متن قطعه دوم<a href='link'>لینک ۲</a>ادامه متن</p>

      فقط توجه داشته باشید در تگ a به جای استفاده از ” از ‘ استفاده کنید.

      برای تزریق کد اسکیما مارک‌آپ به صفحه، اگر از وردپرس استفاده می‌کنید، میتونید از افزونه sogo استفاده کنید. در مقاله نحوه ساخت و استفاده از اسکیما مارک‌آپ به صورت کامل نحوه ساخت و قرار دادن کد اسکیما مارک‌آپ را با یک ویدیو آموزشی به صورت گام به گام توضیح داده‌ام.

      در ضمن، در دوره صفر تا صد اسکیما مارک‌آپ به صورت کامل نحوه ساخت و استفاده بیش از ۲۵ نوع اسکیما با معرفی افزونه‌های وردپرس و نکات کاربردی دیگر توضیح داده شده است. اگر تمایل داشتید می‌توانید فیلم‌های دوره صفر تا صد اسکیما مارک‌آپ را تهیه کنید.
      موفق باشید.

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دانلود رایگان

کتاب الکترونیکی
آموزش صفرتاصد اسکیما مارک‌آپ

چگونه بین ۲۰ تا ۸۰ درصد کلیک بیشتری از گوگل دریافت کنیم و سئو سایتمان را تقویت کنیم؟
کتاب را برایم ارسال کنید
close-link