jueves, 30 de mayo de 2013

Insertar el Calendario de Google en una página web

Una necesidad de muchas páginas que manejan agendas es mostrar la disponibilidad de horarios para citas, seminarios o cualquier otra actividad; si bien es cierto que existen muchos códigos ya listos para manejo de agendas en línea, muchas veces exceden las necesidades de simplemente presentar la información de disponibilidad de fechas o son algo engorrosos de implementar o manejar.

Una solución alternativa es la implementación de un calendario de Google en el sitio web; el manejo del calendario es sencillo y la instalación en la página web resulta relativamente rápida y sencilla.

Vamos a partir del punto donde asumimos que el usuario ya conoce y sabe usar la aplicación gratuita de Google Calendar, si aún no la conoce puede visitar la página de Google Calendar y en pocos pasos iniciar su cuenta y comenzar a usar el calendario.

Una vez que ya estamos familiarizados con el calendario viene el trabajo del desarrollador web, insertarlo en la página; esto es particularmente útil para consultorios médicos, talleres mecánicos, consultorios odontológicos e incluso iglesias donde se pueden presentar las fechas disponibles para matrimonios, misas, bautizos, etc, los pasos a seguir son muy sencillos:

En primer lugar debemos acceder a la cuenta de Google Calendar que deseamos insertar en la página web (esto ya lo sabemos hacer con el usuario y la contraseña), una vez allí, lo primero que necesitamos hacer es darle el carácter PUBLICO al calendario que vamos a insertar, para ello hacemos click en la flecha que se presenta al lado derecho del nombre del calendario y en el menú desplegable hacer click en la opción Compartir este Calendario

Google Calendar

Una vez que hemos seguido estos pasos llegaremos a una pantalla donde es necesario marcar el calendario como público y guardar

Haciendo público un calendario de Google Calendar

Completado este paso previo estamos listos para comenzar la implementación del código del calendario en nuestra web; para ello haremos click en la pestaña de la barra superior Detalles del Calendario y una vez allí haremos click en la opción Configuración del Calendario; esto nos llevará a una nueva página donde está el código necesario para implementar el calendario, en este punto tenemos dos opciones, copiar y pegar el código HTML tal como está en nuestra página web (lo cual ciertamente es válido) o personalizar un poco las opciones para hacer que el calendario encaje con la paleta de colores, proporciones y demás elementos gráficos de nuestro sitio web.

Si deseamos personalizar basta con hacer click en el hipertexto Personalizar Color, Tamaño y Otras Opciones

Código para insertar Google Calendar en una página web

Al hacer click en la opción de personalización llegaremos a un área donde podremos escoger los colores del  calendario, ancho, alto, información que se presenta y muchos detalles más; una vez completada la personalización únicamente debemos copiar el código HTML que se está generando en la parte superior de esa misma página y copiarlo en nuestra página web en el área donde queremos que aparezca el calendario.

Personalización de Google Calendar para insertarlo en una página web

Ya hemos completado todo el proceso, la primera vez quizás tardemos un poco mientras nos familiarizamos con la interfaz, luego de una instalación en menos de 15 minutos podremos colocar cualquier calendario de Google Calendar en una página web.

Hay que recordar que si estamos trabajando con WordPress el código se puede insertar en cualquier página o post pero NO OLVIDAR hacerlo con la opción de visualización de código; también se puede colocar el código HTML en un sidebar de wordpress, simplemente se incluye un nuevo widget de texto y allí se copia el código del calendario.

Google Calendar, una opción fácil, rápida y económica para insertar calendarios en una página web.

sábado, 25 de mayo de 2013

HTML5 bondades de la nueva revisión del Hipertexto

Desde su aparición como lenguaje estandarizado para desarrolla páginas web, HTML ha dado un salto monumental desde simples instrucciones para procesar texto hasta la web semántica y la interacción con el usuario.

En el contexto de Web 2.0 donde los elementos de las páginas se orientan a la interacción con el usuario mas que a la simple presentación del contenido, HTML ha evolucionado y ha dado un paso más allá ofreciendo una serie de ventajas sobre sus predecesores, totalmente orientado a la web interactiva, esta es la  primera versión donde HTML y XHTML se desarrollan al mismo tiempo.

Entre las ventajas que nos presenta HTML5 tenemos la posibilidad de estructurar las secciones de las
Etiquetas HTML5
páginas web en base a etiquetas semánticas así, a partir de ahora, las etiquetas genéricas <div> y <span> serán sustituidas por etiquetas específicas como <nav> (navegación), <article>, <header> y <footer>; si bien esto no tendrá un impacto en la forma de visualización de las páginas web, su implementación será de muchísima utilidad en las estrategias SEO siendo la metainformación almacenada en esta estas etiquetas específicamente diseñada para los motores de búsqueda.

Otra novedad que nos trae HTML5 son las etiquetas con codecs incorporados <canvas>, <audio> y <video>, las dos últimas destinadas, como su nombre lo indica, a la presentación de elementos multimedia específicos con la ventaja de no ser necesario acudir a librerías ni codecs externos; por su parte la etiqueta <canvas> permite (en las versiones más modernas de los principales navegadores) renderizar imágenes 2D y 3D.

En cuanto a estilo algunas etiquetas como <font> y <center> quedan obsoletas, el objetivo es eliminar los estilos in-line a fin de depurar código dejando todos los atributos de presentación, maquetación y estilo a las hojas CSS.

En cuanto a la interacción con los usuarios, una muy buena noticia para los desarrolladores web está en las potentes herramientas que se incorporan en los formularios, entre las más útiles se encuentra la capacidad de validación de la información sin necesidad de javascript así como la activación de nuevos tipos de campos
para los formularios, entre los más útiles se encuentra el campo <date> que presentará un calendario desplegable automáticamente sin ser necesario acudir a recuersos javascript como se ha hecho hasta el momento.

Resulta pues un salto abismal en el desarrollo web dado que no sólo se simplifica y parcela la estructura del código sino que también se incluyen herramientas integrales que harán más veloz la carga de los sitios web y a la vez se le da a los motores de búsqueda una guía para organizar no sólo las palabras clave de un sitio web sino su distribución y organización, esto sin duda tendrá un impacto en el posicionamiento de muchas web, sobre todo aquellas que no se adapten a los nuevos estándares.

Pero como no todo son rosas, recordemos que HTML5 aún se encuentra en pruebas por lo que es posible que algunas cosas cambien de manera que del lado de los desarrolladores se debe estar alerta a las noticias y cambios para proceder con las implementaciones correspondientes; mientras tanto, del lado de los usuarios, deben ponerse al día con las versiones de los navegadores ya que las versiones antiguas no les permitirán beneficiarse de las bondades de HTML5.

sábado, 18 de mayo de 2013

Contenido Duplicado, ¿pesadilla SEO?

A los buscadores no les gusta el contenido duplicado, ya que conduce a una experiencia de usuario pobre. De modo que si tu sitio tiene contenido duplicado, debes hacer todo lo posible por eliminarlo.

Éstas son las opciones principales para tratar el problema:

Utiliza la etiqueta “rel=canonical” – La etiqueta rel canonicalse ideó precisamente para tratar este problema, por lo que es la mejor solución. Consiste en una línea de código dentro de la sección <head> del
Gestión de contenidos - Manejo de contenidos duplicados
código HTML de la página, la cual le dice al buscador qué versión de la página es la buena (la canónica).

Crea redirecciones 301 – Una redirección 301 es lo más recomendable cuando no puedes usar la etiqueta canónica, cuando mueves el contenido de una página a otra y cuando estableces el dominio canónico. Las redirecciones 301 son comandos incluidos dentro del archivo .htaccess, en el directorio raíz de tu dominio.

Deniega el acceso a los robots – Para evitar que los buscadores encuentren páginas duplicadas en tu sitio, puedes servirte de la etiqueta meta robots o del archivo robots.txt.

Gestiona los parámetros de URL – En el caso de que el contenido duplicado esté provocado por parámetros, puedes indicar a Google cuáles debe ignorar en Configuración > Parámetros de URL, en sus herramientas para webmasters.

Unifica páginas o reescribe contenidos – Tanto la una como la otra son las soluciones más sensatas cuando los contenidos de varias páginas de tu sitio son muy parecidos o iguales.

En el caso de contenido duplicado alojado en la página de un tercero pide que al pongan un enlace a la página que han copiado en tu sitio, puesto que ayudará al buscador a identificar la fuente original.

Para terminar, unos consejos:


  • No utilices nunca el mismo título/descripción en más de una página.
  • El texto de cada página debe ser único para todo el sitio y para  toda la Web.
  • Incluye en tus sitemaps solamente la versión canónica de la página.
  • Cuando copies una cita de otro sitio, incluye siempre un enlace al original.
  • Cuando se trate de una página entera, pide permiso antes, incluye un enlace a la fuente, y deniega al buscador el acceso a la página resultante.

Fuente:  Deteresa.com

sábado, 11 de mayo de 2013

Como saber si el trabajo SEO dará frutos a largo plazo

Uno de los problemas que enfrentan los desarrolladores dedicados al SEO como los clientes que contratan sus servicios es determinar si el trabajo que se hace será efectivo o no, incluso, para los más desconfiados, a veces quedan dudas sobre si se ha hecho o no un trabajo de SEO en un sitio web dado que muchas de las modificaciones de código, etiquetas Meta, redirecciones y demás herramientas de optimización muchas veces no son visibles como un texto o una foto colocada en el contenido.

Ante esta situación muchos tienden a usar herramientas convencionales como el pagerank de Google o el ranking Alexa; el problema de estas herramientas es que se requiere tiempo para ver los resultados de los cambios SEO implementados y muchas veces no tenemos la paciencia, el tiempo o el estoicismo de esperar
WooRank
ese tiempo tranquilamente.

Como una alternativa útil, fácil de implementar y efectiva surge WooRank (http://www.woorank.com/es/)  una herramienta que permite realizar un análisis SEO del sitio web antes de la implementación de las medidas necesarias para optimizarlo y luego de ello; en ambos casos se obtendrá un informe detallado de las fortalezas y debilidades de la página web que se busca optimizar, el reporte está organizado en distintas categorías ofreciendo información tanto cualitativa como cuantitativa que permite en un primer momento determinar lo que se debe hacer para mejorar el SEO y, posteriormente, evaluar si el trabajo que se hizo es acertado y completo o si por el contrario es necesario aplicar medidas extra para lograr mejor posicionamiento.

Los reportes de WooRank van incluso más allá del sitio web mismo presentando el impacto que tiene el sitio web o blog analizado en las principales redes sociales, entre ellas Facebook y Twitter.

De todas las herramientas disponibles en internet (que no son muchas precisamente) dedicadas a este tema, WooRank es la más completa, permite un análisis de prueba de un sitio web para probar su funcionamiento y presenta un entorno muy amigable y fácil de usar; entre sus debilidades podría citarse que no tienen ningún esquema de acceso libre, todos los planes son pagos aunque los costos son bastante accesibles y los beneficios que reporta bien valen la pena la inversión.

viernes, 10 de mayo de 2013

Condiciones que debe tener un software Open Source


1. Libre redistribución: el software debe poder ser regalado o vendido libremente.

2. Código fuente: el código fuente debe estar incluido u obtenerse libremente.

3. Trabajos derivados: la redistribución de modificaciones debe estar permitida.

4. Integridad del código fuente del autor: las licencias pueden requerir que las modificaciones sean redistribuidas solo como parches.

5. Sin discriminación de personas o grupos: nadie puede dejarse fuera.

6. Sin discriminación de áreas de iniciativa: los usuarios comerciales no pueden ser excluidos.

7. Distribución de la licencia: deben aplicarse los mismos derechos a todo el que reciba el programa.

8. La licencia no debe ser específica de un producto: el programa no puede licenciarse solo como parte de una distribución mayor.

9. La licencia no debe restringir otro software: la licencia no puede obligar a que algún otro software que sea distribuido con el software abierto deba también ser de código abierto.

10. La licencia debe ser tecnológicamente neutral: no debe requerirse la aceptación de la licencia por medio de un acceso por clic de ratón o de otra forma específica del medio de soporte del software.

Curiosidades del Comercio Electrónico



- Las compras online se inventaron en 1979, Michael Aldrich conectó una televisión modificada a una línea de teléfono..

- El comercio electrónico (con éxito) por Internet nació en 1994

- Pizza Hut permite hacer pedidos online en su web desde 1994.

- Amazon nació en 1995, pero no logró  beneficios hasta 2003.

- Lo primero que se vendió por internet fue un disco de Sting (Ten Summoner’s Tales), seguido de una Pizza de PizzaHut.

- Hoy en día nos asombramos cuando pedimos una pizza en el Telepizza por internet.

- Apple tiene una patente sobre tiendas virtuales 3D

- Un individuo llamado Pablo Peñalver vendió su alma por 47,51€ por eBay en 2007

- Entre Julio y Septiembre de 2012, se enviaron 4.423 $ por segundo vía PayPal

- El 71% de los compradores creen que conseguirán mejores precios online que en la tienda física.


viernes, 3 de mayo de 2013

Cuatro Errores que deben evitarse en Twitter


Twitter al igual que otras redes sociales consolidadas tiene una fuerte presencia dentro del social media, pero al igual que otros formatos, tiene sus propias particularidades que deben asimilarse correctamente para aumentar la productividad de su uso.

Hay muchas personas que cuando se inician en redes sociales aprenden su funcionamiento mediante procedimientos de ensayo y error, otros por el contrario, recopilan toda la información posible para minimizar los posibles fallos. En cualquier caso, esta recopilación de consejos prácticos será útil para evitar los comportamientos erráticos comunes en la red
Errores que no deben cometerse en Twitter
social del microbloging y  aportarán mejor rendimiento a tu perfil social.


4 principales  errores a evitar en tu perfil social de Twitter

1- MT vs RT Los MT son Tweets modificados que no podemos retuitear porque el autor los publicó con 140 caracteres que es el máximo permitido, entonces tenemos que publicarlos resumidos para ajustar los caracteres a la publicación colocando las siglas MT delante. Si queremos que nuestros seguidores hagan RT en nuestros Tweets, debemos tener esto en cuenta para publicarlos con menos de 140 caracteres. Otra cosa que se desaconseja, es el uso de aplicaciones para publicar tweets largos, porque no se mostrarán completos en el timeline.

2- Añadir un punto antes de las menciones acompañadas por un Tweet, ya que en muchas ocasiones se hacen estas dos publicaciones juntas, pero si se acompañan los tweets con las menciones y no se le añade el punto antes, sólo los seguidores del perfil de Tweeter podrán ver la mención, cosa que no pasará si se añade el punto justo antes, que estará visible para todos.

3- Perfiles de Expertos o Gurús Este tipo de perfiles no tienen demasiado éxito en Twitter, que al igual que otras redes sociales destacan por su cercanía a la hora de interacturar con los seguidores. Una cosa es postularse como un entendido en la materia o un consultor y otra muy distinta es presentarse como un todo un erudito, cosa que coarta bastante a los usuarios a la hora de tomar acción en el perfil social.

4- No seguir a nadie El concepto de seguidores en Twitter que todos  los perfiles corporativos aspiran proyectar, es tener muchos más seguidores que siguiendo y aunque la base es correcta, lo cierto es que la proporción adecuada es 1:2, por lo que deberemos centrarnos en hacer folowing hacia aquellos perfiles relevantes con nuestro nicho y que también tengan un mayor número de seguidores que siguiendo.