HTML
SEO
Tips Blogger
How to install SEO Friendly Breadcrumbs
How to install SEO Friendly Breadcrumbs - Hallo sahabat Situs Pendidikan Masa Kini - Patih Akbar, Pada Artikel yang anda baca kali ini dengan judul How to install SEO Friendly Breadcrumbs, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel
HTML,
SEO,
Tips Blogger, yang kami tulis ini dapat anda pahami. dengan mudah, selamat membaca.
Judul : How to install SEO Friendly Breadcrumbs
link : How to install SEO Friendly Breadcrumbs
Anda sekarang membaca artikel How to install SEO Friendly Breadcrumbs dengan alamat link https://patihakbar.blogspot.com/2018/09/how-to-install-seo-friendly-breadcrumbs.html
Judul : How to install SEO Friendly Breadcrumbs
link : How to install SEO Friendly Breadcrumbs
How to install SEO Friendly Breadcrumbs
How to Install Breadcrumb SEO Friendly - Breadcrumbs is a navigation menu that is usually above the title of a blog or website post. The contents are in the form of a link to the home or main page followed by a label then the title of the post that was opened. Breadcrumbs are quite important as a supporting factor for SEO on blogs, because with breadcrumbs we can inform visitors about the categories of articles in the blog.
Breadcrumbs that I will share this has the advantage of SEO Friendly, although I myself am not very good at SEO. However, I have proven this breadcrumbs myself that breadcrumbs are SEO Friendly, all labels are indexed by Search Engines and of course Valid HTML5.
How to install SEO Friendly Breadcrumbs
1. Open Blogger> Click Template> Edit HTML> Then add the CSS code below before ]]></b:skin> or </style>
2. The next step, look for HTML post code like this
<b:includable id='main' var='top'>...</b:includable>
3. Then add the HTML code for breadcrumbs just below the code above
4. Save the template.
To find out that breadcrumbs are installed correctly on the blog, you can check here Google testing tool
Thus the tutorial How to Install Breadcrumb SEO Friendly, hopefully useful.
Breadcrumbs that I will share this has the advantage of SEO Friendly, although I myself am not very good at SEO. However, I have proven this breadcrumbs myself that breadcrumbs are SEO Friendly, all labels are indexed by Search Engines and of course Valid HTML5.
How to install SEO Friendly Breadcrumbs
1. Open Blogger> Click Template> Edit HTML> Then add the CSS code below before ]]></b:skin> or </style>
/* Breadcrumbs */
.breadcrumbs{padding:20px 30px;background:#fff;margin-bottom:20px}
.breadcrumbs a,.post-info a {color:#19abea;}
.breadcrumbs a:hover,.post-info a:hover {color:#454545;}
2. The next step, look for HTML post code like this
<b:includable id='main' var='top'>...</b:includable>
3. Then add the HTML code for breadcrumbs just below the code above
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<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 == "item"'>
<!-- 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 + "?max-results=5"' 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 == "archive"'>
<!-- 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 == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<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>
4. Save the template.
To find out that breadcrumbs are installed correctly on the blog, you can check here Google testing tool
Thus the tutorial How to Install Breadcrumb SEO Friendly, hopefully useful.
Demikianlah Artikel Tentang How to install SEO Friendly Breadcrumbs
Semoga dengan membaca artikel How to install SEO Friendly Breadcrumbs ini, bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel kami yang lainnya. Dan jangan lupa di share yaa
Anda sekarang membaca artikel How to install SEO Friendly Breadcrumbs dengan alamat link https://patihakbar.blogspot.com/2018/09/how-to-install-seo-friendly-breadcrumbs.html
Previous article
Next article
Leave Comments
Post a Comment
Kami memiliki kebijakan dalam berkomentar di blog ini :
- Dilarang promosi suatu barang
- Dilarang jika memasang link aktif di komentar
- Dilarang keras promosi iklan yang berbau judi, pornografi dan kekerasan
- Dilarang menulis komentar yang berisi sara atau cemuhan
Kebijakan komentar yang bisa Anda temukan selengkapnya disini
Dukungan :
Jika menyukai dengan artikel blog kami, silahkan subscribe blog ini