Categoría: Blogs

9
ago
2012

Pingdom Tools, herramienta para medir la velocidad de un sitio web

Artículo escrito por admin, guardado en Aplicaciones Web, Blogger, Blogs

1 comentario

A la hora de evaluar un sitio web, uno de los puntos esenciales que muchas veces no tenemos en cuenta es su velocidad. Es que cualquier visitante lo que siempre quiere es que el sitio sea cómodo y rápido, no que esté 5 minutos para cargar una página y que luego cuando cargue otra tarde 5 minutos más.

Esta es una de las tareas que el diseñador del sitio, o el webmaster debe tratar de lograr, tener un diseño elegante pero a su vez rápido, beneficiándonos mucho tanto para nuestros visitantes como para el SEO, ya que este es uno de los factores que Google, y demás buscadores, tienen este punto muy en cuenta.

En la web podemos encontrar muchas herramientas que nos ayudan con esta tarea, una de ellas es Pingdom Tools, que se encarga principalmente de evaluar nuestro sitio y arrojarnos una serie de datos como un puntaje del 1 al 100, la cantidad de solicitudes, el tiempo de carga y el tamaño de la página.
Luego de realizar el test, abajo podemos encontrar todas las solicitudes que hace la página que estamos evaluando, incluyendo los ficheros JavaScript, hojas de estilos CSS, objetos Flash, imágenes y elementos HTML con su tamaño y respectivo tiempo de carga.

Al igual que con Woorank -otra herramienta que hablamos hace un tiempo-, Pingdom Tools es un servicio online que debemos tener a mano para evaluar nuestros sitios y así poder optimizarlos de la mejor manera posible.

Si quieres saber el tiempo de carga de tu blog, visita el siguiente enlace – Pingdom Tools

24
jul
2012

BeeGee, Theme para WordPress optimizado, moderno y con muchas opciones

Artículo escrito por admin, guardado en Blogs, Fuutec

26 comentarios

descargar beegee theme

Si eres un usuario asiduo que nos sueles visitar diariamente seguro te habrás dado cuenta del lavado de cara de Fuutec.

Hicimos un cambio bastante notable de diseño utilizando otro theme llamado BeeGee y dejamos el anterior Fuutheme v1.4 en el olvido (mentira, ya estoy trabajando en la versión 2.0 :D ).

BeeGee es un theme creado desde cero también por mi hace unos meses atrás, el cual vendí unas copias a algunos usuarios de ForoBeta (un foro de Webmasters que recomiendo ampliamente si quieren hacer negocios y aprender sobre esto de los blogs) y ahora vengo a liberar para que todos ustedes puedan utilizar.

Este theme es algo distinto a Fuutheme v1.4, aunque sigue manteniendo las dos columnas con la sidebar a la derecha.

(más…)

19
jul
2012

Personalizar los enlaces permanentes en Blogger

Artículo escrito por admin, guardado en Blogger, Blogs

Sin comentarios

Blogger es actualmente uno de los CMS más utilizados para la creación y administración de blogs. Hasta ahora si teníamos algún blog en esta plataforma y publicábamos contenido, las URL’s de los post se generaban automáticamente a partir del título de la entrada, y si queríamos modificarla debíamos primero escribir un título corto con las palabras claves, publicar el artículo y luego editarlo, algo para nada práctico.

Hace unos meses Google hizo algunos cambios en el SEO de sus blogs, agregando opciones de etiquetas Meta, atributos Alt y Title a las imágenes y personalización de la página de error 404.

Ahora se agregó una nueva opción donde podemos editar manualmente los enlaces permanentes de cada entrada que publiquemos en blogger.

Esta opción se encuentra disponible en el panel de la derecha a la hora que estemos escribiendo un artículo y es algo muy sencillo. Tenemos la opción predeterminada “URL automática” donde el mismo Blogger nos genera la url con los términos que usamos en el título, y la de “URL personalizada” que al hacer click nos mostrará una caja de texto donde podemos personalizar nuestro enlace.

Hay que tener en cuenta que dicha opción puede modificarse solamente a la hora de crear un post, una vez publicado ya no podremos cambiarla.

Bien por Blogger por agregar estas opciones tan útiles para los Webmasters!

31
may
2012

Woorank: genera un informe completo y detallado de tu sitio web

Artículo escrito por admin, guardado en Aplicaciones Web, Blogger, Blogs, Webmasters

2 comentarios

Woorank es una excelente herramienta SEO que nos permite obtener en cuestión de segundos y de forma gratuita un completo informe de nuestro sitio web. Su funcionamiento es muy sencillo, no hace falta que tengas muchos conocimientos para utilizar esta aplicación online, solo debemos ingresar al sitio y escribir la url de nuestro blog, ahora comienza la magia.

Arriba de todo del informe, tendremos un ‘medidor’ que evalúa del 1 al 100 el puntaje del sitio; que a medida que vaya analizando va subiendo. Obviamente un mejor puntaje significa que el sitio evaluado está mejor optimizado.

Hablemos un poco sobre los datos que nos ofrece esta herramienta. Al empezar el análisis, situado a la izquierda, tenemos un menú con los distintos aspectos que Woorank analiza. El primero nos dice 5 prioridades que debemos tener en cuenta para mejorar el sitio. Luego tenemos la sección de visitantes donde nos da estimaciones de tráfico, ranking y audiencia; basándose en los datos de Alexa.

Otra de las variables que me gustó mucho fue la de ‘SEO Keywords‘, que analiza las palabras claves de nuestro sitio y nos muestra las posiciones en Google (Google ranking). También abajo según las keys, encontramos las urls de nuestros principales competidores -ahora es el momento de analizar esos sitios y ver en que podemos mejorar para lograr mejores posiciones que ellos-.

Después tenemos también un análisis de usabilidad, seguridad, tecnologías utilizadas (HTML, AJAX, JavaScript, CSS3, etc..) y CMS (WordPress, por ejemplo); y algunas previsualizaciones de cómo se vería el blog en dispositivos móviles y tabletas, como un iPhone ó iPad.

Lo mejor de esta herramienta es que es gratuita y que si la sabemos utilizar bien podemos mejorar y optimizar nuestros blogs o sitios web para obtener mejores resultados. También hay que aclarar que con la versión gratuita solo podemos generar un informe semanal, si queremos informes ilimitados hay disponible una versión PRO donde además podemos evaluar a nuestra competencia.

Enlace Woorank

__
Gracias a Geeksrom por el dato.

22
mar
2012

Blogger agrega nuevas utilidades para el SEO de sus blogs

Artículo escrito por admin, guardado en Blogs, Noticias, Novedades

3 comentarios

Luego de la redirección del dominio de nuestro blog, a los dominios regionales según los paises (algo que no agradó a muchos), Blogger nos trae una muy buena noticia enfocada directamente para mejorar el SEO de nuestra web. El nombre de las nuevas opciones se denonima “Preferencias de búsqueda” donde tenemos a nuestra disposición una serie de interesantes opciones para modificar y configurar según nuestro gusto.


En la imagen superior podernos ver de lo que se tratan estas nuevas opciones. Primeramente y antes de continuar, hay que aclarar que para ingresaar a ellas debemos ir al menú Configuración > Preferencias de búsqueda; ahora si expliquemos de que se trata cada una.

Etiquetas meta

Lo primero que encontramos es un campo llamado ‘Etiqueras meta‘ donde tenemos la opción de modificar la descripción. Las etiquetas meta son algo muy importante, con ellas podemos indicarle a los buscadores parámetros de nuestro blog, como el idioma, país, descripción y etiquetas ó palabras claves (meta keywords) entre otras cosas. Anteriormente si queríamos editar la descripción de nuestro blog teníamos que incluir las Meta de manera manual en nuestra plantilla, ahora esto ya viene integrado por Blogger.

Meta descripción para cada entrada individual

Este sin dudas es una de las mejores opciones que se vino con las nuevas utilidades de Blogger, con ella podremos escribir una descripción para cada entrada individual de nuestro blog. Pero, ¿esto para qué sirve? Bueno, esta etiqueta es igual a la que explicamos anteriormente, pero en este caso se aplica en cada entrada y de esta manera podemos mejorar mucho la manera en que se ve nuestro sitio en los resultados de búsqueda. Si todavía no entiendes muy bien, la descripción es ese pequeño resumen que aparece debajo del enlace del sitio en los resultados de la búsqueda.

Errores y redireccionamientos

En la primera imagen pueden ver cuales son las opciones de este campo, donde simplemente podremos elegir mostrar un mensaje personalizado para cuando un visitante no encuentre lo que busca, o la entrada a la que quiera acceder se haya eliminado; esto es el llamado “Error 404“.

Entre las dos opciones podemos escoger o mostrar un mensaje o redireccionar a otra página, donde recomiendo esta última ya que es mucho más personalizable.

Opciones avanzdas – rastreadores e indexación

Acá ya nos metemos de lleno en un área mucho más avanzada y para usuarios que realmente saben lo que están haciendo. Tenemos la posibilidad de modificar y personalizar a nuestro gusto el archivo robots.txt y las etiquetas de encabezado. Personalmente recomiendo no tocar esto, ya que si tenemos algo mal en estos archivos podemos hacer que el buscador ignore nuestro blog en los resultados de búsqueda, algo catrastófico.

Si igual quieres saber para que sirven esas opciones, con robots.txt puedes indicarle a las arañas rastreadoras de los buscadores, qué cosas indexar y qué cosas no; por eso es que si lo editamos e incluimos -por ejemplo- algún asterisco de más, podemos obtener resultados no deseados que perjudicarían a nuestro sitio.

Nuevas opciones en las entradas

Por último también se incluyeron nuevas opciones que nos ayudarán a hacer mucho más sencilla la creación de las entradas. Entre ellas tenemos la posibilidad de agregar las etiquetas title y alt en las imágenes sin tener que editar el código HTML manualmente, y la posibilidad de agregarle el atributo nofollow a los enlaces.

Sin dudas Blogger realizó un gran trabajo al traernos estas herramientas que nos facilitan más la manera de mejorar el SEO de nuestros sitios.
___
Vía Blogger buzz

11
mar
2012

Descargar Fuutheme v1.4 para Blogger

Artículo escrito por admin, guardado en Blogger, Blogs, Descargas, Fuutec

13 comentarios

Hace unos dias liberamos Fuutheme v1.4 para WordPress, el theme que utiliza este blog; ahora después de adaptarlo ya lo tenemos disponible para Blogger, así personas que utilizan este CMS puedan implementarlo en sus sitios.

Las características son muy similares a la versión de WordPress, aunque claro también hay algunas limitaciones que blogger no nos permite como generar thumbs con php, modificar el cuadro de comentarios y otras cosas. Para no ser repetitivo y no volver a detallar todo nuevamente les dejo el enlace del post anterior así leen sus funciones.

¿Qué tenemos que editar?

Para dejar la plantilla 100% personalizada tenemos que editar algunas cosas muy sencillas. La primera es el menú de enlaces que se encuentra en el header en la parte superior derecha. Para ello vamos a Plantilla> Edición en HTML > Continuar y buscamos (Ctrl + F ó F3) ‘Suscribirse’ (o Inicio, contacto es para localizar el menu). Ahora simplemente cambiamos el texto por el que queramos al igual que el href del enlace.

Luego si deseamos tener una caja de suscripción con botones a las principales redes sociales (Facebook, Twitter y Google+), añadimos un nuevo gadget HTML y pegamos el contenido del archivo de texto que encontramos en el archivo descargado. Recuerda editarlo con tus datos reemplazando el ///link de tu pagina de facebook/// por tu fanpage, y ///tu usuario de twitter sin el @/// por tu nombre de usuario en Twitter.

Descarga

Al igual que en la versión de WP puedes editar, modificar, mejorar y hacer lo que quieras con la plantilla, solo te pedimos que mantengas en enlace del autor en el footer como muestra de agradecimiento.

Descargar Fuutheme v1.4 para Blogger

Si no te convences puedes ver un demo en acción desde esta página. Recuerda seguirnos en Facebook y Twitter para recibir todas las novedades de próximas versiones.

9
mar
2012

[Libero] Fuutheme v1.4 | Theme para WordPress

Artículo escrito por admin, guardado en Blogs, Descargas, Fuutec

91 comentarios

Después de superar más de 500 descargas entre las dos plantillas para Blogger (Fuutec theme v1.0 y Fuutheme v1.1), hoy libero Fuutheme v1.4, el theme que usa actualmente el blog para que todos puedan utilizarlo en sus sitios. Las plantillas anteriores las diseñé cuando el blog estaba en Blogger, después de la mudanza a WordPress adapté esa misma plantilla para este CMS, obviamente con muchos más cambios y nuevas características.

En la siguiente lista voy a detallar algunas de las funciones que posee Fuutheme v1.4:

  • Diseño atractivo y moderno.
  • Entradas resumidas en la página principal de blog.
  • Theme realizado únicamente con CSS; la única imagen que posee es el logo.
  • Fuutheme v1.4 utiliza el script “timthumb.php” para recortar las imágenes, de esta manera no se utiliza espacio extra en el servidor para alojar las miniaturas y su carga es considerablemente rápida debido a que se guardan en cache.
  • Widgets integrados de Post más comentados, Post al azar y Post más populares de la semana sin necesidad de utilizar plugins.
  • Caja de suscripción en la sidebar derecha con botones a las principales redes sociales.
  • Entradas relacionadas al final de las entradas como así también botones de Facebook, Twitter, Google+ y Taringa!
  • Posibilidad de mostrar entradas con un ID determinado de forma completa en el home (especial para cuando realizamos reseñas o artículos importantes que no queramos que aparezca el ‘Leer más’).
  • Analytics (desde el panel de opciones).
  • Anuncios AdSense en la sidebar, entradas individuales y en el home, todos editables desde el panel de opciones.
  • Protocolo Open Graph de Facebook integrado.

Además Fuutheme v1.4 cuenta con un panel de opciones para modificar las principales características del diseño, como anuncios AdSense, código de Analytics, etc..

(click para agrandar la imagen)

Algunos puntos a tener en cuenta

Para que el theme funcione correctamente en tu sitio, debes seguir unos pocos pasos que explicaremos a continuación. Primeramente debes descargar el theme, extraerlo y subirlo al directorio themes de tu WordPress.
Una vez instalado si notas que no se visualizan las miniaturas debes aplicarle permisos 777 al directorio cache dentro de la carpeta thumb, para realizar esta tarea puedes utilizar el filezilla.

NOTA: Para utilizar un logo propio, debes reemplazar el archivo “logo.png” de la carpeta images por uno de tuyo respetando las dimensiones y nombre.

NOTA 2: debes cambiar el ID de fb:admins que se encuentra dentro del archivo header.php con tu ID de usuario de Facebook para el protocolo Open Graph.

Descarga

Fuutheme v1.4 es totalmente gratuito y lo puedes utilizar en cualquiera de tus sitios. Puedes modificar el theme, adaptarlo a tus necesidades, agregarle nuevas caracterísiticas o quitarle las que no te gusten, eres libre de hacer lo que quieras. En el footer (pie de página) se encuentra un enlace hacia nuestro sitio, rogamos por favor que lo mantengas como forma de agradecimiento.

Dentro del archivo .zip encontramos el theme que podemos subir desde el panel “Apariencia de WordPress” o directamente desde algún cliente FTP (recomendamos Filezilla).

Descargar Fuutheme v1.4 para WordPress

Espero que utilizen el theme en sus blogs y les sea de su agrado. Pueden dejar consultas o dudas en los comentarios y trataré de responderlas lo antes posible.

Actualización: debido a un problema de sintaxis la página de error 404 se mostraba en blanco. Pueden bajar este archivo donde ya está corregido.

13
ene
2012

Llegaron los comentarios anidados a Blogger

Artículo escrito por admin, guardado en Blogs, Novedades

1 comentario

Parece mentira que una función tan simple y básica como esta recién ahora se implemente en Blogger, el servicio de blogs de Google. Lo que permite esta característica o nueva función es la de responder comentarios, tal como lo hacemos en WordPress u otros CMS.

Esta mejora en los comentarios se activa automáticamente, aunque hay que tener en cuenta dos puntos:

  • Los comentarios deben situarse debajo de la entrada (Configuración >Entradas y comentarios >Ubicación de los comentarios – Seleccionamos “Debajo de la entrada”)
  • El feed del sitio debe ofrecerse completo (Configuración >Otros >Permitir feed de blog – Seleccionamos “Completo”)

Ya con estos dos pasos tendremos comentarios anidados en blogger y en todos los comentarios en nuestro blog nos aparecerá la opción “Responder”, facilitando las conversaciones con los visitantes y nuestros lectores.
____

Vía – Blogger Buz

17
oct
2011

Google Analytics en Blogger. ¡Ahora más fácil!

Artículo escrito por admin, guardado en Blogger, Blogs, Tips

1 comentario

Muchos deben coincidir conmigo cuando digo que Google Analytics es uno de los mejores sitios de estadísticas para sitios web.
Es muy fácil de integrar, cuenta con muchas funciones muy útiles e interesantes y lo mejor de todo es que es gratuito, ¿Qué mas podemos pedir?.

Ahora la gran novedad, es que como muchos Bloggers/Webmasters saben, para integrar Analytics se necesita copiar un código HTML a nuestro sitio web; algo sencillo pero que muchos usuarios nuevos en lo que es blogs o webs temen.

Es por eso que Blogger implementó una nueva característica en la que podemos integrar analytics en blogger de forma muy fácil, simplemente copiando y pegando un número de cuenta.

¿Cómo lo hacemos?

Para integrar Google Analytics en blogger de forma fácil debemos ir a nuestro panel de blogger > Configuración > Otros

Una vez que nos encontremos allí, escribimos el código de número de cuenta asignado para el blog en Analytics; guardamos la configuración y ya tenemos un sistema de estadísticas completo en nuestro blog; y lo mejor es que si cambiamos de plantilla no perdemos el seguimiento.

Vía CodigoGeek

10
oct
2011

Plantilla BloggerStore para Blogger [Web de compras]

Artículo escrito por admin, guardado en Blogger, Blogs, Descargas

Sin comentarios

BloggerStore es una plantilla gratuita para blogger que te permite crear una web de compra y venta profesional de forma muy fácil y rápida.
Este template ya viene prefabricado e integrado con el sistema de SimpleCart.js (v2.2.2) para el Carrito de compras y también incluye algunas animaciones que lo hacen muy atractivo.

Característica de la plantilla

Como características y funciones más destacadas de BloggerStore podemos decir:

  • Cuenta con un menú en JavaScript para los productos destacados
  • 2 columnas
  • Un menú superior para páginas estáticas y otro para categorias
  • Sistema de Carro de compras
  • Integración con PayPal
  • Buen diseño
  • Fácil personalización

Al agregar productos al Carro de compras, podemos observar que se agrega una miniatura del producto con su precio y la posibilidad de eliminarlo, vaciar el carro o ir a pagar (PayPal).

El diseño de esta plantilla me gustó mucho; es muy elegante y para los usuarios avanzados que quieran editar el CSS o algunas opciones de JavaScript está muy bien detallada con comentarios.