Insertar poner enlaces migas de pan

  • noviembre 2, 2010

El rastro de migas de pan es una de las ayudas a la navegaci??n con mayor utilidad y m??s f??ciles de entender por el usurio, ya que les facilita ubicarse en la jerarqu??a del web., brind??ndoles enlaces directos a cada uno de los niveles jer??rquicos superiores.
Los rastros de migas de pan suelen ser enlaces con textos descriptivos que, adem??s de ser usables, suman puntos dentro del algoritmo de los buscadores, en al caso de los portales de comercio electr??nico, dadp su extenso numero de p??ginas de familia de productos, se recomienda utilizarlos.
Normalmente el rastro de migas de pan deber??a seguir esta formula :
Categor??a m??s general > Categor??a m??s espec??fica > Nombre Producto. Por ejemplo en una tienda de alimentos que tambi??n vende vinos la f??rmula puede ser :
Alimentaci??n y bebidas > Vinos > Vino rosado x.
Todas las redacciones que conforman el rastro de migas de pan deben estar conformadas por palabras clave descriptivas y relacionadas con el producto de la ficha que se desea posicionar. De esta manera se refuerza la densidad de las palabras clave.

Os dejo como ponerlo en vuestro blog:

Para ponerlo en tu blog s??lo basta a??adir unos c??digos, primero entra en Dise??o | Edici??n de HTML y marca la casilla Expandir plantillas de artilugios. Ahora busca este c??digo y agrega lo que est?? en color rojo justo donde se indica:

<b:includable id=’main’ var=’top’>
<!– posts –>
<div class=’blog-posts hfeed’>
<!– disable default status message 
<b:include data=’top’ name=’status-message’/>
default status message disabled –>
<b:include data=’posts’ name=’breadcrumb’/>

<data:adStart/>


Luego un poco m??s arriba busca esta l??nea:

<b:includable id=’main’ var=’top’>


Y arriba de ella agrega lo siguiente:

<b:includable id=’breadcrumb’ var=’posts’>
<b:if cond=’data:blog.homepageUrl == data:blog.url’>
<b:else/>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div class=’breadcrumbs’>
Est??s en: <a expr:href=’data:blog.homepageUrl’ rel=’tag’>Inicio</a>
<b:loop values=’data:posts’ var=’post’>
<b:if cond=’data:post.labels’>
<b:loop values=’data:post.labels’ var=’label’>
<b:if cond=’data:label.isLast == &quot;true&quot;’> &#187;
<a expr:href=’data:label.url’ rel=’tag’><data:label.name/></a>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</b:if>
</b:loop>
</div>
<b:else/>
<b:if cond=’data:blog.pageType == &quot;archive&quot;’>
<div class=’breadcrumbs’>
Est??s en: <a expr:href=’data:blog.homepageUrl’>Inicio</a> &#187; Archivos de <data:blog.pageName/>
</div>
<b:else/>
<b:if cond=’data:blog.pageType == &quot;index&quot;’>
<div class=’breadcrumbs’>
<b:if cond=’data:blog.pageName == &quot;&quot;’>
Est??s en: <a expr:href=’data:blog.homepageUrl’>Inicio</a> &#187; Todas las entradas
<b:else/>
Est??s en: <a expr:href=’data:blog.homepageUrl’>Inicio</a> &#187; Entradas etiquetadas bajo <data:blog.pageName/>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>


Por ??ltimo si quieres darle un poco de estilos como color de fondo, borde, etc, agrega antes de ]]></b:skin>esto:

.breadcrumbs {
border-top: 2px ridge #2E2E2E; /* borde superior */
border-bottom: 2px ridge #2E2E2E; /* borde inferior */
background: #D8D8D8; /* color de fondo */
padding: 5px;
margin-top: 10px;
margin-bottom: 10px;
}


Ah?? puedes agregarle m??s estilos si lo deseas, el resultado ser?? este:


Ejemplo:

Insertar poner enlaces migas de pan
Si tu entrada tuviera m??s de una etiqueta mostrar?? s??lo la ??ltima etiqueta que aparezca seg??n el orden alfab??tico

No Comments Found