Pero… ¿Cuáles son las claves para seducir a Google y lograr un excelente trabajo de optimización SEO?

1) Preséntese y muéstrele que existe: Google conoce nuevos pretendientes todos los días a través del rastreo y el indexado de páginas, por lo que es tan interesante como necesario mostrarse continuamente, agregando nuevos contenidos y actualizando la página al menos una vez por semana. Una buena forma de comenzar a mejorar la visibilidad de su sitio consiste en añadir la URL a Google a través de las herramientas para webmasters.

Además, se aconseja dar de alta el sitemap xml del sitio y revisar la correcta configuración del archivo robots.txt.

2) Dígale cómo es, describiendo sus puntos fuertes: Para lograr este objetivo puede indicarle quién es, de qué se trata el sitio, a qué se dedica y cuáles son las razones que lo convierten en el candidato ideal para conquistar su corazón.

3) Diferénciese de los demás y ofrézcale a Google algo especial: Lo ideal es nutrir la página con un contenido útil, diferenciador y de calidad.

4) Cuide su aspecto: Al mostrar una buena imagen está transmitiendo confianza y seriedad. Por ello es fundamental que su página web combine un diseño estético, dinámico y atractivo desde lo visual, además de ofrecer una jerarquía de contenidos, navegabilidad y usabilidad.

5) Consiga que los demás hablen de usted, siempre a su favor: Al igual que en una conquista, para conseguir su objetivo necesitará el mayor número de apoyos. ¿Cómo se logra? Usted podrá posicionar su sitio, aprovechando los beneficios que ofrecen las redes sociales, como Facebook, Blog, My Space, Twitter, entre otros. Cuantas más acciones realice, más posibilidades tendrá de obtener su meta.

6) Sea dinámico y flexible, adapte su página web a los cambios: Aproveche las oportunidades y novedades que se presentan día a día para superarse e ir afianzando la relación con Google.

No existen amores imposibles, por ello la tarea de conquistar a Google puede consumarse con éxito aunque requiere de mucho esfuerzo, tiempo y calidad de trabajo. Siguiendo detenidamente estas claves podrá entablar una sólida y duradera relación con el mega buscador.

Más rápido y liviano

El objetivo primordial para WordPress es muy simple: más rápido y liviano. Para ello han revisado desde el código a la interfaz e inclusive analizaron algunos problemas que habituales que tienen los servicios de hosting con WordPress. El resultado vale la pena: aun con  conexiones regulares la respuesta es mucho más rápida.

Nuevo interfaz de administración

Cuando un sistema crece el desafío por mantener una interfaz limpia, ordenada y práctica se acreciente. Los nuevos cambios en el panel de administración de WordPress aportan claridad y aprovechan mejor el área útil de la pantalla. Sigue la tónica de predominantes grises pero agregan nuevas tipografías que hacen la lectura más clara y simple.

Mejora del panel de escritura

Gran parte de los bloggers pasa la mayoría del tiempo en el panel de escritura y por eso los desarrolladores le han dedicado tiempo a esta parte crucial de la interfaz. El nuevo modo ‘zen’ ayuda a concentrarse en tipiar texto y evita elementos distractivos. Además, se rediseñaron los iconos del área de texto para darle más sobriedad. Un problema que arrastraba WordPress desde hace mucho tiempo era la alternancia entre las vistas de diseño y código, cuestión que ahora funciona mucho más rápido y sin problemas.

Actualización de módulos de JSON

JSON es el acrónimo de JavaScript Object Notation, básicamente un formato para el intercambio de datos cuyo rendimiento ha mejorado mucho en la versión 3.2.1 de WordPress para facilitar la interacción entre aplicación y servidor. Con ello, se soluciona problemas de rendimiento que algunas plataformas de hosting tenían con WordPress.

Opciones nuevas en la barra de administración

La admin bar es una de las opciones más destacadas cuando se hizo el paso a WordPress 3. En esta actualización, se añaden accesos directos como acceso a themes, el escritorio, el sitio y la taxonomía.

Moderación de comentarios mejorada

El nuevo botón “Aprobar y responder” permite hacer 2 pasos en 1: aprobar un comentario moderado y abrir el panel para escribir una respuesta. Simple, pero ayuda a ahorrar tiempo.

PHP5 y MySQL5

La compatibilidad con tecnologías antiguas es un punto crítico en el desarrollo tecnológico y WordPress ha optado por dejar de soporter PHP4 y versiones antiguas de MySQL. Quienes quieran disfrutan de WordPress 3.2 deberán verificar que su servicio de hosting ofrezca las últimas versiones de PHP y MySQL que ya llevan tiempo en el mercado.

No es compatible con Internet Explorer 6

De la misma manera que WordPress exige tecnologías modernas para el hosting los usuarios reacios a actualizar su navegador no contarán con soporte en WordPress. Los diseñadores web sabemos de las increíbles acrobacias y el tiempo que insume garantizar que sitios modernos con mucho Javascript y CSS se vean viene en Internet Explorer 6. Los desarrolladores optaron por lo sano y decidieron retirar el soporte para el obsoleto navegador de Microsoft lanzado hace más de 10 años al mercado.

Como su predecesora, la segunda generación de tabletas vendrá en dos versiones: Wi-Fi o Wi-Fi + 3G; y con las capacidades de 16, 32 y 64 GB. Los precios estimados serán de $3.499 para la versión Wi-Fi de 16GB y de $ 4.499 para la Wi-Fi + 3G con la misma capacidad.

Una buena noticia que se suma, es que con este lanzamiento el I Pad 1 va a sufrir una baja considerable en sus precios.

Algunas de las características más sobresalientes son:

Procesador dual-core A5

Dos cámaras, una delantera y una trasera

33 por ciento más delgada que su antecesor (8.8mm de espesor)

Peso de 1.3 libras

Colores blanco y negro

Sistema operativo iOS 4.3

FaceTime

Photo Booth

iMovie y GaragrBand

Accesorio para adaptador HDMI que proporciona salida de vídeo de hasta 1080p (39.00 dólares)

Smart Cover, un tipo de cobertor para proteger el case del iPad 2 (39.00 dólares)

Soporte 3G en AT&T y Verizon

Soporte con iMovie

AirPlay

10 horas de duración en su batería

Por eso es que cada vez se están viendo más sitios que utilizan las ilustraciones como elemento diferencial dentro de su composición. Un dibujo transmite personalidad, originalidad y, si está bien empleado, consigue atraer la atención del usuario hacia el lugar apropiado.

Ventajas de la ilustración digital

Los programas gráficos complementan las técnicas clásicas: podemos empezar un trabajo en forma de boceto a lápiz o tinta, o cualquier técnica convencional, y terminarlo en la computadora. También es posible proceder al revés: escanear una pintura o imagen y aplicar toda una serie de filtros en la computadora.

La realidad es que el uso de la ilustración en el diseño web es un recurso que está llegando cada vez con más fuerza a todo tipo de páginas web, desde blogs personales hasta páginas corporativas donde hasta hace poco tiempo se permitían pocas libertades creativas. Diseñadores y artistas gráficos han adoptado la ilustración como un elemento que permite conseguir un fuerte impacto visual ya sea como cabecera de un blog, como fondo de una página web o para resaltar contenidos o áreas concretas de una web.

Este lanzamiento demuestra la nueva tendencia de Adobe que consiste en realizar actualizaciones de manera más veloz, hasta ahora lo venía haciendo cada 2 años.

Los usuarios de Dreamweaver se verán beneficiados con muchas mejoras en HTML5 -funcionalidades que hasta ahora solo se podían utilizar a través de una extensión pero no eran parte del corazón del producto- y la inclusión de frameworks de desarrollo para dispositivos móviles. Además, hay actualizaciones para Flash Builder y Flex, que también añaden soporte para tecnología móvil.

También hay que destacar que se verán beneficiados los diseñadores que utilicen in InDesign y quieran diseñar para tabletas como iPad, las basadas en Android y el nuevo BlackBerry PlayBook.

Un dato a destacar es que se sabe que las licencias de la suite de Adobe no son precisamente baratas, especialmente las más completas. Por eso es interesante la idea de lanzar un plan de suscripción mensual o anual que te permite disfrutar de una licencia por un tiempo acotado. No es una versión web sino el producto de escritorio 100% funcional pero con una clave de registro que vence luego de cierto tiempo.

Por ejemplo, una licencia de Dreamweaver arranca en 19 dólares y una Photoshop en 35. La suite básica son consigue por 65 y la Master Collection -con todos los productos- por 129 dólares. Una opción interesante por si te interesa un uso ocasional.

Luego de que varios diseñadores lo pidan a gritos, Adobe lanza Wallaby, una herramienta para convertir archivos Flash a HTML. Mientras la disputa entre Flash y Apple sigue la solución que presenta Adobe -en beta, por ahora- parece más un parche destinado a que no la enorme cantidad de avisos que hay en Flash no queden fuera de  iPhone / iPad.

También hay que destacar las limitaciones del funcionamiento de Wallaby, ya que no soporta programación, audio, video -a no ser que esté en formato H.264- ni efectos avanzados de renderizado 3D. Para hilar más fino, los juegos y aplicaciones que exprimen el potencial de Flash se quedan fuera.

Los que realmente se verán beneficiados con esta nueva aplicación son los diseñadores de banners y piezas publicitarias para la web que en general suelen tener mayor simplicidad técnica. Al menos, para no tener que comenzar un proyecto de cero cuando las empresas reclaman ser visibles en los dispositivos que marcan tendencia.

Antecedentes

Comencemos por una pregunta simple: ¿De qué hablamos al decir “teléfono móvil” cuando hablamos de sitios web aptos para móviles?

Una buena forma de responder a esta pregunta es pensar en las posibilidades del navegador web del teléfono móvil, en particular en comparación con las de los navegadores web de escritorio modernos. Para simplificar, podemos dividir los teléfonos móviles en unos cuantos tipos:

Teléfonos móviles tradicionales: teléfonos con navegadores web que no pueden procesar páginas las web habituales que puede procesar un navegador web de escritorio. Esto incluye navegadores para cHTML (iMode), WML, WAP y similares.

Teléfonos inteligentes: teléfonos con navegadores web que procesan, por lo menos hasta cierto punto, las páginas normales que procesan los navegadores web de escritorio. Esta categoría incluye una amplia variedad de dispositivos, como Windows Phone 7, dispositivos Blackberry, iPHone y teléfonos Android, así como tabletas y lectores eBook.

Esta categoría se puede dividir a su vez según su capacidad para admitir HTML5:

•Dispositivos con navegadores no compatibles con HTML5

•Dispositivos con navegadores compatibles con HTML5

El robot de Google y el contenido para móviles

Google dispone de dos robots rastreadores relacionados con este tema: el robot de Google (Googlebot) y el robot de Google para móviles (Googlebot-Mobile). El robot de Google rastrea el tipo de páginas web destinadas a los navegadores de escritorio y el contenido integrado en ellas, y el robot de Google para móviles rastrea el contenido para móviles.

Les comentamos algunas de las más cotidianas preguntas  y sus respuestas

Teniendo en cuenta la diversidad de capacidades de los distintos navegadores web para móviles, ¿Qué tipo de contenido debería servir al robot de Google para móviles?

La respuesta está en el User-agent que indica el robot de Google para móviles durante el rastreo. El robot de Google para móviles utiliza varios literales de User-agent, todos ellos con este formato:

[Nombre del teléfono o teléfonos] (compatible; Googlebot-Mobile/2.1; +http://www.google.com/bot.html)

Para decidir qué contenido se debe servir, es necesario valorar qué contenido del sitio web funciona mejor con el teléfono o teléfonos indicados en el literal del User-agent. Aquí puedes encontrar una lista completa de los User-agent del robot de Google para móviles.

Ten en cuenta que, actualmente, el robot de Google para móviles no rastrea con ninguna identificación de User-agent destinada a teléfonos inteligentes. Así, actualmente, un sistema servidor de contenidos configurado correctamente debería servir al robot de Google para móviles solo contenido para los teléfonos tradicionales descritos anteriormente, puesto que esto es lo que dictan los identificadores de User-agent. Esta situación puede cambiar en el futuro. En tal caso, podría haber una nueva identificación de User-agent para el robot de Google para móviles.

Por ahora, esperamos que los teléfonos inteligentes puedan manejar el contenido destinado a los navegadores de sobremesa, de modo que no existe una necesidad real de que los webmasters hagan un esfuerzo especial para tales móviles. No obstante, en numerosos sitios web todavía puede tener sentido que el contenido tenga un formato distinto para los teléfonos inteligentes. Esta decisión depende de cuál sea el mejor modo de servir a los clientes.

Estructura de las URL de contenido para móviles

Sitios web que solo tienen contenido para usar en navegadores web de escritorio

Actualmente, la mayoría de los sitios sólo disponen de una versión de su contenido, esto es, HTML diseñado para navegadores web de escritorio. Esto significa que todos los navegadores acceden al contenido desde la misma URL.

Es posible que estos servidores no sirvan a los usuarios de teléfonos móviles tradicionales. La calidad obtenida por los usuarios de teléfonos inteligentes depende del navegador web para móvil que estén usando y puede ser tan buena como la que obtienen con un navegador de escritorio.

Si sólo sirves contenido destinado a navegadores de escritorio para todos los User-agent, deberías tratar al robot de Google para móviles igual que a todos los demás User-agent, conocidos o no. En estos casos, Google puede modificar tus páginas web para obtener una mejor experiencia en móviles.

Sitios web con contenido exclusivo para móviles

Muchos sitios web disponen de contenido optimizado específicamente para los usuarios de móviles. El formato del contenido puede estar simplemente adaptado a las pantallas de móvil, normalmente más pequeñas, o bien puede ser totalmente distinto (p.ej. servido por WAP, etc.).

¿Importa si los distintos tipos de contenido se sirven desde la misma URL o desde URL distintas? Por ejemplo, algunos sitios web tienen una URL como www.example.com destinada a los navegadores de sobremesa y otras como m.example.com o wap.example.com para los distintos dispositivos móviles. Otros sitios web sirven todos los tipos de contenido desde una única estructura de URL como www.example.com.

Para los robots de Google y de Google para móviles, no importa cuál sea la estructura de las URL siempre que sirva exactamente lo mismo que el usuario ve.

Si sirves todos los tipos de contenido desde www.example.com, esto es, sirves contenido optimizado para escritorio y para móviles desde la misma URL según el User-agent, esto también dará lugar a un rastreo correcto por parte de los robots de Google y de Google para móviles. Google no considera que esto sea encubrimiento.

A primera vista, la interfaz del IE9 recuerda mucho a Chrome. La barra de direcciones es el verdadero centro del navegador. Desde ella se pude escribir una dirección web, buscar o consultar en el historial. Una serie de iconos en su interior permiten recargar o detener la carga de la página y activar la vista de compatibilidad, esto es, hacer que los sitios web “optimizados” para versiones anteriores del navegador se sigan viendo correctamente.

Al igual que el navegador de Google, en Microsoft han tomado nota que los usuarios no quieren un navegador repleto de funciones. Por el contrario, buscan interfaces claras y simples que les permitan concentrarse en navegar por la web.

La integración de Internet Explorer 9 con Windows 7 permite agregar un sitio  a la barra de tareas. Esto no solo simplifica el acceso a los sitios más frecuentes, sino que realmente ayuda a que el usuario vea una aplicación web realmente como una aplicación.

Otros puntos a favor: han incluido un gestor de descargas, una utilidad prácticamente imprescindible hoy en día para gestionar todos los diferentes archivos que se bajan de la web. Además, los mensajes de advertencia y error son muchos menos molestos y no perjudican la experiencia de usuario.

Ventajas para el Diseño Web

Lo más provechoso es el soporte que ofrece para HTML5 y CSS3, dos de las tecnologías que en poco tiempo se convertirán en estándar. Internet Explorer 9 puede manejar audio y video embebido y tiene soporte para la canvas, la nueva funcionalidad de HTML5 a través de la cual se pueden generar dinámicamente imágenes, gráficos y animaciones sin necesidad de plugins.

En principio, la reacción de la comunidad está siendo bastante positiva. En ArsTechinca hablan de The most modern browser there is: Internet Explorer 9 reviewed, donde destacan su simpleza, velocidad y el apego a los estándares. En Endgadget elogian la performance de IE9 frente a Chrome y Firefox en varios test.

En la mayoría de los casos esta página web es una extensión del anuncio de promoción, donde se explica más detalladamente la oferta del producto o servicio que se está promocionando. De esta forma se evita llevar a los clientes directamente al sitio web, más institucional y probablemente no tan orientado a la venta.

Algunas ventajas

-          Se pueden modificar promociones, precios, anuncios, en forma rápida sin necesidad de alterar nuestro sitio web, que puede mantener un perfil corporativo.

 -          Como están “descolgadas del sitio web” podemos crear varias y vincular distintos anuncios a cada una de ellas, focalizando así la información de acuerdo al mensaje a transmitir en el correo o anuncio que atrapó el interés del lector.

 -          Mantiene enfocada la atención de clientes potenciales interesados en servicios y productos, aumentando las posibilidades de concretar ventas y generar nuevos contactos.

Aunque la especificación todavía no está aprobada, cada vez más diseñadores y desarrolladores web se animan a iniciar sus proyectos con el futuro estándar. Para que iniciar un proyecto en HTML5 no sea un obstáculo, a continuación desplegamos una recopilación de diferentes recursos que permiten comenzar a utilizalo

Modernizr

Es una librería JavaScript que permite incorporar HTML5 y CSS3 a tus proyectos sin que los antiguos navegadores que no soportan las nuevas tecnologías queden imposibilitados de ver tu sitio. Por ejemplo, se pueden utilizar los nuevos tags semánticos como HEADER, SECTION o FOOTER sin tener que preocuparse por no estar soportados en Internet Explorer.

HTML5 Shiv

Una librería específicamente desarrollada para que las etiquetas HTML5 y CSS3 puedan ser interpretadas por Internet Explorer. El proyecto está hosteado en Google Code y no que hay que descargar ni configurar nada. Basta incluir unas líneas en el código y es suficiente.

HTML5 Boilerplate

Es una plantilla HTML5 para desarrollar rápidamente un proyecto con las opciones y configuraciones más habituales. No es un framework, sino solo una recopilación de diferentes técnicas y trucos comunes en todo proyecto web que utilice HTML y CSS3.

Initializr

Es un proyecto que funciona como una recopilación de diferentes librerías y recursos de HTML5. En su página web elegimos una serie de opciones a partir de las cuales nos genera un ZIP con todos los archivos necesarios. Puede incluir Modernizr, HTML5 Shiv, jQuery, configuración para .htaccess y más.

HTML5 Reset

Se trata de una completa plantilla que incluye todos los elementos más habituales en un proyecto con HTML5. Incluye HTML, CSS y JavaScript. Hay tres versiones disponibles que van desde la completa con comentarios muy buenos para aprender y la básica solamente con la estructura general.

Switch To HTML5

Un sencillo generador online de HTML5 basado en una serie de opciones que puede definir el usuario. Ideal para comenzar y obtener resultados rápidos sin complicarse demasiado.

HTML5 Lint

Con HTML5 la validación del código es un asunto delicado. En lugar de la consistencia que proponía el estricto estándar XHTML, HTML5 vuelve a ser más laxo y mantener el código coherente se hace más difícil. HTML5 Lint ayuda a los desarrolladores a mantener la consistencia original en HTML5 a través de una serie de opciones que validan la escritura en minúscula, el uso de comillas para los valores de atributos, el cierre de todas las etiquetas y otras reglas de sintaxis. Ideal para puristas del código.

HTML5 Doctor

Uno de los primeros sitios dedicados a HTML5 que se ha convertido en una verdadera fuente te recursos para este lenguaje con publicación regular de artículos, novedades y algunos tutoriales. También es interesante su sitio hermano HTML5 Gallery con una muy buena selección de sitios web que implementan HTML5.

HTML5 Rocks

Otro excelente centro de recursos sobre HTML5 con el auspicio de Google, combina información con tutoriales y al mismo tiempo nos deja ver en vivo las mejoras que ofrece el nuevo lenguaje de la web. Para pasar un buen rato recorriendo y aprendiendo.

HTML5 Reference Poster

Un impresionante poster de 10 x 7 metros con un buen resumen de las especificaciones del HTML5. Un diseño equiibrado y armonioso junto al uso de íconos ayuda a identificar fácilmente los diferentes aspectos de la nueva especificación. Un buen recurso de decoración-consulta en la oficina y para clases de tecnología.