TensaiWeb

Destruyendo el mito

Existen muchos sitios y personas empecinadas en difundir los llamados enchuladores o embellecedores del adsense, los cuales hacen ver al anuncio como un papiro, una pegatina o cualquier otra cosa que atrae bastante la vista.
Si lo que buscas es un bonito diseño, adelante, resalta tus anuncios de adsense. Pero si lo que buscas es elevar tus ganancias lo mejor es mantener un perfil bajo e integrar tus anuncios con tu página.

¿Porqué los anuncios resaltados son malos?

Si bien es cierto llaman la atención, también es cierto que todo mundo conoce los anuncios y cuando una persona entra en una página buscando información lo último que quiere leer es anuncios o propaganda, sino mas bien información. Por lo tanto al integrar el diseño de tu adsense con el de tu página, no solo no hieres la sensibilidad visual del lector sino que le brindas el respeto que se merece.

¿Cómo integrar el adsense al diseño de mi página?

En la configuración del adsense cuando creas un anuncio te da una sección donde puedes elegir los colores, es ahi donde debes seguir las siguientes reglas:

Para bloques de anuncios

• Los colores de fondo y de borde deben ser el mismo y coincidir con el color sobre el cual esta colocado tu anuncio.
• El color del título debe coincidir con el color de los enlaces en tu página.
• El color del texto debe coincidir con el color del texto de tu página.
• El color de la URL debe ser el mismo del texto.

Para bloques de vínculos

• Los colores de fondo y de borde deben ser el mismo y coincidir con el color sobre el cual esta colocado tu anuncio.
• El color los vínculos debe coincidir con el color de los enlaces en tu página.

No puedo saber cual es el color de fondo de mi página

Si no sabes el color porque usas una plantilla o porque es una imágen la que tienes de fondo, entonces te presento a tu salvador el que yo considero imprescindible ColorZilla. Este complemento para Firefox te permite, una vez instalado, conocer el color de cualquier parte de la página simplemente con mover el mouse encima, su funcionamiento es como del cuentagotas, lo seleccionas y luego escoges el color.
El cuentagotas aparece en la parte inferior izquierda del browser y una vez elegido el color con el click te aparecen los códigos del color en rgb y hexadecimal(éste es el que nos sirve para adsense).

¿Cómo deberían verse mis anuncios adsense?

Puedes echar una mirada a este blog y ver como armonizan los anuncios. También puedes entrar a este blog llamado Curioseando 2.0 y ver como se combinan perfectamente los anuncios.

Ultimo consejo, la posición

Los anuncios deben estar cerca de texto importante, vale decir texto sobre el cual queremos que aparescan anuncios, de preferencia encima de ellos.
Para los que tienen blogs un anuncio muy bien colocado esta entre los archivos del blog(lista de post antiguos) u otro y la lista de etiquetas (o categorías) según sea el caso. Esto le permite al adsense coger palabras importantes para mostrar anuncios relevantes.

Ya saben, si gustan probar estos cambios enhorabuena.
Y si dejan comentarios con sus dudas podría hacer un minitutorial mas específico, asi que a comentar.

Yo uso Explorer…¿Es Firefox mejor?

Aquellos que usaron firefox, conocen ya las grandes diferencias. Haremos un breve recuento para aquellos que aún usan solo explorer.

Para el desarrollador(webmaster)

• Los estilos, Firefox respeta las especificaciones CSS2, sigue los estándares recomendados por la W3C. En cambio Internet Explorer 6 se había quedado en CSS1 pero irrespetando ampliamente los estándares. Con IE7 se adaptaron algunas reglas del CSS2 pero con enormes bugs y diferencias.
• Javascript, al igual que pasa con los estilos hubo una evolución, en el uso del javascript se desarrollaron los llamados DOM1, DOM2 y DOM3 donde DOM(Modelo Objeto del Documento) consiste en tratar al documento(página web) como un objeto con sus respectivas propiedades y métodos, donde sus elementos principales(y a la vez objetos) son las etiquetas.
  Decíamos que pasa lo mismo que con los estilos en el sentido que para Firefox como para Internet Explorer no coinciden totalmente las mismas funciones del DOM.

Es decir que si un desarrollador desea hacer un código limpio, estándar y que sirva para un futuro va a tener problemas haciendo páginas para Internet Explorer, ya que para que algo se vea bonito en IE y tiene que aplicar muchos trucos y código especial que ningún otro navegador va a entender.
Desafortunadamente mas del 60% de los usuarios a nivel mundial usa IE y en algunos países de latinoamerica es más del 90%. La buena noticia es que poco a poco mucha gente esta usando Firefox aunque lo usen conjuntamente con IE.

Para los usuarios

• Actualizaciones más continuas, con Firefox los usuarios no tienen que esperar demasiado para la solución de una falla grave en el browser.
• Gratuidad, Firefox es gratuito y no es necesario usarlo en windows.
• Extensiones, en lugar de tener que instalar los peligrosos active x que demandaba una aplicación adicional en IE, las extensiones de Firefox ademas de ser seguras, gratuitas y numerosas son en la mayoría de los casos muy útiles y le agregan funcionalidades al navegador que los usuarios de explorer jamás pensamos que sería posible tener. Con estas extensiones se puede hacer prácticamente todo, como modificar la apariencia del browser, acceder a servicios de páginas que nos permiten guardar datos, bajar videos, incrementar la seguridad, buscar en internet en múltiples sitios, simular otros navegadores, ver la estructura de las páginas, etc

Firefox posee todas las ventajas del software open source, gratuidad, rápido desarrollo de herramientas ya que cualquiera puede desarrollar una usando la API de mozilla y una gran comunidad de soporte para solución de problemas y mejoramiento continuo.
Como webmasters tenemos la obligación hacer páginas al menos para estos dos navegadores y de usar al máximo los beneficios de Firefox.
En futuros artículos hablaremos mas al detalle sobre crossbrowsing(páginas compatibles para varios browsers). Si tienen dudas o peticiones para eso estan los comentarios, no duden que serán ampliamente contestados.
Si no tienes Firefox instalado bájalo desde aquí

Y sus extensiones desde Addons Mozilla.

Bueno en realidad no es un bug, es una extensión llamada Firebug. Esta extensión es una de las mejores herramientas que podria usar un desarrollador web experto, claro que también es ideal para aquellos que están aprendiendo lo básico.
Firebug te permite conocer los secretos de una página, al mismo tiempo que ves el resultado en el browser. Es decir no necesitas abrir el codigo fuente aparte.

Firebug te muestra como se relaciona tu código HTML con las hojas de estilo CSS, e incluso con el código javascript y visualizar el dom en cualquier momento.
Pero eso no es lo mejor de Firebug, lo mejor es que te permite alterar el código y ver los resultados instantáneamente. También tiene integrado un debugger para javascript.
Aca les dejo unos videos donde se explica lo más básico sobre esta extensión.

Introducción

Segunda parte

Las dos partes juntas y en mejor calidad se encuentran aquí. Pronto tendremos más así que únete a nosotros.
Puedes instalar Firebug desde mozilla
Si no tienes Firefox instalado bájalo desde aquí