Menu Close

Create a bread crumb in WordPress Yoast SEO

Breadcrumbs (breadcrumbs) means 'bread crumbs', derived from the way bread and crumbs are displayed on the path of brother and sister in Hansel and Gretel.

The function shows the way in which the current page of your web site can come from, such as the name of the name, as if you were displaying breadcrumbs on the way, as in 'Home'> 'Categories'> 'Current page' Provides an intuitive interface to the user, allowing them to see at a glance how they reached the page they were staying in, what category they belonged to, and more.

Therefore, using this breadcrumb provides a better user experience than it would otherwise be, and is reflected in high search engine optimization (SEO) scores.

When I searched on Google, the search results show a permalink and a URL in green just below the title. Sometimes,'https://gkkmon.com › WordPress'You can see the case where the category name appears as. This means that Google acknowledges and strongly encourages Breadcrumb to have a good impact on SEO.

    How to apply a breadcrumb to a WordPress site

There are many ways of inserting breadcrumbs, of course, because WordPress is a high degree of freedom. The most effective way to do this is by using the functionality of the 'Yoast SEO' plugin.

The reason we say this is effective is because it is simple and stable, and we use it because of the SEO optimization, because the 'Yoast SEO' plugin is a plug-in for SEO optimization, .

It is quite a difference that the same breadcrumbs are just texts and the breadcrums appear in the right way to the search engines. Because of that, I use a professional guy who uses breadcrumb for SEO, so let's get the right effect.

    How to use the breadcrumb with the 'Yoast SEO' plugin

First of all, setting up a breadcrumb with the 'Yoast SEO' plugin is really simple. WordPress menu when installing 'Yoast SEO' plugin'SEO' > 'Search Appearance' > 'Breadcrumbs'From the menu'Breadcrumbs settings'To'Enabled'Let's do it. The attributes are as follows.

  • Separator between breadcrumbs:Set the symbol to be placed between the stages of the breadcrumb. The default is '»'.
  • Anchor text for the Homepage:Determine what to display your homepage. The default is 'Home'.
  • Prefix for the breadcrumb path:Determines the prefix of the breadcrumb route.
  • Prefix for Archive breadcrumbs:Specify the prefix of the archive breadcrumb. The default is 'Archives for'.
  • Prefix for Search Page breadcrumbs:Prefix of search page breadcrumb. The default is 'You searched for'
  • Breadcrumb for 404 Page:Breadcrumb on page 404. The default is 'Error 404: Page not found'
  • Bold the last pageSpecify whether the last page should be bold or not. 'Bold' is bold and 'Regular' is the prescribed size.
  • LastTaxonomy to show in breadcrumbs for content types'Determines how to express the breadcrumbs of the article, page, and media. Basically, articles can be categorized into categories, tags, and articles, and if you do not have any particular personalities in terms of SEO, I recommend you categorize them.
  • Once you have done this and saved 'Save changes', all of the settings in 'Yoast SEO' are over.

      Setting up breadcrumbs in a theme

    If you have successfully set up your breadcrumbs in 'Yoast SEO' as described above, most of the themes (compatible with Yoast SEO) are called 'Yoast SEO Breadcrumbs' at the bottom of the 'Appearance'> 'Customize' A menu would have been created.

    However, do not make a theme in this menu, just check 'Yes' and then go to 'Compatibility'> 'Customize' theme> 'Breadcrumb' menu.

    - Location mark:You can choose to 'Behind the header', 'In the cover / title bar', or 'Move to site main'. The 'Behind the Header' menu is the most common, so it is user-friendly, which is advantageous for SEO. However, depending on the site configuration, other menus may be more efficient.

    - Display:Set which pages show the breadcrumbs. You can literally check where you want the breadcrumb to appear. The menus that can be set are as follows.

  • 'Hide from index'
  • "Hide from category"
  • "Hide from Search"
  • 'Hide from archive'
  • "Hide from a single page"
  • 'Hide from a single post'
  • 'Hide from a single'
  • "Hide on page 404"
  • - letter:Defines the character design of the breadcrumb. The menus that can be set are as follows.

  • Font family:Set the font type of the breadcrumb, ie 'Font-family' such as 'Sans' and 'Sans-serif'.
  • Font Weight:Defines the thickness of the font. Default, bold, can be set from 100 to 900.
  • Font size:Determines the size of the font. You can use different pixel (px) units and different settings for PC screen, tablet screen, and mobile screen size.
  • Line spacing:When a breadcrumb occurs over two lines, define the spacing between each line. The details are as above.
  • Character Spacing:Defines the horizontal spacing of each letter, not the line spacing. The details are as above.
  • Font style:Determines the font style. Like Italic, it tilts the text.
  • Text Decoration:Decide text decoration. It is a function of underlining
  • Text Transform:Determine whether the letters are written naturally, whether the first letter is capitalized, all lowercase letters, all uppercase letters, and so on.
  • - Styling:Styling the area containing the letters of the breadcrumb.

    'Normal'From the menu, you can set color and link colors, spacing, background color, background image, border style, round border, border shadow,'마우스 오버'You can also change the link color when you hover over a link in the menu.

    Once you have done this, click on the 'Publish' button at the top to complete the 'Customize' and you will now see a breadcrumb on your site.

      Set themes without a breadcrumb menu, or manually

    If your theme does not automatically recognize the "Yoast SEO" plugin's breadcrumbs, or if you want to display your custom breadcrumbs in the location you want (such as at the bottom of posts like GKKmon), you can use the following techniques .

    firstFormal help for 'Yoast SEO' with breadcrumbsYou can insert it directly into the page you want to represent using 'PHP' code like this

    <?php
    if ( function_exists('yoast_breadcrumb') ) {
      yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
    }
    ?>
    

    Or, it is recommended to use the following short code.

    [wpseo_breadcrumb]
    

    However, there are cases where the two methods do not work. In this case, you can apply the breadcrumb without error by using the code of GKKmon's combined short code with php as below.

    <?php echo do_shortcode('<div id="breadcrumbs">[wpseo_breadcrumb]</div>'); ?>
    

    You can insert the above code directly into the section you want, such as 'single.php' (posting page). Also, if you insert a direct breadcrumb in this way, you will have to specify the styles one by one.

    Comment (Information not required)

    Posted in All, Wordpress

    이메일 구독 - Email Subs

    최선을 다해 직접 만든 콘텐츠만 공유합니다.
    We share the best content we have created.