Cara Memperbaiki Error Breadcrumb Skema data-vocabulary.org Pada Prestashop

Baru-baru ini saya mendapat peringatan dari Google, mengenai “Masalah Breadcrumb baru terdeteksi untuk situs www.website.com”. Awalnya bingung, karena enggak ngerti apa itu Breadcrumb.

Sampai akhirnya saya memutuskan untuk mencari tau sendiri di Google. Ternyata saya baru paham, kalau breadcrumb itu semacam struktur elemen yang menunjukan letak spesifik halaman sebuah website. *Biasanya breadcrumb menampilkan alamat url dari laman kategori, tag dan label).

Berbeda dengan wordpress, CMS Prestashop ketika menampilkan halaman produk, ia pasti menyertakan laman kategori dan tagnya. Nah, Gara-gara ini lah saya mendapatkan peringatan dari Google tentang eror bradcrumb.

Saya juga baru tau kalau algoritma terbaru Google telah memperbarui pengaturan tentang bradcrumbs yang kemudian diganti dengan schema.org. Upaya google ini menurut saya sangat baik untuk menyingkirkan konten atau halaman-halaman duplikat.

Baca Juga : Cara Menghilangkan Index.Php Pada Prestashop

Apakah Elemen Breadcrumbs itu Penting?

Karena ini menyangkut halaman website, jadi menurut saya elemen breandcrumb itu sangatlah penting.

Mengapa?

Karena User dan Google Bot sendiri menjelajahi websitemelalui halaman dan tautan. Jika alamat url atau tautan tidak jelas, maka User dan Google bot akan kesulitan menelusuri halaman website tersebut.

Sehingga ini akan berpengaruh kepada trafik dan peforma ranking website di search engine (mesin pencarian). Kalau sudah begini, breadcrumbs menjadi sangat penting, terutama untuk mengoptimalkan SEO website.

Nah, kalau website Anda mendapatkan notifikasi peringatan seperti itu, sebaiknya cepat-cepat deh segera diperbaiki. Kalau enggak ngerti caranya, berikut saya berikan langkah-langkah cara memperbaiki Error Breadcrumb Skema data-vocabulary.org pada prestashop.

Baca Juga : Cara Membuat Sitemap XML Prestashop Melalui Cpanel

Mulai Memperbaiki Breadcrumbs

1. Buka email; Klik “Perbaiki Breadcrumb Masalah” – Anda akan dialihkan ke tab baru Google Search Console.
2. Klik Breadcrumbs – maka disana Anda akan melihat banyak halaman yang error.
3. Sekarang silahkan pergi ke halaman Cpanel – Buka “File Manager”
4. Kosongkan Cache Website Prestashop Anda terlebih dahulu
   Cari direktori di kolom pencarian:
   public_html/cache/smarty/compile
   public_html/cache/smarty/cache
   public_html/cache/img/tmp
   Kosongkan semua File Kecuali Index.Php
5. Cari File bernama “Breadcrumbs.tpl” – Klik Edit File tersebut
6. Silahkan salin kode breadcrumbs dibawah ini, kemudian pastekan setelah tanda <!– Breadcrumb –>
7. Silahkan kembali ke halaman Google Search Console – Kemudian tandai dengan klik “Validasi Perbaikan Masalah”
8. Selesai

Silahkan Salin Kode Bradcrumbs di bawah ini:

<!-- Breadcrumb -->
{if isset($smarty.capture.path)}{assign var='path' value=$smarty.capture.path}{/if}
{if !empty($path)}
{$matchCount = preg_match_all('/<a.+?href="(.+?)"[^>]*>([^<]*)<\/a>/', $path, $matches)}
{$breadcrumbs = []}
{for $i=0; $i < $matchCount; $i++}
{$breadcrumbs[] = ['url' => $matches[1][$i], 'title' => $matches[2][$i]]}
{/for}
{$match = preg_match('/>([^<]+)(?:<\/\\w+>s*)?$/', $path, $matches)}
{if !empty($matches[1])}
{$breadcrumbs[] = ['url' => '', 'title' => $matches[1]]}
{elseif !$match && !$matchCount}
{$breadcrumbs[] = ['url' => '', 'title' => $path]}
{/if}
{/if}
<div class="clearfix">
	<ol class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
		<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 
			<a class="home" href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{l s='Return to Home'}" itemprop="item">
				<i class="icon-home"></i>
			</a>
			<meta itemprop="name" content="{l s='Home'}" />
			<meta itemprop="position" content="1" />
		</li>
{if !empty($breadcrumbs)}
{foreach from=$breadcrumbs item=breadcrumb name=crumbs}
		<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
{if !empty($breadcrumb.url)}
			<a href="{$breadcrumb.url}" itemprop="item" title="{$breadcrumb.title}">
				<span itemprop="name">{$breadcrumb.title}</span>
			</a>
{else}
			<span itemprop="name">{$breadcrumb.title}</span>
{/if}
			<meta itemprop="position" content="{($smarty.foreach.crumbs.iteration|intval + 1)}" />
		</li>
{/foreach}
{/if}
	</ol>
</div>
{if isset($smarty.get.search_query) && isset($smarty.get.results) && $smarty.get.results > 1 && isset($smarty.server.HTTP_REFERER)}
<div class="pull-right">
	<strong>
		{capture}{if isset($smarty.get.HTTP_REFERER) && $smarty.get.HTTP_REFERER}{$smarty.get.HTTP_REFERER}{elseif isset($smarty.server.HTTP_REFERER) && $smarty.server.HTTP_REFERER}{$smarty.server.HTTP_REFERER}{/if}{/capture}
		<a href="{$smarty.capture.default|escape:'html':'UTF-8'|secureReferrer|regex_replace:'/[\?|&]content_only=1/':''}" name="back">
			<i class="icon-chevron-left left"></i> {l s='Back to Search results for "%s" (%d other results)' sprintf=[$smarty.get.search_query,$smarty.get.results]}
		</a>
	</strong>
</div>
{/if}
<!-- /Breadcrumb -->

Demikian artikel cara memperbaiki breadcrumb yang eror pada prestashop, semoga bermanfaat.