Tag Archives: CSS

Agregar Metatags para indexarse mejor a Google, Blogger


Cuando elaboramos nuestro Website o blog, una de las primeras inquietudes que nos surge, que deseamos solucionar con la mayor brevedad posible, es querer que nuestro trabajo, esfuerzo, escritos etc. tenga presencia en los distintos buscadores: motores de búsqueda. Es muy lógico que sea así, pues con ello nos “aseguramos” tener un mayor número de visitas. Por otra parte, todos queremos estar bien posicionados en los motores de búsqueda.

Una forma de posicionarse bien en los motores de búsquedas como google es agregando Metatags, que son como las claves que ponemos para que google las busque y conozca mejor la temática de tu sitio:

Un ejemplo de los metatags de mi sitio Series-Anime.net:

  1. <!--©2008 Series-anime.net-->
  2.  
  3. <title>Series-anime.net</title>

*Edita el anterior código conforme a tu blog y debes añadir las meta-tags siempre bajo la etiqueta de apertura .

–Una forma más simple de agregar metatags en el blog es de la siguiente manera–

1.-Entra a tu panel de blogger y te vas a plantilla y después a edición HTML.

metatags_index_google_1.jpg

2.- Tienes que buscar el siguiente código:


<title><data:blog.pageTitle/></title>

3.- Bajo a este código tienes que pegar los siguientes metatags:

  1. <!-- Metatags de la página principal -->
  2. <b>
  3.  
  4.  
  5. </b>
  6.  
  7. <!-- Metatags de cada página de etiquetas -->
  8. <b>
  9.  
  10.  
  11. </b>

4.- Claro que antes que pegarlo tienes que completar lo que te dice, según la descripción de tu blog. Un ejemplo si quedará en mi sitio series-anime.net

  1. <!-- Metatags de la página principal -->
  2. <b>
  3.  
  4.  
  5. </b>
  6.  
  7. <!-- Metatags de cada página de etiquetas -->
  8. <b>
  9.  
  10.  
  11. </b>

-Ahora a los bots de google les será mas fácil encontrar tu Website y este se colocará en lugares más prestigiosos.

metatags_index_google_2.jpg

Como ”justificar” los textos de todas las entradas de Blogger


Seguramente ustedes no justifican todas las entradas de blogger, por que aveces simplemente se les pasa por alto, algo que se ve mal si tienes un blog de alto pagerank o reconocimiento.

justificar.jpg

Una forma de justificar de manera fácil todas las entradas del blog sin tener que estar justificando una por una es como muestro a continuación:

Nota: Probado con plantillas predeterminadas Blogger, puede que no funcione en algunas modificadas

#Busca en tu plantilla Blogger el siguiente código:

  1. #outer-wrapper

#Te va a aparecer algo así (nota: puede que no aparezca exactamente igual, pero debe aparecer debajo de la linea de código que buscaste anteriormente):

  1. #outer-wrapper {
  2. margin: 0 auto;
  3. width: 760px;
  4. text-align: left;
  5. font: normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif;
  6. }

#Bien, Ahora tenemos que reemplazar la palabra left de text-align: left; por justify, y quedará de esta manera:

  1. #outer-wrapper {
  2. margin: 0 auto;
  3. width: 760px;
  4. text-align: justify;
  5. font: normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif;
  6. }

Eso es todo, ahora todas las entradas de Blogger estarán siempre justificadas sin tener que usar el botón de justificar.

-Si quieres que la información de la sidebar quede justificada tienes que buscar un código parecido a este:

  1. #sidebar-wrapper {

– Probablemente, verás debajo un código parecido a este:

  1. #sidebar-wrapper {
  2. display: inline; /* fixes a strange ie margin bug */
  3. float: right;
  4. margin-top: 0;
  5. margin-right: 3px;
  6. margin-bottom: 0;
  7. margin-left: 0;
  8. width: 219px;

-Y si no al interior del código anterior no encuentras la línea text-align: left; simplemente puedes agregarla debajo de:

  1. display: inline; /* fixes a strange ie margin bug */

-Quedaría de esta manera:

  1. #sidebar-wrapper {
  2. display: inline; /* fixes a strange ie margin bug */
  3. text-align: left;
  4. float: right;
  5. margin-top: 0;
  6. margin-right: 3px;
  7. margin-bottom: 0;
  8. margin-left: 0;
  9. width: 269px;

-Y nuevamente lo último que tenemos que hacer es cambiar el left por justify y está listo:

  1. #sidebar-wrapper {
  2. display: inline; /* fixes a strange ie margin bug */
  3. text-align: justify;
  4. float: right;
  5. margin-top: 0;
  6. margin-right: 3px;
  7. margin-bottom: 0;
  8. margin-left: 0;
  9. width: 269px;