הוספת פירורי לחם באתרי וורדפרס (Breadcrumbs)

פירורי לחם מציגים למשתמש את המיקום בו הוא נמצא באתר שלכם. המונח "פירורי לחם" הגיע מהאגדה על עמי ותמי בה הדמות הראשית השאירה שביל של פירורי לחם כדי למצוא את הדרך חזרה הביתה.

כמו באגדות, גם המשתמשים צריכים לדעת את המיקום שלהם במבנה ההיררכי של האתר כדי לנווט לרמה גבוהה יותר. במדריך זה תלמדו מדוע כדאי להשתמש בפירורי לחם, כיצד להוסיף אותם לאתר וורדפרס שלכם, ומהם היתרונות מבחינת קידום ו-SEO וחוויית משתמש.

השימושיות של פירורי לחם

פירורי לחם הם אמצעי עזר ויזואלי ויעיל הנותן אינדיקציה למיקום המשתמש בהיררכיה של האתר. מידע זה עוזר למשתמשים לקבל מענה על שלוש שאלות מרכזיות:

• היכן אני נמצא? פירורי לחם מציגים למשתמש את המיקום שלו ביחס להיררכיה הכללית של האתר.
• לאן אני יכול ללכת? פירורי לחם הופכים את הניווט באתר לברור יותר מהתפריט הראשי לבדו. המשתמש יכול לראות את ההיררכיה ולקפוץ לכל רמת אב בלחיצה.
• האם עליי לנווט לשם? פירורי לחם מעודדים ניווט באתר. באתרי ווקומרס למשל, המבקר יכול לנחות על עמוד של מוצר שאינו בדיוק מה שחיפש, וללחוץ על הקטגוריה כדי למצוא מוצר מתאים יותר – דבר שמקטין את שיעור הנטישה (Bounce Rate).

יתרונות נוספים

• מקטינים את מספר הפעולות – פירורי לחם מקטינים את מספר הקליקים שהגולש צריך כדי להגיע לרמה גבוהה יותר. במקום כפתור ה-back או התפריט הראשי, לחיצה אחת מספיקה.
• דורשים מקום מינימלי – מנגנון קומפקטי של טקסט וקישורים בשורה אופקית. השפעה ויזואלית מינימלית ללא עומס על התוכן.
• מובנים לכולם – משתמשים עשויים לפספס את האלמנט, אך לעולם לא יתבלבלו ממנו. כולם יודעים איך להשתמש בפירורי לחם.
• גוגל אוהבת אותם – פירורי לחם יכולים להופיע בתוצאות החיפוש ולשפר את ה-CTR. פרטים נוספים בהמשך.

מתי יש להשתמש בפירורי לחם?

כדי להבין אם האתר שלכם יהנה מפירורי לחם, חשבו על המבנה שלו. אתרים עם היררכיה עמוקה וקטגוריות מוגדרות נהנים מפירורי לחם הכי הרבה.

• השתמשו בפירורי לחם כאשר באתר שלכם ישנה כמות תוכן רבה במבנה היררכי עם קטגוריות מוגדרות. דוגמה מצוינת היא אתרי ווקומרס בהם כמות גדולה של מוצרים מאוגדים לקטגוריות.
• אין להשתמש בפירורי לחם באתרים בעלי רמה אחת (single level websites) בהם אין היררכיה לוגית.

ישנם שלושה סוגים של פירורי לחם: מבוססי מיקום (location), מבוססי תכונה (attribute) ומבוססי נתיב (path). פירורי לחם מבוססי מיקום (המציגים את מיקום העמוד בהיררכיית האתר) הם הנפוצים ביותר והסוג שרוב האתרים צריכים ליישם.

שימוש מיטבי בפירורי לחם

כאשר אתם מעצבים פירורי לחם, שימו לב להנחיות הבאות כדי לשמור על היעילות שלהם:

1. אין להשתמש בפירורי לחם כתחליף לתפריט הראשי

פירורי לחם הם אמצעי ניווט משני, לא תחליף לתפריט הראשי של האתר. חשבו עליהם כאלמנט נוחות שמשלים את הניווט הראשי.

2. אין להוסיף קישור לעמוד הנוכחי

הפריט האחרון בפירורי הלחם הוא אופציונלי, אך אם בחרתם להציג אותו – ודאו שאינו לחיץ. המשתמש כבר נמצא בעמוד הזה.

3. השתמשו בקווים מפרידים ברורים

הסימן הנפוץ ביותר הוא "גדול מ" ( > ), המציין היררכיה: קטגוריית אב > קטגוריית בת.

אפשרויות נוספות כוללות חיצים או סלאשים ( / ). הבחירה תלויה בעיצוב ובסוג פירורי הלחם.

4. השתמשו בגדלים וריווחים נכונים

ודאו שיש ריווח גדול דיו בין רמות ההיררכיה כדי שיהיה קל ללחוץ. באותו זמן, פירורי הלחם צריכים להיות פחות דומיננטיים מתפריט הניווט הראשי.

5. ודאו כי פירורי הלחם אינם מוקד הפוקוס

פירורי הלחם לא צריכים להיות האלמנט הראשון שתופס את העין. אם הם בולטים מדי, הם עלולים להסיט את תשומת הלב מהתוכן העיקרי.

הנה דוגמה כיצד Amazon מציגה פירורי לחם – גלויים אך לא מסיחים:

6. פירורי לחם במובייל הם אופציונליים

אם אתם מרגישים שאתם צריכים פירורי לחם כדי לנווט באתר המובייל שלכם, הבעיה האמיתית עשויה להיות מבנה האתר עצמו. פשטו את הניווט במובייל תחילה.

עם זאת, אם אפשר להוסיף פירורי לחם במובייל מבלי לעמוס את הממשק, זה כנראה לא יפגע.

איך להוסיף פירורי לחם באתרי וורדפרס

ישנם תוספים שמאפשרים להוסיף פירורי לחם, אך הם לא תמיד מתאימים לתבנית או לדרישות שלכם. הנה פונקציית PHP מותאמת שעובדת ללא תוסף ותומכת ב:

• עמודי אב ועמודי בן (Parent & Child Pages)
• דפי ארכיון (Archive Pages)
• פוסטים מותאמים אישית (Custom Post Types)
• טקסונומיות מותאמות (Custom Taxonomies)

<?php
function custom_breadcrumbs() {
    $separator        = '&gt;';
    $breadcrumbs_id    = 'breadcrumbs';
    $breadcrumbs_class = 'breadcrumbs';
    $home_title       = 'Homepage';
    $custom_taxonomy  = 'product_cat';

    global $post, $wp_query;

    if ( ! is_front_page() ) {
        echo '<ul id="' . $breadcrumbs_id . '" class="' . $breadcrumbs_class . '">';
        echo '<li class="item-home"><a class="bread-link bread-home" href="' . get_home_url() . '" title="' . $home_title . '">' . $home_title . '</a></li>';
        echo '<li class="separator separator-home"> ' . $separator . '</li>';

        if ( is_archive() && ! is_tax() && ! is_category() && ! is_tag() ) {
            echo '<li class="item-current item-archive"><strong class="bread-current bread-archive">' . post_type_archive_title( $prefix, false ) . '</strong></li>';

        } else if ( is_archive() && is_tax() && ! is_category() && ! is_tag() ) {
            $post_type = get_post_type();
            if ( $post_type != 'post' ) {
                $post_type_object  = get_post_type_object( $post_type );
                $post_type_archive = get_post_type_archive_link( $post_type );
                echo '<li class="item-cat item-custom-post-type-' . $post_type . '"><a class="bread-cat bread-custom-post-type-' . $post_type . '" href="' . $post_type_archive . '" title="' . $post_type_object->labels->name . '">' . $post_type_object->labels->name . '</a></li>';
                echo '<li class="separator"> ' . $separator . '</li>';
            }
            $custom_tax_name = get_queried_object()->name;
            echo '<li class="item-current item-archive"><strong class="bread-current bread-archive">' . $custom_tax_name . '</strong></li>';

        } else if ( is_single() ) {
            $post_type = get_post_type();
            if ( $post_type != 'post' ) {
                $post_type_object  = get_post_type_object( $post_type );
                $post_type_archive = get_post_type_archive_link( $post_type );
                echo '<li class="item-cat item-custom-post-type-' . $post_type . '"><a class="bread-cat bread-custom-post-type-' . $post_type . '" href="' . $post_type_archive . '" title="' . $post_type_object->labels->name . '">' . $post_type_object->labels->name . '</a></li>';
                echo '<li class="separator"> ' . $separator . '</li>';
            }
            $category = get_the_category();
            if ( ! empty( $category ) ) {
                $last_category   = end( array_values( $category ) );
                $get_cat_parents = rtrim( get_category_parents( $last_category->term_id, true, ',' ), ',' );
                $cat_parents     = explode( ',', $get_cat_parents );
                $cat_display     = '';
                foreach ( $cat_parents as $parents ) {
                    $cat_display .= '<li class="item-cat">' . $parents . '</li>';
                    $cat_display .= '<li class="separator"> ' . $separator . '</li>';
                }
            }
            $taxonomy_exists = taxonomy_exists( $custom_taxonomy );
            if ( empty( $last_category ) && ! empty( $custom_taxonomy ) && $taxonomy_exists ) {
                $taxonomy_terms = get_the_terms( $post->ID, $custom_taxonomy );
                $cat_id         = $taxonomy_terms[0]->term_id;
                $cat_nicename   = $taxonomy_terms[0]->slug;
                $cat_link       = get_term_link( $taxonomy_terms[0]->term_id, $custom_taxonomy );
                $cat_name       = $taxonomy_terms[0]->name;
            }
            if ( ! empty( $last_category ) ) {
                echo $cat_display;
                echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '" title="' . get_the_title() . '">' . get_the_title() . '</strong></li>';
            } else if ( ! empty( $cat_id ) ) {
                echo '<li class="item-cat item-cat-' . $cat_id . ' item-cat-' . $cat_nicename . '"><a class="bread-cat bread-cat-' . $cat_id . ' bread-cat-' . $cat_nicename . '" href="' . $cat_link . '" title="' . $cat_name . '">' . $cat_name . '</a></li>';
                echo '<li class="separator"> ' . $separator . '</li>';
                echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '" title="' . get_the_title() . '">' . get_the_title() . '</strong></li>';
            } else {
                echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '" title="' . get_the_title() . '">' . get_the_title() . '</strong></li>';
            }

        } else if ( is_category() ) {
            echo '<li class="item-current item-cat"><strong class="bread-current bread-cat">' . single_cat_title( '', false ) . '</strong></li>';

        } else if ( is_page() ) {
            if ( $post->post_parent ) {
                $anc = get_post_ancestors( $post->ID );
                $anc = array_reverse( $anc );
                if ( ! isset( $parents ) ) {
                    $parents = null;
                }
                foreach ( $anc as $ancestor ) {
                    $parents .= '<li class="item-parent item-parent-' . $ancestor . '"><a class="bread-parent bread-parent-' . $ancestor . '" href="' . get_permalink( $ancestor ) . '" title="' . get_the_title( $ancestor ) . '">' . get_the_title( $ancestor ) . '</a></li>';
                    $parents .= '<li class="separator separator-' . $ancestor . '"> ' . $separator . '</li>';
                }
                echo $parents;
                echo '<li class="item-current item-' . $post->ID . '"><strong title="' . get_the_title() . '"> ' . get_the_title() . '</strong></li>';
            } else {
                echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '"> ' . get_the_title() . '</strong></li>';
            }

        } else if ( is_tag() ) {
            $term_id       = get_query_var( 'tag_id' );
            $taxonomy      = 'post_tag';
            $args          = 'include=' . $term_id;
            $terms         = get_terms( $taxonomy, $args );
            $get_term_id   = $terms[0]->term_id;
            $get_term_slug = $terms[0]->slug;
            $get_term_name = $terms[0]->name;
            echo '<li class="item-current item-tag-' . $get_term_id . ' item-tag-' . $get_term_slug . '"><strong class="bread-current bread-tag-' . $get_term_id . ' bread-tag-' . $get_term_slug . '">' . $get_term_name . '</strong></li>';

        } elseif ( is_day() ) {
            echo '<li class="item-year item-year-' . get_the_time( 'Y' ) . '"><a class="bread-year bread-year-' . get_the_time( 'Y' ) . '" href="' . get_year_link( get_the_time( 'Y' ) ) . '" title="' . get_the_time( 'Y' ) . '">' . get_the_time( 'Y' ) . ' ארכיון</a></li>';
            echo '<li class="separator separator-' . get_the_time( 'Y' ) . '"> ' . $separator . '</li>';
            echo '<li class="item-month item-month-' . get_the_time( 'm' ) . '"><a class="bread-month bread-month-' . get_the_time( 'm' ) . '" href="' . get_month_link( get_the_time( 'Y' ), get_the_time( 'm' ) ) . '" title="' . get_the_time( 'M' ) . '">' . get_the_time( 'M' ) . ' ארכיון</a></li>';
            echo '<li class="separator separator-' . get_the_time( 'm' ) . '"> ' . $separator . '</li>';
            echo '<li class="item-current item-' . get_the_time( 'j' ) . '"><strong class="bread-current bread-' . get_the_time( 'j' ) . '"> ' . get_the_time( 'jS' ) . ' ' . get_the_time( 'M' ) . ' ארכיון</strong></li>';

        } else if ( is_month() ) {
            echo '<li class="item-year item-year-' . get_the_time( 'Y' ) . '"><a class="bread-year bread-year-' . get_the_time( 'Y' ) . '" href="' . get_year_link( get_the_time( 'Y' ) ) . '" title="' . get_the_time( 'Y' ) . '">' . get_the_time( 'Y' ) . ' ארכיון</a></li>';
            echo '<li class="separator separator-' . get_the_time( 'Y' ) . '"> ' . $separator . '</li>';
            echo '<li class="item-month item-month-' . get_the_time( 'm' ) . '"><strong class="bread-month bread-month-' . get_the_time( 'm' ) . '" title="' . get_the_time( 'M' ) . '">' . get_the_time( 'M' ) . ' ארכיון</strong></li>';

        } else if ( is_year() ) {
            echo '<li class="item-current item-current-' . get_the_time( 'Y' ) . '"><strong class="bread-current bread-current-' . get_the_time( 'Y' ) . '" title="' . get_the_time( 'Y' ) . '">' . get_the_time( 'Y' ) . ' ארכיון</strong></li>';

        } else if ( is_author() ) {
            global $author;
            $userdata = get_userdata( $author );
            echo '<li class="item-current item-current-' . $userdata->user_nicename . '"><strong class="bread-current bread-current-' . $userdata->user_nicename . '" title="' . $userdata->display_name . '">' . 'Author: ' . $userdata->display_name . '</strong></li>';

        } else if ( get_query_var( 'paged' ) ) {
            echo '<li class="item-current item-current-' . get_query_var( 'paged' ) . '"><strong class="bread-current bread-current-' . get_query_var( 'paged' ) . '" title="Page ' . get_query_var( 'paged' ) . '">' . __( 'Page' ) . ' ' . get_query_var( 'paged' ) . '</strong></li>';

        } else if ( is_search() ) {
            echo '<li class="item-current item-current-' . get_search_query() . '"><strong class="bread-current bread-current-' . get_search_query() . '" title="Search results for: ' . get_search_query() . '">Search results for: ' . get_search_query() . '</strong></li>';

        } elseif ( is_404() ) {
            echo '<li>' . 'Error 404' . '</li>';
        }
        echo '</ul>';
    }
}

שורה 6 מגדירה את השם שיופיע עבור עמוד הבית בפירורי הלחם – שנו אותו בהתאם לאתר שלכם. שורה 7 מגדירה את הטקסונומיה המותאמת (למשל product_cat עבור WooCommerce).

כדי לקרוא לפונקציה בתבנית שלכם, הוסיפו את הקוד הבא ל-single.php או ל-header.php:

<?php custom_breadcrumbs(); ?>

הנה CSS בסיסי להתחלה:

#breadcrumbs {
    list-style: none;
    margin: 10px 0;
    overflow: hidden;
}

#breadcrumbs li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

#breadcrumbs .separator {
    font-size: 18px;
    font-weight: 100;
    color: #ccc;
}

מכיוון שכל התקנת וורדפרס או תבנית שונות, ייתכן ותאלצו לשנות מעט את הקוד. אם אתם מעדיפים לא לעבוד עם קוד, השתמשו בתוסף SEO כמו Yoast או Rank Math כפי שמתואר בהמשך.

הוספת פירורי לחם באמצעות Yoast SEO

ל-Yoast מנגנון פירורי לחם מובנה שפועל מצוין. כדי להפעיל, גשו ל-Yoast SEO > הגדרות > מתקדם, ואז ללשונית פירורי לחם והפעילו את האפשרות "Enable breadcrumbs for your theme".

Yoast מאפשר ממשק פשוט להתאמה אישית של הגדרות פירורי הלחם:

התוסף מאפשר לכם לקבוע איזו טקסונומיה תוצג בפירורי הלחם. שימושי כשיש לכם טקסונומיות מותאמות לארגון התוכן.

כדי להציג את פירורי הלחם של Yoast בתבנית שלכם, הוסיפו ל-single.php או ל-header.php:

if ( function_exists( 'yoast_breadcrumb' ) ) {
    yoast_breadcrumb();
}

ניתן גם להשתמש בשורטקוד [wpseo_breadcrumb] כדי להציג פירורי לחם בכל מקום בתוכן:

הוספת פירורי לחם באמצעות Rank Math SEO

כדי להוסיף פירורי לחם עם Rank Math, גשו ל-Rank Math SEO > הגדרות כלליות > פירורי לחם והפעילו את האפשרות.

כדי להציג אותם בתבנית, השתמשו בקוד הבא:

if ( function_exists( 'rank_math_the_breadcrumbs' ) ) {
    rank_math_the_breadcrumbs();
}

ניתן גם להוסיף אותם באמצעות השורטקוד:

[rank_math_breadcrumb]

Rank Math מאפשר שליטה מתקדמת בעזרת פילטרים – כמו הסרה מהדף הראשי, קיצור כותרות או הוספת תגיות.

פירורי לחם ו-SEO

הטמעה נכונה של פירורי לחם היא חלק בלתי נפרד מתהליך SEO טכני. הנה היתרונות העיקריים:

גוגל מציגה פירורי לחם בתוצאות החיפוש

פירורי הלחם עוזרים למשתמשים ולגוגל כאחד להבין את המבנה ההיררכי של האתר. אם הטמעתם מבנה נתונים נכון (structured data) או משתמשים ב-Yoast או Rank Math להטמעת פירורי הלחם, ייתכן וגוגל תציג אותם בתוצאות החיפוש.

תצוגה זו מבליטה את הקישור שלכם בתוצאות החיפוש ויכולה להוביל ל-CTR גבוה יותר.

פירורי לחם משפרים את חוויית המשתמש

אף אחד לא נהנה להיות אבוד. כשם שאדם המגיע למקום חדש מחפש ציוני דרך, כך גם משתמש הנוחת באתר שלכם צריך הקשר.

פירורי הלחם מספקים אוריינטציה מיידית. הם מוכרים לכולם ומאפשרים ניווט מבלי לבזבז זמן או מחשבה בחיפוש אחר פתרון.

פירורי לחם מקטינים את שיעור הנטישה

רוב הגולשים לא נכנסים לאתר שלכם דרך עמוד הבית. הם מגיעים דרך חיפוש אורגני, וכל עמוד באתר הוא נקודת כניסה פוטנציאלית.

פירורי הלחם נותנים לגולשים דרך פשוטה לחקור חלקים אחרים באתר. זה מקטין באופן טבעי את שיעור הנטישה על ידי מתן חלופה קלה ללחיצה על כפתור ה-back.

שאלות נפוצות

שאלות נפוצות על פירורי לחם בוורדפרס:

סיכום

פירורי לחם מספקים דרך פשוטה וקומפקטית למשתמשים לנווט באתר ולהבין את המבנה שלו. הם משפרים את חוויית המשתמש, מקטינים את שיעור הנטישה ותורמים ל-SEO על ידי כך שהם עוזרים לגוגל להציג את היררכיית העמודים בתוצאות החיפוש.

ניתן להוסיף פירורי לחם עם פונקציית PHP מותאמת, או להשתמש בתכונות המובנות של Rank Math או Yoast SEO להגדרה מהירה יותר הכוללת סימון נתונים מובנים אוטומטי.