افزودن Breadcrumbs در وردپرس بدون افزونه

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

چرا Breadcrumbs مهم است؟

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

مراحل ایجاد Breadcrumbs در وردپرس بدون افزونه

۱. افزودن کد به فایل functions.php

ابتدا باید کدی برای تولید Breadcrumbs در فایل functions.php قالب وردپرس خود اضافه کنید:

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

۲. فراخوانی Breadcrumbs در قالب

برای نمایش Breadcrumbs، کافی است تابع را در قالب خود در مکان دلخواه قرار دهید، معمولاً بالای محتوا یا زیر هدر:

<?php if(function_exists('custom_breadcrumbs')) custom_breadcrumbs(); ?>

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

۳. افزودن استایل CSS

برای ظاهر بهتر، می‌توانید CSS زیر را به فایل style.css قالب اضافه کنید:

.breadcrumbs {
    padding: 10px 0;
    font-size: 14px;
}
.breadcrumbs a {
    color: #0073aa;
    text-decoration: none;
}
.breadcrumbs a:hover {
    text-decoration: underline;
}
.breadcrumbs .current {
    color: #555;
    font-weight: bold;
}

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

بهترین شیوه‌ها برای Breadcrumbs

• همیشه مسیر خانه را در ابتدا نمایش دهید.
• از نشانه‌های سلسله‌مراتبی واضح استفاده کنید (مثل > یا /).
• برای سئو، از nav و aria-label="breadcrumb" استفاده کنید.
• در صفحات آرشیو و دسته‌بندی‌ها، مسیر والدین را نمایش دهید.
• از افزونه‌های سنگین صرف‌نظر کنید و کد سبک و بهینه بنویسید.

مزایا و معایب افزودن Breadcrumbs بدون افزونه

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

لطفاً از کمبود ها و مشکلات این محتوا برای ما بنویسید

ارسال