Cómo aumentar la visibilidad de tu empresa

Estrategias de Marketing Digital

¿ Como un crear un favicon para un wordpress web site?

¿Que es un favicon?

Un favicon es el gráfico que podemos observar en la pestaña o tab de nuestro navegador que nos permite distinguir entre una pestaña del navegador y otra. Se pueden usar herramientas online para crear el favicon,  que después permiten grabar el favicon a su computador.

www.favicon-generator.org
www.favicon.cc

En lo personal, yo prefiero crear el favicon directamente en mi propia computadora. Para ello, se puede usar cualquier programa gráfico, en lo particular yo use Photoshop porque me parece que me da mas liberta para trabajar con la imagen.

Es importante considerar lo siguiente:

1. La imagen para el favicon, debe tener como dimensión: 16×16 inches (resolución 72 dpi).

2. Photoshop no permite grabar con extensión .ico, por lo que una vez que se termina de trabajar en el diseño del favicon, hace falta grabarlo en su computador como .jpg.

3. Existen varias herramientas online que permiten grabar una imagen con extensión .jpg como una imagen con extension .ico. Las herramientas mencionadas anteriormente, también ofrecen este servicio, a continuación los links nuevamente:

www.favicon-generator.org
www.favicon.cc

Una vez que hemos terminado de crear el favicon y lo hemos grabado en nuestro computador como favicon.ico, estamos listos para incluirlo en nuestro website en WordPress. Para ello debemos hacer lo siguiente

Pasos para subir el archivo favicon.ico al servidor

1. Conectarse al servidor con una herramienta ftp, por ejemplo: filezilla

2. Copiar el archivo en el siguiente path:

wp-content/themes/elnombredelthemedesuwebsite/images

En nuestro caso, como estamos trabajando con Genesis Sample Child, el path es:

wp-content/themes/genesis-sample/images

3. Recargar la página y disfrutar del resultado.

Como activar y desactivar comentarios en WordPress

Leave a Comment

Cuando trabajo con clientes y usamos WordPress para el desarrollo web, siempre tenemos la opción de permitir el uso de comentarios en WordPress o no permitirlos. Esto depende del tipo de proyecto y si el cliente esta interesado en usar el la herramienta de blogging que WordPress ofrece y si el cliente esta interesado en interactuar con sus visitante web de es forma.

En cualquier caso es importante saber como activar el uso de comentarios y como desactivarlos tambien.

Pasos para activar los comentarios en un WordPress Web

1. En el dashboard bajo la opción de settings, hacer click en discussions.

2. Asegurar se hacer chequear las primeras 3 opciones asociadas con Default Article Settings

activar comentarios en WordPress

3. Los pasos anteriores habilitarán los comentarios para cualquier página o post que se cree a partir de que se activaron los comentarios. Para páginas y posts que existían antes de que se habilitaran los comentarios, es importante ir a cada página y post y activar los comentarios, esta opción por lo general se encuentra debajo del campo de descripción en páginas y posts.
activar comentarios en WordPress

Si esta opción no esta visible, se puede activar desde la misma pagina o desde el post, haciendo click screen options en la parte superior de la pantalla.
activar comentarios en WordPress

Como se imaginarán el proceso para desactivar comentarios en wordpress es similar al proceso que usamos para activarlos.

Pasos para activar los comentarios en un WordPress Web

1. En el dashboard bajo la opción de settings, hacer click en discussions.

2. Asegurarse de NO chequear las primeras 3 opciones asociadas con Default Article Settings

activar comentarios en WordPress

3. Los pasos anteriores desactivarán los comentarios para cualquier página o post que se cree a partir de que se desacttivaron los comentarios. Para páginas y posts que existían antes de que se habilitaran los comentarios, es importante ir a cada página y post y desactivar los comentarios, esta opción por lo general se encuentra debajo del campo de descripción en páginas y posts.
activar comentarios en WordPress

Si esta opción no esta visible, se puede activar desde la misma pagina o desde el post, haciendo click screen options en la parte superior de la pantalla.
activar comentarios en WordPress

Eso es todo!, espero que estos pasos les sean útiles!

Pasos para migrar tu WordPress de hosting usando el Duplicator Plugin

Si necesitas migrar tu WordPress de Internet a un servidor local, o cambiar de Hosting, o hacer pruebas, el plugin para WordPress Duplicator es la herramienta perfecta.

A veces es necesario hacer cambios a un website desarrollado en WordPress que se encuentra alojado en un servidor, ya sea debido a que se desean hacer mejorías, un rediseño del website, etc. Cuando esto sucede, es recomendable hacer estos cambios offline, en un computador local y no en el servidor en Internet, para poder hacer todas las pruebas necesarias sin que este afecte el desempeño de nuestro website ni la experiencia de los visitantes a nuestro website.

Duplicator Plugin para WordPress

Duplicator es un plugin de WordPress gratuito, que nos permite migrar o mudar un website de un WordPress hosting a otro.
En este ejemplo haremos la prueba migrando un sitio WordPress que se encuentra en un servidor live a nuestro servidor local.

La ventaja de este plugin es que se encarga de llevar a cabo por nosotros todos los pasos técnicos que podría ser engorrosos para muchos.
El plugin permite crear un paquete de instalación que contiene 2 archivos, uno con toda la información del website (archive) y otro instalador (installer) que se ejecuta en el servidor destino para recrear el website.
A continuación, un resumen de los pasos a seguir:

Instalar Duplicator en el WordPress web a migrar

  1. Bajo la opción de plugins hacer click en Add New y escribir Duplicator
  2. Descargar el plugin y activarlo
  3. Asegurase de refrescar el browser, podra ver la opción de Duplicator justo debajo de la opción de Settings. Haga click en Duplicator

Generar el paquete de instalación

  1. Hacer click en el tab de Create New. Hacer click en New.
  2. Una vez que finalice compilando la información del website. Se genereraran 2 downloads:  Archive e installer.php . Descargue ambos en su computador.

Base de Datos en el Servidor Local

  1. En su computador local, asegurese de crear una base de datos para el nuevo website. Para este ejemplo, estamos haciendo las pruebas en un Mac, por lo que utilizaremos MAMP y phpadmin. Para mayor información, mirar el post: Pasos para Instalar WordPress en un servidor local en un Mac
    Asumamos que para este ejemplo la base de datos se llama: newwordpressdb

Ejecutar el archivo instalador de Duplicator

  1. Copie los archivos descargados (Archive e installer.php) dentro de la carpeta raíz de MAMP donde desea instalar el website nuevo.
  2. Cargar el installer en el browser: localhost/newwordpresswebsite/installer.php
  3. Introducir el nombre de la base de datos: newwordpressdb
  4. Introducir el nombre usuario: root
  5. Introducir el password: root
  6. Una que se finaliza el proceso de instalación es importante hacer click en la opción de: Resave Permalinks
  7. También es importante hacer click en: Delete Installer Files.

En algunos casos el proceso de instalación puede resultar en un error, en estos casos es recomendable. Desactivar todos los plugins en el servidor destino (excepto Duplicator) y volver a generar los 2 archivos con Duplicator.

Al finalizar este ultimo paso estaremos listos para empezar a trabajar en nuestro website en el servidor local! … Recuerde volver a activar todos los plugins.

 

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

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

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:

<link rel=’stylesheet’ type=’text/css’ href=’http://www.mywebiste.com/wp-content/themes/genesis-sample/custom.css’ media=’all’ />

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

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

  1. Descargar la ultima version de Genesis Framework en su computador
  2. Hacer click en Appearance
  3. Hacer click en Add New Theme
  4. Hacer click en Upload Theme en la parte superior de la pagina
  5. 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

  1. Descargar la ultima version de Genesis Child Theme. La version que esta incluida con Genesis Framework, se llama Genesis Sample
  2. Hacer click en Appearance
  3. Hacer click en Add New Theme
  4. Hacer click en Upload Theme en la parte superior de la pagina
  5. Hacer click en Choose File y seleccionar el archivo de Genesis Framework recién descargado en su computador y hacer click en Install now
  6. 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

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:

  1. Genesis Framework
  2. 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

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

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

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.

Sígueme

RSStwitterfacebookpinterestinstagram