Boozox » Wordpress

Consejos de Posicionamiento para aplicaciones Web

Alex Barros — Sun, 30 Nov 2008 20:51:03 +0000

Estos son algunos apuntes sobre posicionamiento en buscadores. Espero que os puedan servir.

Para saber qué ve Google (y resto de arañas) en tu web, busca tu dominio en Google, pulsa el enlace de “En caché” y después en “versión de sólo texto”. Si al verlo así no te parece comprensible, plantéate orientarlo un poco más para los robots y para las personas con problemas visuales.

[Ejemplo caché | Ejemplo sólo texto]

No utilices Flash ni frames, y si los usas procura que sus contenidos estén duplicados en versión texto. Por ejemplo, si el menú de navegación tiene que ser Flash, y no hay alternativa, puedes reproducir la navegación en modo de enlaces abajo del todo, sobre el pie de página.

Haz que cada título dentro de la página sea diferente, y contenga sus palabras clave más significativas. En la portada procura colocar palabras clave más generales, y cuanto más se navega, palabras clave más concretas y específicas.

En el caso que dispongas de un formulario de búsqueda, una buena idea es acompañarlo de enlaces a búsquedas comunes predeterminados. De esta forma la araña rastreará los resultados y lo incluirá en el perfil de la página.

Hay que tratar de acortar la distancia entre la home y el resto de páginas. Cuanto más lejos se va una página de su home (a través de enlaces) menos hereda su importancia. Para repartir correctamente la importancia portodas tus páginas, considera enlazar desde la home muchas zonas de tu web, por ejemplo mediante nube de tags, últimos artículos, los destacados, un directorio, etc…

Los buscadores valoran mucho también que las páginas sean ligeras, y validen su HTML.

Los títulos de cada web deben ser:

Únicos para cada página
Descriptivos de acuerdo con el contenido, conteniendo keywords
Las keywords pueden repetirse en distintos contextos para mayor alcance
No superar los 65 caracteres
Comprensibles para el usuario
Lo más importante a la izquierda = al comienzo de la frase

Generar un sitemap para nuestro sitio puede ayudar mucho a que el buscador comprenda nuestro sitio y optimice los resultados.

Puede resultar interesante posicionar fotos y vídeo relacionados, enlazándolos o haciendo referencia a nuestro sitio.

Una práctica muy efectiva es posicionarnos con las palabras clave de long tail, es decir, localizar el conjunto de palabras clave minoritarias (individualmente, pero mayores en su conjunto) con que llegan a nuestra web, y potenciarlas en los subapartados de nuestra web.
Esto puede ser mucho más efectivo que centrarnos en dos o tres tags claves que son demasiado populares para nuestra web. Además, de esta forma estamos satisfaciendo a nuestros usuarios con los contenidos que realmente les llevan a tu web.

Herramienta para buscar palabras clave y popularidad de cada una en la red.

Por último, para los usuarios de WordPress, es muy recomendable usar el plugin All in one SEO Pack, junto con el generador de XML Sitemap, además de planificar bien las jerarquias y los tags, porque son algo muy relevante en el rastreo de google.

Y SEO es todo, amigos

Enlaces:

Imaset y WordPress 2.6

Alex Barros — Sat, 19 Jul 2008 22:59:15 +0000

Según comentan en AyudaWordpress Imaset es incompatible con WordPress 2.6.

Pero yo lo he probado y sí me ha funcionado correctamente.

De modo que si tienes algún problema en Imaset, ya sea porque has cambiado de versión o por cualquier otra causa, deja un comentario en este post para que lo solucionemos cuanto antes.

Lo que sí es cierto es que Imaset explora toda la carpeta wp-content para buscar imágenes, pero no contempla el hecho de que esta carpeta se encuentre fuera de la ruta usual (hecho que permite la nueva versión de WordPress). Esto se tendrá en cuenta para próximas versiones.

Efecto 3DReflect para Imaset

Alex Barros — Sat, 15 Dec 2007 21:11:33 +0000

Acado de crear un nuevo efecto para Imaset, el 3DReflect. Si estás usando la versión 2.1, podrás utilizar este nuevo filtro subiendo un pequeño archivo XML a la carpeta “/filters” del plugin.

El filtro

El efecto es similar al ya existente de Reflejo. La diferencia es que este efecto es tridimensional, dando un efecto de profundidad.

Descargas

Descarga el archivo de filtro 3DReflect y súbelo a la carpeta “/filters” para empezar a disfrutarlo.Se adjunta también el archivo de idioma Español es_ES.php, para tener la traducción de los parámetros de este nuevo plugin (súbelo a tu carpeta “/lang”).

Código fuente

Este es el código fuente del archivo XML. Todabía no he escrito la API para desarrollar filtros de Imaset, pero con este ejemplo, puede que alguien ya se atreva a intentar algo.

3DReflect
decoration
$s=30
$oi=60
$pr=25
//controlo los limites
$s = $imaset->lim($s,300,1); //tamaño
$oi = $imaset->lim($oi,100,5); //opacidad inicial
$pr = $imaset->lim($pr,100,0); //profundidad
$sx = imagesx($im);
$sy = imagesy($im);
if($s>$sy) $s = $sy-1;
$x = $sx+2*$pr;
$y = $sy+$s;
$reflekt = imagecreatetruecolor($x,$y);
$color = imagecolorallocate($reflekt, $imaset->Red,$imaset->Green,$imaset->Blue); //Fondo
imagefilledrectangle($reflekt, 0, 0, $x, $y, $color); //Relleno el fondo
imagecopy($reflekt, $im, $pr, 0, 0, 0, $sx, $sy);
$reflekt = $imaset->resize($reflekt,’200%’,”); //resize al doble por mejorar calidad
//hago el efecto conico de reflejo
for($i=0;$i<=$s*2;$i++)
imagecopyresampled($reflekt, $im, $pr*2-($pr*$i/$s), $sy*2+$i, 0, $sy-(round($i/2)+1), $sx*2+2*($pr*$i/$s), 1, $sx, 1);
$reflekt = $imaset->resize($reflekt,’50%’,”); //resize a la mitad
//finalmente creo el efecto transparencia con una imagen comodin
$bla = imagecreatetruecolor($x,1);
$color = imagecolorallocate($bla, $imaset->Red,$imaset->Green,$imaset->Blue); //Fondo
imagefilledrectangle($bla, 0, 0, $x, 1, $color); //Relleno el fondo
for($i=0;$i<$s;$i++)
imagecopymerge($reflekt, $bla, 0, $sy+$i, 0, 0, $x, 1, 100-round($oi-($i*$oi/$s)));
return $reflekt;

Imaset 2.1 Liberado

Alex Barros — Wed, 28 Nov 2007 18:22:42 +0000

nueva version 2.2 Al fin me decido a liberar la versión 2.1 de Imaset.

El plugin lleva unas semanas finalizado, pero he estado probándolo en diferentes servidores y distintos navegadores y, dada la gran cantidad de modificaciones internas que trae este nuevo plugin, han surgido una serie de incompatibilidades.

Sin embargo he decidido lanzar esta versión, ya que la considero estable (a falta de solucionar algunos bugs) para que quien no se vea afectado por estas incompatibilidades pueda ir disfrutando.

Problemas conocidos

Fundamentalmente dos:

Dada la nueva implementación de filtros almacenados en archivos externos, hay dos filtros que en algunos servers no dan buenos resultados. Estoy trabajando en solucionarlo para posteriores versiones
No funciona en Internet Explorer 6. Esto no me sorprende… es cosa del JavaScript, y también trabajo en hacerlo compatible.

Y ahora, lo más importante:

Novedades de Imaset 2.1

Aplicación directa o personalizada. Todos los filtros pueden ser aplicados con un sólo click (con sus valores por defecto). Pero muchos de ellos incorporan también la posibilidad de personalizar a tu gusto los parámetros, así obtienes el resultado óptimo.
Navegación más rápida. En esta nueva versión es JavaScript quien tiene el papel de la navegación, mucho más que Ajax. De esta forma todas las tareas resultan el doble de rápidas.
Visualización del historial. Puedes ver los filtros que has aplicado a una imágen, y eliminar uno por enmedio que no te guste.
Filtros externos. Existen dos tipos de filtros en Imaset 2.1: los del núcleo, que son muy básicos, y una serie de filtros almacenados exteriormente en archivos, dentro de la carpeta src/. Esto permite crear nuevos filtros usando una API (que publicaré próximamente), y así añadirte nuevos filtros, subiendo un simple archivo XML
Personalización. En el archivo settings.php tienes una serie de parámetros que puedes personalizar. Los dos más importantes son el color de fondo y el idioma. El color de fondo es respetado por todos los filtros. El idioma puede ser Español, Inglés, Chino o Italiano.

Filtros disponibles:

Descoración

Sombra
Marco
Reflejo
Perspectiva
Ondular

Color

Invertir colores
Colorizar

Efectos

Desenfoque suave
Desenfoque fuerte
Encontrar bordes

Personalizado

Marca de agua
Redimensionar

Código fuente

Puedes ver el código fuente de esta nueva versión descargándotela o diréctamente en Codis.

Ejemplos de imágenes tratadas con Imaset:

Conseguir comentarios en nuestro Blog

Alex Barros — Wed, 17 Oct 2007 18:25:24 +0000

Todos los que tenemos un blog sabemos lo importante que son los comentarios. Te ayudan a continuar con tu labor, a corregir errores, a completar información, a conocer a tus lectrores, y sobre todo pasar un buen rato.

Por eso es muy importante potenciar los comentarios, y darles el valor que se merecen. Voy a explicar una serie de estrategias que pueden hacer que se comente más en tu blog, o por lo menos que sea más agradable hacerlo.

Incitar textualmente

Una buena forma de que te comenten es incitando a tus usuarios a que comenten. Esto puedes hacerlo tanto en los posts como en el propio theme.

En el post:
Una idea es finalizar el post lanzando preguntas al aire, del tipo:

Y vosotros, qué pensáis? Qué versión usaríais? Cuál os parece más (…)?

Intenta implicar a los lectores en tu post. Olvida los formalismos (si tu blog te lo permite) y no dudes en nombrar a usuarios en tus posts, por ejemplo si se ha hecho una aporatción de información.

En el theme:
También puedes llamar la atención a tus usuarios usando determinados textos en tu theme.

Por ejemplo, plantéate cambiar el clásico “Dejar un comentario” por algo más llamativo como “Aporta tu sabiduría” / “Dinos algo” / “Queremos oirte” / “Nos interesa lo que tengas que decir” / etc…

Lo fundamental es que sientan que realmente quieres oirles, que su comentario tiene un valor para el blog.

Cuidar el Diseño

Todos sabemos que el diseño es fundamental para el éxito de un blog. Hay que equilibrar siempre la estética con la usabilidad, y todo esto respetando estándares…

El theme de nuestro blog puede ser decisivo para obtener comentarios, o quedarnos en la más absoluta soledad. Algunas recomendaciones para conseguir comentarios pueden ser:

No ocultarlos
Dejar un comentario ha de ser la tarea más fácil del mundo para el usuario. No tiene que encontrar trabas, y cuantos menos campos rellene mejor. Lo fundamental es que los comentarios sean como una prolongación del post, la reacción natural a haber acabado de leer.

Facilitar lectura de comentarios
Los usuarios van a gastar parte de su tiempo en escribir un texto en tu blog, lo justo es que su mensaje quede claro, visible, y bien colocado. Una buena referencia al comentarista, con su web bien accesible, una fuente y unos colores que hagan fácil la lectura, y evitar recargar mucho esta zona.

Distinguir lo uno de lo otro
Algo que facilita mucho la lectura es el sistema de “uno sí uno no” en la lista de comentarios. Es decir, distinguir los comentarios pares de los impares.

Así conseguimos facilitar la lectura, y además dar un toque un poco más personal a cada comentario. No es lo mismo que tu comentario sea igual que el resto, a que se diferencie de sus adyacentes.

También resulta interesante diferenciar pingbacks y trackbacks, dándoles un poco menos de importancia (pero manteniéndolos presentes)

Para hacer estas dos últimas cosas en wordpress, aquí tienes un script para el archivo comments.php del theme que estés usando. (Si no conoces algo de PHP y HTML, haz copias de seguridad, no vaya a ser que montes un estropicio)

$oddcomment = "odd"; ?>
foreach ($comments as $comment) : ?>
if($comment->comment_type == "pingback" || ereg("", $comment->comment_content) || ereg("", $comment->comment_content)){?>
class="ping">
} else {?>
class="">
/* Changes every other comment to a different class */
if("odd" == $oddcomment) {$oddcomment="even";}
else { $oddcomment="odd"; }
?>
} ?>
"comment-">class="author">() ?> comment_date(‘j \d\e F’) ?> a las comment_time() ?> edit_comment_link(‘Editar’,”,”); ?> Ha dicho:
comment_text() ?>

endforeach; /* end for each comment */ ?>

Ahora puedes dar el estilo que quieras en el archivo style.css a las clases .ping (para pingbacks y trackbacks), .odd (impares) y .even (pares).

Hasta el último detalle

Si quieres conseguir más posibilidades de fomentar comentarios, puedes recurrir por último a plugins.

Hay multitud de plugins orientados a los comentarios de nuestro blog. Yo destacaré dos, con enlaces para wordpress, pero puedes buscar tú mismo los que más te convenzan, y se adapten a tu blog.

Últimos comentarios
Con este plugin puedes motivar a tus comentaristas, porque verán su texto expuesto en lugares muy visibles de la web. También puede servir para enganchar a un lector ocasional a algun hilo interesante que se haya generado en los comentarios.
[Descargar plugin]

Premiar por comentarios
Otra forma de motivar a los usuarios a comentar, es premiándoles por sus comentarios. Para esto existe el plugin RPG WordPress creado por nuestro amigo Miquel Camps. Con este plugin puedes recompensar a tus usuarios cada x comentarios, con enlaces en un lugar importante de tu blog, a lo que el usuario en cuestión decida. Una buena idea para crear comunidad.
[Descargar plugin]

Por supuesto que la mejor forma de que se comente en tu blog es crear un contenido de calidad, implicarte diariamente, conseguir enlaces, etc.

Por descontado, si este artículo os ha gustado, no dudéis en comentarlo!

Liberada versión 2.0 estable de Imaset

Alex Barros — Sun, 30 Sep 2007 22:21:42 +0000

Imaset 2.1 [English | Chinese | Italian | Spanish ]

Por fin hago pública la versión 2.0 estable y completa del plugin Imaset para controlar la estética de las imágenes.

Filtros disponibles:

Sombra
Marco
Reflejo
Brillo
Perspectiva
Ondular
Invertir colores
Escala de grises
Sepia
Colorizar
Desenfoque suave
Desenfoque fuerte
Encontrar bordes

Idiomas disponibles hasta ahora:

Inglés

(por defecto)

Español

(Lo detecta automáticamente)

Requisitos:

PHP 4+
Librería GD en el servidor
WordPress 2.x+
Buen gusto

Instalación:

Descargar imaset_2-0.zip
Descomprimir respetando jerarquia de directorios
Subir por FTP al directorio wp-content/plugins en la carpeta imaset/
Activar el plugin en el panel de Administrador
Ya esta!

Para usarlo, diríjete al panel de “Escribir Entrada”, encontrarás el botón para usarlo justo encima del Upload de archivos.

Usarlo es enormemente sencillo, el programa mismo os guiará.

Espero que me comentéis cómo os ha ido, y si tenéis algún problema.

Imaset: Editor de imágenes para WordPress (Beta1)

Alex Barros — Mon, 17 Sep 2007 03:08:54 +0000

Hoy os tengo preparado un plugin para wordpress.

Se llama Imaset, y consiste en un sencillo y completo editor gráfico de tus imágenes almacenadas en WordPress.

La versión que publico ahora mismo, en Codis, es la versión 2.0 Beta 1. Es decir, existen algunos fallos tontos, y se está trabajando en quitarlos de enmedio, pero si alguno de vosotros se lo instala, lo prueba, y comenta la experiencia, mejor; y si aporta soluciones de código, mejor que mejor.

La idea es pulir esta versión antes de hacerla pública a una escala mayor.

Requisitos para instalar Imaset:

PHP 4+
WordPress 2.2+
Biblioteca GD para PHP

Para desarrollarlo me hice valer, sobre todo, de este material:
http://php.net/
http://codex.wordpress.org/ (AJAX)
http://www.emanueleferonato.com/2007/08/22/create-a-lightbox-effect-only-with-css-no-javascript-needed/
http://www.anieto2k.com/2007/07/06/imagescontrolsize-somete-tus-miniaturas-a-voluntad/

Podéis descargar el plugin desde la página de Codis. Para instalarlo, lo típico:

Descomprimir .zip conservando directorios
Subir por FTP a la carpeta wp-content/plugins
Ir a Plugins en el dashboard, y activar

Para usarlo, una vez instalado, aparecerá un botón entre el editor de texto y la ventana de subir archivos. Hay que pulsar en él y comenzar la aventura.

Espero vuestras respuestas!

P.D.: La imágen que acompaña a este post, ha sido manipulada con Imaset (el marco)

1 blog cacher, alternativa a WP-Cache

Alex Barros — Fri, 14 Sep 2007 11:21:58 +0000

Acabo de descubrir este plugin de WordPress, basado en WP-Cache de Ricardo Galli y HTML cache creator de Jiandong.

Al parecer tiene mejores características, y más opciones en la configuración que el famoso WP-Cache. Por ejemplo, no cachea la página para los usuarios registrados, puedes controlar qué URL cachear, la caché se actualiza al escribir, editar o borrar entradas y comentarios…. etc.

En Boozox vamos a probarlo, a ver qué tal va.

Enlace: http://es.1blogcacher.com/

Version 1.1 de Zwordpress

Alex Barros — Fri, 14 Sep 2007 00:00:52 +0000

Hoy mismo, nuestro amigo Gafeman de Viciao2k3 ha publicado la última versión de Zwordpress.

Este plugin para Firefox incluye muchas facilidades para administrar nuestro blog de WordPress, mediante un menú en nuestra ventana de Firefox, y facilitando una serie de atajos de teclado.

La última versión está traducida a 7 idiomas, y permite la administración de varios blogs simulánemente.

Para instalarlo, sigue estas sencillas instrucciones:
http://www.viciao2k3.net/blog/wordpress/nueva-version-de-zwordpress-11/

Urgente, actualizar WordPress a 2.2.3

Alex Barros — Thu, 13 Sep 2007 15:20:18 +0000

Leo en Sigt que existe un exploit muy peligroso que ataca múltiples versiones de WordPress (2.2, 2.2.2, 2.0.5, 2.0.6, 2.1, …)

En la noticia original apuntan que cerca del 50% de los blogs administrados con WordPress están en riesgo por este programa malicioso.

De modo que si estás usando una versión anterior a la 2.2.3, ya sabes: A actualizar.