CREAR INDICE DE TODOS LOS POSTS MEDIANTE LAS ETIQUETAS

Para realizar este post haré un resumen sobre el tema las “Etiquetas” ya que muchos no las saben usar.

¿Las etiquetas de blogger son importantes?  ¿En qué nos ayudan al SEO?

Me siento muy preocupada con este tema, la mayoría de

blogger piensan que las etiquetas que ayudan al SEO son las que podemos poner

en el lateral del editor de las entradas de blogger y por eso se dedican a

poner mil etiquetas, he visto blog que tienen nubes de más de 30 etiquetas ¡Madre

del amor hermoso! esto es un sacrilegio a la estética y a la vista de

cualquier lector. ¿En serio crees que tener ese tipo de etiquetas te

ayudara a posicionarte en la primera página de google? Déjame decirte

que NO, para nada sucederá lo anterior, esas no son las etiquetas que debes

poner.

En el editor de entradas solo debes poner UNA

SOLA ETIQUETA, esta etiqueta será la que determine en que parte de

tu blog quedara tu post y con ellas nos guiamos para hacer un menú de páginas o

un submenú, las etiquetas solo sirven para mantener la organización

interna de nuestro blog, pero no ayudan en nada a SEO. Si tienes más de 15

etiquetas estas haciendo las cosas mal. Vete a tu blog, mira cuantas pestañas

tienes en el menú de páginas y ese número debe ser el número de etiquetas que

debas tener.

Léete este post  del Centro de soporte de

Google en donde nos indican y nos explican claramente para que sirven las etiquetas

¿Ya lo leíste? ¿Leíste en alguna parte que las

etiquetas son esenciales y que nos ayuda en mejorar el SEO?  En ninguna

parte lo dice.

 

Te mostrare cuales SI son las

etiquetas que ayudan a SEO, de las que deberíamos estar siempre al

pendiente y que tenemos que cuidar con sumo cuidado.

Etiquetas que ayudan a mejorar el SEO

Estas son las etiquetas de las que tanto se habla y que muchos bloggers confunde. Estas etiquetas hay que usarlas en cada post que hagamos pues son estas los que los motores de Google tienen en cuenta en el momento de posicionarnos, claro está depende del contenido de calidad que hagamos. A estas etiquetas tenemos que darles un buen uso sin abusar.

Léete este post en donde nos enseñan para que sirven estas etiquetas y como debemos usarlas.

Luego haré un post más exhaustivo sobre este tema desmenuzado como nos gusta para que todos podamos entender bien que hacer y que no en cuanto a las etiquetas. Pero me pareció importante hacer una breve explicación ya que para el tutorial que vamos a ver hoy lo anterior sera fundamenta para poder realizarlo.

COMO HACER UN ÍNDICE DE POST MEDIANTE LAS ETIQUETAS

Primero decir que si eres de las que tiene tropecientasmil etiquetas tienes dos opciones, cerrar este post y ¡adiós buenas! o leerte este otro post en donde te explico como borrar las etiquetas que nos usas y ponerte en marcha con el tutorial.

Para realizar este tutorial vamos a usar un Sitemaps (Mapa de sitio web)

¿Qué es un Sitemaps? Concepto básico: Es un listado de URL’s que nos nuestra todas las paginas del nuestro blog/web gracias a esto los motores de búsqueda nos pueden encontrar.

El anterior listado de URL’s será que el vamos a

utilizar para hacer el índice de los post. Lo mejor será que el listado se ira

actualizando sólo, no tendremos que hacer absolutamente nada de nada y sera un ahorro de tiempo que tendremos, ademas los últimos post tendrán una pequeña etiqueta que dice NEW para que los lectores sepan que es contenido fresco. Se ordenaran alfabéticamente para mayor comodidad. ¿Tiene buena pinta no?

(insertar imagen listadepost)

La idea de hacer un Índice de posts la he tenido

siempre pero la única opción que veía factible era hacer un listado en una

entrada normal, poniendo el título y enlazándolo al post, me daba una pereza de

solo pensarlo y jamás lo hice, la otra opción era hacer tablas con imágenes

pero también me parecía un rollo largo y engorroso de hacer, aunque debo

aceptar que la estética de las tablas queda precioso. Imagínate, tengo más de

100 post, hubiera durado días haciendo este tipo de listado.

Empecemos:

Nos vamos a el panel de control de blogger <> Paginas<>Nueva paginá.

Se nos abrirá un editor de entradas y le damos la Opción HTML y dentro de ella pegamos el siguiente código:

<style type=”text/css”>

#toc{

width:99%; /* ancho del indice*/

margin:5px auto;

}

.labl{

 

font-weight:bold; /* grosor de la fuente*/

margin:0 -5px;

padding:8px 0 2px 11px;

background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#A5D2D9),color-stop(1,#fff)); /* color del fondo de la etiqueta*/

border:1px solid #A5D2D9; /* color del borde*/

-moz-border-radius:4px;

-webkit-border-radius:4px;

}

.labl a{

color:#fff; /* color de la letra de la etiqueta*/

text-transform: uppercase; /* esta en mayúscula*/

font-size: 20px; /* tamaño de la letra*/

}

.labl:first-letter{

text-transform:uppercase;

}

.new{

color:#95D9DA; /* color de la palabra New*/

font-weight:bold; /* grosor de la letra*/

font-style:italic; /* estilo de la letra*/

font-size: 20px; /* tamaño de fuente*/

}

.postname {

font-family: Raleway; /* tipo de fuente*/

font-size: 14px; /* tamaño de fuente de cada post*/

text-transform: lowercase; /* letra en miniatura*/

list-style: initial;

}

.postname li{

border-bottom: #A5D2D9 1px solid; /* linea que separa los posts*/

margin-right:5px

}

</style>

<br />

<div id=”toc”>

<script src=”https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/” type=”text/javascript”></script>

<script src=”http://www.ingeniodiy.es/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc”>

</script></div>

 

El el lateral de la nueva pagina desactiva los comentarios para que ningún lector irrumpa con alguna pregunta en el listado de los post.Lo que tendrás que cambiar es lo que te dejo en verde por la dirección de tu blog. Al lado de cada código CSS te deje lo que puedes modificar con una frase que explica que contiene.