Ajax Lightbox: Una ventana emergente 2.0 en su página web

Durante el desarrollo de mi último proyecto he tenido la suerte de conocer un fantástico efecto 2.0 desarrollado por Lokesh Dhakar. Se trata de un efecto Lightbox que permite mostrar espectaculares pop-ups con imágenes y grupos de imágenes. Las características del código original no eran suficientes para el proyecto en el que trabajaba, así que tuve que ampliarlo para que fuera capaz de mostrar pop-ups que cargaran dinámicamente de un fichero. De este modo nació el que he bautizado como Ajax LightBox, espero que les sea de tanta utilidad como a mi.

Qué es Ajax Lightbox

Ajax Lightbox es un script no intrusivo que permite mostrar una ventana por encima del contenido actual de una página. El término no intrusivo se utiliza para denominar al código javascript que no se ejecuta inmerso en el HTML si no que se aplica de manera indirecta una vez cargado el documento, permitiendo conseguir independizar completamente  “Contenido, Presentación y Comportamiento. Comentar también que un script no intrusivo permite cumplir con el punto de verificación 6.3 de las normas de accesibilidad WCAG (prioridad 1, necesario para nivel A):

"Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported. If this is not possible, provide equivalent information on an alternative accessible page." 

Como puede observar en el siguiente ejemplo, usted puede visualizar tres tipos diferentes de ventanas:

  • Contenido dinámico extraido vía Ajax de un fichero.
  • Imágenes individuales.
  • Grupos de imágenes.

Si conoce algo de javascript y css puede personalizar el efecto para ajustarlo a sus necesidades:

Ha sido testeado en las últimas versiones de los navegadores más extendidos: IE/FireFox/Opera.

Cómo utilizarlo

1. Configuración

  1. Ajax Lightbox utiliza dos librerías opensource: PrototypeScriptaculous. Por tanto debe incluirlas en la cabecera de su página:

    <script type="text/javascript" xsrc="js/prototype.js" mce_src="js/prototype.js"></script>
    <script type="text/javascript" xsrc="js/scriptaculous.js?load=effects" mce_src="js/scriptaculous.js?load=effects"></script>
    <script type="text/javascript" xsrc="js/lightbox.js" mce_src="js/lightbox.js"></script>

    Puede modificar la librería lightbox.js para configurar algunos parámetros del efecto:

    fileLoadingImage: Imagen de carga
    overlayOpacity: Nivel de transparencia de la capa
    overlayvar animate: Activa/Desactiva rescalable  animations
    resizeSpeed: Controla la velocidad de rescalado de la imagen (1 = muy lento y 10 = muy rápido)
    borderSize: Grosor del borde

  2. Incluya también la hoja de estilos lightbox.css añada los estilos a la hoja de estilos actual de su Site. Puede modificar los estilos para cambiar las características del efecto (Colores, tamaños, etc).

    <link rel="stylesheet" xhref="css/lightbox.css" mce_href="css/lightbox.css" type="text/css" media="screen" />

    Es importante que compruebe dentro de la hoja de estilos que las imágenes están siendo referenciadas a las ubicaciones correctas.

2. Activación

  1.  Añada un atributo rel="lightbox_text"  a cualquier enlace que apunte a una página web para activar el efecto:

    <a xhref="nota.htm" mce_href="nota.htm" rel="lightbox_text" >Ver nota</a>

  2. Añada un atributo   rel="lightbox" a cualquier enlace a una imagen en el que quiera activar el efecto. Puede incluir un atributo title si quiere visualizar un caption en la ventana:

    <a xhref="images/image-1.jpg" mce_href="images/image-1.jpg" rel="lightbox" title="Los recursos de HelloGoogle son la pera">imagen #1</a>

  3. Si quiere agrupar un conjunta de imágenes, incluya un nombre de grupo dentro de unos corchetes en el atributo rel:

    <a xhref="images/image-1.jpg" mce_href="images/image-1.jpg" rel="lightbox[mi_grupo]">imagen #1</a>
    <a xhref="images/image-2.jpg" mce_href="images/image-2.jpg" rel="lightbox[mi_grupo]">imagen #2</a>
    <a xhref="images/image-3.jpg" mce_href="images/image-3.jpg" rel="lightbox[mi_grupo]">imagen #3</a>

Descárgueselo

El código se ofrece bajo la licencia Creative Commons, esto significa que puede utilizarlo y modificarlo libremente en sus aplicaciones. Solamente debe mantener los créditos tal y como están, para reconocer la labor de sus autores.

Espero que este efecto le sea de tanta utilidad como a mi, y que a partir de ahora pueda sorprender a sus visitantes con este Ajax Lightbox 2.0.

Web penalizada por Google o Cómo recuperarse de una penalización

Recuperar penalización Google

Supongamos que un mal día decidió poner su página en manos de una compañia que le garantizó posicionarle en Google y mejorar su Page Rank. Supongamos que la cosa no fue como usted realmente pensaba y ahora su página tiene un flamante page rank de 0 y su presencia en Google brilla por su asencia. Tal vez no haya necesitado realizar un ejercicio de imaginanción, pues usted ya ha vivido este episodio en sus propias carnes. ¿Y ahora qué?

¿Existe una solución? Bien, por fortuna Google pone a nuestro disposición un teléfono de la esperanza, también conocido como “Solicitud de nueva inclusión para una web que ha infringido las directrices para webmasters“. Ahora bién, antes de realizar una petición formal a Google tenemos bastante trabajo por hacer.

¿Qué he hecho mal?

Lo primero que debemos hacer es un ejercicio de autoanálisis para entender por qué motivo ha podido ser penalizada nuestra web.

Por mi experiencia el 80% de los usuarios que pensaban que su Site había sido penalizado, en realidad la pérdida de posiciones se debía a un problema técnico que podía solucionarse de manera sencilla. Por ejemplo, la reestructuración de la home o la inclusión de un nuevo menú de navegación, o la utilización de una nueva tecnológía web como flash o Dhtml, pueden impedir a Google acceder a nuestro Site y por tanto experimentaremos una perdida en nuestro posicionamiento. Existen herramientas on-line que nos permiten conocer si Google puede indexar nuestra web. Una de estas aplicaciones es el navegador textual Lynx, también dispone de una versión on-line.

Si la pérdida de posicionamiento se ha producido a raíz de haber trabajado con una empresa SEO o tras aventurarse a aplicar alguna técnica de posicionamiento, puede que haya incurrido en alguna técnica prohibida en las directrices de Google para webmasters y su Site haya sido penalizado. Un síntoma evidente de que su web ha sufrido una penalización es la caida del PageRank de la página a 0.

Lo primero que debe hacer es revisar a fondo su Site y localizar y eliminar todas las técnicas de posicionamiento  prohibidas que haya podido aplicar.

  • ¿Existen texto o links ocultos?
  • ¿Se realiza cloaking en alguna página, especialmente en la home?
  • ¿Existen doorways que redireccionan a otras páginas?
  • ¿Ha recurrido a linkfarms o programas automáticos para conseguir enlaces?

Debe asegurarse que su en su web no se realiza alguna de estas técnicas fraudulentas y que cumple rigurósamente con todas las directrices para webmasters de Google. Una vez que tenga la absoluta certeza de que su web esta completamente libre de SPAM es el momento de solicitar a Google que levante la penalización sobre nuestra web.

Google, tenemos un problema

Para solicitar una reinclusión debe registrarse y logearse dentro de las herramientas de Google para webmasters. Desde aquí pulse en Herramientas y elija Enviar una solicitud de nueva inclusión.

Es muy importante que sepamos cómo realizar la solicitud de manera que tengamos las máximas posibilidades de que nuestra solicitud sea atendida dentro del inmenso universo de solicitudes que son recibidas a diario en el buzón de Google.

Fundamentalmente Google quiere saber dos cosas muy concretas:

  1. Que nuestra web ya no contiene SPAM.
  2. Que no volverá a ocurrir.

Comience su exposición con una breve explicación de lo que ha ocurrido, qué razones le impulsaron a utilizar técnicas prohibidas y qué medidas ha tomado para que esto no pueda volver a ocurrir en el futuro. Si recurrió a una empresa SEO no tenga reparos en indicar datos concretos sobre la empresa. Tenga bien presente los siguientes puntos:

  • No ande con rodeos: Si cometió un error admítalo y corríjalo.
  • No pregunte por qué, nadie le va a dar explicaciones.
  • No llore a Google, su corazón es de piedra.
  • Aprenda de sus errores y no incurra dos veces en el mismo error. Puede que Google levante su penalización una vez, pero nunca lo hará dos veces.
  • Lea las directrices para Webmasters varias veces antes de mandar su solicitud.
  • Pida a un profesional que revise su web para asegurarse que no hay nada penalizable.
  • Sea educado, Google no le debe nada
  • No se moleste en explicarles que ha contratado AdSense o que utiliza a menudo AdWords. Al editor que revisa su solicitud no le interesa si usted tiene alguna relación comercial con Google, tan sólo que el SPAM ha sido eliminado y que no volverá a ocurrir.
  • Realice una solicitud por dominio. No sería muy inteligente incluir 20 dominios en una sola petición.
  • Redacte la solicitud en castellano y si le es posible, también en inglés.

Un ejemplo

Puede tomar este ejemplo como modelo para realizar su solicitud:

Estimados señores,

Recientemente he podido comprobar que mi web ha sido desindexada de Google. Tras pedir asesoramiento a un consultor externo he podido comprobar que efectivamente había incurrido en técnicas que pueden contradecir los términos de servicio expresados en sus directrices para webmasters.

Para conseguir enlaces externos recurrí a una herramienta SEO llamada “Link Vault” sin percatarme que podía repercutir negativamente en el posicionamiento de mi web. Quiero que sepan que he eliminado todo el código relacionado con esta herramienta y por supuesto no volveremos a recurrir a éste o cualquier otro recurso SEO que pueda poner en peligro la indexación de mi Site. Espero que si no existen otros problemas, tengan en bien reindexar mi Site.

Por último comentarles que he leído sus directrices para webmasters y que ahora en adelante seré más cauto a la hora de iniciar una acción de marketing. Así mismo he solicitado a nuestro departamento de Marketing que tome las acciones pertinentes para que no volvamos a incurrir en este tipo de incidentes.

Agradeciéndoles su tiempo, reciban un cordial saludo,

Ignacio G. Webaster de HelloGoogle.

29 de Abril de 2007, Bilbao, España.

¿Y ahora…cuánto tengo que esperar?

LLegados a este punto usted ahora se preguntará, ¿Cuánto tiempo tengo que esperar ahora? El intervalo de tiempo puede oscilar entre 2 y 8 semanas, en función de cuándo sea revisada su solicitud, la gravedad de la penalización que hay sobre su web, y el humor que tiene ese día el editor que atiende nuestra petición.

Lo único cierto es que la manera más rapida de recuperarse de una penalización es no ser penalizado. Asegúrese de que conoce las directrices para websmasters y confíe el posicionamiento de su Site a empresas de total confianza.

Cómo posicionar una página web en Google en 2 semanas

Cómo posicionar su página web en Google en 2 semanas

Frecuentemente se piensa que para indexar una página web en Google basta con recurrir al método oficial: acceder a http://www.google.com/intl/es/addurl.html e introducir la dirección de nuestra página web.

Desafortunadamente, en la práctica este método no suele funcionar, pues como advierte el propio Google, no se asegura en cuánto tiempo se realizará la indexación y ni tan siquiera se nos puede garantizar que se realizará. Google recibe miles de sugerencias de direcciones de sitios web al día y no tiene capacidad para rastrear todas al momento.

Si ha publicado un nuevo Site y aún no ha sido indexado en Google, o si tiene previsto publicarlo y le preocupa que no se indexe correctamente, le interesará leer el siguiente artículo en el que detallo 5 sencillos pasos que le ayudarán a indexar su página en Google de manera segura y rápida.

1. Compruebe que su Site es potencialmente indexable por Google.

Cómo puedo comprobarlo:

Para comprobar si su página puede ser indexada, debe utilizar aplicaciones que visualizan su página tal y como lo haría Google. Una de estas aplicaciones es el navegador textual Lynx, también dispone de una versión on-line. Tenga en cuenta que Google sólo podrá acceder al contenido que Lynx le muestre al analizar su web.

Por qué no podría indexar Google mi página web:

Los principales motivos por los que una página web no puede ser indexada son:

  • La página está desarrollada exclusivamente en flash: Aunque Google es capaz de leer e indexar páginas flash a partir de la versión 8, lo cierto es que la incapcidad de flash a la hora de jerarquizar y marcar semánticamente el contenido sigue siendo un lastre a la hora de alcanzar un posicionamiento eficiente.
  • La página contiene frames: Al utilizar frames en el diseño de una web se pierde el concepto de página como unidad de presentación y Google no será capaz de acceder al contenido de nuestra página.
  • Existen redireccionamientos en javascript: Google sólo recorre los enlaces HTML de una página. Puede verse en la necesidad de hacer una redirección inicial para dirigir al visitante a una u otra página en función de ciertos parámetros como procedencia, idioma,etc. Una simple redirección en javascript en la home puede estar impidiendo a Google acceder. Una solución alternativa válida es realizar la redirección en el servidor.
  • Utiliza funcionalidades en DHTML: el HTML dinámico (menús desplegables, efectos visuales, etc) no es siempre accesible por los buscadores, por tanto debe asegurarse de que el contenido principal de sus páginas sea siempre accesible.
  • Trabaja con un gestor de contenido (cms): Si su empresa utiliza un gestor de contenido para gestionar la información de su web, debe asegurarse de que su sistema puede exportar el contenido de manera que los motores de búsqueda puedan indexarlo.

2. Compruebe que Google es capaz de recorrer todas las páginas que conforman el Site.

Cómo puedo comprobarlo:

Podemos recurrir a herramientas especializadas para comprobar la estructura de enlaces de nuestra web. Yo le recomiendo la aplicación gratuita Xenu’s Link Sleuth que nos permite realizar un exhaustivo estudio de la estructura interna del Site.

Por qué no podría Google recorrer mi página web:

Cuando Google visita nuestro site, comienza a recorrer todos los enlaces que encuentra, aquellas secciones a las que no pueda acceder no serán indexadas. Existen diversos motivos por los que Google no puede recorrer nuestro Site:

  • No se puede acceder a todas las secciones desde la home. Tenga en cuenta que la home es el punto de partida hacia el resto de páginas.
  • Existen links rotos.
  • Se utiliza javascript para enlazar a alguna sección o página.

Cómo puedo solucionarlo:

Una manera sencilla de asegurarnos de que todas las secciones son accesibles es crear un mapa web. El mapa web de un sitio es una lista jerarquizada de vínculos a todas las páginas del Site.

3. Compruebe que su Site no incumple el código para Webmasters de Google.

Si su Site ha sido desarrollado u optimizado por una empresa SEO debería tener especial atención en comprobar que no han utilizado técnicas de posicionamiento fraudulentas.

  • Evite los textos y enlaces ocultos.
  • No cree páginas con contenido irrelevante.
  • No cree páginas ni subdominios con contenidos duplicados.
  • No intente hacer cloaking: ofrecer a los buscadores diferente contenido que a sus visitantes con la intención de mejorar su ranking.
  • Cuide la calidad de sus enlaces, evite aquellos que provengan de webs especializadas en la venta de links y de spamers.
  • No utilice programas para realizar altas masivas en buscadores.
  • Evite realizar Sneaky Redirection: conjunto de entre 10 y 20 páginas sin contenido relevante que enlazan entre si. Al acceder a alguna de ellas redirecciona al usuario a otra página distinta.
  • Evite crear doorways: páginas creadas exclusivamente para los motores de búsqueda
  • En resumen, evite los trucos mágicos para mejorar el posicionamiento web de su página en Google.

Tenga presente que si nuestra web es penalizada por Google, recuperar la indexación será una tarea muy complicada y en acasiones imposible.

4. Consiga varios enlaces externos de calidad.

Conseguir enlaces de calidad hacia nuestra página web es sin duda la manera más rápida para ser indexados en Google:

Dé de alta su site en los principales directorios:

Algunos directorios permiten el alta manual y gratuita por lo que son un buen lugar donde conseguir un enlace de calidad. Es muy importante que dé de alta su Site en los siguientes directorios:

Aunque se tiende a pensar lo contrario, los directorios y los buscadores son completamente distintos. Sus enfoques son completamente diferentes ya que registran y presentan la información de forma distinta. Una de las diferencias principales es que los directorios están estructurados temáticamente y requieren que demos de alta nuesta web en la categoría relacionada con nuestros servicios y productos.

Consiga enlaces en sites que ya estén indexados.

Si es el webmaster de una página ya indexada, puede incluir en la home un enlace hacia su nueva web. Hágalo de manera clara, aprovechando la sección de enlaces o incluyendo un banner. Nunca recurra a los pop-ups pues no son accesibles por Google.

Realice campañas de marketing y PR para informar a todos los Sites que podrían estar interesados en que su página está on-line: centros de prensa, portales especializados, páginas del sector, etc.

Tenga en cuenta que un sólo enlace de calidad puede ser suficiente para conseguir la indexación.

5. Crear y dar de alta un Site Map para Google.

Qué es un Google Site Map:

Es un sistema gratuito que nos ofrece Google para que le indiquemos cuáles son las páginas que conforman mi sitio web. De esta manera nos aseguraremos de que Google puede encontrar todos nuestros contenidos de manera sencilla. Además, también nos proporciona estadísticas y resúmenes de posibles errores de indexación.

Cómo se crea un Google Site Map:

Un Google Site map es un fichero que funciona como índice de todas nuestras páginas. Puede tener diversos formatos pero el más habitual es el basado en el estándar XML. Existen muchas herramientas para generar un site map de manera automática. La aplicación xml sitemaps es un generador online y gratuito para webs con menos de 500 páginas.

El proceso para dar de alta el Site Map es sencillo y dispone de mucha documentación en Internet.

Si ha seguido correctamente estos 5 pasos, ahora sólo le queda esperar a que Google encuentre su web e indexe sus páginas. Tenga en cuenta que Google funciona como una araña (si tiene fobia a estos arácnidos piense en otra cosa) que recorre la inmensa tela de webs que conforman Internet.

El tiempo de indexación depende de muchos factores, pero no debería dilatarse más de 15 días. Usted sabrá que la indexación se ha realizado con éxito si al escribir en el campo de búsqueda de Google: site:www.nombre_su_domino_com, el buscador le devuelve todas las páginas que conforman su site.

Espero que este artículo le haya resultado de interés y a partir de ahora consiga posicionar sus páginas de manera segura y rápida. ¿El siguiente paso?, ahora tal vez le interese posicionar su web para una serie de términos de búsqueda concretos; en este caso le animo a que siga con nosotros y que profundice en el mundo SEO con el siguiente artículo de posicionamiento web en Google.

Selector combo dinámico en Ajax: localidades y provincias de España

En diversos proyectos he tenido la necesidad de trabajar con un formulario en el que uno de los campos es un selector de provincias y localidades de España. Tal vez usted también haya tenido esta misma necesidad durante el desarrollo de un proyecto.

En un enfoque tradicional sería necesario cargar en memoria todas las provincias y localidades, o dividir el proceso en dos fases: en la primera el usuario elegiría su provincia para luego seleccionar su localidad en un segundo paso. Un ejemplo de este enfoque tradicional es la web de páginas amarillas. Observe que el tiempo de carga de la página es considerablemente elevado.

Las nuevas técnicas de desarrollo web 2.0 nos ofrecen ahora la posibilidad de resolver este tipo de  funcionalidades de una manera mucho más elegante y eficiente.

Ejemplo de combo dinámico en Ajax 

Combo de localidades

En un enfoque 2.0 he desarrollado este ejemplo en el que puede ver un  formulario que permite al usuario seleccionar su localidad de manera muy rápida y eficiente. Ajax nos permite  trabajar con un documento XML de más de 2Mb que contiene todas las localidades de España, cargando en memoria únicamente la información que necesitemos en cada momento.

En el siguiente esquema se explica el funcionamiento de la aplicación Ajax:

Arquitectura de la aplicación provincias y localidades en Ajax

Esta funcionalidad consta de los siguientes archivos:

  • default.php: página incial dónde se generan dinámicamente el combo de provincias a partir del XML general.
  • xml_data_provider.php: recorre el XML general y devuelve otro XML que contiene sólo las localidades de la provincia escogida.
  • AjaxCode.js:  funcionalidad Ajax que lee el XML con las localidades elegidas y crea dinámicamente el combo de localidades.
  • provinciasypoblaciones.xml: Archivo XML que contiene todas las localidades y provincias de España.

Esta misma funcionalidad puede utilizarla para manejar cualquier XML de gran tamaño que de otra forma se mostraría inmanejable y ralentizaría mucho el tiempo de carga de su Site: fichas de clientes, un catalogo de productos, etc.

El tiempo de carga de una página y el consiguiente tiempo de espera de un usuario es uno de los factores más importantes en el rendimiento de una web. Tal y como se desprende del estudio sobre usabilidad realizado por Peter Sevcik en Julio de 2002, el tiempo de carga de una página no debe dilatarse más de 10 segundos para mantener el nivel de satisfación del usuario dentro de los límites óptimos. A partir de este límite el usuario empieza a percibir que la página está tardando en cargar y cuando se rebasa los 40 segundos la fustración y pérdida de interes del usuario por la página aumenta de manera muy acusada.

El código.

En el siguiente archivo zip dispone de todos los ficheros y recursos que conforman la aplicación. Siéntase libre de utilizarlo en su página web. Si le resultó de utilidad  o encontró cualquier problema le agradecería mucho conocer su feedback.

Cómo elegir un nombre de dominio: 25 consejos

Cómo elegir el mejor dominio: 25 claves
  1. Registre el nombre de su dominio antes de comenzar el desarrollo de su Site. En el caso de dudar entre varios dominios, si puede permitírselo, regístrelos todos.
    En la página http://www.whois.org/ puede comprobar si el dominio en el que había pensado está libre y en caso de estar ocupado quién lo ha reservado.
    Si está realmente interesado en un dominio ocupado puede contactar con el propietario para comprobar la viabilidad de la compra, aunque el precio puede ser considerablemente alto.
    El dominio realstate.net fue recientemente vendido por 300.000$.
    El dominio music.com se encuentra a la venta por 10.000.000$
  2. Como primera opción, opte por utilizar el nombre de su marca en el dominio. Ej.: www.bmw.com
  3. El nombre de su dominio debe corresponder con el nombre de su Site, servicio, producto o empresa, de otra forma sus visitantes se encontrarían desorientados.
  4. Huya de los nombres de domininos genéricos.
    Si su empresa vende coches podría verse tentado a elegir un dominio como http://www.coches.com/ o http://www.vendocoches.com/.
    La percepción de la comunidad web de los dominios genéricos es poco positiva y la imagen de su empresa se vería perjudicada.
  5. El nombre de su dominio no debe ser un eslógan.
    Dominios como “Lamejorwebdelmundo.com” se perciben por la comunidad web como poco transparentes o fraudulentos.
  6. Un dominio fácil de recordar es un buen dominio. Google es fácil de recordar.
  7. Un dominio verbalizable es un buen dominio. Google se puede pronunciar de forma sencilla.
  8. Un domino con contenido semántico es un buen dominio. ¿Sabía que Google es una unidad de medida?
  9. Decántese por un nombre de dominio corto frente a uno más largo.
    Aunque es posible contratar un nombre de dominio de hasta 64 caracteres, un domino demasiado largo es inmanejable.
    Los dominios cortos son más fáciles de recordar y más rápidos de teclear.
    Un dato objetivo: No existen dominios .com libres de 1, 2, ó 3 letras.
    Sólo quedan disponibles 2.428 dominios .com de 4 letras, es decir, menos de un 10% del total.
  10. Tenga presente que Google asocia el Page Rank al dominio de una página. Cambiar de dominio puede suponer la perdida del PR que tenía.
  11. Si el dominio contiene de forma natural keywords relevantes en el nombre es una ventaja de cara a la indexación en los motores de búsqueda.
    No debe enfocar la elección de su dominio únicamente por los keywords que contiene.
    Evite la repetición de keywords en el nombre de dominios si no es absolutamente necesario.
  12. Evite los caracteres de separación “-“,“_” en el nombre de su dominio.Ej: venta-de-coches-ocasion.com
    Conduce a errores cuando se transmite verbalmente.
    Son incómodos de escribir.Los buscadores desconfían de este tipo de dominos, no los indexarán antes ni mejor.
  13. Utilice sólo artículos y determinantes si el nombre de su Site o Empresa también los contienen. Tenga cuidado al utilizar la letra “x” en su nombre de dominio, algunos proxyes y firewalls pueden catalogar su Site como contenido para adultos.
  14. Si el nombre de dominio que buscaba está ocupado, utilice su imaginación.
  15. Sea distinto a su competencia, atrévase con nombres de dominio diferentes.
    Utilice la ingeniería de nombres: Saque provecho de la fonética de las palábras, los doble sentidos, etc.
    Qué le parece welcome.to/sweden? o del.icio.us ?
  16. Aprenda de las webs más relevantes: Google, Yahoo, Overture, Blogger, Ebay, etc
  17. Elija el dominio “.com” como primera elección.
    edu : Se asocian a organizaciones educacionales.
    gov: Organizaciones gubernamentales.
    mil: Organizaciones militares.
    net : Organizaciones que proveen infraestructura de red. A partir de 1996 net y com han sido abiertas a cualquier organización comercial.
    org: Suelen atribuirse a organizaciones sin ánimo de lucro.
    int: Organizaciones internacionales.
    Los dominios propios de un país (.es .uk) son sólo aconsejables para empresas que desempeñan su función únicamente en ese país.
    A los navegadores les gustan los dominios “.com”: Pruebe a escribir “hellogoogle” en su navegador.
    Los motores de búsqueda prefieren los dominios “.com”
    A los usuarios les gustan los dominios .com: Si alguien le pidiera que visitara la página de Hellogoogle su primera elección sería visitar “hellogoogle.com“.
  18. Saque provecho a los subdominios.
    El dominio por defecto es el www, pero puede configurar gratuitamente todos los subdmoinios que necesite: Ej: foro.hellogoogle.com, noticias.hellogoogle.com, etc.
    Google también indexa los subdominios, pero no intente engañar a los buscadores utilizando los subdmoinios para crear múltiples páginas de entrada. Esta práctica está considerada como fraudulenta y puede ser severamente penalizado.
  19. Registre todas las variantes que le sean posible .es, .net, .org, .biz, .net… para evitar futuros conflictos con otros Sites.
  20. Utilice herramientas especializadas para el análisis de dominios.
    Domain Typo Generator: nos permite conocer los errores más habituales en la escritura  de un dominio.
    Domain Name Generator: sugerencias sobre nombres de dominio.
    http://www.domainsbot.com/: Una aplicación similar pero de otra compañía.
    Internet Archive: Puede ser una herramienta interesante si acaba de adquirir un dominio expirado y le gustaría saber qué web había anteriormente
  21. Al contratar un dominio asegúrese siempre que el registro se realizará a su nombre. Hay empresas que le ofrecen mejores precios pero a costa de registrar el dominio a otro nombre. Esto puede generarle serios problemas legales en el futuro.
  22. Desconfíe. En el mercado de dominios todo vale.
    Al consultar sobre la disponibilidad de  un dominio puede estar enseñando sus cartas a una empresa caza dominios.
    Actué siempre rápido y no de pie a que alguien se le adelante.
  23. Tenga siempre presente la fecha de expiración de su dominio.
    Existen muchas empresas especializadas en la compra y venta de nombres de dominio que están al acecho de dominios a punto de caducar.
    Un descuido en la renovación de dominio, puede tener consecuencias catastróficas para su empresa, haga la reserva por periodos largos.
  24. Pida la opinión de otras personas antes de tomar una decisión.Contar con varios puntos de vista le ayudará a elegir el dominio.
  25. Otorgue la importancia que se merece a la elección del dominio. Un nombre de dominio atractivo y elegante reforzará la imagen de su empresa en Internet, por el contrario un dominio poco acertado ofrecera una visión negativa a sus visitantes. Por lo tanto no escatime esfuerzos ni dinero, su empresa se lo agradecerá.

Guía de maquetación web para el desarrollo de un Site corporativo

Hemos preparado para usted un resumen de los principales aspectos que debe cuidar a la hora de desarollar su Site corporativo.

1. Aspectos de maquetación

1.1 Estilos css

Deben seguir los recomendaciones definidas por la w3 para los hojas de estilo – css2 ( Cascading Style Sheets, level 2, CSS2 Specification http://www.w3.org/TR/REC-CSS2/) La web debe estar preparada para una óptima visualización en diferentes soportes: monitores, impresoras, pdas, navegadores textuales, reconocedores braille, etc.@media print

@media screen

@media handheld

@media braile

Los estilos deben definirse exclusivamente en hojas de estilo externas para modularizar diseño y contenido.

Las hojas de estilo actuales deben refinarse:

  • Eliminando estilos obsoletos.
  • Agrupando y simplificando estilos.
  • Optimizando los estilos existentes.
  • La web debe quedar preparada para poder beneficiarse de las ventajas que aportará la inminente llegada de los CSS3.

1.2 Javascript

Todas las funciones Javascript deben definirse e implementarse en archivos externos siempre que sea posible.

Es necesario refinar todas las librerías actuales:

  • Eliminando funciones obsoletas
  • Unificando funciones homólogas.
  • Debemos evitar utilizar Javascript para realizar redirecciones y definir títulos en las páginas.

1.3 Código html

Las nuevas maquetas deben definirse en base al estándar XHTML. EL motivo de utilizar XHTML es avanzar en el proyecto del World Wide Web Consortium de lograr una web semántica , donde la info rmación, y la forma de presentarla estén claramente separadas. En este sentido, XHTML serviría únicamente para transmitir la info rmación que contiene un documento, dejando para hojas de estilo (como las hojas de estilo en cascada ) y JavaScript su aspecto y diseño en distintos medios ( ordenadores , PDAs , teléfonos móviles , impresoras …).

Las principales ventajas del XHTML sobre otros formatos son:

  • Compatibilidad parcial con navegadores antiguos: la info rmación se visualiza, aunque sin formato. Apuntar que el XHTML 1.0 fue diseñado expresamente para ser mostrado en navegadores que soportan HTML de base.
  • Un mismo documento puede adoptar diseños radicalmente distintos en diferentes aparatos, pudiendo incluso escogerse entre varios diseños para un mismo medio.
  • Facilidad de edición directa del código y de mantenimiento.
  • Formato abierto, compatible con los nuevos estándares que actualmente está desarrollando el W3C como recomendación para futuros agentes de usuario o navegadores .
  • Los documentos escritos conforme a XHTML 1.0 pueden potencialmente presentar mejor rendimiento en las actuales herramientas web que aquellos escritos conforme a HTML.

1.4 Cross Browser

Debemos buscar la compatibilidad de la web en los siguientes navegadores:

  • Mozilla Firefox.
  • Internet Explorer 5.x 6.0 7.0 (Próximamente)
  • Amaya
  • Safari (Mac)

2. Pautas de usabilidad y accesibilidad

2.1 Nomenclatura

Es necesario definir una estructura de directorios y archivos óptima.

Los nombres de los directorios deben ser descriptivos. Los buscadores dan más relevancia a los nombres de los directorios que a los nombres de los archivos.

Todas las imágenes deben incluir un atributo alt, explicando con palabras la funcionalidad de la imagen.

Los enlaces deben incluir un atributo title especificando lo que ocurre al ser activados.

2.2 Directrices de posicionamiento en buscadores

2.2.1 Aspectos de maquetación

Es importante crear un sitio con una jerarquía y vínculos de texto claros. Se debe poder acceder a todas las páginas desde al menos un vínculo de texto estático.

Es necesario ofrecer a los usuarios un mapa del sitio con vínculos que apunten a las secciones importantes del sitio. Si el mapa del sitio contiene más de 100 vínculos, conviene dividirse en varias páginas.

Conviene mantener una web útil con mucha info rmación y escriba páginas que describan su contenido con claridad y exactitud.

En cada página es importante determinar las palabras que los usuarios escribirían para encontrarla y asegurarse de que realmente las incluye.

Es fundamental utilizar texto en lugar de imágenes para mostrar nombres, contenido o vínculos importantes. El rastreador de Google no reconoce texto incorporado dentro de las imágenes.

Debemos asegurarnos de que los códigos TITLE y ALT sean descriptivos y precisos.

Hay que asegurarse periódicamente que no haya vínculos rotos o código HTML incorrecto.

Para páginas dinámicas, (por ejemplo, una URL que contenga un carácter “?”), hay que tener en cuenta que no todos los motores de búsqueda rastrean páginas dinámicas, además de páginas estáticas. Se recomienda que los parámetros sean cortos y escasos.

El número de vínculos en una página determinada no debería superar los 100.

2.2.2 Aspectos técnicos

Debemos Permitir que los robots de búsqueda rastreen la web sin ID de sesión o argumentos que hacen un seguimiento de su ruta por el sitio. Estas técnicas son de gran utilidad para el seguimiento del comportamiento de un usuario individual, pero el patrón de acceso de los robots es completamente distinto. El uso de estas técnicas puede llevar a una indexación incompleta de su sitio, ya que es posible que los robots no puedan eliminar las URL que tengan un aspecto distinto pero que en realidad apuntan a la misma página.

Debemos asegurarnos que el servidor web acepta la cabecera HTTP If-Modified-Since. Esta funcionalidad permite que el servidor web avise a Google si el contenido de su sitio ha cambiado desde la última vez que rastreamos su sitio. La compatibilidad con esta funcionalidad ahorra ancho de banda y gastos generales.

Es importante que utilicemos el archivo robots.txt en su servidor web. Este archivo comunica a los rastreadores qué directorios pueden o no rastrearse. Asegúrese de que el archivo está actualizado para su sitio de modo que no bloquee accidentalmente el rastreador Googlebot. Para ver más info rmación acerca de cómo configurar los robots que visitan un sitio: http://www.robotstxt.org/wc/faq.html.

Debemos asegurarnos que el CMS puede exportar el contenido de modo que las arañas de los motores de búsqueda puedan rastrear el sitio.

Hay que evitar utilizar “&id=” como parámetro en sus URL, puesto que no incluimos este tipo de páginas en nuestro índice.

2.3 Pautas de accesibilidad

2.3.1 Aspectos a tener en cuenta

Utilizar una herramienta automatizada de validación de la accesibilidad y la navegación. Es necesario tener en cuenta que las herramientas o programas de revisión no contemplan todos los problemas de accesibilidad, tales como la comprensibilidad de un enlace de texto, o la funcionalidad de un texto equivalente, etc.

Validar la sintaxis XHTML, XML, etc.

Validar las hojas de estilo CSS.

Chequear la web con un emulador o navegador solo-texto.

Utilizar varios navegadores gráficos, con:

  • sonidos y gráficos cargados,
  • gráficos no cargados,
  • sonidos no cargados,
  • sin ratón,
  • marcos, scripts, hojas de estilo, y applets sin cargar

Validar la web con varios navegadores, antiguos y nuevos.

Navegador con conversión texto-voz, un lector de pantalla, un programa de magnificación, una pantalla pequeña, etc.

Utilizar un revisor gramatical y ortográfico. Una persona que lee una página con un sintetizador de voz puede no ser capaz de descifrar la predicción que hace el sintetizador de una palabra que tiene un error ortográfico. Eliminando los problemas gramaticales se incrementa la comprensión.

Revisar el documento en cuanto a su claridad y simplicidad. Las estadísticas de legibilidad, como las que generan algunos procesadores de texto, pueden ser útiles indicadores de la claridad y simplicidad. Es importante contar un editor (humano) experimentado para revisar el contenido escrito en cuanto a su claridad. Los editores pueden también mejorar la usabilidad de los documentos al identificar problemas potenciales de sensibilidad cultural que pueden presentarse debido al uso del lenguaje o de los iconos.

Es aconsejable invitar a personas con discapacidad a revisar los documentos. Los usuarios con discapacidad, noveles o expertos, proporcionaran valiosa info rmación sobre problemas de accesibilidad o usabilidad y sobre su severidad.

2.3.2 Directrices y normas de accesibilidad web

Directrices europeas para facilitar la lectura de una web:

http://www.sidar.org/recur/desdi/pau/directriceseuropeas%20para%20facilitar%20la%20lectura.pdf

Directrices de accesibilidad para el contenido web:

http://www.w3.org/TR/WAI-WEBCONTENT/

Para facilitar la verificación manual de la aplicación de las pautas de accesibilidad cuando se ha creado una página Web, el WAI ha creado una lista de verificación de los puntos de control de las Directrices de Accesibilidad para el Contenido Web:

ha creado una lista de verificación de los puntos de control de las Directrices de Accesibilidad para el Contenido Web :http://www.sidar.org/recur/desdi/traduc/es/wcag/checker.htm

Niveles de accesibilidad de una página web:

La conformidad con las WCAG 1.0 está definida en la sección 5 de la especificación. Aquí se extracta el texto que define los niveles de conformidad:

Nivel “A” de Conformidad: Se han satisfecho todos los puntos de verificación de Prioridad 1;

Nivel “Doble-A” de Conformidad: Se han satisfecho todos los puntos de verificación de Prioridad 1 y 2;

Nivel “Triple-A” de Conformidad: Se han satisfecho todos los puntos de verificación de Prioridad 1, 2, y 3.

Icono del Nivel A de conformidad con las Directrices de Accesibilidad para el Contenido Web 1.0 del W3C-WAI nivel A

Icono del Nivel Doble-A de conformidad con las Directrices de Accesibilidad para el Contenido Web 1.0 del W3C-WAI Doble-A

Icono del Nivel Triple-A de conformidad con las Directrices de Accesibilidad para el Contenido Web 1.0 del W3C-WAI Triple-A

*Por omisión, un icono de conformidad se refiere a una única página. Si la declaración pretende aplicarse o incluir más de una página, el icono de conformidad debe ir acompañado de info rmación explícita del alcance, explicando qué páginas cubre la declaración.

*Los proveedores de contenidos son los únicos responsables del uso de estos logos.

3 Nuevas funcionalidades.

3.1 Ajax (Asynchronous JavaScript And XML)

Es una técnica de desarrollo web muy actual para crear aplicaciones interactivas mediante la combinación de tres tecnologías ya existentes:

HTML (o XHTML ) y Hojas de Estilo en Cascada (CSS) para presentar la info rmación;

Document Object Model (DOM) y JavaScript, para interactuar dinámicamente con los datos, y XML y XSLT , para intercambiar y manipular datos de manera desincronizada con un servidor web (aunque las aplicaciones AJAX pueden usar otro tipo de tecnologías, incluyendo texto plano, para realizar esta labor).

En las aplicaciones web tradicionales los usuarios interactúan mediante formularios, que al enviarse, realizan una petición al servidor web. El servidor se comporta según lo enviado en el formulario y contesta enviando una nueva página web. Se desperdicia mucho ancho de banda, ya que gran parte del HTML enviado en la segunda página web, ya estaba presente en la primera. Además, de esta manera no es posible crear aplicaciones con un grado de interacción similar al de las aplicaciones habituales.

En aplicaciones AJAX se pueden enviar peticiones al servidor web para obtener únicamente la info rmación necesaria, empleando SOAP o algún otro lenguaje para servicios web basado en XML, y usando JavaScript en el cliente para procesar la respuesta del servidor web. Esto redunda en una mayor interacción gracias a la reducción de info rmación intercambiada entre servidor y cliente y a que parte del proceso de la info rmación lo hace el propio cliente, liberando al servidor de ese trabajo. La contrapartida es que la descarga inicial de la página es más lenta al tenerse que bajar todo el código JavaScript.

Ejemplos:

· Gmail y Google maps.

  • A9, buscador de Amazon
  • Flickr, Álbumes de fotos online.
  • Oddpost, servicio avanzado de webmail de Yahoo!
  • Basecamp, servicio de gestión de proyectos diseñado por 37Signals sobre plataforma Rails.
  • 24SevenOffice, ERP/CRM
  • Panoramio.com, Comunidad de fotos sobre Google Maps
  • meebo, Mensajería Instantánea desde tu navegador

3.2 Sindicación RSS

RSS es parte de la familia de los formatos XML desarrollado específicamente para todo tipo de sitios que se actualicen con frecuencia y por medio del cual se puede compartir la info rmación y usarla en otros sitios web o programas. A esto se le conoce como sindicación .

Lo verdaderamente importante es que a partir de este formato se está desarrollando una cadena de valor nueva en el sector de los contenidos que está cambiando las formas de relación con la info rmación tanto de los profesionales y empresas del sector como de los usuarios. Bloglines, Feedster, Plazoo, Feedness, Retronimo, YourFeeds, Amazon, AllConsuming, NewsIsFree, sindic8, Blogdigger, y un largo etcétera de empresas están explorando nuevas formas de uso y distribución de la info rmación.