ایده ها و تکنیک های نوآورانه برای داده ساخت یافته

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

تصور کنین در یک جنگل مرموز داریم قدم میزنیم و بجز یک سبد نان برای نشانه گذاری چیزی همراهمون نیست. تکه های نان رو هر چند قدم میریزیم که نشونه های ما برای برگشت باشه این همون Breadcrumbs یا خرده نانه که برگرفته از یک داستان قدیمیه. این داستان زمینه ای برای طراحی مدل برد کرامب در وبسایتها شد. که دقیقا به ما نشون میده در کجای سایت قرار داریم. حالا سرچ کنسول عزیزمون گزارش برد کرامب هم به لیست گزارشات اضافه کرده.

Breadcrumbs در نتایج گوگل چیست؟

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

به این صورت میشه:

نام دامنه مشاهده می شود › خانه › آرشیو سئو › دوره جامع سئو

دامنه مشاهده می شود یعنی: https://mizfa.com هست و عبارت اخر یعنی دوره جامع سئو در تصویر بالا نیست به این خاطر که جا نشده.

این موارد رو با استراکچر دیتا پیاده سازی میکنم که قبلا درباره استراکچر دیتا صحبت کردیم و یک نوع از استراکچر دیتا JSON-LD هست، یه مثال برای JSON-LD که برد کرامب فوق رو پشتیبانی میکنه:

JSON-LD چیست ؟

در واقع JSON-LD روشی برای نوشتن استراکچر دیتاها هست. در سایت Schema.org یکی از انواع کدها و در ابزار markup-helper نیز کدها بصورت JSON-LD هست.

یه جستجو بر اساس سال و جوایز مبتنی بر ژانر (بهترین رمان جایزه نوبل ۲۰۱۴) ممکنه برد کرامب زیر رو بیاره:

Books › Science Fiction › Award Winners

یه مثال برای RDFa که از برد کرامب فوق پشتیبانی میکنه:

RDFa چیست؟

RDFa مخفف عبارت Resource Description Framework in Attributes هست. RDFa براساس ۵ HTML نوشته میشهو برای کمک به کاربران در نشانه گذاری داده های ساخت یافته هست.

در ادامه یه برد کرامب دیگه برای این مثال میبینیم:

Books › Science Fiction › Award Winners

Literature › Speculative Fiction

یه مثال برای RDFa که از برد کرامب فوق پشتیبانی میکنه:

مثال HTML برای bread crumb گوگل

و حالا یه مثال طراحی بصری برای برد کرامب از html:

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

توجه کنین اگه Google تشخیص بده برخی از نشانه گذاری ها در صفحات شما ممکنه از تکنیکی استفاده کنه که خارج از دستورالعمل های داده های ساخت یافته گوگل باشه، سایت شما ممکنه یک Manual Action دریافت کنه و خطر پنالتی شدن در گوگل رو حس کنید.

• راهنمای وبمستر
• راهمای داده ساخت یافته

تعریف انواع داده ساخت یافته برای BreadCrumbs

Breadcrumblist، آیتمی هست که تمام عناصر موجود در لیست رو در خودش جای داده. تعریف کامل Breadcrumblist در schema.org/BreadcrumbList موجوده.

یکی از ویژگیهای مورد نیاز itemListElement هست.

itemListElement در Breadcrumbs چیست

یه آرایه از Breadcrumbs که به ترتیب خاصی لیست شده. هر Breadcrumb با یه listitem مشخص شده.

به عنوان مثال:

ListItem در breadcrumbs گوگل:

ListItem شامل جزئیات مربوط به یه مورد جداگانه در لیسته. تعریف کامل ListItem در schema.org/ListItem .

ویژگیهای موردنیاز

item
url یا Thing

url برای صفحه ای که breadcrumbs نشون میده. به دو صورت میشه این آیتم رو مشخص کرد.

url: آدرس صفحه مورد نظر رو وارد کنین مثل:

“item”: “https://example.com/books”

Thing: از یه id که نشون دهنده یک Url هست بر اساس فرمت نشونه گذاری ها استفاده کنین.

• JSON-LD: از @id برای مشخص کردن URL استفاده کنین.
• Microdata: شما میتونین از href یا itemid برای مشخص ردن url استفاده کنین.
• RDFa: شما میتونین از about, Href یا resource برای مشخص کردن URL استفاده کنین.

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

name
Text

عنوان بردکرامب که برای کاربر نشون داده میشه. اگه شما از Thing با یک Name به جای URL استفاده میکنین، برای مشخص کردن item دیگه name لازم نیست.

position
Integer

موقعیت Breadcrumbs در دنباله Breadcrumb. موقعیت ۱ نشون دهنده آغاز مسیر هست.

چطوری بردکرامب به سایت اضافه کنیم؟

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

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

این کد رو میتونین در فایلهای Single.php یا Page.php یا در انتهای Header.php قرار بدین. سپس در قسمت پیشرفته افزونه Yoast سئو میتونین تنظیماتی برای بردکرامب سایتتون انجام بدین.

گزارش Bread Crumbs در سرچ کنسول گوگل

مثل بقیه داده های ساخت یافته گوگل که در فصل ۴ – گزارش های Enhancements وجود دارن، گزارش Breadcrumbs هم در قسمت Enhancements سرچ کنسول گوگل قرار داره.

خطاهای Breadcrumbs در سرچ کنسول گوگل به چه شکل هستند؟

بالاتر ویژگیهای موردنیاز رو براتون شرح دادم:

• item
• name
• position

اگه هر کدوم از این ویژگیها وجود نداشته باشه، گوگل نمیتونه Breadcrumbs سایت شما رو نشون بده.

و اسم خطا این میشه:

Either “name” or “item.name” should be specified

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

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

البته برخی گزارش ها مهم تر هستند در مقاله قبل درباره در سرچ کنسول گوگل صحبت کردیم که شاید اهمیت بیشتری خطاهای گزارش amp داره یا این گزارش Breadcrumbs.

پایان

توصیه میشه از Breadcrumbs در سایتهایی که نیاز به طبقه بندی دارن استفاده بشه چون هم باعث بهبود تجربه کاربری میشه و هم گوگل خوشش میاد.

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