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:
https://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: ,
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: