A la hora de escoger una tipografía para una página web nos encontramos limitados a una serie de fuentes estándar: verdana, arial, georgia, helvetica, times new roman, y unas pocas más. Cuando elegimos una tipografía para nuestra web, debemos pensar que para que un usuario pueda verla, tendrá que tenerla instalada en su equipo, de lo contrario se sustituirá por aquella que tenga configurada por defecto en su navegador. Son tipografías estándar por que cualquier usuario las tiene instaladas por defecto en su ordenador (sea cual sea su SO).

Si queremos usar una tipografía especial (gótica, handwritten, etc.) solo tenemos dos opciones: bien crear una imagen del texto con photoshop (o cualquier programa de edición de imágenes)  y subirla a la web, o bien crear una regla CSS @font-face, que permite la descarga automática de la fuente en caso de que el usuario visitante no la tenga instalada. Ambos métodos tienen desventajas importantes, en primer lugar, tener que crear una imagen para cada texto de la web puede resultar una tarea tediosa, además de perjudicar al SEO. Además, tenemos el problema de que esta medida sólo sirve para contenido estático, es decir, que no varía. Por otra parte, es probable que tengamos problemas con algunos navegadores al usar @font-face, ya sea por que son antiguos o por que simplemente no lo soportan.

La solución para una página web con contenido dinámico es usar tecnologías sIFR, es decir, mediante JavaScript, CSS, DOM y ActionScript creamos una imagen en tiempo de ejecución (on-the-fly), que nos mostrará una imagen con el texto. Os recomiendo FaceLift, un pequeño script que podemos descargar de forma gratuita.

Más info | FaceLift

La siguiente presentación nos introduce en el mundo de las tipografías y su uso en las páginas web. Hay algunas ideas que van en contra del aspecto gráfico de la página web, como la recomendación de asignar a los enlaces un estilo clásico, es decir, de color azul y subrayado. Concepto que se encuentra en conflicto con el diseño, ya que, personalmente, un enlace con esas características puede resultar tan relevante u obvio para un usuario como un enlace de otro color que destaque sobre el resto del texto.

Por otro lado, comenta la posibilidad de utilizar distintos tipos de tipografías para estructurar el texto: Serif (las terminaciones de cada letra están marcadas para identificarlas mejor en una lectura rápida, como la Times New Roman) para las cabeceras y Sans Serif (las letras están redondeadas y sin terminaciones marcadas, como la verdana o arial) para el cuerpo del texto. Además de estructurar el texto, estamos aplicando a nuestra página una mejora de usabilidad web, ya que clasificamos y permitimos una mejor identificación del contenido.

Desde Ajax Load podrás crear gifs de loading totalmente personalizados de forma gratuita. Mediante una aplicación desarrollada bajo tecnología AJAX tendrás la posibilidad de elegir entre más de 20 diseños distintos y personalizar sus colores: fondo transparente o un color concreto,

además de seleccionar el color de los elementos del diseño elegido. Una vez hayas escogido el diseño y los colores que desees, bastará con pulsar en el botón Generate It y podremos descargar nuestro gif de loading personalizado.

Más info | http://www.ajaxload.info

PHP i-Stats es una pequeña aplicación que analiza el tráfico de tu página web. Basado en PHP y MySQL, proporciona informes de las estadísticas diarias, semanales, mensuales, referidos, datos geográficos, navegador utilizado, sistema operativo, y un largo etcétera de características de las visitas recibidas. Los datos se visualizan en formato de texto y con gráficos.

No es más que otro lector de logs, pero siempre viene bien contrastar las estadísticas de varias fuentes distintas para tomar una idea más aproximada del tráfico de nuestra web.

Más info | http://www.phpini.com

Interesante recopilación de aplicaciones web Open Source (gratuitas) para crear nuestra propia tienda online (más conocido como e-commerce). La ventaja de que sean Open Source radica en que podemos usarlas libremente sin tener que pagar ninguna licencia, además de disponer de todo el código fuente para modificar, ampliar o eliminar cualquier cosa que queramos de las aplicaciones. Sólo señalar que la quinta opción (dashCommerce) corre en ASP.NET y SQLServer 2005, el resto o bien se basan en MySQL y PhP que podemos modificar para insertar en nuestra web, o bien están diseñados para ser usados sobre CMS’s (Drupal, Joomla o Wordpress).

1. PrestaShop (PHP / MySQL).
2. Magento (PHP / MySQL).
3. osCommerce (PHP / MySQL)
4. dashCommerce (ASP.NET y MSSQL 2005)
5. Ubercart (Drupal)
6. Wordpress E-commerce Plugin (Wordpress)
7. VirtueMart (Joomla y Mambo).
8. OXID eSales (PHP / MySQL)
9. Freeway (PHP / MySQL)
10. simpleCart(JS) (Javascript)
11. Digistore (PHP / MySQL)
12. OpenCart (PHP / MySQL)
13. zenCart (PHP / MySQL)

Más info | http://www.canvasburn.com

Interesante artículo que he encontrado en www.notasweb.com (comunidad online de programadores web) que ofrece varios consejos indispensables para posicionar correctamente una página web:

1. Controle los Search Engine Crawl (P.E. Google WebmasterTool) en busca de Páginas de Error
2. Crear/actualizar robots.txt y archivos sitemap
3. Controle los informes de actividad de Googlebot
4. Asegúrese que toda la navegación esté en HTML, no en imágenes
5. Controle todas la imágenes incluidos los ALT text (también es recomendable añadir un TITLE y LONGDESC)
6. No abuse de los elementos Flash (aunque últimamente los ha comenzado a indexar Google)

Si quieres ver la explicación de cada punto, pásate por el artículo original pinchando aquí.

Fuente | http://notasweb.com/articulo/seo/el-check-list-del-seo.html

Publicidad | breathalyzer | fashion | tarot | venta de empresas