WebPutty, excelente editor CSS en tiempo real


WebPutty es una gran herramienta para los diseñadores, ya que se trata de un editor CSS en tiempo real que nos permite editar cualquier código CSS e ir viendo los cambios a medida que los vamos haciendo.

Su simplicidad de uso es lo que me gustó, ya que a medida que hacemos los cambios se van reflejando en la vista previa, además tiene la función de autoguardado, así que no perderemos los cambios si pasa algo malo.

Como si todo esto fuera poco, el sitio también ofrece el servicio de hosting del archivo CSS, con lo cual agregando una simple etiqueta en el head de nuestro sitio estaremos «llamando» a la hoja de estilos cada vez que el sitio cargue, pero lo hará desde los servidores de WebPutty. La ventaja de esto es que el CSS estará comprimido, cargará más rápido y nos ahorrará recursos en nuestro servidor.

Si no les gusta eso de tener el CSS alojado en servidores de terceros no hay problema, sólo tienen que descargar el CSS normal y subirlo a sus sitios como lo harían normalmente.

Este servicio es totalmente gratuito ya que está hecho por diseñadores para diseñadores, así que aprovechen. Mientras tanto les dejo un video demo de la herramienta.

Enlace: WebPutty

Layers: Agrega una barra en tu sitio con contenidos de otros sitios web


Layers es una interesante herramienta que nos permite incorporar una barra con el contenido del feed de otros sitios de una manera muy simple y con un aspecto visual muy elegante. Por ejemplo, es muy útil para bloggers que tienen varios sitios y les gustaría promocionarlos de forma cruzada para que en todos puedan ver los contenidos de manera cómoda.

Esta herramienta es gratuita y lo único que tienen que hacer es ir agregando los feeds de los blogs que quieren mostrar en la barra. El siguiente paso es personalizar un poco la barra que aparecerá en la parte inferior del sitio, pudiendo elegir los colores y degradados, si la barra se oculta automáticamente o sale expandida desde el principio, etc.

Una vez que terminamos la creación de nuestra barra generamos el código especial que tenemos que pegar dentro del <head> de nuestro sitio, así comenzará a aparecer la barra automáticamente en la parte inferior de nuestro sitio web.

Enlace: Layers

Visto en Wwwhat’s new

Flipzers, 80 herramientas SEO en un solo lugar


Las herramientas SEO son una gran ayuda para los bloggers, ya que nos permite obtener ciertos datos importantes para optimizar nuestros blogs y que tengan mejor rendimiento. Flipzers es un sitio que reúne 80 herramientas SEO en un solo lugar.

Lo que hace este sitio es reunir herramientas SEO de otros sitios en el mismo lugar, así no tenemos que ir de sitio en sitio para obtener los datos. Dentro de las herramientas que podemos encontrar en Flipzers tenemos:

  • Estadísticas de un sitio web, incluyendo whois, estadísticas de tráfico, ubicación geográfica del servidor, info sobre DNS, etc.
  • Herramientas de validación, donde tenemos validación de HTML, CSS, chequeo de robots.txt, chequeo de links, validación de feed, etc.
  • Detalles de tráfico de un sitio web.
  • Información y acceso a las cachés del sitio.
  • Chequeo de palabras clave.
  • Y un largo etcétera…

Enlace: Flipzers

Visto en FeedMyApp

Chequear la velocidad de carga y respuesta de tu sitio desde múltiples servidores


Todos sabemos que una de las cosas más importantes en un sitio web es que cargue rápido y tenga una buena velocidad de respuesta, ya que esto no solo ayuda en cuanto a la experiencia del lector, sino en los buscadores.

WatchMouse es un servicio muy útil que nos permite chequear la velocidad de carga y respuesta de nuestro sitio web desde múltiples servidores ubicados en todo el mundo. Lo único que tienen que hacer es ingresar la url del sitio que quieren testear y esperar unos segundos.

El servicio está en fase beta gratuita y para utilizarlo de forma ilimitada tienen que registrarse, si lo utilizan sin registrarse podrán testear hasta 3 sitios solamente.

Enlace: WatchMouse

Visto en CyberNet News

Mostrar AdSense sólo en los posts de más de X días

Una de las prácticas reomendadas a la hora de insertar AdSense es mostrar los anuncios sólo a las visitas que vienen desde buscadores, ya que esto en teoría aumenta el CTR ya que estamos eliminando impresiones de lectores fieles que sabemos que nunca van a clickear en los anuncios.

Pero también hay otras alternativas como mostrar AdSense sólo en posts que tengan más de X días. Para esto utilizaremos un código PHP muy simple que pueden ver a continuación:

<?php
if (strcmp( date("Y-m-d", strtotime("-4 day")), get_the_time("Y-m-d") ) > 0) {
?>

ADSENSE AQUI

<?php
}
?>

Lo que hace ese código es mostrar el anuncio de AdSense sólo en los posts que tengan más de 4 días de antigüedad. Si quieren cambiar el número de días para mostrar los anuncios pueden hacerlo, pero tienen que modificar el valor «-4» que hay en el código.

Ese código lo tienen que pegar donde quieren mostrar el anuncio, normalmente es en el archivo single.php. Antes de modificar el archivo hagan una copia de seguridad así evitan dolores de cabeza.

Visto en TutZone

Cómo insertar un banner rotatorio en PHP

Frecuentemente los anunciantes nos piden rotar los banners en los espacios que han contratado,esto nos permite evaluar qué banner funciona mejor y luego tomar una decisión de cuál dejar y cuál eliminar.

Por eso quiero recomendarles un simple código que nos permite instalar un banner rotatorio en PHP. No toma más de 2 minutos realizar esta acción y es algo realmente simple para los que no tienen conocimientos.

Banner rotatorio en PHP

<?php 
$banner = mt_rand(1,3); 

if ($banner == 1) 
echo ('codigo1'); 

if ($banner == 2) 
echo ('codigo2'); 

if ($banner == 3) 
echo ('codigo3'); 
?>

Lo único que tienen que hacer es modificar el código de arriba reemplazando donde dice «codigo1», «codigo2» y «codigo3» con sus propios códigos, que pueden ser de AdSense, una imagen, o lo que quieran.

El código de arriba es para poner 3 banners rotatorios, si quieren poner más tienen que extender el código agregando más «ifs» y asignándoles un número. Si desean poner menos de 3 banners eliminen uno de los «ifs» pero NO se olviden de cerrar la función PHP para que no les de error.

Fuente: InfraBios

DomainHole, la mejor herramienta para encontrar buenos dominios


Encontrar buenos dominios es una tarea titánica últimamente, por eso quiero recomendarles una herramienta llamada DomainHole. Lo bueno es que este servicio tiene 4 formas de uso:

  • Expired Domain Search: Con esta herramienta podemos hacer búsquedas en dominios expirados, así podemos registrar dominios que hayan expirado recientemente. Esto es muy bueno porque podemos encontrar muy buenos dominios.
  • Name Spinner: Nos permite especificar una palabra clave y elegir que se agregue automáticamente cualquier otro tipo de palabra al nombre, los nombres salen con una especie de metodología «ruleta».
  • Instant Availability Check: Es un simple pero rápido buscador para saber si un dominio está libre o no.
  • Name Generator: Es un generador de dominios aleatorio, podemos elegir cuántos caracteres queremos que tenga el dominio y su extensión, lo demás lo hace solo.

Por el momento la página se encuentra en estado beta y sólo se accede con invitación, pero pueden usar el código de invitación «FEED» o «DOMAINS» para acceder.

Visto en FeedMyApp

Guía básica sobre SEO en español


Sin dudas uno de los aspectos más importantes del blogging es tener conocimientos básicos sobre SEO o posicionamiento en buscadores, y más aún si nuestro sitio es nuestra fuente de ingresos principal. Por eso desde Google anunciaron una nueva guía básica sobre SEO para que los webmasters puedan optimizar sus sitios para buscadores.

Esta guía ya estaba disponible en otros idiomas, pero a partir de hoy ya se puede descargar en muchos más idiomas, incluído el español. En el documento van a encontrar consejos básicos pero muy útiles sobre posicionamiento, y también para optimizar nuestro sitios móviles.

La guía tiene 32 páginas, está en formato PDF, y la pueden descargar desde este enlace (pesa unos 10 MB).

Google lanza Page Speed online, servicio para analizar la velocidad de carga de tu sitio


Hace un tiempo Google lanzó una herramienta llamada Page Speed, que nos permitía monitorear el rendimiento y velocidad de carga de nuestro servidor. Recuerdo que Pablo armó un tutorial básico de cómo usar Page Speed, pero definitivamente hay personas como yo que son medio haraganas para hacer tanto espamento con una herramienta.

La buena noticia es que Google anunció Page Speed online, que es la misma herramienta pero que se puede usar sin instalar nada, sólo tenemos que ingresar la URL del sitio a testear y esperar los resultados.

Una vez que ingresan la URL y eligen la opción de tips para computadoras de escritorio o navegadores móviles, el sitio generará un reporte con los puntos positivos y negativos de nuestro sitio.

Los puntos que están en rojo son los que tenemos que solucionar, pero no se preocupen que para ello Google nos ofrece tutoriales de cómo mejorar la carga del servidor. Los puntos en amarillo son los que represeentan menor urgencia, y los que están en verde son los que no revisten ningún tipo de urgencia.

Matt Cutts explica cómo funciona el sistema de penalizaciones de Google

Desde hace unos días tengo un artículo que publicaron en el Blog para Webmasters de Google, donde Matt Cutts nos explica de forma muy sencilla cómo funciona el sistema de penalizaciones del buscador.

Por un lado tenemos las penalizaciones manuales que son activadas manualmente por un empleado de Google, y por el otro las penalizaciones automáticas del algoritmo. Igualmente les recomiendo que vean el video para entender cómo funciona esto.

El video de arriba está en inglés pero tiene subtítulos en español, así que no deberían tener problemas en entender lo que dice Matt. Sin embargo, si tienen algún inconveniente o simplemente no quieren ver el video, les dejo la transcripción del mismo después del break.

Leer más