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

Breadcrumbs نوعی ناوبری سایت ثانویه است که موقعیت کاربر را در یک وب سایت یا برنامه وب نشان می دهد.

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

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

در واقع، همیشه نیازی به استفاده از این عنصر ناوبری نیست. اما بیایید ببینیم هنوز چه زمانی نیاز به استفاده از آنها دارید.

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

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

ناوبری Breadcrumb باید صرفاً به عنوان مشاهده شود عملکرد اضافیو نباید جایگزین منوهای ناوبری اولیه موثر شود. این یک ویژگی مفید است. یک طرح ناوبری ثانویه که به کاربران اجازه می دهد تعیین کنند که کجا هستند. و راه جایگزینناوبری از طریق سایت شما

انواع خرده نان

سه نوع اصلی خرده نان وجود دارد. بیایید نگاهی دقیق تر به آنها بیندازیم.

1. بر اساس مکان.

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

بیایید ابتدا بفهمیم که چیست - خرده نان در سایت و چرا به آنها نیاز است.

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

تاثیر Breadcrumbs بر SEO

با گذشت زمان، بهینه سازهای SEO متوجه شده اند که این بلوک پیوندها تأثیر مثبتی بر ارتقاء منبع دارد. و به همین دلیل کار می کند:

1. پیوند داخلی

طبق سلسله مراتب تقریباً هر سایتی - هر چه سطح تودرتوی یک بخش کمتر باشد، اهمیت آن بیشتر است. بنابراین لازم است که چنین ساختاری از سایت ارائه شود تا لینک های صفحات عمیق تر به عمق کمتری منجر شود. با یک مثال توضیحش راحت تره

همانطور که در تصویر مشاهده می کنید - هر محصول به یک دسته و هر دسته اشاره دارد صفحه نخستسایت.
چنین پیوندهایی به نوعی استاندارد در زمینه تبلیغات تبدیل شده است و بنابراین موتورهای جستجو حتی شروع به استفاده مستقیم از آن در نتایج جستجوی خود کردند. این کار با استفاده از Schema micro-markup انجام می شود، اما بعداً در مورد آن بیشتر توضیح خواهیم داد.

2. عوامل رفتاری

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

طرحواره ریز نشانه گذاری برای پودر سوخاری

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

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

خانه

حالا بیایید ببینیم آن چیست.

اولین کاری که باید انجام دهیم این است که هر پیوند را در یک برچسب قرار دهیم و در خود تگ بنویسید
itemscope = "" itemprop = "itemListElement" itemtype = "http://schema.org/ListItem"

ارتباط دادن

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

خانه

بر این اساس، اگر سطح تودرتو دومی داشتیم، باید محتوا = "2" را می نوشتیم.

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

پیمایش تکراری علاوه بر تأثیر مثبت بر قابلیت استفاده، تأثیر سئو نیز دارد:

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

خرده نان چیست؟

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

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

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

با ساختار بسیار پیچیده سایت، یک نسخه کوتاه از "خرده نان" وجود دارد:

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

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

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

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

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

با حذف و افزودن ویژگی ها، کاربر هر بار یک "مسیر" منحصر به فرد به صفحه با محصولات تشکیل می دهد.

چگونه آرد سوخاری مناسب درست می کنید؟

می توانید آرد سوخاری درست کنید روش های مختلف: با با استفاده از PHP، CSS، افزونه های CMS محبوب وردپرس، جوملا! و موتورهای دیگر - راه حل های زیادی را می توان در وب یافت. هر روشی را که انتخاب می کنید، این نکات را دنبال کنید:

• "خرده های نان" در درجه اول برای بازدیدکنندگان سایت و برای راحتی آنها ایجاد می شود، بنابراین زمانی که واقعا مفید هستند از آنها استفاده کنید. شما مجبور نیستید آنها را به هر سایت اضافه کنید - برای مثال، صفحات یک صفحه ای بدون "خرده نان" عالی زندگی می کنند.
• "Breadcrumbs" جایگزینی برای منوی اصلی نیست، بلکه فقط یک ابزار ناوبری کمکی است.
• نیازی به تنظیم ویژه لنگرهای متنی در پیوندهای ناوبری زیر نیست عبارات کلیدی; استثنا - اگر عبارات کلیدی به طور هماهنگ در منطق ناوبری قرار گیرند.

اگر از پیمایش خطی استفاده می کنید، مسیر را تا انتها بنویسید تا بازدیدکنندگان را گیج نکنید:

روز بخیر، خوانندگان عزیز!

چگونه پودرهای سوخاری بر بهینه سازی موتور جستجو تاثیر می گذارد و چگونه آنها را در یک وب سایت با وردپرس ایجاد کنیم. این چیزی است که این مقاله در مورد آن خواهد بود. با نگاهی به آینده، پودر سوخاری به کاربران شما کمک می کند تا در سایت شما حرکت کنند. آنها همچنین تأثیر مثبتی بر سئو دارند.

Breadcrumbs (به انگلیسی. Breadcrumbs) نکاتی در سایت هستند که به کاربر نشان می دهند کجاست. نوعی زنجیر که برای جهت یابی ایجاد می شود.

آنها قابل کلیک هستند، به این معنی که یک بازدید کننده در هر زمان می تواند به یک "سطح" بالاتر - به عنوان فرعی یا عنوان منتقل شود. به عنوان یک قاعده، پودر سوخاری به این صورت است: اصلی - عنوان - زیر مجموعه - مقاله. آخرین عنصراغلب حذف می شود، با این باور که این کار تکراری غیر ضروری ایجاد می کند.

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

چگونه بر سئو تاثیر می گذارند

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

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

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

طبیعتاً نوار ناوبری به تنهایی منبع شما را به بالاترین سطح نمی رساند. این در ارتباط با سایر جنبه های سئو خوب کار می کند.

به طور خلاصه، آرد سوخاری کمک می کند:

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

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

انواع خرده نان

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

خطی

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

دکمه برگشت

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

ترکیبی

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

معمولاً نوار ناوبری در همه صفحات به جز صفحه اصلی قرار دارد. در وردپرس، اینها دسته ها، برچسب ها، مقالات و دیگر طبقه بندی ها هستند.

نحوه ایجاد پودر سوخاری در وردپرس

ساده ترین راه برای ایجاد نوار ناوبری در وردپرس و سایر سایت ها از طریق html است. بلکه ترکیبی از html و php خواهد بود - در غیر این صورت باید هر زنجیره ناوبری را به صورت دستی بنویسید که تجربه چندان خوشایندی نیست.

با استفاده از یک الگو

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

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

پلاگین ها

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

Yoast SEO - دستورالعمل های دقیق برای راه اندازی crumbs

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

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

بنابراین، برای اینکه نوار ناوبری در Yoast SEO کار کند، باید کد پی اچ پی زیر را در فایل های قالب خود قرار دهیم:

معمولاً این کد در قالب های رایج صفحه - single.php یا page.php درج می شود. همچنین، برخی از کاربران این کد را در انتها در header.php قرار می دهند. اینکه آیا این به طور خاص در مورد شما کار می کند یا نه - نمی دانم، اما می توانید امتحان کنید.

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

در اینجا کد PHP و نشانه گذاری HTML آمده است. یک کاربر آموزش ندیده ممکن است گیج شود، اما باید دور هم جمع شوید و سعی کنید بفهمید چه چیزی و کجاست.

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

بهترین کار این است که پودر سوخاری درست زیر هدر قرار دهید - تابع get_header ()؛ - فقط در خدمت تماس آن است. بنابراین، درست است که کد Yoast SEO را درست زیر آن قرار دهید.

اما به خاطر داشته باشید که ممکن است برای سفارشی کردن نوار ناوبری نیاز به کار با سبک های CSS داشته باشید. آنها توسط خود افزونه ارائه شده اند، اما ممکن است کار نکنند.

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

اما اگر ویژگی breadcrumbs در خود افزونه غیرفعال باشد، نه کد و نه کد کوتاه کار نمی کنند. برای فعال کردن آن، باید به تنظیمات افزونه (برگه "SEO") بروید - نمایش در آن نتایج جستجو- پودرهای سوخاری.

نوار لغزنده را روی Enabled قرار دهید، سپس صفحه را به پایین اسکرول کنید و روی Save Changes کلیک کنید. از این مرحله به بعد پودر سوخاری شروع به کار می کند.

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

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

اگر Yoast SEO برای شما مناسب نیست، می‌توانید به افزونه‌های دیگری توجه کنید که به شما امکان می‌دهند در سایت خود مواد غذایی ایجاد کنید. تعداد زیادی از آنها در کاتالوگ رایگان وجود دارد، اما من محبوب ترین گزینه ها را برجسته می کنم.

Breadcrumb NavXT

یک پلاگین ساده که می تواند برای پروژه شما خرده نان ایجاد کند. در این لحظهبیش از 800 هزار کاربر فعال دارد. این افزونه کنترل پنل مخصوص به خود را دارد و برای اکثر سایت های وردپرسی مناسب است.

تقریباً همه چیز را می توان در Breadcrumb NavXT سفارشی کرد. ظاهر، اقلام نمایش داده شده و ترتیب آنها. در اینجا امکانات بسیار بیشتری نسبت به همان Yoast SEO وجود دارد (مخصوصاً در مورد تنظیم پودر سوخاری).

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

خرده نان

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

این افزونه ساده و سبک است. این دارد طراحی زیبا(نمایش را ببینید)، می توانید رنگ ها را تغییر دهید. برای استفاده در پروژه های کوچک، بیش از حد کافی است.

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

نتیجه

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

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

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