افزودن Breadcrumbs به مطالب سایت
افزودن Breadcrumbs به مطالب سایت
Breadcrumbs نوعی پیمایش وب سایت است که غالباً نادیده گرفته می شود و در عین حال ارزشمند است. آنها به کاربران کمک می کنند تا مکان خود را در سایت شما مشخص کنند و حتی می توانند بهبودی بالقوه در نحوه نمایش محتوای شما در موتورهای جستجو ایجاد کنند.موتورهای جستجو افزودن Breadcrumbs به مطالب سایت را، به عنوان عنصری مهم در یک وب سایت به حساب می آورند.
برای درک بهتر بردکرامب و تاثیر مستقیم آن بر روی سئو، به شما پیشنهاد می کینم پست آموزشی بردکرامب و تاثیر آن بر سئو که در همین وب سایت مورد بررسی قرارگرفته است را حتما مطالعه کنید.
اگرفکر می کنید که اضافه کردن چنین سیستم یکپارچه ای که نشان دهنده مسیر کاربر در وب سایت شما است، کاری دشوار است،کاملا در اشتباهید! چرا که تنها اقدامی که شما باید انجام دهید استفاده از یک پلاگین بسیار ساده است.
عملکرد بردکرامب از قبل در Yoast تعبیه شده است و اضافه کردن آن از طریق Yoast قطعاً یکی از روشهای برتر است. جدا از Yoast SEO، پلاگین Breadcrumb NavXT گزینه عالی دیگری است که بسیار قابل تنظیم است.
نحوه افزودن Breadcrumbs با استفاده از افزونه Yoast
- پلاگین Yoast SEO را نصب و فعال کنید
- افزودن قطعه کد Breadcrumbs به قالب وردپرس وب سایت خود
- Breadcrumbs را در تنظیمات افزونه فعال یا پیکربندی کنید
1- شما کاربران گرامی به راحتی می توایند افزونه Yoast SEO را از مخزن وردپرس دانلود کرده و اگر تمایل به استفاده از نسخه ی پیشرفته ی این افزونه دارید می توانید از همین سایت خریداری کنید. سپس اقدام به نصب این افزونه نمائید.
2- قطعه کد Breadcrumbs را به قالب کودک وردپرس خود اضافه کنید
در مرحله بعدی ما باید قطعه کد php زیر را که توسط Yoast ارائه شده است برای فعال کردن قابلیت Breadcrumbs به فایل single.php (برای نمایش در همه پست ها) یا به پرونده header.php (برای نمایش در سراسر سایت) اضافه کنیم.
قطعه کد Breadcrumbs که شما باید در پایان محتوای فایل های header.php یا single.php قالب خود قرار دهید:
|
1 2 3 4 5 6 7 |
<?php if ( function_exists('yoast_breadcrumb') ) { yoast_breadcrumb(' <p id="breadcrumbs">','</p> '); } ?> |
کد فایل header.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 |
<?php if ( ! defined('ABSPATH') ){ die(); } global $avia_config; $lightbox_option = avia_get_option( 'lightbox_active' ); $avia_config['use_standard_lightbox'] = empty( $lightbox_option ) || ( 'lightbox_active' == $lightbox_option ) ? 'lightbox_active' : 'disabled'; /** * Allow to overwrite the option setting for using the standard lightbox * Make sure to return 'disabled' to deactivate the standard lightbox - all checks are done against this string * * @added_by G端nter * @since 4.2.6 * @param string $use_standard_lightbox 'lightbox_active' | 'disabled' * @return string 'lightbox_active' | 'disabled' */ $avia_config['use_standard_lightbox'] = apply_filters( 'avf_use_standard_lightbox', $avia_config['use_standard_lightbox'] ); $style = $avia_config['box_class']; $responsive = avia_get_option('responsive_active') != "disabled" ? "responsive" : "fixed_layout"; $blank = isset($avia_config['template']) ? $avia_config['template'] : ""; $av_lightbox = $avia_config['use_standard_lightbox'] != "disabled" ? 'av-default-lightbox' : 'av-custom-lightbox'; $preloader = avia_get_option('preloader') == "preloader" ? 'av-preloader-active av-preloader-enabled' : 'av-preloader-disabled'; $sidebar_styling = avia_get_option('sidebar_styling'); $filterable_classes = avia_header_class_filter( avia_header_class_string() ); $av_classes_manually = "av-no-preview"; /*required for live previews*/ /** * Allows to alter default settings Enfold-> Main Menu -> General -> Menu Items for Desktop * @since 4.4.2 */ $is_burger_menu = apply_filters( 'avf_burger_menu_active', avia_is_burger_menu(), 'header' ); $av_classes_manually .= $is_burger_menu ? " html_burger_menu_active" : " html_text_menu_active"; /** * Add additional custom body classes * e.g. to disable default image hover effect add av-disable-avia-hover-effect * * @since 4.4.2 */ $custom_body_classes = apply_filters( 'avf_custom_body_classes', '' ); /** * @since 4.2.3 we support columns in rtl order (before they were ltr only). To be backward comp. with old sites use this filter. */ $rtl_support = 'yes' == apply_filters( 'avf_rtl_column_support', 'yes' ) ? ' rtl_columns ' : ''; ?><!DOCTYPE html> <html <?php language_attributes(); ?> class="<?php echo "html_{$style} ".$responsive." ".$preloader." ".$av_lightbox." ".$filterable_classes." ".$av_classes_manually ?> "> <head> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <?php /* * outputs a rel=follow or nofollow tag to circumvent google duplicate content for archives * located in framework/php/function-set-avia-frontend.php */ if (function_exists('avia_set_follow')) { echo avia_set_follow(); } ?> <!-- mobile setting --> <?php if( strpos($responsive, 'responsive') !== false ) { echo '<meta name="viewport" content="width=device-width, initial-scale=1">'; } ?> <!-- Scripts/CSS and wp_head hook --> <?php /* Always have wp_head() just before the closing </head> * tag of your theme, or you will break many plugins, which * generally use this hook to add elements to <head> such * as styles, scripts, and meta tags. */ wp_head(); ?> </head> <body id="top" <?php body_class( $custom_body_classes . ' ' . $rtl_support . $style." ".$avia_config['font_stack']." ".$blank." ".$sidebar_styling); avia_markup_helper(array('context' => 'body')); ?>> <?php /** * WP 5.2 add a new function - stay backwards compatible with older WP versions and support plugins that use this hook * https://make.wordpress.org/themes/2019/03/29/addition-of-new-wp_body_open-hook/ * * @since 4.5.6 */ if( function_exists( 'wp_body_open' ) ) { wp_body_open(); } else { do_action( 'wp_body_open' ); } do_action( 'ava_after_body_opening_tag' ); if("av-preloader-active av-preloader-enabled" === $preloader) { echo avia_preload_screen(); } ?> <div id='wrap_all'> <?php if(!$blank) //blank templates dont display header nor footer { //fetch the template file that holds the main menu, located in includes/helper-menu-main.php get_template_part( 'includes/helper', 'main-menu' ); } ?> <div id='main' class='all_colors' data-scroll-offset='<?php echo avia_header_setting('header_scroll_offset'); ?>'> <?php if(isset($avia_config['temp_logo_container'])) echo $avia_config['temp_logo_container']; do_action('ava_after_main_container'); |
کد فایل single.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 |
<?php if ( !defined('ABSPATH') ){ die(); } global $avia_config; /* * get_header is a basic wordpress function, used to retrieve the header.php file in your theme directory. */ get_header(); $title = __('Blog - Latest News', 'avia_framework'); //default blog title $t_link = home_url('/'); $t_sub = ""; if(avia_get_option('frontpage') && $new = avia_get_option('blogpage')) { $title = get_the_title($new); //if the blog is attached to a page use this title $t_link = get_permalink($new); $t_sub = avia_post_meta($new, 'subtitle'); } if( get_post_meta(get_the_ID(), 'header', true) != 'no') echo avia_title(array('heading'=>'strong', 'title' => $title, 'link' => $t_link, 'subtitle' => $t_sub)); do_action( 'ava_after_main_title' ); ?> <div class='container_wrap container_wrap_first main_color <?php avia_layout_class( 'main' ); ?>'> <div class='container template-blog template-single-blog '> <main class='content units <?php avia_layout_class( 'content' ); ?> <?php echo avia_blog_class_string(); ?>' <?php avia_markup_helper(array('context' => 'content','post_type'=>'post'));?>> <?php /* Run the loop to output the posts. * If you want to overload this in a child theme then include a file * called loop-index.php and that will be used instead. * */ get_template_part( 'includes/loop', 'index' ); $blog_disabled = ( avia_get_option('disable_blog') == 'disable_blog' ) ? true : false; if(!$blog_disabled) { //show related posts based on tags if there are any get_template_part( 'includes/related-posts'); //wordpress function that loads the comments template "comments.php" comments_template(); } ?> <!--end content--> </main> <?php $avia_config['currently_viewing'] = "blog"; //get the sidebar get_sidebar(); ?> </div><!--end container--> </div><!-- close default .container_wrap element --> <?php get_footer(); |
پس از اینکه قطعه کد به قالب وردپرس شما اضافه شد، تنها کاری که باید انجام دهید فعال کردن مسیر راهنما در تنظیمات افزونه Yoast SEO است. برای انجام این کار، به داشبورد وردپرس خود بروید و به بخش ظاهر جستجو <- سئو مراجعه کنید و سپس روی برگه Breadcrumbs کلیک کنید. در قسمت تنظیمات بردکرامب، حتما مسیر راهنما را فعال کنید.
سپس می توانید تنظیمات مسیر راهنما را با توجه به نیاز خود پیکربندی کنید. همچنین ممکن است بخواهید طبقه بندی را برای نمایش در بردکرامب برای پست خود انتخاب کنید. برای این مثال ، من می خواهم پست های خود را تنظیم کنم تا دسته ها را در بردکرامب نشان دهم.
افزودن Breadcrumbs به مطالب سایت
شما کاربران عزیز می توانید برای استفاده ی بیش تر از خدمات سایت پنگاش هم اکنون در ناحیه کاربری ثبت نام کنید تا علاوه بر استفاده از پست های آموزشی رایگان بتوانید به محصولات فروشگاه و تخفیف های فوق العاده پنگاش دسترسی داشته باشید.
- مطلب بعدی ： آموزش حذف رشته های کوئری از منابع استاتیک در وردپرس »
- مطلب قبلی ： « بردکرامب و تاثیر آن بر سئو
توجه
اگر با این مشکل آشنا هستید خودتان انجام دهید ولی اگر نمی دانید که این کار را چطور انجام دهید می توانید هم اکنون در ناحیه کاربری ثبت نام کرده و اطلاعات سایت را تیکت کنید تا با اندک هزینه ای کار شما را انجام دهیم . اگر خواستید می توانید برای مشاوره با شماره های ۰۹۱۷۹۰۵۹۳۵۰ و یا ۰۹۳۹۸۶۹۵۲۳۸ با ما در ارتباط باشید.
