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

در مقاله جامع schema چیست، به آموزش اسکیما در سئو میپردازیم. ابتدا توضیح می‌دهیم که اسکیما چیست و schema markup چیست و چه تاثیری در سئو دارد و سپس آموزش می‌دهم چگونه در سایت پیاده‌سازی شود.

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

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

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

Email

کتاب را برایم ارسال کنید

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

Schema چیست؟

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

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

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

مثال:

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

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

Schema Markup چیست؟

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

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

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

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

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

اسکیما سئو یا داده‌های ساختار یافته یکی از پرطرفدارترین و تاثیرگذارترین تکنیک‌های سئو است.

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

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

چرا استفاده از Schema Markup در صفحات سایت ضروری است؟

به ۲ دلیل:

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

ابتدا به موضوع انتقال معنای محتوا می‌پردازیم

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

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

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

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

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

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

یا برای گوگل دشوار است مراحل گام به گام یه دستورالعمل را متوجه شود.

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

کلمات مترادف می‌توانند اینها باشند: کدنویسی، برنامه‌سازی و …

اما کلمات و موضوعات معنایی می‌توانند اینها باشند: شئ‌گرایی، بانک اطلاعاتی، آرایه‌ها، متغیر، تعریف تابع، کلاس و …

ملاحظه می‌کنید که کلمات و موضوعات معنایی در ظاهر کلمات ربطی به کلمه برنامه‌نویسی ندارند اما در معنا دقیقا مربوط هستند.

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

در واقع هر چقدر به موضوعات معنایی بیشتری در هر صفحه پرداخته شود شانس صفحه برای رتبه‌گیری در گوگل بیشتر خواهد بود.

استفاده از Schema Markup چه کمکی به معناگرایی صفحه می‌کند؟

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

درک معنای صفحه برای گوگل دشوار و البته مهم است. به همین دلیل گوگل و دیگر موتورهای جستجو در سال ۲۰۱۱ Schema Markup را به عنوان یک استاندارد به وجود آوردند که به این مهم دست یابند.

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

در قسمت پایین چند نمونه از پر کاربردترین کدهای اسکیما را ببینید:

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

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

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

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

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

چطور با استفاده از Schema Markup در گوگل نشانه‌دار می‌شویم؟

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

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

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

این نشانه‌ها با توجه به نوع اسکیما عبارتند از:

• ستاره
• سوال و جواب
• تصویر بزرگ
• نام نویسنده مقاله
• قیمت محصول
• اطلاعات رویداد
• و …

اسکیما در سئو چگونه کار می‌کند؟

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

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

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

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

در مثال زیر که خیلی ساده و ابتدایی است با استفاده از 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 جستجو کردیم.

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

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

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

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

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

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

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

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

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

در همین مثال ویدیو شما می‌توانید با استفاده از کدهای 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 اطلاعات صفحه را نمایش می‌دهد.

اما 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 بر اساس اجزای صفحه

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

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

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

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

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

• VideoObject
• AudioObject
• MediaObject

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

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

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

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

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

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

1. JSON-LD
2. Microdata
3. RDFa

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

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

۱. JSON-ld چیست؟

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

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

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

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

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

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

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

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

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

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

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

همانطور که در تصویر بالا مشاهده می‌کنید در مدل میکرودیتا، نشانه‌گذاری‌های اسکیما روی کدهای 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 انجام می‌شود.

به این علت که روش‌های 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

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

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

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

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

اسکیما در وردپرس

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

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

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

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

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

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 را هم به صفحه محصول اضافه می‌کند و باعث می‌شود در نتایج جستجو با ستاره نمایش داده شویم.

۳. افزونه فول اسکیما ریچ اسنیپت

افزونه فول اسکیما ریچ اسنیپت؛ اولین افزونه اسکیما ایرانی توسط آکادمی سئو سفینه منتشر شد. با افزونه فول اسکیما؛ با راحتی هرچه تمام‌تر سایت خود را در گوگل با ستاره‌ و FAQ به نمایش درآورید.

افزونه فول اسکیما

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

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

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

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

• schema pro
• all in one schema
• Schema and Structured Data for WP & AMP
• WP SEO Structured Data Schema

آموزش اسکیما به صورت گام به گام

تا به اینجا سعی کردم یک دید جامعی از 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 یا داده‌های ساختاریافته، ابزار تست اسکیمای گوگل است.

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

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

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

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

در Code Snippet می‌توانید کد اسکیما را وارد کنید و نتیجه را ببینید. 

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

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

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

Rich Snippets یا Rich Results چیست؟

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

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

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

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

کدام نوع از 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 snippets قطعه متن‌های برجسته‌ای هستند که خود گوگل از صفحات انتخاب می‌کند و در نقطه صفر نتایج جستجو و بالاتر از رتبه ۱ قرار می‌دهد.

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

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

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

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

نتیجه‌گیری

در این مطلب ابتدا توضیح دادیم schema چیست و سپس به اهمیت و تاثیر اسکیما schema markup در سئو پرداختیم.

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

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