coge la información y corre

Consejos de Posicionamiento para aplicaciones Web

30 de Noviembre del 2008 Escrito por Alex Barros

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:

Categorias: Internet, SEO, Wordpress | 1 comentario »

Imaset y Wordpress 2.6

19 de Julio del 2008 Escrito por Alex Barros

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.

Categorias: Aplicaciones, Imagen Digital, Plugins, Wordpress | 5 comentarios »

Efecto 3DReflect para Imaset

15 de Diciembre del 2007 Escrito por Alex Barros

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.

Cielo Abstracto

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.

  1. <filter>
  2.         <name>3DReflect</name>
  3.         <category>decoration</category>
  4.         <parameters>
  5.                 <pa>$s=30</pa>
  6.                 <pa>$oi=60</pa>
  7.                 <pa>$pr=25</pa>
  8.         </parameters>
  9.         <function>
  10.                 //controlo los limites
  11.                 $s = $imaset->lim($s,300,1); //tamaño
  12.                 $oi = $imaset->lim($oi,100,5); //opacidad inicial
  13.                 $pr = $imaset->lim($pr,100,0); //profundidad
  14.  
  15.                 $sx = imagesx($im);
  16.                 $sy = imagesy($im);
  17.                 if($s>$sy) $s = $sy-1;
  18.                
  19.                 $x = $sx+2*$pr;
  20.                 $y = $sy+$s;
  21.  
  22.                
  23.                 $reflekt = imagecreatetruecolor($x,$y);
  24.                 $color = imagecolorallocate($reflekt, $imaset->Red,$imaset->Green,$imaset->Blue); //Fondo
  25.                 imagefilledrectangle($reflekt, 0, 0, $x, $y, $color); //Relleno el fondo       
  26.                 imagecopy($reflekt, $im, $pr, 0, 0, 0, $sx, $sy);
  27.  
  28.                 $reflekt = $imaset->resize($reflekt,‘200%’,); //resize al doble por mejorar calidad
  29.  
  30.                 //hago el efecto conico de reflejo
  31.                 for($i=0;$i<=$s*2;$i++)
  32.                         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);
  33.                
  34.                 $reflekt = $imaset->resize($reflekt,‘50%’,); //resize a la mitad
  35.  
  36.                 //finalmente creo el efecto transparencia con una imagen comodin
  37.                 $bla = imagecreatetruecolor($x,1);
  38.                 $color = imagecolorallocate($bla, $imaset->Red,$imaset->Green,$imaset->Blue); //Fondo
  39.                 imagefilledrectangle($bla, 0, 0, $x, 1, $color); //Relleno el fondo
  40.                
  41.                 for($i=0;$i<$s;$i++)
  42.                         imagecopymerge($reflekt, $bla, 0, $sy+$i, 0, 0, $x, 1, 100-round($oi-($i*$oi/$s)));
  43.  
  44.                 return $reflekt;
  45.         </function>
  46. </filter>

Categorias: Código, Imagen Digital, Plugins, Wordpress | 1 comentario »

Imaset 2.1 Liberado

28 de Noviembre del 2007 Escrito por Alex Barros


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

Sigue leyendo esta entrada »

Categorias: Aplicaciones, Imagen Digital, Novedades, Plugins, Software libre, Wordpress | 35 comentarios »

Conseguir comentarios en nuestro Blog

17 de Octubre del 2007 Escrito por Alex Barros

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.

Sigue leyendo esta entrada »

Categorias: Código, Diseño, HOWTO/CóMO, PHP, Plugins, Web, Wordpress | 2 comentarios »

Liberada versión 2.0 estable de Imaset

1 de Octubre del 2007 Escrito por Alex Barros

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.

imaset_filtros.pngFiltros 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)

imaset_vistazo.png

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.

Categorias: Aplicaciones, Boozox, Software libre, Wordpress | 64 comentarios »

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

17 de Septiembre del 2007 Escrito por Alex Barros

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.

imaset_panel.png

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:

  1. Descomprimir .zip conservando directorios
  2. Subir por FTP a la carpeta wp-content/plugins
  3. 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)

Categorias: Aplicaciones, Código, Novedades, Plugins, Software libre, Wordpress | 3 comentarios »

1 blog cacher, alternativa a WP-Cache

14 de Septiembre del 2007 Escrito por Alex Barros

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/

Categorias: Aplicaciones, Plugins, Web, Wordpress | 2 comentarios »

Version 1.1 de Zwordpress

14 de Septiembre del 2007 Escrito por Alex Barros

zwordpress.gifHoy 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/

Categorias: Aplicaciones, Novedades, Software libre, Wordpress | No hay comentarios »

Urgente, actualizar Wordpress a 2.2.3

13 de Septiembre del 2007 Escrito por Alex Barros

yast_security.pngLeo 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.

Categorias: Internet, Software libre, Web, Wordpress | 2 comentarios »

del.icio.us meneame.net RSS

Buscar:

Bicivalencia Localiza las estaciones de Valenbisi, servicio público de bicicletas en Valencia, España. Ver más Gpsia Descubre y comparte rutas por todo el mundo, tomadas con GPS. Ver más Imaset Edita tus imágenes de Wordpress con este sencillo plugin. Ver más

¡Mi música es tuya!

Digo yo que...

Mis fotos de Flickr

Entradas Recientes

Meta:

Respeta el copyleft

,