Como crear un Sitemap en Blogger
Es necesario tener un Mapa de su sitio
en su página web o blog con el cual los usuarios podrán divisar todo el
contenido que su página tenga actualmente. De esta forma los usuarios que
visitan su página web o blog obtendrán rápidamente toda la información requerida
por ellos.
Vamos a definir que es un Mapa del sitio
Un mapa del sitio es un modelo visual o
textualmente organizada de contenido de un sitio web que permite a los usuarios
navegar a través del sitio para encontrar la información que están buscando,
así como un mapa geográfico tradicional ayuda a la gente a encontrar lugares
que están buscando en el mundo real. Un mapa del sitio es una especie de tabla
interactiva de contenidos, en la que cada lista de los enlaces de artículos están
ubicados directamente a sus secciones de contrapartida del sitio Web. Los mapas
de sitio realizan el mismo servicio que los mapas de diseño en grandes centros
comerciales: sin ellos, no es posible explorar un sitio complejo por ensayo y
error, pero si quieres estar seguro de encontrar lo que estás buscando, la manera
eficiente de hacerlo es consultar a un modelo de los recursos disponibles. Si
un sitio Web es pequeño y sencillo, un mapa del sitio puede ser innecesario,
así como un diseño de mapa puede no ser necesario para los compradores a
encontrar su camino a través de pequeños centros comerciales.
Por lo general, los mapas del sitio se
organizan jerárquicamente, rompiendo la información del sitio Web en áreas
temáticas cada vez más específicas
En este tutorial te mostramos cómo crear
y validar un mapa del sitio para su sitio web
¿Cómo funciona este nuevo SiteMap o Mapa
del sitio?
Me gustaría describir la forma en que
realmente funciona es sumamente fácil, voy a explicar las características más
importantes. En primer lugar, es un SiteMap limpio y ordenado que está bien
codificado especialmente para los blogs de Blogger y páginas web. El esquema es
de color azul, que se puede ver en la página de demostración. Este SiteMap es
automático la cual añade automáticamente los últimos mensajes en sí misma, sin
tocarlo por lo que es aún mejor para nosotros que no necesitamos tocar justo
después de la aplicación del blog, que va a hacer toda la tarea en sí. En la siguiente
página web de Mapa del sitio, se puede ver que los mensajes se clasifican por
las etiquetas que es mejor para los lectores que pueden encontrar las cosas en
esa página con facilidad. Esta página de Mapa del sitio ha sido desarrollada
con JavaScript y CSS que realmente tiene los enlaces de nuestros post a través
de los canales RSS de nuestro blog.
A continuación mire su demostración en
la siguiente página web
Les gusto verdad!
Vamos a trabajar
1 Ir Blogger
2 Cree una nueva entrada o pagina
3 Una vez que haya entrado en una nueva
entrada o página habilite la casilla “HTML” tal como lo muestro en la imagen
4 Luego inserte las siguientes líneas de
código en su interior
<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right
80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px
#bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right
10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>
<div id="toc">
<script
src="http://yourjavascript.com/11730432131/ayudadeblogger.js"
type="text/javascript"></script>
<script src="http://www.increibleviaje.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
|
Realice el siguiente cambio:
Borre la URL que está marcada de color
azul y remplácelo por la dirección URL de su blog o página web, recuerde
realizar el cambio con cuidado y de no borrar parte del código ya que no se mostraría.
Mire la siguiente imágen
Eso es todo, ahora dale un clic en “Publicar”
y listo mira tú nuevo SiteMap
Fácil verdad!
Recuerda suscribirte y así recibirás mis
nuevas actualizaciones directamente en tu correo electrónico
¿Necesitas ayuda?
Cualquier pregunta no duden en hacérmelo
saber y de inmediato les responderé
Además, si necesitan obtener diferentes
diseños de SiteMaps les dejo algunos tutoriales que publique
Recuerda suscribirte:
Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
Comentarios