-->

Tutorial

  • Android
  • Blogger
  • Pendidikan
  • Printer
  • Komputer
  • MedSos
  • One of the many types of search error reports on websites by Google Search Console the first to overwrite the blog belongs to Admin share Online tutorials is Breadcrumbs markup issues. Admin myself when receiving this error report was curious about what temporary breadcrumbs during blogging from 2014 New Year last night encountered an error problem like this. The following screenshot reports the breadcrumbs markup issue via email by Google Search Console:

    After I checked in the Google Search Console Account Dashboard, there appeared new menu breadcrumbs precisely under the AMP menu report or above the SiteLink search box menu.

    Before doing error checking or the actual problem that caused breadcrumbs markup problems, first I find out the sense of breadcrumbs and what the function of the breadcrumbs navigation through searching Google. As a result, I found some explanations about the sense of breadcrumbs, benefits or functions of breadcrumbs and how to make breadcrumbs on bloggers.

    Breadcrumbs is navigation on a blog that helps visitors to understand their location while on a website. In other words, this breadcrumbs enhances navigation such as the homepage, category, tags, and archive of the website. Indeed according to the owner of this dewailmu breadcrumbs website is not very important because there are already categories, tags, and archives that help visitors. But the name of a man is always there that his understanding is not good so need extra help. Breadcrumbs serve as website navigation that makes it easy for search engines to crawl so it can easily find our website. Judging from the SEO, it's a good enough way to boost your SEO score a bit. Source: Dewailmu.id

    Breadcrumb is a menu navigation system that can make it easier for visitors to your website or blog to easily track back where and where visitors travel on your website or blog. A lot of bloggers say that breadcrumbs are one SEO techniques that can be done on a blog. The But also argues that the breadcrumb is just a regular navigation system that positions below the header or above the post title. The main function of this breadcrumb is actually a feature on a website or blog to show the location of the Web page we are visiting. Breadcrumb provides a link linking that connects the currently opened page to a page that the user previously opened. In other words, the breadcrumb will provide a trace for the website or blog to be able to know or follow each page that has been opened. In general, breadcrumbs are marked larger than (>), these marks serve as hierarchy separators. So by installing breadcrumbs on websites or blogs, we can help visitors to websites or blogs in order to better understand the topics related to the article and can tell users the location of which category they are reading. Breadcrumb also serves to provide the features of one-click access to the page level of the website, while avoiding the user is lost because it is too deep browsing the website. By using breadcrumbs, we can facilitate visitors to explore our website. Because of the structure of the website that we have has a good level. Google has also been able to read and understand the data from this breadcrumb. Source: tipsdantrikwebsite

    Now we already know what breadcrumbs are and the functions of Breadcrumbs, the question of whether the menu appears by itself or must be made manually by the owner of the website?

    After reading a few explanations of search results Google especially explanation of dewailmu.id Bahwasannya navigation Breadcrumbs is not an automatic feature of bloggers or Google search console. Breadcrumbs are created manually and planted in the template's Code builder. For the templates free version of the menu may be breadcrumbs navigation has not been implanted, and for premium type templates such as those admins use to share blogs online tutorials are already planted features breadcrumbs.

    For Buddy bloggers who want to implement breadcrumbs navigation features that are very useful for improving SEO Blog please follow the following tutorial:

    Go to the blogger Dashboard Select the Theme menu then select Edit HTML. Copy the following code and paste it directly above the code ]]></b:skin> atau </style>

     
    .breadcrumbs{padding:20px 30px;background:#fff;margin-bottom:20px}
    .breadcrumbs a,.post-info a {color:#19abea;}
    .breadcrumbs a:hover,.post-info a:hover {color:#464646;}
    

    Then find the following code:

     
      <b:includable id='main' var='top'>...</b:includable>
    

    Paste the following code underneath it:


     
      <b:includable id='breadcrumb' var='posts'>
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> / <span><data:blog.pageName/></span></div>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!-- Breadcrumb Untuk Halaman Pos -->
    <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.labels'>
    <div class='breadcrumbs'>
    Anda di sini : <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'>Home</span></a></span>
    <b:loop values='data:post.labels' var='label'>
    / <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?max-results=5&quot;' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
    </b:loop>
    / <span><data:post.title/></span>
    </div>
    <b:else/>
    <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> / <span>Without Label</span> / <span><data:post.title/></span></div>
    </b:if>
    </b:loop>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <!-- Breadcrumb Untuk Label Search dan Search Pages -->
    <div class='breadcrumbs'>
    <span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span>Archived For <data:blog.pageName/></span>
    </div>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div class='breadcrumbs'>
    <b:if cond='data:blog.pageName == &quot;&quot;'>
    <span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span>All Post</span>
    <b:else/>
    <span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span><data:blog.pageName/></span>
    </b:if>
    </div>
    </b:if>
    </b:if>
    </b:if>
    </b:if>
    </b:if>
    </b:includable
    

    The last step of the Klick save theme to apply.

    Based on search results on some Admin posts especially those with breadcrumbs markup issues, not all posts that have been published will get the effects and benefits of implementing the breadcrumbs feature. This feature turns out to work and only works for the content of blog posts that have been logged in to Page One user search results. So for the content of posts that have not been related to page one in the user's search results in other words the visitor still little did not get the beneficial effect from this breadcrumbs.

    The following Admin take a screenshot of the example of a blog post content sharing online tutorials that are in category page one search results of a user using Google search.

    This Breadcrumbs navigation feature is relatively few bloggers who know it, especially for beginner bloggers although some have argued that it is not so important but still needs to be applied because the effect can improve the quality of SEO A website.

    Artikel Terkait:
    Bagi Anda yang ingin mendapatkan notifikasi update setiap harinya silahkan bergabung WhatsApp Group Gabung Sekarang
    • Kime Hime - Pengunjung - December 1, 2019 at 2:32 PM

      Test

    Comment Sekarang