Como instalar Breadcrumbs Microdata Dengan com Schema.org no Blogger

Como instalar Breadcrumbs Microdata Dengan com Schema.org

Hoje vamos compartilhar como instalar Breadcrumbs com Schema.org dengan no Blogger isso é muito bom para os mecanismos de busca e quando falamos em Otimização tudo que é bom devemos investir tempo e também ter uma atenção diferenciada se você deseja instalar no seu template isso siga os passos abaixo:


Adicionando Breadcrumb com schema.org dengan no blogger:


Faça login no template do Blogger então vá em tema editar Html/JavaScript com as teclas combinadas CTRLF busque por o código breadcrumb no seu modelo então apague e substitua por esse:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<ol class='breadcrumbs' itemscope="itemscope" itemtype="http://schema.org/BreadcrumbList">
<li><a expr:href='data:blog.homepageUrl' title='Home'><span itemprop='name'><i class='fa fa-home'/> Home&amp;nbsp;</span></a><i class='fa fa-angle-right'/>&amp;nbsp;</li>
<b:loop values='data:post.labels' var='label' index='num'>
<li itemscope="itemscope" itemprop="itemListElement" itemtype="http://schema.org/ListItem"><a itemscope="itemscope" expr:href='data:label.url + &quot;?max-results=6&quot;' expr:title='data:label.name' itemtype="http://schema.org/Thing" itemprop="item"><span itemprop='name'><data:label.name/></span></a>&amp;nbsp;<i class='fa fa-angle-right'/>&amp;nbsp;
<meta itemprop="position" expr:content="data:num+1" />
</li>
</b:loop>
<span><data:post.title/></span>
</ol>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span class='breadhome'><a expr:href='data:blog.homepageUrl'>Home </a> &#8250; </span><span>Archives 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 class='breadhome'><a expr:href='data:blog.homepageUrl'>Home</a> - </span><span class='breadlabel'>Next to See All Posts </span>
<b:else/>
<span class='breadhome'> <a expr:href='data:blog.homepageUrl'>Home</a> - </span><span class='breadlabel'>Currently Browsing: <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Se isso ficou desalinhado instale o seguinte código acima de ]]></b:skin> ou </style>

.breadcrumbs li{list-style-type:none;display:inline-block;float:left}

Salve e pronto.

Click to comment