Recursos gratuitos, SEO y optimización

Official Google Blog: +1’s: the right recommendations right when you want them—in your search results

2011-03-31T00:00:00.000+02:00

Official Google Blog: +1’s: the right recommendations right when you want them—in your search results

Encuentros

2010-11-01T19:24:00.000+01:00

Hoy os presentamos la nueva versión de Encuentros de Perfiles Msn. Encuentros apuesta por una forma sencilla, rápida y agil para ligar o conocer gente interesante, dandote a conocer simplemente con un clic.

Basandose en los criterios geográficos facilitados por el usuario en el registro, el sistema muestra posibles mujeres y hombres, candidatos; que cumplan los criterios de busqueda establecidos por el usuario. Estos criterios se han resumido a la minima expresión, gracias a que el sistema muestra exclusivamente usuarios dentro de los niveles geográficos más cercanos del usaurio de forma automatizada; por lo que tan solo se ha de establecer una edad minima y máxima para comenzar a ver candidatos.

Lo realmente interesante del sistema es que siempre muestra nuevos candidatos, ya sean mujeres o hombres. Los candidatos descartados, no volverán a aparecer jamás en el sistema y si en algún momento el usuario decide dejar jugar a Encuentros, cuando vuelva el sistema recordará el punto en el que se a quedado mostrandole siempre el candidato en el que había avandonado el sistema.

Los único que se necesita para comenzar a conocer gente en Encuentros, es completar el sencillo formulario de regístro y subir una fotografía personal real en la que se aparezca claramente.

Content slider: Blockster

2010-07-15T18:39:00.001+02:00

Blockster es un script de transición diseñado para presentar contenidos recomendados con rotaciones o si lo prefieres, para presentaciones de diapositivas.

Su concepto básico es la transición entre un elemento con el siguiente bloque a bloque, dividiendo el contenido en pequeñas porciones y efectuando la carga de las mismas de forma aleatoria o de forma ordenada.

Es altamente personalizable en términos de cuántos bloques están involucrados, si se aplica o no un fadeIn de entrada o simplemente aparecen, si aparecen en orden o aleatoriamente, y muchas opciones más para conseguir la personalización deseada.

Requisitos: jQuery
Compatible con: Navegadores de este siglo
Fuente: http://www.mitya.co.uk/scripts/Blockster-transition-effect-122

SEO: Mejorar clasificación reduciendo tiempo de carga

2010-06-23T12:12:00.000+02:00

Hace unos meses, Google anunciaba de forma oficial en su blog que uno de los hitos que considera a la hora de efectuar la clasificación de las páginas en su índice, no es otro que el tiempo de carga de la página.

Puede resultar abstracto e incluso algo confuso el hecho de esperar que reducir el peso y tiempo de carga de nuestros proyectos pueda llegar a tener una representación favorable en la clasificación de los resultados, sobre páginas que pueden ostentar una clasificación estable por encima de nuestra actual posición, pero nada más lejos de la realidad.

Antes de comenzar a eliminar líneas de código y reducir nuestros contenidos, hemos de ser conscientes de que el tiempo de carga puede o no guardar relación con el peso de nuestras páginas. Por lo que antes de comenzar a eliminar fragmentos o secciones hemos de realizar un análisis de que hace que nuestras páginas más pesadas a nivel de carga.

Pero ¿cómo mejoro la carga de mis páginas? Para efectuar una depuración acertada en la carga de nuestras páginas, podemos revisar de base los siguientes elementos:

Script's de sistemas de publicidad
Uno de los sospechosos habituales en el retraso de las cargas de las páginas es sin lugar a dudas los scripts de sistemas de publicidad y la sobrecarga de estos elementos en determinadas páginas. Para corregir esto sin perder bloques de publicidad, una buena practica es efectuar la carga de estos mediante el uso de IFRAMES. Ya que la carga de los mismos, no entorpecerán la carga del resto de la página.
Carga de imagenes pesadas
Otro de los factores que pueden retrasar la carga de nuestras páginas es una mala optimización de las imagenes a mostrar en ellas. En muchos casos, con el fin de evitar perdidas de calidad, nos vemos obligados a trabajar con archivos de imagenes muy pesados. Con el fin de evitar la perdida de calidad y mejorar la carga de nuestras imagenes, es importante incorporar de plugins o scripts de optimización de imagenes, con el fín de realizar reducciones o miniaturas de nuestros archivos de imágenes y mejorar notoriamente la carga de las mismas.
Procesos innecesarios
Revisar nuestro código en busca de procesos innecesarios en la carga de determinadas secciones o páginas es un buen ejercicio, ya que podemos detectar númerosos archivos CSS o JS innecesarios para el correcto funcionamiento y visualización de muchas secciones o páginas de nuestros proyectos.

Incluso podemos llegar a encontrar fragmentos de código, del lenguaje de programación empleado; que son completamente innecesarios en determinadas páginas o secciones. Con el fin de evitar esta carga innecesaria, debemos identificar los elementos necesarios para cada una de nuestras secciones / páginas y efectuar una carga selectiva de los elementos que necesita cada una de ellas.

Si tras reducir la carga de estos tres elementos continuamos experimentando un tiempo de carga excesivo en nuestras páginas, quizás sea un buen momento parar plantearnos si el problema no se encuentra en nuestra empresa de hosting o si el plan contratado se ajusta al tráfico actual que recibimos.

SEO: Mejorar clasificación por densidad de palabras clave

2010-06-23T11:04:00.001+02:00

En experimentos anteriores, realizamos determinados cambios en la confección de las URL optimizadas y en los sospechosos habituales (título y descripción) para mejorar el posicionamiento de uno de mis proyectos Ahora tras unos cuantos meses de estabilidad y otros tantos de fluctuaciones de una o dos posiciones arriba / abajo, vamos a intentar dar un empujón a esta sección agregando mayor densidad a las palabras clave a posicionar.

Cómo siempre, hemos de ser conscientes de que tenemos dos frentes reales en los que pensar a la hora de añadir una mayor densidad de palabras clave en una de nuestras páginas o secciones, ya que una cosa es lo que puedan interpretar los motores de búsqueda y otra, no menos importante, es redactar un texto legible para los usuarios potenciales.

Es quizás más importante, para mí; la redacción de textos orientados a humanos que a los motores de búsqueda, ya que independientemente de la posición que lleguemos a conseguir en la clasificación de resultados, la lectura y comprensión por parte de los lectores de estos resultados, pueden influenciar en su decisión a realizar clic en un resultado superior o inferior.

Para conseguir una lectura ideal para ambos (humanos y motores de búsqueda), lo primero que hemos de localizar es la zona ideal en la que colocar el texto que recoja nuestras palabras clave a posicionar; y en este sentido; pensar como si fuéramos cualquier motor de búsqueda, por lo que realizaremos una lectura secuencial de nuestro código con el fin de localizar la primera área viable para incluir nuestro nuevo texto.

Si hemos hecho los deberes y optimizado nuestro código, no debe alejarse mucho de la cabecera de nuestro proyecto, algo ideal si pensamos como un motor de búsqueda, ya que tras leer el titulo, la descripción, las key-words y quizás alguna etiqueta de cabecera, encontrará un texto en el que aparecen nuestras palabras clave.

La construcción del mensaje que incorpore nuestras palabras clave a posicionar, ha de estar completamente orientado a los seres humanos, ya que al ser el primer texto en el que se encuentren nuestras palabras clave, pueden reflejarse en los resultados de búsqueda. Para ello tan solo nos hace falta meditar un poco, tener algo de sentido común y no colocar nuestras palabras clave al "tun-tun", sino dentro de una redacción completamente legible de cara a cualquier lector y empleando (al ser posible) una redacción simple y clara.

Una vez localizado y redactado nuestro primer texto; iremos un poco más haya y realizaremos el mismo ejercicio de búsqueda pero en la parte final de nuestro documento, con el fin de agregar un nuevo texto que contenga nuestras palabras clave, pero obviamente con otro texto/mensaje.

Realizando estas dos sencillas modificaciones, hemos ganado densidad en nuestras palabras clave a posicionar de forma natural y ofreciendo una lectura comprensible tanto para los motores de búsqueda así como para los humanos.

La practica

Como buen aprendiz, voy a realizar este simple ejercicio en uno de los proyectos en los que ya he realizado alguna de las pruebas aquí mencionadas, con el fin de agregar tanto un texto al principio cómo al final, con el fin de aumentar la densidad de las palabras clave a posicionar.

Nuestra sección, tras los últimos experimentos; se encuentra en la 3ª posición de resultados de búsqueda por una determinada palabra clave y anda fluctuando desde hace largo tiempo en la 6ª +/- 7ª posición por otra de las palabras clave a posicionar desde hace ya largo tiempo (muchos meses).

El objetivo es claro, ganar posiciones en la clasificación de resultados. Y aunque sería arriesgado realizar una estimación sobre cuantas posiciones podemos llegar a mejorar, yo me lanzo y digo que 2 posiciones para la spalabras clave peor posicionadas (de 95.000.000 de resultados).

COMETCHAT

2010-06-21T03:36:00.003+02:00

Tras meses sufriendo las interrupciones de servicio de toska como sistema gratuito de chat en uno de mis proyectos, me lance a la busqueda de un sistema de chat, que fuera rápido, ágil y versatil en la personalización y de bajo coste con el fin de que me ofreciera una alta integración.

Ya puestos a pedirle al genio, pense que la mejor alternativa no era inventar la rueda sino implantar un sistema similar al presente en las principales redes sociales (facebook, tuenti, etc). Y en realidad, esa alternativa éxiste y se llama cometchat

Cometchat no requiere de un gran soporte de hardware para correr de forma optima y tan sólo necesita PHP / MySQL para efectuar la instalación y operar correctamente. Los recursos consumidos son infímos y nos permite, tras efectuar un correcto análisis de la estructura de los archivos de configuración y la documentación relacionada; efectuar una integración total con nuestra comunidad, ya sea un CMS estandar o un desarrollo personalizado (como fue mi caso).

La versatilidad de cometchat puede llegar a extremos insospechados, en los cuales podemos llegar a tomar decisiones tales como mostrar la lista de usuarios conectados o limitarla a grupos o listas de favoritos / amigos, modificando simplemente una consulta en el archivo de configuración.

Fuente: Cometchat
Demo: Vota mi cuerpo (requiere regístro)
Descarga: http://www.cometchat.com/

OPTIMIZACIÓN: Más haya del titulo, la url y la descripción

2010-06-08T15:31:00.002+02:00

Dentro de los parámetros más comunes a la hora de efectuar una correcta optimización de nuestras páginas de cara a escalar posiciones en las busquedas orgánicas de los principales motores de busqueda, tendemos a atacar siempre a los sospechosos habituales.

Entre estos sospechosos, nos encontramos los siguientes:

Título de la página
Meta-Descripción
Optimización de URL

Como es habitual, intentamos ganar densidad de las palabras clave a posicionar en estos 3 elementos, pero en ocasiones, tendemos a olvidar que lo que hace que Google sea uno de los mejores motores de busqueda, no es otra cosa que su capacidad de análisis y captura de los contenidos de nuestra página.

Si nuestra meta es conseguir un mejor posicionamiento, tendremos que dar densidad a las palabras clave en nuestro contenido, empleando atributos HTML tales como:

h1/h2 - Para resaltar los titulos relevantes
alt - Para nuestras imagenes
title - Para nuestros enlaces e imagenes.

Tanto para nuestros enlaces como para nuestras imágenes, el uso de estas etiquetas harán ganar densidad y relevancia a nuestros contenidos en relación a las palabras clave a posicionar, haciéndo que la optimización y lectura de nuestros textos y de nuestra meta-description sea lógica tanto para los motores de busqueda y, al mismo tiempo; legible y comprensible de cara a los usuarios finales.

Excel - Como eliminar Sheets de forma rápida

2009-11-06T11:22:00.002+01:00

Supongamos que debemos realizar una tarea recurrente en la que una de las acciones a realizar es la eliminación de todas las hojas existentes en un libro exceptuando una o varias hojas localizadas. Si nuestro libro contiene muchas hojas, puede llegar a resultarnos una tarea pesada no por complejidad, sino por la perdida de tiempo que nos puede llegar a ocasionar la localización y supresión de las hojas que no necesitamos.

¡Pero la solución no podría ser más rápida y sencilla! Con tan solo 7 líneas de código conseguiremos eliminar en pocos segundos cuantas hojas queramos con una pequeña macro:

Application.DisplayAlerts = wdAlertsNone
    For Each hoja In Sheets
        If hoja.Name <> "Conservar" Then
            hoja.Delete
        End If
    Next

    Application.DisplayAlerts = wdAlertsAll

Para todos aquellos que no estéis familiarizados con los pormenores del código de VBA, os explicar´+e brevemente lo que hace cada una de las líneas de nuestra Macro:

'Evitamos que aparezcan ventanas de confirmación de eliminación
Application.DisplayAlerts = wdAlertsNone

'Recorremos todas las hojas desde la primera a la última con la instrucción FOR EACH.
    For Each hoja In Sheets
        'Verificamos que la hoja actual, no se trata de alguna que deseemos conservar
        If hoja.Name <> "Conservar" Then
            'Al no tratarse de la hoja que deseamos conservar, la eliminamos
            hoja.Delete
        End If
    Next
    'Una vez finalizadas todas las eliminaciones, activamos nuevamente las alertas.
    Application.DisplayAlerts = wdAlertsAll

Una de las partes más importantes de esta pequeña macro y que su uso puede ser muy habitual para aquellos que desarrollan macros de control, gestión y/o detección de cambios (por ejemplo: un log o regístro automátizado de cambios realizados que detecte cualquier alteración o cambio en el libro de forma automática) es la supresión de los mensajes de alerta de Microsoft Excel con la siguiente instrucción:

Application.DisplayAlerts = wdAlertsNone

Lo que conseguimos con la desactivación temporal de las alertas es evitar, en este caso; que nos aparezca el tipico mensaje de Microsoft de confirmación de supresión de la hoja. Al inhabilitar las alertas, la ejecución de nuestra pequeña macro es directa y no requiere de confirmación por parte del usuario ejecutor.

No obstante, es importante volver a activar el sistema de alertas integrado en Excel al concluir los procesos que no requieran de la presencia de las alertas:

Application.DisplayAlerts = wdAlertsAll

La activacion de las alertas es importante para evitar posibles perdidas de información no deseadas tras la ejecución de nuestra macro, por lo que al final del proceso volvemos a activar las alertas con la siguiente instrucción:

Cycle - Impresionante slider de contenidos

2009-11-06T09:23:00.001+01:00

Hemos encontrado en una de nuestras frecuentes visitas a Gaya Design un slider de contenidos que, a falta de encontrar una palabra mejor; considero impresionante por su versatibilidad y presentación de contenidos basado en jQuery y su plugin jQuery Cycle

Este slider de contenidos tiene una caracteristica especial ya que nos muestra una barra de progreso que marca el tiempo de espera entre un contenido y el siguiente. Por si fuera poco, de serie el script nos da la posibilidad de elegir entre tres tipos de barras de progreso.

Además nos ofrece la posibilidad de controlar por medio de variables el tiempo de espera entre trasiciones o la velocidad

Fuente: http://www.gayadesign.com/diy/presentation-cycle-cycle-with-a-progressbar/
Demo: http://www.gayadesign.com/scripts/presentationCycle/
Descarga: http://www.gayadesign.com/scripts/presentationCycle/presentationCycle.zip

SEXY O NO - Parte 2

2009-11-02T09:21:00.004+01:00

Un mes más tarde, volvemos a realizar un analisis del posicionamiento de nuestra sección dentro del índice de google en busqueda de las palabras clave que determinamos en la primera parte de nuestro experimento.

Aunque hemos observado que los cambios realizados fueron detectados por Google a las pocas horas de realizarlos, tenemos que ser conscientes de que la desaparición de la URL redireccionada, traspaso de PR y como no asignación de una nueva posición en el índice con los cambios de optimización realizados es algo que llevará un cierto tiempo.

La perdida inicial del PR ha sido inevitable y por el momento tenemos un PR = 0 asignado a nuestra sección optimizada. Algo que realmente no nos debe quitar el sueño, dado que no tiene ninguna afectación sobre el objetivo de nuestro experimento ni impacto sobre el posicionamiento de nuestra sección en el indice de resultados de busquedas orgánicas..

Hoy, tras un mes exacto del inicio de nuestro experimento; podemos contemplar resultados positivos que superan en uno de los casos las espectativas inicialmente planteadas en la primera parte de nuestro artículo..

En nuestra primera previsión de posibles mejoras en el posicionamiento, habíamos planteado en el mejor de los escenarios escalar 3 ó 5 posiciones en resultados de busqueda orgánica. Antes de realizar los cambios indicados en la primera parte de nuestro artículo, nuestra sección oscilaba entre la posición 9 o aparecia ya en la segunda página de resultados de busqueda.

Con los cambios realizados, hemos escalado de 4 a 7 posiciones, garantizando que aparezca nuestra sección en la primera página de resultados de busqueda, de un total de ~~172.000.000~~ 550.000.000 páginas indexadas; oscilando entre la 5ª y 6ª posición de resultados de busqueda por los terminos "Sexy o no"..

¿Por que esta fluctuación en los resultados de busqueda orgánica?

Google no para de ampliar su indice de resultados de busqueda. Cuando iniciamos nuestro experimiento de posicionamiento, existian 140 millones de páginas indexadas para los terminos a posicionar, actualmente se ha incrementado su indice con más 30 millones de páginas web indexadas con los mismos terminos.

Este incremento constante de páginas indexadas, hace que Google realize comprobaciones internas sobre la relevancia de cada una de las páginas indexadas, revisando multitud de criterios a considerar, para otorgar una posición a cada uno de los resultados, como por ejemplo:

Titulo, descripción, url
Calidad de los enlaces entrantes
% de conversión de visitantes

Este último punto, es quizás el más importante de todos ellos, ya que para Google es un dato vital a la hora de posicionar una página web en su indice, por que al fin y al cabo los que marcan la relevancia de un resultado de busqueda son los usuarios.

Conclusiones

Solo modificando los puntos clave de la optimización de nuestra sección, hemos logrado una mejora sustancial del posicionamiento de la misma, certificando que en lo concerniente al SEO de nuestros proyectos, debemos prestar especial atención a los puntos más básicos de todos ellos:

Titulo
Descripción
URL optimizada

Si no descuidamos nuestro contenido y la densidad de palabras clave que ofrezca el mismo en los tres puntos anteriores, nuestras posibilidades de mejorar nuestro posicionamiento se ampliarán drasticamente.

Optimización de URL - Guiones Vs Carpetas, buenas y malas practicas

2009-10-08T12:06:00.001+02:00

Sobre la optimización de nuestras URL de salida se habran escrito miles de artículos o post en foros especializados, pero me gustaría recalcar algunas BUENAS y MALAS practicas a la hora de optimizar nuestras URL de cara a buscadores con estos formatos de salida, ya que según el formato que le otorguemos a nuestras URL's, Google y el resto de motores de busqueda pueden llegar a interpretar que nuestros contenidos tienen mayor o menor relevancia..

Como punto de partida y antes de pensar en realizar ningún cambio en nuestra optimización, hemos de ser conscientes de que cuanto más lejos de la raíz de nuestro dominio aparezca el contenido de nuestras categorias / secciones, menos relevante va interpretar que es.

Esto que puede llegar a sonar algo extraño así escrito, se ve muy claro con el siguiente ejemplo:

midomino.com/categoria1/categoria2/productox.htm

Estamos informando de forma indirecta a los motores de busqueda que existen 2 niveles, o carpetas, hasta llegar al contenido de nuestro producto. Lo que hace que nuestro contenido pierda "peso" o relevancia a la hora de ser posicionado en el indice de resultados ante nuestros competidores si tienen la optimización de sus URL de la siguiente manera:

midomino.com/productox.htm

Así que, a la hora de plantear la optimización de nuestras URL's hemos de cuidar en extremo alejarnos en exceso de la raíz de nuestro dominio, para evitar perdidas de relevancia hacia nuestros contenidos por parte de los motores de busqueda.

Pero no siempre puede llegar a resultarnos interesante efectuar este acercamiento de nuestros contenidos / productos o categorias a la raíz de nuestro dominio, ya que en ocasiones nuestro interes o prioridad es la optimizar de forma individual tanto nuestra página principal como alguna de nuestras categorias, ya que nos puede llegar a resultar interesante que operen con una relevancia independiente a la página principal de nuestro proyecto.

Es por esto, que podemos encontrarnos con 2 escenarios posibles en los que podemos aplicar en la optimización de nuestras URL:

GUIONES ( - ) con el fin de acercar al máximo nuestros contenidos a la raíz de nuestro dominio.
DIRECTORIOS ( / ) con el fin de informar a los motores de busqueda que la información puede operar como una sección independiente del contenido principal de nuestro proyecto a nivel de relevancia.

ESCENARIO 1: Contenido principal / Relevancia: PORTADA > CATEGORIAS

En el caso supuesto de que en nuestro proyecto la parte más relevante / importante del mismo sea la página principal, nuestra URL de salida deberia ser:

a) midomino.com/123123.html
b) midomino.com/articulo-123123.html

CASO 2: Categorias relevantes -> Relevancia: PORTADA +/- CATEGORIAS

En muchos casos, intentamos posicionar nuestros proyectos en determinados resultados de busqueda de palabras clave que se encuentran localizadas en secciones o categorias que no estan representadas en la portada / home de nuestro proyecto, por lo que intentamos que reciban su propia cuota de relevancia (Enlaces entrantes, etc)

En estos casos y si esperamos que los contenidos que categoricemos en una estructura de directorio/carpeta en la optimización de nuestras URL adquieran su propia relevancia e importancia como resultados de busqueda independientes y no necesariamente relacionados con el contenido de nuestra raíz o página principal, deberemos aplicar el siguiente formato:

a) midomino.com/articulo/
b) midomino.com/articulo/123123

No obstante, bajo mi punto de vista, el uso de la estructura de carpetas / directorios en la optimización de nuestras URL ofrece, en muchas ocasiones; al usuario final una mayor visibilidad del contenido que va a encontrar.

SEXY O NO - Parte 1

2009-10-02T21:00:00.011+02:00

En este artículo vamos a realizar un experimiento con el fin de intentar mejorar el posicionamiento de una sección concreta tan solo optimizando tres elementos de la sección a posicionar.

Como ejemplo practico vamos a intentar mejorar el posicionamiento de una de las secciones de uno de mis proyectos personales, que intento posicionar con las palabras "Sexy o no". Vamos realizar los cambios necesarios con el fin de intentar subir unas cuantas posiciones en resultados de busqueda de 2 palabras clave (frases) mejorando la optimización interna más básica sin llegar a tocar el código de la página.

Aplicaremos los cambios en los siguientes elementos:

Titulo
Meta - descripción
URL de salida

Nuestra meta, es afianzar la posición conseguida ya en la primera revisión de optimización realizada con las palabras clave "Sexyono" y ganar de 3 a 5 posiciones para resultados de busqueda de "Sexy o no". .

Antes de realizar los cambios, la sección en concreto tenia el siguiente contenido en lo referente a: titulo, descripción y url de salida:

Titulo: SEXY O NO
Descripción: Mejor que SEXY O NO? Sube tu foto y descubre si eres sexy o no. Vota fotos de chicas y chicos sexys o visita sus perfiles completos.
Url de salida: http://www.perfiles-msn.com/sexy-o-no.html
Aunque no es un dato significativo, la sección tenia un valor de Pagerank 2.

Vamos a realizar los cambios necesarios para ganar mayor densidad en las palabras clave por las que deseamos que nuestra sección mejore su posicionamiento. La densidad de las palabras clave, es el nº de veces que pueden llegar a aparecer los terminos por los cuales optamos mejorar nuestro posicionamiento tanto en el titulo, como en la descripción y el contenido de nuestro proyecto.

En el proceso, aprovecharemos para realizar un cambio en la URL de salida e informar a los motores de busqueda del redireccionamiento de la URL antigüa hacia la nueva de forma permanente.

Este último punto es francamente importante, dado que gracías al redireccionamiento 301 en nuestro fichero HTACCESS evitaremos que los usuarios que vengan de resultados de busqueda con la URL con el antigüo formato, se redireccionen a la nueva URL optimizada.

Nuestra sección despues de realizar los cambios quedará así

Titulo: ¿SEXY O NO? - Vota SexyoNo a chicas y chicos
Descripción: ¿SEXY o NO? Vota fotos de chicas y chicos en SexyoNo o visita sus perfiles completos. Sube tu foto y descubre si eres sexy o no
Url de salida: http://www.perfiles-msn.com/sexyono/

Hemos ganado densidad en las palabras clave tanto en el titulo como en la descripción. Hemos aprovechado para dejar una descripción tanto orientada a los motores de busqueda, por ganar densidad en las palabras clave empleadas, como para humanos ya que si el mensaje no es legible la perdida de visitas es inevitable.

Para cambiar la URL de salida, hemos añadido tantas reglas de redireccionamiento 301 como nos ha sido necesario para cubrir todas las necesidades existentes de la sección. Para realizar el redireccionamiento y evitar problemas de carga en las URL con el formato antigüo, aplicaremos la siguiente regla:

RewriteRule ^sexy-o-no.html /sexyono/ [R=301,L]

Voy a explicar brevemente que hace exactamente esta regla, dado que nos puede sacar de un apuro en cualquier cambio de domino o de optimización de cualquiera de nuestros proyectos.

[R=301] Informa a los motores de busqueda que la URL antigüa, se redirecciona a la nueva URL optimizada y así mismo cualquier acceso a nuestra sección con una URL con el antigüo formato, se redigirá a la nueva.

Así mismo, este tipo de redireccionamiento, 301, esta informando a los motores de busqueda que se trata de una redirección permanente, por lo que Google asumirá .oO(Tarde o temprano) que el PR asignado a la URL antigüa ha de ser traspasado a la nueva.

L informa a nuestro servidor que esta es la última regla a ejecutar.

Aunque los cambios realizados son extremadamente básicos, jugamos con la ventaja de que nuestro proyecto ya estaba posicionado anteriormente, por lo que el seguimiento y evolución de la asignación de una posición definitiva por parte de Google en los resultados de busqueda de las palabras clave seleccionadas, puede llegar a presentarse en un periódo de tiempo relativamente corto.

Es por este motivo que continuaremos analizando la evolución de los cambios realizados y posibles correcciones que hagamos a medida que veamos los resultados aplicados por los motores de busqueda en la segunda parte de nuestro experimento de posicionamiento

AJAX Contact Form

2009-09-28T11:01:00.002+02:00

Desde tutorialzine no paran de sorprendernos con tutoriales realmente practicos. En esta ocasión nos ofrecen una guia paso a paso para crear un formulario de contacto en AJAX empleando jQuery y PHP.

La meta del tutorial es crear un formulario de contacto no untrisivo y con validación de los campos por el lado del servidor, sin necesidad de validar o chequear los datos introducidos mediante el envio del formulario.

Para ello, se vale de las siguientes librerias:

formValidator – Encargada de realizar la validación de los campos
JQTransform – Encargada de dar estilo a los inputs

Y una clase de PHP imprescindible en nuestros proyectos

PHPMailer – Para la gestión y el envio de los emails.

Además, el formulario de contacto trae consigo un sistema de captcha simple, en el que los usuarios finales tendran que demostrar su destreza con las matemáticas más simples.

Fuente: http://tutorialzine.com/2009/09/fancy-contact-form/
Demo: http://demo.tutorialzine.com/2009/09/fancy-contact-form/demo.php
Descarga: http://demo.tutorialzine.com/2009/09/fancy-contact-form/demo.zip

miniGallery, una galeria tan flexible como ligera

2009-09-25T08:59:00.001+02:00

miniGallery es una galería simple a la par que sencilla. Basada en la secuencia de comandos Yetii, hace que el peso del Javascript de la galería sea extremada ligero y tan flexible que personalizar o adaptar a tus necesidades, que puede resultar interesante tener en cuenta esta galeria para tus próximos proyectos

Fuente: http://xyberneticos.com/
Demo: http://www.jigowatt.co.uk/freetemplates/preview/minigallery/
Descarga: http://www.jigowatt.co.uk/

jQuery Visual Cheat Sheet

2009-09-24T21:09:00.001+02:00

jQuery Visual Cheat Sheet es una guia util y practica de referencia a jQuery 1.3 para diseñadores y desarrolladores web. Realizada y diseñada por Antonio Lupetti, el creador de la Guia visual de HTML 5 es una referencia visual completa de jQuery

Esta increible guia de 6 páginas contiene todas las referencias del API de jQuery con descripciones detalladas y algún código de ejemplo. El estilo visual empleado por Antonio Lupetti en el diseño de esta impresionante referencia, hará que encuentres lo que estas buscando con un simple golpe de vista.

Capturas

Si prefieres echar un vistazo, puedes hacerlo pulsando sobre las capturas de pantalla:

Fuente: http://woork.blogspot.com/
Descarga: http://www.box.net/shared/as4xkezd6a

Glyphish - Pack de 130 iconos de alta calidad para aplicaciones iPhone / Web

2009-09-24T15:37:00.002+02:00

Glyphish es un pack de 130 iconos gratuitos de alta calidad optimizados y listos para usar en barras de herramientas o en sistemas de navegación tabulares para aplicaciones iPhone o páginas web.

El pack de iconos se presenta en diferentes tamaños y en formato PNG transparente, para una correcta e impecable integración con cualquiera de tus proyectos.

Además, en el pack de descarga se incluyen todas las fuentes de todos los iconos presentados en los formatos .PSD y .AI para que puedas personalizar, adaptar o modificarlos a tu antojo.

Fuente: http://www.webresourcesdepot.com/
Descarga: http://glyphish.com/

Blogger template - BlueMania

2009-09-23T19:36:00.000+02:00

En btemplates he encontrado un template que me a parecido interesante: BlueMania, es una adaptación de un theme para Wordpress de dos columnas en el que predominan las tonalidades azules

Aunque hay aspectos que considero que merecerían una revisión del CSS del template a nivel de formateo de textos y enlaces, cabe destacar el uso de un slide de contenido, en el que podremos incluir tanto imagenes como texto o ambos.

Compatible con: Firefox, IE, Chrome
Demo: BlueMania
Descarga: http://btemplates.com/download/1286/
Fuente: Btemplates

Stacey, crea tu portafolio rápido y sencillo

2009-09-23T10:55:00.005+02:00

Si necesitas crear tu portafolio de proyectos y no tienes excesivos conocimientos de programación o simplemente, no quieres complicarte la vida o perder mucho tiempo, Stacey es la aplicación que estás buscando.

Stacey no es un gestor de contenidos (CMS) ya que el contenido del portafolio esta completamente controlado por la creación de carpetas y archivos de texto. Esta completamente desarrollada en PHP5 y no requiere ni de instalación ni de ninguna base de datos para funcionar, simplemente has de subirla a tu servidor y ya estará lista para su uso.

Stacey tiene integradas las siguientes páginas para su uso directo:

Proyectos
Acerca de
Contacto

Como punto negativo, tenemos que destacar que al no emplear hojas de estilo (CSS) ni plantillas, la personalización del portafolio y resto de secciones integradas de base, se tendrá que realizar de forma directa sobre el código HTML.

Requisitos: PHP5
Compatibilidad: Con los principales navegadores
Fuente: http://webresourcesdepot.com/
Demo: http://demo.staceyapp.com/
Descarga: http://staceyapp.com/download.html

Carrito de la compra basado en AJAX con: PHP, MySQL, CSS y jQuery

2009-09-22T20:21:00.003+02:00

Encontramos en Tutorialzine un increible tutorial paso a paso para crear un impresionante carrito de compra.

Para lograrlo se almacenarán los datos de los productos en una base de datos MySQL y se mostrarán via PHP mientras que jQuery, como conductor de AJAX; creará un efecto de "drag & drop" de los productos listados hacía nuestro carrito de la compra.

Requisitos: jQuery, PHP, MySQL
Compatibilidad: Con los principales navegadores
Fuente: http://www.tutorialzine.com/
Demo: http://demo.tutorialzine.com/2009/09/shopping-cart-php-jquery/demo.php

El fin de un modelo de negocio

2009-09-22T16:32:00.003+02:00

Llevo un par de semanas revisando el ranking mundial de páginas web de ALEXA, que aun que es bien sabido por todos que no es precisamente una fuente de información 100% fiable, no deja de ser una fuente de información.

He detectado cambios, cambios realmente impresionantes en dos proyectos de votación de fotografías: votamicuerpo.com y sexyono.com. Se aprecia en las gráficas un descenso importante en la volumetria de visitas y páginas vistas.

El descenso, a falta de encontrar una expresión mejor, es en picado en uno de los casos como podréis comprobar en las siguientes capturas de pantalla:

La verdad es que viendo estos cambios sustanciales, me pregunto si este no será el principio del fin de un modelo de negocio que ha generado muchisimo tráfico en la red... aunque también puedo estar equivocado.

Blogger template - ProDreams

2009-09-22T09:01:00.006+02:00

Inauguramos la sección de templates / themes con el último aporte realizado en btemplates.com: ProDreams

Diseño de dos columnas en el que me gustaría destacar el sistema de menús empleado desarrollado en jquery y dado a conocer con el nombre de "Lavalamp", por el efecto de transición entre opciones cuando pasamos el ratón por encima de ellas.

Compatible con: Los principales navegadores
Demo: ProDreams
Descargar: http://btemplates.com/download/1285/
Fuente: Btemplates

MTMultiselect - Solución ideal para seleccionar multiples elementos

2009-09-21T14:26:00.007+02:00

En algunos casos, el cuadro de listas de HTML no nos ofrece una buena usabilidad a la hora de realizar un desplazamiento, marcación de multiples opciones o utilizar tanto el teclado y el ratón. Sobretodo cuando tenemos que ofrecer la posibilidad de seleccionar más de un elemento en una lista relativamente amplia de opciones.

MTMultiselect

MTMultiselect es la solución a este tipo de contratiempos. Es un widget desarrollado en MooTools con el que podremos definir listas seleccionables de elementos, paginarlos y filtrar las opciones seleccionadas o no seleccionadas.

El usuario puede ver fácilmente los elementos que a seleccionado, los que no o ver todos los elementos con un sólo click del ratón. Además, este complemento es completamente editable y adaptable al diseño de nuestros proyectos web gracías al uso de hojas de estilo CSS.

Requisitos: MooTools
Compatible con: Con los principales navegadores
Web del autor: http://www.justindonato.com/post/mtmultiselect
Demo: http://www.justindonato.com/demo/mtmultiselect/
Fuente: http://www.webresourcesdepot.com//

Como elegir correctamente una empresa de servicios de posicionamiento

2009-09-21T12:50:00.005+02:00

En la actualidad, existen cintos de miles de páginas web o supuestas empresas que ofrecen sus servicios como profesionales del SEO. Pero la realidad dista mucho de la ficción mostrada por nuestros motores de busqueda preferidos.

La realidad actual, es que existen tantas páginas como aficionados o usuarios avanzados en la optimización orientada a resultados de busqueda, o lo que los profesionales de este o cualquier otro sector llaman cariñosamente "intrusistas". La saturación de la red por parte de intrusistas y profesionales a llegado a tal punto que comienza a ser francamente dificil, y en ocasiones peligroso; fiarse de los resultados de busqueda relacionados con el SEO a la hora de elegir un proveedor de este tipo de soluciones.

Así pués, os recomiendo que tengaís en cuenta los siguientes puntos principales a considerar, antes de tirar hacía adelante con la contratación de los servicios; dado que si no os ofrecen alguno de ellos, podéis tener motivos para preocuparos sobre la fiabiilidad y seguridad de la empresa en cuestión:

Análisis de palabras clave
Optimización de páginas web - factores "on page" y "in the site"
Link building
Reporting de posicionamiento
Consutoría SEO

Habrán otros aspectos o puntos relevantes a tener en cuenta, pero en mayor o menor medida estos puntos los considero fundamentales para aplicar cualquier técnica de optimización en tu proyecto y como punto de partida para efectuar la contratación de los servicios de una empresa de posicionamiento pueden ayudarte a filtrar a intrusistas del sector o simples aficionadillos, como este tu servidor.

Desde este rincón te aconsejo encarecidamente que antes de efectuar cualquier tipo de contratación, investigues un poco a la empresa, o supuesta empresa, en cuestión. No te conformes con ver un portafolio o una sección de casos de éxito, ya que en muchas ocasiones encontrarás dominios y proyectos lanzados por la propia empresa o bien el mismo puede carecer de actualizaciones recientes.

La consulta en foros especializados sobre la empresa en cuestión, sus resultados, fiabilidad es algo que practicamente tendría que ser hoy en día algo automático ante la contratación o compra de cualquier producto. Si alguno de los foraneos a trabajado anteriormente con ellos, tendrás información de primera mano de los resultados que pueden llegar a ofrecerte.

Piensa que el mundo del SEO puede parecer muy grande, pero en realidad, los verdaderos profesionales del posicionamiento son pocos y casi todos conocidos.