Chica Blogger

Hoy me llegó un e-mail diciendo que John Chow me estaba siguiendo en Twitter. Que me siga John Chow no es la gran cosa, considerando que sigue a todos los que lo siguen, y aun a quienes no lo siguen con el fin de ganar más followers; al fin y al cabo, a John Chow es difícil negarle un follow.

Si nombro a John Chow, es porque me sirvió de inspiración para este post. Como podrán darse cuenta, en su fondo de Twitter promociona sus cuentas en redes sociales de la siguiente forma: midominio/redsocial. Me pareció genial, y me dije: ¡Yo también quiero!

El problema con las URLs de las redes sociales (excepto la de Twitter), es que son muy largas y difíciles de recordar. Por ejemplo, algunas de las mías son:

http://www.new.facebook.com/profile.php?id=1141071726
http://www.youtube.com/user/claudiandrea1985
http://www.flickr.com/photos/37498109@N06

Y aquí debo ser sincera: Hasta yo misma me olvido de la id de mi cuenta en Facebook, y termino diciendo: “búscame por mi correo”, lo cual funciona sólo para Facebook, y tampoco es lo mejor.

Ahora bien: hay una forma mucho más fácil de hacer que las URLs de las redes sociales que utilizo sean memorables: crear una redirección permanente para cada cuenta, a través del archivo .htaccess. Dicha redirección puede hacerse de la siguiente manera:

redirect 301 /seudosubdominio destino

Por ejemplo:

redirect 301 /facebook http://www.new.facebook.com/profile.php?id=1141071726
redirect 301 /youtube http://www.youtube.com/user/claudiandrea1985
redirect 301 /flickr http://www.flickr.com/photos/37498109@N06

El resultado:

• http://chicablogger.com/facebook
• http://chicablogger.com/youtube
• http://chicablogger.com/flickr
• Etcétera

Es algo muy simple de hacer, pero que puede marcar una gran diferencia: URL’s cortas, fáciles de recordar para cualquiera, y la posibilidad de promocionar mi blog cada vez que revelo mi cuenta en alguna red social.

Vía OrangeScale

Los íconos son parte esencial de cualquier blog, y pueden llegar a mostrar la personalidad de quien escribe (necesitaba justificar mi addicción a ellos de alguna forma). Siempre trato de buscar íconos creativos para utilizarlos en un momento dado, o para utilizarlos más tarde. Aquí, una buena dosis de ellos:

• WILD TWIST. 19 íconos en formato *.png, 64×64, 100×100 y 346x346px. Uso personal.
  
  

• CUTE BIRDY: 7 íconos *.png, 100×100 píxeles. Uso personal.
  
  

• SOCIAL 2 DUO. Los primeros íconos con tecnología dual core. 10 íconos *.ico. Tamaños: 28×128 48×48 32×32 y 16×16 px. Uso personal y comercial.
  
  

• COLORSTROKED ICON PAC: 29 íconos *.png de 150×150 px que parecen hechos a mano. Para el escritorio y el blog. Uso personal.
  
  

• PAPER FEED ICONS.10 íconos. Formato *.png, cuatro tamaños distintos (48×48, 64×64, 128×128 y 256×256 px). Libres para uso personal y comercial.
  
  

• MY RSS LOGOS. 3 íconos en formato *psd. CC: No comercial, no trabajos derivados.
  
  

• RSS ICONS (MINIMAMENTE). 21 íconos en formato *.png, 512×512 píxeles. Totalmente libres.
  
  

• SOCIAL MEDIA ICONS (PLECHI). 16 íconos vectoriales en dos versiones, formato *.eps. Uso personal.
  
  

Hace un tiempo leí un artículo que decía que Blogger no es bueno para el SEO porque no permite incluir etiquetas, sólo categorías. No obstante, a pesar de que para Blogger no existan plugins como All in one SEO pack, siempre es posible aplicar pequeños trucos para optimizar el posicionamiento en buscadores.

Magz Network publicó una pequeña guía SEO que puede aplicarse fácil y rápidamente a cualquier plantilla, y que se basa fundamentalmente en utilizar los siguientes trucos:

1. Cambiar la forma en que se muestran los títulos del blog

Normalmente, éstos se muestran como Título del blog: título del post (al ver posts individuales), pero la idea es que éstos se muestren como Título del post | Título del blog. Para ello, es necesario buscar al inicio de la plantilla:

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

Y reemplazar por

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

2. Meta keywords & meta description

Añadir meta keywords y meta description sólo para la página de inicio, con condicionales. De esta forma, Google no detecta meta keywords y description duplicados.

Para ello, buscar (también al inicio de la plantilla):

<b:skin><![CDATA[/*

Y añadir el siguiente código antes:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="La descripción de tu blog" />
<meta name="keywords" content="keyword1, keyword2, keyword3, keyword4, keyword5" />
</b:if>

3. Cambiar encabezados (en los títulos de los posts)

Usar encabezados H1 para los títulos de los posts (con condicionales), en vez de H2 ó H3 (como en la plantilla mínima). Para ello, es necesario hacer dos cambios:

En los estilos (en la plantilla mínima), buscar algo como:

.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:$titlecolor;
}
 
.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:$titlecolor;
  font-weight:normal;
}
 
.post h3 strong, .post h3 a:hover {
  color:$textcolor;
}

Reemplazar por:

 
.post h3, .post h1 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:$titlecolor;
}
 
.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:$titlecolor;
  font-weight:bold;
}
 
.post h1 a, .post h1 a:visited, .post h1 strong {
  display:block;
  text-decoration:none;
  color:$titlecolor;
  font-weight:bold;
}
 
.post h1 strong, .post h1 a:hover {
  color:$textcolor;
}

Luego, con los artilugios expandidos, buscar el siguiente código:

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Y reemplazar por:

<b:if cond='data:post.title'>
 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1><b:else/>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
 
</b:if>

4. Cambiar el encabezado principal (título del blog)

Buscar:

#header h1{
  margin:5px 5px 0;
  padding:15px 20px .25em;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  font: $pagetitlefont;
}

Cambiar por:

#header h1, #header h2 {
  margin:5px 5px 0;
  padding:15px 20px .25em;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  font: $pagetitlefont;
}

Y cambiar el contenido de la sección header-wrapper (etiquetas “div” incluidas) por:

<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Plantilla de pruebas (cabecera)' type='Header'>
<b:includable id='title'>
  <b:if cond='data:blog.pageType == &quot;index&quot;'><h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
  <b:else/><h2><a expr:href='data:blog.homepageUrl'><data:title/></a></h2></b:if>
</b:includable>
<b:includable id='description'>
 <div class='description'>
    <p class='description'><data:description/></p>
  </div>
</b:includable>
<b:includable id='main'>
  <b:include name='title'/>
  <b:include name='description'/>
</b:includable>
</b:widget>
</b:section>
    </div>

Y para finalizar, siempre es recomendado mostrar los posts relacionados y botones para redes sociales.

Fuente: Complete SEO Guide for Blogger Templates.

Es increíble, pero hay gente a la que le encanta la failwhale de Twitter. Tanto así, que tiene su propio fans club, y en internet podemos encontrar merchandising relacionado con ella, como tazas, camisetas, chapitas, etc. (incluso hay más alguien que se hizo un tatuaje con ella).

Si te gusta la ballenita que aparece cada vez que Twitter colapsa y quieres llevártela a tu escritorio, puedes instalar uno de estos coloridos wallpapers. Quién sabe, quizás ya sea hora de acostumbrarse a ella y adorarla.

Casi todos los wallpapers están disponibles para widescreen, pero puedes redimensionarlos o ajustarlos a tu escritorio.

Wallpapers de Dache

De @G_Obieta

En Deviantart

De @Cheth

* En el blog de Cheth hay más variedad de colores.

Mi favorito

En un blog o bitácora personal es donde compartimos literalmente cualquier cosa relativa a nuestros intereses y nuestra individualidad. Cuando estamos acostumbrados a los blogs personales y blogs temáticos, resulta extraño encontrase con el concepto de “blog pareado“.  En el marco de este nuevo concepto, nace LoveLogger: la primera plataforma de blogs pareados, manejada por SweetCircle. No es un blog compartido, son dos juntos en uno solo, donde dos personas comparten experiencias, intereses y vivencias, y cualquier cosa que puedan hacer juntos.

Pudiera parecer que es un blog sólo para novios o esposos, pero es un blog para parejas, en el amplio sentido de la palabra: tú y tu mejor amigo(a), tú y tu mamá o papá, tú y tu hermano(a), tú y tu compañero(a) de trabajo, tú y quien quieras. En fin, para registrar un blog en LoveLogger, sólo se necesitan dos personas que tengan algo en común. Tanto el diseño como los perfiles son personalizables, y tienes la posibilidad de integrar Twitter y Flickr al blog, además de conocer a otras personas (opera también como red social) y añadir a tus parejas favoritas.

Aunque no sé si realmente llegue a tener éxito, no deja de parecerme una interesante manera de guardar un historial de una relación.

Enlace: LoveLogger | Demo | Vía: MoMB