Luis Chávez
add

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.

Como crear un Sitemap en una página web

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

Como crear un Sitemap en una página web
Como crear un Sitemap en una página web
Como crear un Sitemap en una página web

3 Una vez que haya entrado en una nueva entrada o página habilite la casilla “HTML” tal como lo muestro en la imagen

Como crear un Sitemap en una página web

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&amp;alt=json-in-script&amp;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

Como crear un Sitemap en una página web


Eso es todo, ahora dale un clic en “Publicar” y listo mira tú nuevo SiteMap

Como crear un Sitemap en una página web

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


0 comentarios:

Publicar un comentario en la entrada

Ayudadeblogger.com
Luis Chávez person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (32) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (10) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios