جلسه ۱۰ – گزارش Breadcrumbs در سرچ کنسول گوگل

طراحی سایت

..جلسه ۱۰ – گزارش Breadcrumbs در سرچ کنسول گوگل..
طراحی سایت

جلسه ۱۰ – گزارش Breadcrumbs در سرچ کنسول گوگل

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

امیدواریم وقتی دارید این مقاله بخونید بدونید ابزار سرچ کنسول چیست و چه اثر بزرگی میتونه این ابزار بر روی فروش و سئو سایت ما بذاره. همراه میزفا باشید.

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

سرفصل‌های پست

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

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

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

گزارش breadcrumbs در سرچ کنسولگزارش breadcrumbs در سرچ کنسول
یک نمونه از breadcrumbs در نتایج گوگل

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

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

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

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

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

JSON-LD  چیست؟

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

گزارش برد کرامب در سرچ کنسولگزارش برد کرامب در سرچ کنسول
گزارش برد کرامب در سرچ کنسول

یه جستجو بر اساس سال و جوایز مبتنی بر ژانر (بهترین رمان جایزه نوبل 2014) ممکنه برد کرامب زیر رو بیاره:

Books › Science Fiction › Award Winners

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

rdfa برای برد کرامبrdfa برای برد کرامب
rdfa برای برد کرامب

RDFa چیست؟ 

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

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

Books › Science Fiction › Award Winners
Literature › Speculative Fiction

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

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

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

html برای برد کرامبhtml برای برد کرامب
html برای برد کرامب

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

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

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

برای مشخص کردن برد کرامبز سایتتون شما باید یک Breadcrumblist تعریف کنین که حداقل شامل دو ListItem باشه. همچنین ویژگیهای مورد نیاز رو شامل بشه که واجد شرایط نشون دادن BreadCrumbs  در گوگل باشه. در دوره‌های آموزش حضوری سئوی میزفا، بطور کامل این ویژگیها رو بررسی میکنیم ولی در ادامه هم براتون چند مورد رو لیست میکنم.

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

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

itemListElement در Breadcrumbs چیست

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

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

کد نمونه breadcrumbsکد نمونه breadcrumbs
کد نمونه breadcrumbs

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. موقعیت 1 نشون دهنده آغاز مسیر هست.

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

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

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

کد برای breadcrumbsکد برای breadcrumbs
کد برای breadcrumbs

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

ظاهر جستجو

ظاهر جستجو

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

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

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

ایمیل زیر مربوط به سرچ کنسول سایت آکادمی میزفا است که در اون گوگل گزارشی داده و میگه خطایی در قسمت Breadcrumbs شما دارید که باید تعمیر یا Fix کنید. مثل بقیه داده های ساخت یافته (structured data) دیگر گوگل.

ایمیل گوگل در خطای Breadcrumbsایمیل گوگل در خطای Breadcrumbs
ایمیل گوگل در خطای Breadcrumbs

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

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

  • item
  • name
  • position

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

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

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

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

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

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

پایان

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

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

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

27
07 بهمن 1398
..نظرات..
..مقالات پربازدید..
طراحی سایت

آموزش قرعه کشی در اینستاگرام

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

9659
24 فروردین 1398
برنامه نویسی

آموزش کار با افزونه دکان (چند فروشندگی)

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

801
04 دی 1397
برنامه نویسی

ویژگی های جدید لاراول 5.8

تغییرات لاراول 5.8 LARAVEL ورژن بعدی فریم ورک لاراول با نسخه ۵.۸ در ماه فوریه سال ۲۰۱۹ منتشر میشه. در حال حاظر تنها مواردی که قطعی شده پشتیبانی لاراول ۵.۸ از کتابخانه carbon نسخه ۲ می باشد. و قابلیت امکان سوییچ بین هر دو نسخه یک و دو carbon مورد دیگر استفاده laravel 5.8 از vlucas/phpdotenv ورژن 3 برای فایل .env میباشد که اجازه استف...

739
08 اسفند 1397