Archives for October 2014

Cuidado con robots.txt disallow, Google cambia sus guias de optimización

October 31, 2014 Leave a Comment

El archivo robots.txt, es un archivo de texto que se coloca en la raíz del servidor, nos permite decirle a Google cuales son las carpetas y archivos que los buscadores no debe indexar.

Esta semana, Google Webmaster anuncia cambios importantes sobre como su sistema de indexación de websites incluye ahora la función de visualizar el website de forma similar a como lo hacen los navegadores.

En otras palabras, esto quiere decir, que de ahora en adelante, es importante permitirle a Google indexar carpetas con los archivos css, javacript, imágenes y cualquier otros archivos asociados con la visualización del website en el browser o navegador.

Si su website no permite que Google indexe estos archivos, el posicionamiento de su website será afectado.

Todos los websites, ya sea desarrollados con WordPress o no, deben tener este archivo en el servidor.

A pesar de que existent robots.txt generators, consideramos que lo mejor es escribir el texto en editor de texto y después subirlo al servidor a través del uso de una herramienta FTP.

Ejemplo de un archivo robots.txt para WordPress

User-agent: *
Allow: /wp-content/*.js
Allow: /wp-content/*.css
Allow: /wp-content/*.png
Allow: /wp-content/*.jpg
Allow: /wp-content/*.gif
Allow: /wp-content/*.woff
Allow: /wp-content/*.svg
Allow: /wp-content/*.eot
Allow: /wp-content/*.ttf
Disallow: /wp-content/
Disallow: /wp-admin/
Disallow: /wp-includes/

Una vez hecho este cambio. Es importante ir a su cuenta de webmaster tools y en el menu de la izquierda, bajo la opción de Crawl, hacer click en: Fetch as Google.

A continuación el link al post original que apareció en Google Webmaster Tools:
Updating our technical Webmaster Guidelines

Espero que esta información sea útil para uds.

Pasos para personalizar de forma segura un child theme en Genesis WordPress

October 30, 2014

Cuando desarrollamos websites en WordPress, es recomendable siempre trabajar con un child theme o tema hijo. La razón de esto, es que cuando el desarrollador del Theme, en este caso www.studiopress.com, hace cambios al Genesis theme, estos cambios no afectan a nuestro website.

¿Como personalizar de forma segura un child theme usando custom.css?

De la misma forma cuando personalizamos un child theme en wordpress también es importante asegurarse de hacerlo de forma segura. Para ello es recomendable crear un archivo de css nuevo, custom.css donde se incluyan las personalizaciones del theme. A continuación, les describiré los pasos que yo seguí para hacerlo:

Paso 1: Crear el archivo custom.css

Hacer una copia duplicada del style.css que se encuentra de la carpeta del child theme. Para nuestro ejemplo, yo estoy usando Genesis child theme y renombrarlo a custom.css en mi computador.

Paso 2: Actualizar la información del archivo custom.css

Abrir en un editor de texto el nuevo documento custom.css y borrar todo excepto los detalles en la parte superior que describen el documento

/* # Genesis Sample Child Theme
Theme Name: Genesis Sample Theme
Theme URI: http://my.studiopress.com/themes/genesis/
Description: This is the sample theme created for the Genesis Framework.
Author: StudioPress
Author URI: http://www.studiopress.com/
Template: genesis
Template Version: 2.1.2
Tags: black, orange, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, custom-menu, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

Es importante cambiar el nombre del Theme, debe decir:

Theme Name: Genesis Sample Theme – Customized

Paso 3: FTP al servidor del arhivo custom.css

El siguiente paso es subir el archivo custom.css al servidor a través de una herramienta FTP. Para nuestro ejemplo, la ubicación sera: wp-content/themes/genesis-sample

Paso 4: Asociar el Genesis con el nuevo archivo custom.css

Ahora necesitamos decirle a Genesis, que debe leer este archivo, para ello debemos hacer click en el dashboard, bajo la opción de Genesis > Theme Settings. En la sección que dice Header and Footer Scripts, bajo el campo:
Enter scripts or code you would like output to wp_head():

Debemos agregar la siguiente linea de código:

Hacer click en Save Settings and la parte superior de la pantalla. Este es ultimo paso, ahora podemos ir a Appearance>Editor y podremos ver el archivo custom.css que acabamos de crear, donde empezaremos las personalización del Genesis Child Theme.

Pasos para instalar Genesis en un Servidor Local

October 27, 2014 Leave a Comment

Es importante para la instalación de Genesis para WordPress Entender como funciona Genesis para WordPress.
A veces es importante en la etapa de desarrollo de un website, trabajar en un servidor local, los pasos que se describen en este post describen como hacer la instalación de Genesis en un servidor local.

Pasos para instalar Genesis Framework

A continuación los pasos que seguí para instalar Genesis en mi servidor local

Descargar la ultima version de Genesis Framework en su computador
Hacer click en Appearance
Hacer click en Add New Theme
Hacer click en Upload Theme en la parte superior de la pagina
Hacer click en Choose File y seleccionar el archivo de Genesis Framework recién descargado en su computador y hacer click en Install now

Nota
No active el Genesis Framework.

Pasos para instalar Genesis Child Theme

Descargar la ultima version de Genesis Child Theme. La version que esta incluida con Genesis Framework, se llama Genesis Sample
Hacer click en Appearance
Hacer click en Add New Theme
Hacer click en Upload Theme en la parte superior de la pagina
Hacer click en Choose File y seleccionar el archivo de Genesis Framework recién descargado en su computador y hacer click en Install now
Una vez terminada la instalación hacer click en Activate.

Finalmente, ahora estamos listos para personalizar el diseño del website!

Entendiendo Genesis para WordPress

October 23, 2014

Genesis de studiopress, es uno de los muchos temas para WordPress o premium themes que podemos usar con WordPress, en lo personal, este es uno de los themes que mas uso en mi trabajo debido a que permite adaptar el diseño del website a las necesidades de mis clientes, ademas ofrece un diseño responsive para dispositivos mobiles así como tabletas.

Existen 2 componentes importantes asociados al Theme de Genesis:

Genesis Framework
Genesis Child Theme

Es importante entender estos concepto poder instalar el Tema Genesis correctamente.

Para entender mejor la diferencia entre framework y el tema hijo (child theme), ayuda pensar en el website en forma de capas.

La primera capa es WordPress que ofrece todas las funciones que todos conocemos. La capa que va arriba de WordPress es el Framework que ofrece todas las herramientas y utilidades que corremos usar arriba de WordPress. La tercera capa corresponde al tema hijo, que nos permite personalizar el diseño del website.

En pocas palabras trabajar con el framework nos permite separar el la programación del diseño. Esto es sumamente importante ya que permite ser consistentes en el procesos de desarrollo de websites y al mismo tiempo nos ofrece la facilidad de poder hacer actualizaciones en la programación y en el diseño de forma independiente.

Pasos para Instalar WordPress en un servidor local en un Mac

October 21, 2014

Cuando desarrollamos un website en WordPress para un cliente, a veces no es posible hacer la instalación y hosting en el servidor del cliente, en estos casos tenemos la opción de instalar WordPress en nuestro servidor local para la etapa de desarrollo.

En este post explicare los pasos para hacer la instalación y hosting local en una Mac, me basaré en los pasos explicados en wordpress.org

Instalando MAMP en el Mac
1. El primer paso consiste en instalar MAMP en el Mac para ello se puede descargar desde el website del MAMP website . Es importante asegurarse que de tener instalado el sistema operativo Mac OS X 10.6.6 o mas reciente.
2.Una vez que se termine la descargar, hacer doble click en MAMP disk image. Arrastrar la carpeta de MAMP a la carpeta de Applications en el mac.
3. Una vez terminada la instalación, abrir la aplicación

Configuración de las preferencias de MAMP
1. Si desea excluir el puerto del URL, cambiar el valor de Apache port a 80
2. En el tab de PHP, seleccionar las version 5.
3. En el tab de Apache, se debe seleccionar la carpeta raiz donde estarán los archivos en su computador. Por ejemplo: Users/USERNAME/Sites/wordpress/

Una vez terminada la configuración de MAMP, estamos listos para proceder a activar el MAMP haciendo click en Start Servers.

Automáticamente se abrirá en el browser la página de inicio de MAMP, también ese puede abrir esta pagina haciendo click en: Open Start Page

Creando la base de datos local
1. En el browser, hacer click en phpMyAdmin.
2. Hacer click en el tab de Database, introducir el nombre de la base de datos y hacer click en Create. Para nuestro ejemplo utilizaremos el nombre: wordpresstest

Descargar wordpress
Descargar WordPress, una vez finalizada la descarga, mover la carpeta “wordpress” a la raiz de su carpeta MAMP.

En el browser, puede escribir: localhost/wordpress

Ultimos pasos
1. Necesitara escoger el idioma
instalacion de wordpress en un servidor local
2. Completar la siguiente información de la Base de Datos:

instalacion de wordpress en un servidor local

Database Name:wordpresstest
User Name (database): root
Password (database): root
Database Host/server: localhost
Table Prefix: wp_

3 .Será necesario introducir el nombre del blog y una dirección de correo electrónico. Una vez introducida la información, haremos completado la instalación de WordPress en nuestro servidor local!
instalacion de wordpress en un servidor local

Google Flight y Google Hotel Finder: Ahorro en reservaciones de pasajes y hoteles

October 16, 2014

posicionamiento
Como todos aquellos que trabajamos en el medio web, mi amistad con Google puede variar dependiendo del día.

Recientemente estaba en la buscada de pasajes y reservaciones de hotel y me recordé de darle un vistazo a la herramienta de búsqueda de Google: Google Flights

Tengo que confesar que estoy muy feliz de haberlo hecho. La herramienta permite consultar los precios de tarifa aérea de un destino al otro, presentando los resultados por precio, con información de alternativas de horarios, líneas aéreas, etc. Es posible consultar la información para viajes de ida y vuelta, viajes en una sola dirección, así como también viajes a múltiples ciudades.

Una vez que terminé de seleccionar la ruta, horario y línea aérea de su preferencia, la herramienta me permitió ir directamente al website de la línea aérea para terminar la transacción .

Adicionalmente Google también tiene una herramienta que permite hacer búsquedas de hotels: Google Hotel Finder y decidí probar mi suerte. La herramienta permite incluir la ciudad donde se desea hacer la búsqueda y las fechas de la estadía. Ofrece resultados de hotels con los enlaces a los websites donde se puede completer la reservación. Pero en este caso los resultados no solo incluyen enlaces directamente la información del hotel, sino que también a websites de viajes, , como por ejemplo, hotels.com, bookings.com, etc. El uso de esta herramienta me permitió ahorrar 40% solo en la reservación del hotel!.

Google y yo tuvimos un buen día hoy.

El poder del cambio: Amazon continua innovando

October 13, 2014

posicionamiento web
Sin duda alguna Amazon se ha convertido en uno de los sitios donde mi familia y yo compramos con mas frecuencia. Personalmente, considero consmuy útil la posibilidad de contar con reviews de productos de consumidores como nosotros, en el momento en que estamos investigando la posible compra de algún producto, sin mencionar lo que significa la facilidad de poder comprar y recibir el producto en 2 días en Estados Unidos. Inclusive, recientemente, hemos estado recibiendo los productos antes de tiempo, despachados por un servicio local de transporte privado.

A continuación alguna de las noticias mas recientes que me llamaron la atención

En los últimos días, leí el siguiente articulo en las noticias: Amazon España lanza una red de 1.200 tiendas para recoger sus envíos, que explica como Amazon esta haciendo grandes cambios en su forma de operar en España. Amazon ha decido abrir 1.200 establecimientos donde el cliente si así lo desea, podrá escoger recoger su pedido directamente, en vez de recibirlo por correo.

Adicionalmente el siguiente articulo: Amazon lanza en Madrid la entrega exprés en «horas» de las compras en internet, menciona que Amazon anuncio que en Madrid empezara a ofrecer en despachar pedidos el mismo día, siempre cuando sean hechos dentro de un determinado horario.

Como si todo esto fuera poco, leí el siguiente articulo: Amazon to Open First Brick-and-Mortar Site, describe como el gigante del internet también anuncio la apertura de una tienda física en New York. Obviamente el exito alcanzado en su posicionamiento web, no es suficiente para Amazon. En la tienda se podrán ver los productos dispositivos diseñados por Amazon, como son el Kindle, Kindle Fire, etc. La idea consiste en promover la marca de Amazon. En caso de que la apertura de la tienda demuestre ser un éxito, es posible que Amazon continúe con la apertura de tiendas.

Estos son excelentes ejemplos de la importancia de adoptar nuevas estrategias e incorporar cambios a nuestros negocios por Internet con el fin de continuar innovando todos los días.

Pasos para actualizar la versión de Thesis para WordPress

October 3, 2014

Recientemente estaba agregando contenido en un website que usa Thesis para WordPress y para mi sorpresa, recibí el siguiente error: Warning: Illegal string offset ‘type’ , con la advertencia de que había un error en el archivo options_post.php

Después de investigar las posibles razones de este nuevo error que apareció sin razón alguna, todo parecía indicar que el error posiblemente podría corregirse actualizando la version de Thesis.

En mi caso necesitaba cambiar la version 1.8 por 1.86. Estudie el proceso de actualización sugerido por diythemes.com y a continuación un resumen de los pasos que seguí:

Lo primero que hice fue un respaldo de todo el website usando una herramienta de FTP, por si acaso las cosas no salían según lo esperado. Mas vale prevenir que lamentar!
Bajo la opción de Thesis, ir a Manage Options y hacer click en All Design Options para descargar en mi computadora la configuración actual de thesis
Descargar de diythemes.com la nueva version de Thesis
Subir la nueva carpeta de Thesis al servidor e incluirla dentro de la carpeta themes. Después de hacerlo, la carpeta de themes, incluirá la version vieja y la nueva de Thesis.
Subir al servidor la carpeta custom, de la version vieja y reemplazar la carpeta custom de la version nueva
Dentro de la carpeta custom, cambiar los permisos para: cache (file permissions) debe ser 775 (en vez de 755)
Dentro de la carpeta custom, cambiar los permisos para: layout.css (file permissions) debe ser 666 (en vez de 644)
Dentro del dashboard de WordPress, hacer click en Appearence >Themes y activar la version nueva.
Hacer click en Design Options y cargar el archivo de respaldo que estaba instalado en la version anterior.
Volver a cargar la pagina y todo debe de funcionar!

La Importancia del Cambio

October 2, 2014

He estado pensando durante varios días sobre el tema del cambio.

El ultimo año ha sido un año de cambios muy grandes en la industria del internet, tales como: los cambios constantes que ha estado haciendo Google a sus algoritmos , el desarrollo acelerado de nuevas tecnologías web, el crecimiento exponencial de social media (redes sociales), el uso de los teléfonos móviles para todas las actividades de nuestro día a día, etc.

Me he estado preguntando cual es la mejor manera de manejar estos cambios ? Para una empresa de promoción, para pequeños negocios y para personas. La forma “normal” en como hacíamos nuestro trabajo en el pasado, no es igual de eficiente hoy y lo será menos aun mañana, ya que vivimos en un estado de cambio constante.

Hoy en día, la necesidad de adoptar nuevas tecnologías para profesionales y pequeñas empresas no se puede negar.
El costo de no adoptar nuevas tecnologías para promover nuestro negocio es muy elevado, no solo porque no nos podemos dar el lujo de no hacerlo, mientras nuestros competidores si lo hacen, sino porque también como empresa e individuos, estamos dejando de aprender. Es importante tener una actitud flexible y mantener el enfoque de nuestro negocio por Internet y disfrutar el proceso.