Zoom en imagenes con Javascript

Este es uno de de los mejores efectos que he visto a la hora de ampliar una imagen mediante javascript. No es sólo por el resultado que obtenemos, si no que la implementación es realmente simple, como a nosotros nos justa, mínimo esfuerzo, máximo rendimiento.

El script se llama FancyZoom y los pasos a realizar para ponerlo en nuestro sitio web son:

1. Bájate el paquete de FancyZoom de la web del autor de  aquí.

2. Con tu cliente FTP sube a tu servidor las dos carpetas que hay en el zip al directorio raiz u otro (pero entonces ten encuenta cambiarlo en el código del siguiente punto).

3. Añade las dos siguientes lineas a la sección <head> de tu fichero html

<script src=”/js-global/FancyZoom.js” type=”text/javascript”>
</script>
<script src=”/js-global/FancyZoomHTML.js” type=”text/javascript”>
</script> 

4. Añade onload=”setupZoom()” dentro del tag <body>

<body id=”elquesea” […] onload=”setupZoom()”>

5. Y ya está el resto es automático, los enlaces a imágenes de tu página harán el zoom automático en la misma página.

<a href=”/image.jpg”><img src=”/image-thumbnail.jpg” /></a>

Basado en leemiblog

¿Qué es RSS?

Para la gente que no está metida en ???esto de los ordenadores??? muchos no saben lo que es RSS, un feed o lo que es estar suscrito a un sitio web. Es decir, siguen leyendo las novedades de sus webs favoritas a la manera antigua. Algunos otros si saben lo que es un feed y estar suscrito a un sitio, pero no lo usan por flojera o por no dejar los hábitos antiguos.

En el siguiente vídeo se muestra de forma sencilla qué es y cómo se usa el RSS

Y como el autor de la fuente indica, ahora que ya todo el mundo conoce las ventajas, no os olvidéis subscribiros al feed de Omeyas Web.

Estilo de menús atractivos en Css

A la hora de hacer un diseño web, uno de los elementos con el que más problema suelo tener es el menú, ya que se necesita mucho tiempo y trabajo para dejar un menú que realmente me guste.

sm_logo

Afortunadamente existe styledmenus una página donde contarás una gran variedad de menús para poder utilizar libremente en tu Web.

Como surgió el Seo

Gracias al blog de Adseok descubrí una interesante historia sobre el origen de la palabra Seo y la razón por la que surgió. Mi experiencia con el mundo SEO fue muy parecida con esta historia. Cuando empecé de lleno en el mundo de los blog quería que mis publicaciones aparecieran en lo más alto de las búsquedas e investigue la forma de lograrlo, puesto que me dí cuenta que yo mismo no pasaba de la primera página a la hora de usar el buscador.

Con el tiempo me dí cuenta que esta tarea se llamaba SEO.

El origen real de la palabra SEO como referencia al posicionamiento en buscadores fue utilizado por primera vez en 1997 por Bob and Leland Harden. Los acontecimientos pudieron suceder así:

En su libro Net Results: Web Marketing that Works se puede leer en la página 137:

La escena se desarrolla en casa de Heyman, en el verano de 1995 un lunes a las 3 a.m. El teléfono suena, Bob, vicepresidente de desarrollo de audiencia(*) Cybernautics, levanta el auricular y murmura ???¿Hello????

???Why the #$%$ don???t we come up before page 4 on this damned thing? Page #$%$ 4, you #$%$ morons??? arroja la voz al otro lado del teléfono.

Mirando la alarma del reloj y sonriendo desconcertado a su mujer, Bob responde, ???Huh????

La voz al otro lado del teléfono era el manager de la banda de rock Jefferson Starship, un nuevo cliente de Cybernautics, quejándose de que la página que esta empresa había construido para la banda aparecía muy abajo en los resultados de determinado buscador al buscar su nombre ???Jefferson Starship???.

La empresa se tomó en serio este problema, que lo solucionaron a la mañana siguiente incluyendo varias veces las palabras ???Jefferson Starship??? en la página, que es como funcionaba ese buscador por aquellos tiempos.

Bob y Leland Harden llamaron a este nuevo campo Search Engine Optimization y pronto contrataron al primer SEOM (Search Engine Optimization Manager). De esta forma nació el SEO.

Historia recogida en SEL.

Por lo tanto, se puede decir que el seo nació por la música.

Factores que influyen en el posicionamiento SEO

El acrónimo SEO (Search Engine Optimization) es cada vez más conocido en la red, dada la importancia de tener un buen posicionamiento para conseguir mayor número de visitas. Hoy volveremos a hablar de este tema, comentando cuáles son los factores más importantes, que determinan nuestro posicionamiento en los principales buscadores.

NOMBRE DEL DOMINIO

Es importantísimo tener un nombre de dominio que tenga alguna de las palabras clave que queremos posicionar. Si tenemos una empresa de globos, siempre será mejor usar globospepe.com que no pepe.com
También podríamos usar la fórmula globos-pepe.com, pero en todo caso, cuantos menos elementos ???extraños??? usemos mejor que mejor, tanto por posicionamiento como a la hora de ser recordada la url por el usuario. Os dejo un enlace a un post en el que se profundiza sobre cómo elegir una buena url

ANTIG??EDAD

La antigüedad del dominio y de las páginas es extremadamente positivo. Eso denota que se trata de un dominio consolidado y Google lo tendrá más que releído. Tanto, que según comentan, Google es capaz de conocer si un dominio ha cambiado de titularidad para así volver a poner el contador a cero.

UBICACI??N

Cada vez más se habla de la geoposición del dominio, se dice que para una búsqueda local en un país, se da mayor importancia a los dominios locales sobre los ???extranjeros???, así como de las extensiones locales (.es, .fr,???.) sobre las demás (.com, .net,???). No estoy muy convencido de este tema, es más, por comodidad, economía y buen funcionamiento, yo compro todos mis dominios en Italia, y tengo webs situadas en primera posición en sus palabras clave en un resultado de búsqueda realizado aquí en España.

HTML

Independientemente del lenguaje de programación que utilices (.net, php,???) el navegador lee un código html, por lo que habrá que tener especial atención en cómo usamos este código.

Un ejemplo concreto es el uso de tablas, se comenta desde hace años, que cuando tenemos tablas anidadas, los robots obvian todo lo que se encuentre a partir del tercer nivel de anidación.

Otro ejemplo es dónde colocar el texto con densidad de palabra, mejor cuanto antes y no después de mil líneas de código de un buscador con combos (por ejemplo). Tenemos que conseguir el mínimo código y el máximo de texto. Por eso mismo (además de otras razones) es imprescindible el uso de hojas CSS y de capas.

LOS METATAGS

A principios de todo esto (finales de los 90???s) los motores de búsqueda sólo se fijaban en las etiquetas de la cabecera, en los metatags. Hoy en día todo esto es mucho más complejo, aunque se aconseja seguir dándole importancia a esta zona, en especial a las siguientes etiquetas.

  1. DOCTYPE: indica el tipo de código que vamos a encontrar en la página, de este modo el navegador podrá leer mejor la página.
  2. TITLE: título de la página. Os aconsejo que echéis un vistazo a este post relacionado con la importancia del titulo en Google. Ha de ser distinto para cada página de la web.
  3. META Content type: indica la codificación del texto.
  4. META Description: entre 20 y 120 caracteres con los que definir la página. Ha de ser distinto para cada una de las páginas que forman la web.
  5. META Keywords: de 4 a 6 grupos de palabras separadas por comas y distintas para cada página.

Fuente

Guía de SEO de Google

En estos días Google ha lanzado su Guía básica de SEO para aprender determinadas técnicas válidas para el buscador Google y de esa manera poder escalar posiciones en los resultados de las búsquedas realizadas.

Este documento llamado Search Engine Optimization Starter Guide es un documento totalmente libre que se puede descargar desde su blog oficial en un formato PDF y solamente en idioma ingles.

Entonces si eres diseñador web o programador y estas realmente interesado en aplicar las nuevas técnicas de SEO esta guía provista por Google es lo que estas buscando y no tienes que dejar de leerla.

Descarga: Search Engine Optimization Starter Guide

Fuente

Listado de directorios para hacer ping desde tu blog

Una de las labores como SEO es dar a conocer y difundir tu página Web. Para ello tenemos una utilidad muy importante que suele estar en cualquier CMS, opción para hacer ping a directorios.

¿Qué es hacer ping desde un blog?

Se denomina hacer ping en un blog a la acción de notificar una actualización de contenido en la web, a un directorio o servicio de publicación de post.

Para hacer Ping automáticos en WordPress, tendremos que irnos dentro del panel de administrador a opciones/escritura y en la última opción podemos añadir todos los directorios que acepten ping que queramos, siempre que pongamos una URL por linea.

Os dejo una lista de distintos directorios que he confeccionado de distintas fuentes:

(más…)