حتی موتورهای جستجوگر قدرتمندی مثل گوگل هم با وجود تمام توانایی‌ها و هوشمندی‌شون برای شناخت و درک کامل اونچه که ما در صفحات وب سایت خودمون قرار میدیم نیاز به راهنمایی دارن. قرار دادن فایل اسکیما در سایت همون راهنمایی هست که موتورهای جستجو بهش احتیاج دارن. حالا کد اسکیما چیست و چه مزایا و نقش‌هایی داره؟ این سوالی هست که در ادامه این مطلب جوابش رو بهتون میدم.
کدهای اسکیما چیست؟
کدهای افزونه اسکیما که نوعی ریچ اسنیپت هستن، در بستر وب نقش تابلوهای راهنما رو برای گوگل و سایر موتورهای جستجو بر عهده دارن. به عبارت دیگه کدهای اسکیما در سئو یک نوع زبان نشانه گذاری برای موتورهای جستجو محسوب میشن و به اون‌ها کمک می‌کنن تا جزئیات وب سایت رو بهتر درک کرده و در نمایش اون‌ها به کاربران بهتر عمل کنن. زبان نشانه گذاری اسکیما اولین بار در سال 2011 و با همکاری سه موتور جستجوی یاهو، گوگل و بینگ در قالب Schema.org تشکیل شد و برای استفاده مدیران وب در دسترس قرار گرفت. در این وب سایت کدهایی برای موضوعات مختلفی قرار داده شده تا برنامه نویسان بتونن این کدها رو در ساختار کد وب سایت قرار داده و ازشون بهره ببرن.
نقش انواع schema در وب سایت
همون طور که پیش از این گفته شد، کدهای اسکیما کدهایی هستن که در قسمت‌های مختلف وب سایت و در لابلای کدهای Html هر صفحه قرار داده میشن تا اطلاعاتی رو راجع به محتوای صفحه به موتورهای جستجو انتقال داده و موجب درک بهتر جزئیات هر صفحه توسط اون‌ها بشن. در مقابل موتورهای جستجو هم با درک و تفسیر محتوای علامت گذاری شده با کدهای اسکیما در سئو نحوه نمایش ویژه رو برای بخش‌های علامت گذاری شده در صفحه نتایج جستجو در نظر می‌گیرن. برای درک بهتر نقش کدهای اسکیما در وب سایت‌ها به مثال‌های زیر توجه کنید:
در اولین مثال تصور کنید که شما صاحب یک وب سایت آموزش آشپزی هستید و قصد دارید تا در یکی از مقالات خودتون به آموزش نحوه پخت پاستا بپردازید. حالا شما می‌تونید با استفاده از کدهای اسکیما مواردی همچون نام آشپز، مواد لازم و دستور پخت رو مشخص کنید تا به هنگام ایندکس صفحه مورد نظر، علاوه بر فهموندن مفهوم هر یک از مفاهیم ذکر شده به موتورهای جستجو، بهشون کمک کنید تا مفاهیم علامت گذاری شده رو به گونه‌ای ویژه در صفحه نتایج جستجو نمایش بدن.
در مثال دوم فرض کنید که شما یک آرایشگر هستید و در وب سایت خودتون از کدهای اسکیمای مرتبط با کسب و کارهای محلی (Local Business) استفاده کردید. در این مواقع موتورهای جستجو اطلاعات مربوط به کسب و کار و آدرس شما رو ثبت می‌کنن تا در هنگام جستجوی کلمات کلیدی مرتبط با کار شما، مواردی نظیر آدرس، شماره تلفن و میزان رضایت مخاطبان از خدمات ارائه شده به اون‌ها رو به سایر کاربران نمایش دهند.
معرفی انواع schema
حالا که با چگونگی نحوه اثرگذاری این کدها آشنا شدید، وقتش رسیده تا با انواع کدهای اسکیما در سئو و تاثیر استفاده از هر کدوم از اون‌ها بیشتر آشنا بشید. در ادامه مطلب من به معرفی 6 نوع از این کدها پرداختم:
اسکیمای Breadcrumb
همونطور که می‌دونید، بردکرامب شامل لینک‌هایی از صفحات وب سایته که به صورت سلسله وار مسیر پیمایش کاربر در بین صفحات رو به او نشون داده و معمولا انتهای اون به آخرین صفحه‌ای که کاربر بهش مراجعه کرده ختم می‌شود. با استفاده از اسکیمای بردکرامب گوگل قادره تا مسیر فعلی محتوای شما رو بشناسه و اون رو در صفحه نتایج خودش به کاربران نمایش بده.
اسکیمای FAQ Page
واژه FAQ مخفف عبارت Frequently asked questions و به معنی سوالات متداوله. با استفاده از اسکیمای FAQ شما قادرید تا پس از طرح یک سوال و سپس ایجاد محتوا در رابطه با اون، اسکیمای سوالات مشابه و متداول سایر کاربران رو در وب سایت خودتون قرار بدید تا به هنگام نمایش لینک حاوی محتوای اصلی صفحه شما در صفحه نتایج موتورهای جستجو، لیستی از سوالات پرتکرار و مرتبط با موضوع صفحه به نمایش گذاشته بشه. در تصویر زیر نمونه استفاده از اسکیمای FAQ توسط وب سایت MOZ مشخص شده.
اسکیمای Video
با استفاده از این اسکیما می‌تونید ویدیو بارگذاری شده در وب سایت خودتون رو در صفحه نتایج گوگل به نمایش بگذارید. علاوه بر خود ویدیو شما قادرید تا با استفاده از این اسکیما برای جلب توجه بیشتر کاربران و برطرف کردن هرچه سریع‌تر نیاز کاربران، مواردی نظیر نام اثر، بازیگران، کارگردان، امتیاز اثر و از این قبیل اطلاعات کوتاه رو در صفحه نتایج نمایش دهید. در تصویر زیر نمونه‌ای از به کارگیری این اسکیما را مشاهده می‌کنید.
اسکیمای Organization
همانطور که از اسم این اسکیما پیداست، از اون برای ارائه اطلاعاتی در رابطه با نهادها، سازمان‌ها، مراکز خرید و… استفاده میشه که این موارد می‌تونه شامل اطلاعاتی نظیر آدرس، زمان فعالیت و خدمات دهی سازمان، شماره تماس‌ها و اطلاعاتی از این دست باشه. با کمک اسکیمای Organization گوگل قادره تا این اطلاعات رو در SERPs به نمایش بذاره.
اسکیمای Product
با استفاده از اسکیمای Product یا محصول شما می‌تونید مواردی همچون صفحه محصول، تصاویر مرتبط با محصولات، امتیاز محصول، برند تجاری و مواردی دیگه نظیر قیمت یا توضیحات کوتاهی درباره محصول رو برای گوگل مشخص کنید تا با کمک این دیتاها بتونه موارد ذکر شده رو در صفحه نتایج و در زیر محصول به کاربران ارائه بده؛ همچنین استفاده از این اسکیما محصولات شما رو برای نمایش با نشان Product در Google Images واجد شرایط می‌کنه و باعث میشه تا کاربران بیشتری به کلیک بر روی محتوا شما ترغیب بشن.
اسکیمای Article
این اسکیما در واقع به دو نوع Article و Blogposting تقسیم میشه که شما می‌تونید با افزودن هریک از اون‌ها در صفحاتی مثل صفحه اخبار، وبلاگ یا صفحه حاوی یک مقاله ورزشی علاوه بر جلب توجه بیشتر کاربران به نسبت سایر رقبا، از شانس کلیک بیشتر هم برخوردار بشید. با استفاده از این اسکیما شما قادرید تا مواردی نظیر عنوان، نام نویسنده، یادداشت نویسنده، توضیحاتی مختصر درباره مقاله و تاریخ انتشار اون رو برای گوگل مشخص کنید تا این موارد در صفحه نتایج جستجو به نمایش گذاشته بشه.
علاوه بر مدل‌های ذکر شده، انواع دیگری از اسکیما وجود دارن که در ادامه به ذکر نام اون‌ها پرداختم:
- Event (رویداد)
- How-to (چگونه)
- Job Posting (آگهی استخدام)
- Local Business (کسب و کار محلی)
- Person (شخص)
- Recipe (دستور آشپزی)
- Movie (فیلم)
- Book (کتاب)
- Image (عکس)
نحوه قرار دادن فایل اسکیما در سایت‌های وردپرسی
روش‌های مختلفی برای افزودن کدهای اسکیما به صفحات وب سایت وجود داره. یکی از این روش‌ها اضافه کردن اسکیما به صورت دستی در ویرایشگر نوشته وردپرس هست. روش کار هم به این صورته که ابتدا به ویرایشگر متن صفحه رفته و سپس در بخش نوشتاری کد اسکیمای مورد نظر رو قرار میدیم؛ اما اگر هنوز استفاده از روش‌های دستی و سروکار داشتن با کدها برای شما دشواره می‌تونید از روش ساده‌تری که همون استفاده از افزونه هست، بهره ببرید.
افزودن کد اسکیما با استفاده از افزونه
استفاده از افزونه‌ها در انجام بسیاری از کارها موثره و همیشه استفاده از این روش بسیار ساده‌تر و دلچسب‌تر از سایر روش‌ها بوده. این موضوع در مورد افزودن کدهای اسکیما به صفحات هم صدق می‌کنه. پس با این وجود لازم نیست تا نگران کمبود دانش خودتون در زمینه کدنویسی یا پیچیدگی کارها در اینگونه موارد باشید. فقط کافیه تا به مخزن وردپرس مراجعه کرده و یکی از افزونه‌های All In One Schema Rich Snippets و یا WP Schema Pro رو به افزونه‌های خودتون اضافه کنید تا با کمک اون‌ها بتونید کدهای مورد نظرتون رو در صفحات وب سایت‌تون پیاده سازی کنید.
کاربرد اسکیما در سئو
در بخش پایانی مقاله می‌خوام درباره کاربرد و تاثیر اسکیما در سئو بهتون بگم.
هر چند نشانه گذاری اسکیما زیر مجموعه‌ای از سئو داخلی محسوب میشه؛ اما در حقیقت اسکیما در بهینه سازی سایت تاثیر مستقیم نداره؛ بلکه تاثیرات خودش رو به صورت غیر مستقیم در سئو سایت القا می‌کنه.
اسکیما با ارائه اطلاعات دقیق‌تر در راستای درک بهتر محتوای صفحات سایت نه تنها به موتورهای جستجو کمک می‌کنه راحت‌تر و سریع‌تر محتوای صفحات وب سایت‌تون رو درک کنن؛ بلکه روی جذب کاربران به کلیک روی لینک سایت شما در صفحه نتایج هم تاثیر مثبت میذاره. به عبارت دیگه استفاده از کدهای نشانه گذاری اسکیما با افزایش نرخ تبدیل، در سئو سایت شما تاثیر میذاره. علاوه بر این با کمک به موتورهای جستجو در درک صفحات، منجر به این میشه که سرعت ایندکس شدن صفحات سایت افزایش پیدا کنه؛ در نتیجه فرآیند سئو با سرعت به مراتب بهتری ادامه پیدا می‌کنه.
معرفی ابزار رایگان ساخت کد اسکیما
در ادامه ابزار رایگان ساخت کد اسکیما رو معرفی می‌کنم.
میکرو دیتا
میکرو دیتاها داده‌ها و اطلاعات بسیار کوچیکی هستن، که در قسمت‌های مختلف یک سایت از اون‌ها استفاده میشه. میکرو دیتا توی سئو اهمیت خاصی داره و می‌تونیم به کمک اون موضوع صفحات رو مشخص کرد. هر میکرو دیتا از سه تگ ساخته شده که میشه با کمک اون‌ها یک تکه کد اسکیما نوشت.
«JSON-LD»
می‌تونیم از JSON-LD برای ایجاد ساختار سازگار با استانداردهای schema.org برای سایت خودمون استفاده کنیم. برای نشانه گذاری اسکیما با کمک JSON-LD میشه از ابزار رایگان موجود، استفاده کرد یا اینکه خودتون برنامه نویسی رو انجام بدین.
(GTM)
این کلمه مخفف «Google Tag Manager» یا گوگل تگ منیجره. این یکی از ابزارهای رایگان گوگله که به افراد کمک می‌کنه تا تگ‌ها و کدهای برنامه نویسی شده رو توی سایت یا اپلیکیشن‌ها، مدیریت و بروزرسانی کنن. این ابزار متغیر‌هایی رو در اختیار شما قرار میده که می‌تونید به کمک اون‌ها برای سایت‌های مختلف کدهای اسکیما بسازید.
افزودن اسکیما به سایت با Google Tag Manager
GTM یا Google Tag Manager از سری ابزارهای رایگان گوگله که به شما برای بروزرسانی و مدیریت تگ و کدنویسی‌های مخصوص اپلیکیشن‌های موبایل کمک می‌کنه.
Google Tag Manager شامل سه بخش اصلیه که در ادامه هر قسمت رو به‌صورت مختصر توضیح میدم.
قسمت اول تگ‌ها یا Tags:
به برخی از کدها (به جای کدهایی مانند Heatmap از کدهای گوگل آنالیتیکیس کمک بگیرید) که برای قرار گرفتن بین کدهای یک وب‌سایت دسته‌بندی میشه، تگ گفته میشه. توی این بخش بیشتر کار با تگ‌های HTML انجام می‌گیره.
قسمت دوم تریگرها یا Triggers:
در گوگل تگ منیجر، تریگر مانند یک شنود عمل می‌کنه. وظایف تریگرها توی اپلیکیشن یا صفحات وب موبایل کارهایی مانند تعداد ارسال‌ها، تعداد کلیک‌ها و بازدیدهاست. علاوه بر اون گوگل تگ منیجر توی این قسمت وظیفه داره بر فرآیند انجام کار نظارت کنه تا تگ‌ها به‌درستی وارد عمل بشن. در واقع توی این قسمت این تریگرها هستن که به GTM دستور میدن که چه زمانی، کجا و تحت چه شرایطی شروع به تگ گذاری کنن.
باید به این نکته توجه داشته باشین که هر Tag باید حداقل یک Trigger داشته باشه تا بتونه به‌راحتی فعال بشه.
متغیرها (Variables):
متغیرها به عنوان یک سری اطلاعات اضافه هستن که وظیفه اون‌ها ذخیره کردن محل انجام یک رویداده. به عنوان مثال شما قصد دارین بدونین که یک کاربر در یک صفحه و یا به طور کلی تمام صفحات روی کدوم لینک کلیک کرده؛ در این مواقع متغیرها وارد عمل میشن (یکسری متغیر تعریف می‌کنیم) و به تگ‌های صفحات متصل میشن.
در Google Tag Manager پنج متغیر به صورت پیش‌فرض تعریف شده که عبارتند از:
- Page URL
- Page Hostname
- Referrer
- Page Path
- Event
مراحل استفاده از Google Tag Manager
برای استفاده از Google Tag Manager باید مراحل زیر رو به ترتیب طی کنین.
در مرحله اول باید یک مجموعه تگ جدید بسازید.
در مرحله دوم باید نوع تگ رو انتخاب کنین.
مرحله سوم کدJSON-LD رو paste کنین.
در مرحله چهارم تگ ایجاد شده رو ذخیره کنین.
در مرحله پنجم یک Trigger جدید تعریف کنین.
در مرحله ششم تریگر رو بر‌اساس بازدید از صفحه تعریف کنین.
در مرحله هفتم مشخص کنید تگ‌های شما برای همه صفحات یا برخی از اون‌ها کار کنن.
در مرحله هشتم باید تریگر page view رو به تک HTML متصل کنین.
در مرحله نهم تریگر ساخته شده رو انتخاب کنین.
مرحله آخر انتشار تک های HTML اسکیما