Blogger

Blogger quiere mejorar

Publicado por Claudia en abril 24, 2009

ren_and_bloggerRecientemente Blogger anunció en BloggerBuzz la creación de un foro para recibir sugerencias de sus usuarios, conscientes de que muchas veces las mejores ideas provienen de los millones de personas que utilizan el servicio. Por lo tanto, puede ser una buena oportunidad para sugerir nuevas características y gadgets que quieres que sean incorporados próximamente.

Algunos cambios que podría hacer Blogger (según quienes han posteado en el foro):

  • Mejoras al sistema de comentarios. Responder a comentarios específicos, votar comentarios. Integración de gravatar.
  • Opción de suscribirse a los comentarios de cada post (notificación vía e-mail).
  • Inclusión de páginas estáticas, como en WordPress.
  • Filtros anti-spam.
  • Feedburner accesible desde el panel de Blogger.
  • “Leer más” incluido en las plantillas.
  • Un perfil Google en vez de un perfil Blogger.
  • Posibilidad de subir múltiples archivos, como javascript.
  • Más plantillas, una gran variedad. especialmente para quienes no saben mucho de HTML ni CSS. Plantillas con tres columnas.
  • Jerarquía para categorías (subcategorías).

En general, estoy muy de acuerdo con las peticiones y sugerencias que he visto hasta el momento (curiosamente, muchas peticiones me suenan a “por favor, conviertan Blogger en un WordPress.com con CSS editable”). Sin embargo, tengo mis propias sugerencias (dejé mis posts por ahí, como ChicaBlogger.com): Añadir tags (etiquetas), más plantillas (completamente widgetizadas, sería ideal que tuvieran una barra de menú), una navbar que sea sólo vista por el dueño de cada blog, e incorporación de gadgets más útiles que la gran cantidad de juegos que hay (posts populares, Twitter, Flickr, por ejemplo).

El foro estará abierto hasta el 14 de mayo, y todo aquel que quiera aportar puede hacerlo (en inglés) con su cuenta de Gmail, ya sea contribuyendo con nuevas ideas o votando por las ya existentes.

Sería genial que Blogger nos sorprendiera con un nuevo diseño (nunca se sabe), e incorporara gran parte de las mejoras sugeridas. Al menos, pareciera que sí quieren escucharnos. Bien dicen que en pedir, no hay engaño.

Tags:
Wordpress

Crea tu propio acortador de direcciones en WordPress

Publicado por Claudia en abril 22, 2009

scissorscuttingpaperLos servicios acortadores de URLs son de uso popular, especialmente entre quienes utilizamos Twitter. Estos servicios son innumerables (incluyendo al conocido TinyURL), y aunque son enormemente útiles, presentan dos grandes desventajas:

1. Al utilizar un servicio externo estamos fortaleciendo determinada marca y llevando usuarios hacia tal servicio, sin ganar nada a cambio.

2. Siempre existe el riesgo de que nuestras URLs sean borradas o cambiadas de destino.

Son razones más que suficientes para pensar en tener nuestro propio acortador de direcciones, cosa nada complicada y que nos permitirá promocionar nuestro dominio y almacenar las URLs generadas en nuestro servidor.

Para crear nuestro propio acortador de direcciones sólo necesitamos dos cosas: (1) Un blog manejado bajo WordPress.org (propio dominio, propio hosting); y (2) un plugin llamado Link Shortcut.

Si instalamos y activamos el plugin, en teoría, ya tenemos nuestro acortador de URLs. Sin embargo, antes de instalarlo es necesario hacer una precisión: El plugin hace redirecciones 302, y es mejor configurarlo para que haga redirecciones 301 (no es estrictamente necesario, pero sí muy recomendado), por una cosa de SEO. Por ello, luego de descargar y descomprimir el plugin, en la carpeta lib debemos buscar el archivo Linkshortcut.php, y ubicar la siguiente línea:

wp_redirect($final_destination);

Ahora, reemplazaremos esa línea por:

wp_redirect($final_destination,301);

Una vez hecho eso, estamos en condiciones de instalar el plugin Link Shortcut, que nos permitirá acortar cualquier dirección (sea de nuestro sitio o cualquier otro), pudiendo elegir entre números y letras al azar o algún nombre breve para cada URL, tal y como cualquier otro acortador.

Configuración

Instalado y activado el plugin, en el menú Opciones debemos configurarlo (Link Shortcut Options), de la siguiente manera:

  • En el campo Character Length ponemos el número de caracteres que tendrá nuestra URL acortada (por defecto = 8), sin considerar el nombre de nuestro dominio con http (sin www) y slash al final. Y aquí es necesario hacer otra precisión: Si queremos URLs para usar en Twitter, debemos pensar en un máximo de 30 carácteres.

Por ejemplo:
http://chicablogger.com/ = 24 caracteres. Por lo tanto, el número máximo que puedo poner Character Lenght es 6 (yo elegí 4).

  • Dejamos en blanco el campo Subdirectory y Guardamos los cambios.

Usando el plugin

En el menú Link Shortcuts > Add New (bajo el menú Opciones) veremos:

shortcut2

Los campos a completar son bastante intuitivos:

  • Shortcurt URL: Elegimos entre generar una URL al azar o usar un nombre determinado para ella.
  • Web Address to Shortcut: La URL que queremos acortar.
  • Shortcut Name: La descripción de la URL que será guardada en nuestro panel de administración (sólo para fines prácticos de organización e identificación posterior de cada destino).

Finalmente, presionamos el botón Add Link Shortcut y volvemos al menú Link Shortcuts > Link Shortcuts, donde aparecerán nuestra(s) URL(s) generada(s), de la siguiente forma:
shortcut3

Conclusión

Las ventajas de la utilización de este plugin son evidentes: promoción de nuestro dominio como marca con URLs cortas y SEO-amigables, manejo y edición de los links generados desde el panel de administración y uso exclusivo y personal, lo cual aumenta la credibilidad de las URLs que utilizamos.

Vía:
OutspokenMedia

Tags: ,
Wordpress

Usar URLs cortas en redes sociales mediante .htaccess

Publicado por Claudia en abril 17, 2009

redirect_signHoy 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:

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

Tags: ,
Iconos

8 originales sets de íconos para tu blog

Publicado por Claudia en abril 17, 2009

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.
    wild-social-media-icon-pack1
  • CUTE BIRDY: 7 íconos *.png, 100×100 píxeles. Uso personal.
    cute-birdy-icons1
  • 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.
    social2
  • COLORSTROKED ICON PAC: 29 íconos *.png de 150×150 px que parecen hechos a mano. Para el escritorio y el blog. Uso personal.
    colorstroked
  • 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.
    paper_feed_icons_by_narjisnaqvi1
  • MY RSS LOGOS. 3 íconos en formato *psd. CC: No comercial, no trabajos derivados.
    my_rss_logos_by_corpse_keeper1
Tags: , ,
Blogger

SEO para usuarios de Blogger.com

Publicado por Claudia en abril 16, 2009

SEOHace 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.

Tags: