martes, 2 de noviembre de 2010

Insertar poner enlaces migas de pan

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

1 comentarios:

Anónimo dijo...

HOLA, GRACIAS ESTO ME SIRVE BIEN, PERO LA ULTIMA PARTE "ESTILOS", NO ME FUNCIONA, PUES NO MUESTRA LOS CAMBIOS NI NADA...

GRACIAS ....!!

Publicar un comentario en la entrada

DIRECTORIOS

http://www.trucosblogs.com/post
4.57/5 – 42 opiniones
http://www.fabricaturopa.com/post 4.57/5 – 42 opiniones