Trucos para mejorar su Web: julio 2009

miércoles, 22 de julio de 2009

¿Como Ocultar un email de un enlace para evitar el spam?

Cómo ocultar una dirección de correo, que se pone en el mailto de un enlace, para evitar que sea detectada por los robots que buscan direcciones en webs para enviar spam.

Por Miguel Angel Alvarez

Uno de los mecanismos que utilizan las personas que envían spam (spammers) para obtener direcciones de correo para su lista de distribución es rastrear la web en busca de direcciones email. Todas las direcciones que aparecen en las páginas web, a la vista o escritas en el código, son susceptibles de ser capturadas y utilizadas para el envío de spam. Por eso, no es mala idea proteger nuestros correos para ponerles la tarea difícil a los spammers, y evitar que en poco tiempo comencemos a recibir mensajes no deseados.

Un enlace a un correo electrónico es así:

<a href="mailto:correo@midominio.com">correo@midominio.com</a>

Tanto en href como en el texto del enlace aparece nuestro correo electrónico. En este artículo veremos un par de ideas para evitar que aparezcan nuestros datos, de modo que no puedan captar las direcciones.

Utilizar una imagen en el texto del enlace

Una buena solución consiste en utilizar una simple imagen donde aparece el correo. Esta imagen tendrá el texto del correo electrónico, para que el visitante pueda visualizar la dirección en la página, pero escrita sobre una imagen. Eso es indetectable por un robot que escanee la página y nuestros clientes podrán ver claramente cuál es el correo donde deben escribirnos.

Si no ponemos el enlace y colocamos sólo la imagen, acabarían nuestros problemas. El visitante no podría pulsar la dirección de correo en la propia página para enviarnos un mail, pero muy probablemente sea suficientemente avispado para copiarla por el mismo en el programa de correo que utilice.

Utilizar Javascript para ocultar la dirección

Podemos por mediación de Javascript hacer un pequeño programa para que nuestra dirección no aparezca en el código, por lo menos no tan clara. Podemos, por ejemplo, partirla en diferentes trozos y luego concatenarla, de manera que no pueda verse por completo en ningún sitio del código de la página.

Veamos este script:

 <script language="JavaScript">
usuario="pepe"
dominio="alpepone.com"
conector="@"


function dame_correo(){
   return usuario + conector + dominio
}

function escribe_enlace_correo(){
   document.write("<a href='mailto:" + dame_correo() + "'>" + dame_correo() + "</a>")
}
</script>

Primero se definen tres variables que forman el correo electrónico que deseamos ocultar. Luego tenemos dos funciones útiles:

La función dame_correo() devuelve el correo electrónico que se desea ocultar. Simplemente concatena las partes del correo electrónico, que se habían definido en variables más arriba.

Por su parte, escribe_enlace_correo(), escribe en la página web un enlace a correo electrónico completo. Un enlace a un correo electrónico es así:

<a href="mailto:correo@midominio.com">correo@midominio.com</a>

Esta función se apoya en la dame_correo() para obtener el correo que se deseaba ocultar.

Para que aparezca en la página el enlace al correo electrónico debemos hacer una llamada a la función escribe_enlace_correo(), en el lugar del cuerpo que deseemos que se muestre.

Nota: si el ordenador del usuario no tiene Javascript o lo tiene deshabilitado, no podrá ver esas direcciones de correo escritas en la página desde Javascript. Por ello, puede ser buena idea combinar este truco con el de mostrar una imagen con el correo, para que por lo menos se vea la imagen. Aunque todavía hay navegadores en sólo texto, con lo cual ni siquiera verían la imagen. En fin, todo un mundo de posibilidades.

Este sería el código para mostrar en cualquier parte de la página.

 <body>
<!-- en cualquier parte del cuerpo de la página -->
<script>escribe_enlace_correo()</script>
</body>

i el robot del spammer es muy listo, probablemente pueda poner en ejecución el Javascript para interpretarlo y saber dónde está escondida la dirección de correo. Eso parece por el momento poco probable. Hay tantas direcciones en las páginas web, que es posible que no se vayan a entretener en realizar cábalas para obtener direcciones ocultas en el código de la página.

No obstante, seguro que hay maneras de ocultar un poquito mejor con Javascript esa dirección. Puede que lo de las variables definidas arriba del todo puede resultar un poco obvio. Dejo para vosotros investigar esa tarea si lo deseáis. Puede que hablemos de ella en un artículo posterior. Enviar vuestros comentarios si tenéis alguna ayuda para mejorar el script.

www.desarrolloweb.com

¿Como insertar un Banner rotativo en mi Web?

Con este sencillo codigo, usted podra insertar banners con imagenes sencillas o con animaciones en Giff animado. Ejemplo:

Simplemente copie y pegue este codigo en donde desee su banner y cambie el url de las imagenes y el url de destino de cada banner.

 <SCRIPT language=JavaScript>
 /*
  +---------------------------------------------------------+
  | Ad Simple                 Copyright www.YugDesign.com   |
  +---------------------------------------------------------+
  | This program may be used and hosted free of charge by   |
  |anyone for personal purpose as long as this copyright    |
  |notice remains intact.                                   |
  +---------------------------------------------------------+
 */
 
 var img_width = "468";
 var img_height = "60";
 var img_title = "Click Here";
 
 
 var ad=new Array()
 //insert here your images src
 ad[0]='http://www.site.com/image1';
 ad[1]='http://www.site.com/image2';
 ad[2]='http://www.site.com/image3';
 ad[3]='http://www.site.com/image4';
 ad[4]='http://www.site.com/image5';
 
 var links=new Array()
 //insert here your links
 links[0]='http://www.links1';
 links[1]='http://www.links2';
 links[2]='http://www.links3';
 links[3]='http://www.links4';
 links[4]='http://www.links5';
 
 var xy=Math.floor(Math.random()*ad.length);
 document.write('<a href="'+links[xy]+'" target="_blank"><img src="'+ad[xy]+'" width="'+img_width+'" height="'+img_height+'" alt="'+img_title+'"></a>');
 </SCRIPT>

¿Como bloquera el boton derecho del Mause en mi Web?

A continuacion te presentamos varias formas de evitar que tus usuarios copien informacion de tu pagina web.

Blokear el boton derecho en tu web

<script language=JavaScript>
<!--

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message="Function Disabled!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layersdocument.getElementById&&!document.all){
if (e.which==2e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>

jueves, 9 de julio de 2009

Crear un Cartel de Novedades

Este efecto te permite tener un cartel o letrero de mensajes incluyendo enlaces para tu sitio. Los mensajes van cruzando la pantalla como si fueran noticias; es un recurso excelente para destacar características especiales de tu sitio. Cada mensaje tendrá un enlace
Paso 1: Copiá el siguiente código y pegalo en tu página:

<script language="JavaScript1.2">
var largura=150
var altura=120
var bgcolor='white'
var fundo=''
var mensagens=new Array()
mensagens[0]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 1 aquí'>Coloca el texto del enlace 1 aquí</a></font></center>"
mensagens[1]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 2 aquí'>Coloca el texto del enlace 2 aquí</a></font></center>"
mensagens[2]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 3 aquí'>Coloca el texto del enlace 3 aquí</a></font></center>"
mensagens[3]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 4 aquí'>Coloca el texto del enlace 4 aquí</a></font></center>"
mensagens[4]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 5 aquí'>Coloca el texto del enlace 5 aquí</a></font></center>"
if (mensagens.length>1)
i=2
else
i=0
function mover1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("mover1(tlayer)",3000)
setTimeout("mover2(document.principal.document.segundo)",3000)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("mover1(tlayer)",100)
}
else{
tlayer.top=altura
tlayer.document.write(mensagens[i])
tlayer.document.close()
if (i==mensagens.length-1)
i=0
else
i++
}
}
function mover2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("mover2(tlayer2)",3000)
setTimeout("mover1(document.principal.document.primeiro)",3000)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("mover2(tlayer2)",100)
}
else{
tlayer2.top=altura
tlayer2.document.write(mensagens[i])
tlayer2.document.close()
if (i==mensagens.length-1)
i=0
else
i++
}
}
function mover3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("mover3(tdiv)",3000)
setTimeout("mover4(segundo2)",3000)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("mover3(tdiv)",100)
}
else{
tdiv.style.pixelTop=altura
tdiv.innerHTML=mensagens[i]
if (i==mensagens.length-1)
i=0
else
i++
}
}
function mover4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("mover4(tdiv2)",3000)
setTimeout("mover3(primeiro2)",3000)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("mover4(segundo2)",100)
}
else{
tdiv2.style.pixelTop=altura
tdiv2.innerHTML=mensagens[i]
if (i==mensagens.length-1)
i=0
else
i++
}
}
function iniciar(){
if (document.all){
mover3(primeiro2)
segundo2.style.top=altura
segundo2.style.visibility='visible'
}
else if (document.layers){
document.principal.visibility='show'
mover1(document.principal.document.primeiro)
document.principal.document.segundo.top=altura+5
document.principal.document.segundo.visibility='show'
}
}
</script>

<table width="150" border="1" cellspacing="1" cellpadding="0">
<tr>
<td>
<ilayer id="principal" width=&{largura}; height=&{altura}; bgColor=&{bgcolor}; background=&{fundo}; visibility=hide>
<layer id="primeiro" left=0 top=1 width=&{largura};>
<script language="JavaScript1.2">
if (document.layers)
document.write(mensagens[0])
</script>
</layer>
<layer id="segundo" left=0 top=0 width=&{largura}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(mensagens[1])
</script>
</layer>
</ilayer>
<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="principal2" style="position:relative;width:'+largura+';height:'+altura+';overflow:hiden;background-background-image:url('+fundo+')">')
document.writeln('<div style="position:absolute;width:'+largura+';height:'+altura+';clip:rect(0 '+largura+' '+altura+' 0);left:0;top:0">')
document.writeln('<div id="primeiro2" style="position:absolute;width:'+largura+';left:0;top:1;">')
document.write(mensagens[0])
document.writeln('</div>')
document.writeln('<div id="segundo2" style="position:absolute;width:'+largura+';left:0;top:0;visibility:hidden">')
document.write(mensagens[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
iniciar()
</script>
</td>
</tr>
</table>>

Personalizando: Para cambiar el color de fondo o incluir una imagen de fondo, observa esta parte del código:

var largura=150
var altura=120
var bgcolor='white'
var fundo=''

Donde dice "white" puedes ingresar el valor hexadecimal del nuevo color; por ejemplo: #FFCC00

En "fondo" puedes colocar el nombre de la imagen de fondo del letrero; por ejemplo:

var largura=150
var altura=120
var bgcolor='white'
var fundo='Nombre del archivo de imagen'

Para incluir más mensajes en el letrero, observá que el último mensaje aparece de la siguiente forma:


mensagens[4]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 5 aquí'>Coloca el texto del enlace 5 aquí</a></font></center>"

Sólo tenés que agregar una unidad al número indicado al final del mensaje. Por ejemplo:

mensagens[5]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 5 aquí'>Coloca el texto del enlace 5 aquí</a></font></center>"
mensagens[6]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 6 aquí'>Coloca el texto del enlace 6 aquí</a></font></center>"

Seguí hasta llegar al número total de mensajes que desees incluir.

¿Como evitar que copian las imagenes de mi Web?

Con este recurso sencillo podemos hacer más difícil el acceso al código-fuente o la copia de imágenes de nuestro sitio. Cuando el visitante haga click con el botón derecho del mouse, surgirá un mensaje creado previamente por nosotros. Recordemos que a algunas personas no les gusta este tipo de bloqueo. Nosotros tenemos que decidir si queremos incluirlo o no en nuestras páginas.

Podemos colocarlo antes de la etiqueta o después de la etiqueta .

<Script language=JavaScript>
function right(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 e.which == 2)){
alert("Coloca el mensaje aquí.");
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 event.button == 3)) {
alert("Coloca el mensaje aquí.");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script>

Nota: Para evitar este truco, también hay un contra truco, si entras a una página que tiene este truco que no te deja copiar imágenes o texto, solo tenés que hacer click con el botón derecho del mouse sobre la barra de estado y sin soltarlo arrastrarlo hasta la imágen. Listo, se abrirá el menú como si la página no estuviese bloqueada a la copia. Hay que tener en cuenta que muy poca gente conoce este truco, por lo tanto puedes usar tranquilo el truco de bloqueo.

¿Como inserto un sonido o música de fondo en mi Web?

Si desea que los visitantes de su web, escuchen una canción mientras visitan el site, o simplemente recibirlos con una melodía estilo presentación, este es el código que estabas buscando. Solo tienes que guardar el sonido en el directorio raíz de tu servidor e insertar el siguiente código html:

<BGSOUND SRC="sonido.mid" LOOP=none> <WIDTH=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true">
Se recomienda usar sonidos en formato "midi" que son los de menor peso.

lunes, 6 de julio de 2009

¿Como crear un Banner para mi Web?

Fecha de actualización : 21/05/2009
Tamaño: 1,45 MB Tiempo en bajar
SO: 98 NT ME 2000 XP vista
Licencia: Shareware (Evaluación)
Idioma: Ingles

Easy Banner Creator es una sencilla y funcional herramienta para la creación de banners (estáticos o dinámicos, con o sin animación) en apenas unos pocos segundos. Sin esfuerzo y sin tener que demostrar unas grandes dotes para el diseño o el dibujo.

Construyendo tus propios banners publicitarios con Easy Banner Creator, tu sitio web será mucho más exitoso y atractivo para los visitantes. Puedes sacar provecho de Easy Banner Creator en las siguientes áreas o circunstancias: creación de banners o GIFs animados para sitios web, creación de ilustraciones, materiales de presentación, desarrollo de imaginación creativa.

NOTA: Para conocer las limitaciones de la versión de prueba del programa Easy Banner Creator 2.0, recomendamos visitar la web del autor, que además es el único responsable de su funcionamiento. DIGITALCONEXION.BLOGSPOT.COM no ofrecera bajo ningún concepto clave, serials, crack, keygen o similares de Easy Banner Creator 2.0 como se recoge en la normativa de propiedad intelectual.

programas-gratis.net/

viernes, 3 de julio de 2009

Script para insertar un reloj en tu Página Web

Live Clock FF1+ IE5+ Opr7+Este es un Reloj súper versátil. Es y totalmente configurables

Local Time script FF1+ IE5+ Opr7+Desea mostrar la hora local de un lugar específico en el mundo? DHTML Este script usa su servidor de tiempo para calcular y mostrar la hora local de cualquier punto de la Tierra. Tenga en cuenta que la página con este script PHP debe ser o SSI (del lado del servidor incluye) habilitado.

LCD Clock FF1+ IE5+ Opr7+Este reloj digital que trata de imitar el fresco "brillar en la oscuridad" Muestra la hora estándar en formato de 12 horas, con un "AM" y "PM" indicador.

Upper Corner Live Clock FF1+ IE5+ Opr7+Muestra el reloj en la esquina superior izquierda de la pantalla

Analog clock (static) FF1+ IE5+ Opr7+-User submittedscripts DHTML reloj que han recorrido un largo camino desde la simple visualización numérica.

Analog clock II (VML) IE5+-User submittedste script aprovecha el poder de VML de Internet Explorer 5 para crear un reloj análogo VML. El reloj se puede mostrar en cualquier lugar en línea en la página, y tanto su tamaño y coloración pueden ser modificados. Degrada bien con todos browers.

Analog clock III (Mouse trail) IE5+ Opr7+-User submittedEl cursor del ratón no será el mismo, no con un reloj análogo siguiéndolo de cerca!

¿Como insertar un Calendario en mi Web?

A continuación listaremos varios tipos de calendarios, sacados de http://www.dynamicdrive.com/

Calendario BásicoSi usted necesita un sencillo y elegante calendario para mostrar el día actual del mes, el calendario de basico es un excelente. Permite la Utilización de CSS para facilitar el cambio a su apariencia, todo lo de la agenda dimensiones, colores, hasta la fuente utilizada para poner de relieve el día de hoy.

Calendario Dinamico FF1 + IE5 + + Opr7 Usuario presentó calendario en DHTML que no sólo le permite buscar el calendario de cualquier mes y de cualquier año, sino que tambien lo hace con estilo!

Dinámica calendario II FF1 + IE5 + + Opr7 Usuario presentó Un calendario muy versátil DHTML objeto de IE4 + y NS6 + navegadores.

Popup Calendario IE5 + + Opr7 Usuario presentó ¿Su forma de contener la caja de entrada (es) que requieren un valor de fecha de la visita? Calendario de varios de pop-script permite una visual, de modo interactivo de selección y la introducción de esta fecha. Haga clic en un enlace, y el calendario de DHTML desciende, permitiendo que el usuario haga clic en la fecha deseada para entrar en forma de elemento.

Xin del pop-Calendario FF1 + IE5 + + Opr7 Usuario presentó Similar al script de arriba, del pop-Xin Calendario hace fechas en la introducción de formas tan fácil como apuntar y hacer clic. Su usuario simplemente selecciona la fecha a partir de una ventana pop-calendario, y se introducen automáticamente en el campo de formulario designado.

Jason Fecha de entrada Calendario FF1 + IE5 + + Opr7 Usuario presentó Este script muestra una ventana emergente de calendario junto a los campos de fecha para hacer más fácil para los usuarios a rellenar la fecha. El script también genera la fecha efectiva de campo y utilizando los menús y seleccionar un cuadro de texto, y crea un campo oculto que contenga el usuario seleccione Fecha valor.

5 bonitos Scripts para tus proyectos web

Algunos bonitos script para implementar en varios de tus proyectos web y hacer tus proyectos muchos más interactivos. Esta lista fue seleccionada por simplex-media y la he visto gracias a rubendomfer.
ReMooz
ReMooz es otra forma de implementar a nuestras Web los famosos lightbox, inclusive con algunas cositas extras. ReMooz nos permite visualizar una imagen miniatura, al hacer click sobre una de ella, verla en tamaño normal o completo. Lo genial es que estas nuevas ventanas que se abren (mostrando la imagen), pueden ser acomodadas en diferentes partes de la pantalla moviéndolas con el ratón, e inclusive podremos abrir varias imágenes a la misma vez, algo que con otros sistemas de lightbox a veces no podemos hacer.
Lenguaje: JS/CSS
Framework: MooTools
Demo: ReMooz Demo
Web: ReMooz Project Page
Coda-Slider
Coda-Slider, nos permite Mostar el contenido de nuestra Web de una forma completamente diferente, con un bonito sistema deslizante. La interactividad se logra mediante Tab basados en scroller. JQuery que nos permite también utilizar un sistema de navegación en los laterales, utilizando el ratón. Coda-Slider es sin duda una forma interesante a tener en cuenta si lo que buscas es dar a tu Web algo completamente diferente. Las características de Coda-Slider, se basan en la Web de Coda.
Lenguaje: JS/CSS
Framework: jQuery
Demo: Coda-slider Demo
Web: Coda-slider Project Page
35mm Photo Viewer
Si buscamos herramientas con las cuales crear nuestra galería de imágenes, a estas alturas puede que se torne difícil elegir con que implementarlas. Seguro que debido a que son tantas las opciones que encontraremos, y todas ellas, una es más increíble que otra. En fin 35mm Photo Viewer será otra opción a tener en mente, posee un gran número de skin, su carga es realmente muy rápida, posee la función de realizar búsquedas, así como un sistema de indexación de la página. Actualizarla también es muy sencillo. Compatible con IE5-7, Safari, Firefox y Netscape 7.
Lenguaje: DHTML/CSS/XMLST
Demo: 35mm Demo
Web: 35mm Project Page
Autocompleter
Autocompleter es una librería que nos permite agregar a nuestros formularios un sistema de autocompletado de palabras a medida que se van escribiendo.
Lenguaje:XHTML/JSON JavaScript
Framework: MooTools
Demo: Autocompleter Demo
Web: Autocompleter Project Page
yShout
yShout es un script que nos permite insertar a nuestro blog un sistema de Chat basado en Ajax. Lo bueno es que nos permite configurar cantidad de cosas, tanto en funcionalidad como en diseño del mismo, pero lo mejor aun es que es fácil de instalar, y no utiliza base de datos. Lo malo es que para descargarlo primero necesitaremos dar una donación a quien lo ha creado. Pero el trabajo que se le ha dedicado a su desarrollo lo vale.
Lenguaje: PHP/AJAX
Demo: yShout Live Example
Web: yShout Project Page

Pasos para obtener posicionamiento en Google

¿Hay algún método para que la web de mi empresa aparezca dentro de las primeras cuando un usuario realiza una búsqueda en Google? Sí. Y acá te facilitamos una serie de pasos que serán de gran utilidad para este cometido.

Google es una gran herramienta para posicionar páginas web y con eso atraer más lectores y potenciales clientes, sin gastos publicitarios. Esto se torna importante cuando pensamos que toda empresa debe tener algún tipo de presencia en Internet, pero de poco sirve estar en la Red si no nos aseguramos de que los robots de los buscadores encuentren nuestras páginas y sean capaces de visitar todos nuestros contenidos.

Para solucionar este problema, entregamos una serie de pasos imprescindibles a la hora de establecer una planificación de nuestro posicionamiento en Google.

1. Primero dar de alta la página web en el buscador de Google si no lo estaba ya, y luego conseguir que otros sitios web se enlacen al sitio ofreciéndoles valor añadido (artículos, notas de prensa, informes…) Google aprecia mucho la información y el contenido fresco.

2. Si ya se han agregado páginas en el buscador, se debe empezar con una búsqueda en el propio Google que permita conocer las páginas que tiene indexadas, para ello se escribe la siguiente búsqueda: 'site:miweb.com'.

3. Utilizar las Herramientas para Webmasters gratuitas de Google para conocer cómo rastrea al sitio Web que se desea posicionar.

4. Revisar que los nombres de las imágenes aporten información de lo que contienen. Google prefiere encontrarse nombres de archivos de imágenes del estilo contacto.jpg, pedidos.jpg… que 0001.jpg, imagenA.jpg, etc. Debemos pensar que así las imágenes también se incluirán en el buscador de imágenes de Google.

5. Si el web site aparece en el primer puesto de Google, es muy posible que junto a la página aparezcan una serie de enlaces adicionales que son las secciones que el buscador ha considerado las principales de la Web. Si no se está conforme con esa clasificación, se puede eliminar alguno de esos enlaces para que aparezcan otros modificándolos.

6. Revisar los estados de las páginas Web y sobre todos los errores 404 de página no encontrada. Si una página cambia de sitio emite un código 301 e indica la ubicación nueva de la página, esto ayudará a no perder el histórico de puntuación que le hubiese dado el buscador y se evitarán molestias a los usuarios, ya que el cambio es transparente.

7. Crear contenidos originales pensados para las personas, no sólo para estar mejor posicionado en Google. Evitar duplicar contenidos y si no hay más remedio, debemos personalizarlos al máximo o mejorarlos con contenidos e información adicional.

8. Organizar el contenido de las páginas esquematizando la estructura del sitio web con etiquetas H1….H6 de forma que por ejemplo, la etiqueta H1 sea el título de la página, la H2 los puntos principales, H3 subpuntos… tal y como se haría con un documento escrito.

9. Utilizar los estándares web y verificar si tu web los cumple. El W3C ofrece herramientas online gratuitas que permiten verificar si una web cumple con los estándares XHML o si las hojas de estilo cumplen con el estándar CSS.

www.altonivel.com.mx

5 razones para invertir en buscadores

Promocionarse en buscadores sigue siendo la principal estrategia de SEO porque tiene un mayor número de oportunidades y fortalezas.

El posicionamiento web tiene que ver con el lugar que posee una marca, dentro de los diversos motores de búsqueda existentes en Internet.

En este sentido, las estrategias exitosas de posicionamiento, se traducen en la adquisición, por parte de un producto, de una ventaja competitiva. Ésta, sería dada directamente por el número de opciones que significa ser encontrado de una forma más fácil en la web, en términos de clientes o usuarios.

Por lo mismo, promocionarse en buscadores continúa siendo "el rey" de las estrategias SEO, donde existe un mayor número de oportunidades y fortalezas, descritas a continuación:

- Los internautas ocupan gran parte de su tiempo buscando información
En las encuestas donde se mide los usos de Internet siempre aparece como protagonista la necesidad de "buscar información". Los usuarios buscan información para comprar productos, para enterarse de la actualidad, para obtener material para sus propios portales; dicha necesidad se mantendrá como primera motivación para utilizar Internet.

- Los usuarios son fieles a los buscadores
Los buscadores siguen siendo la herramienta principal para buscar información. Un estudio de la empresa Iprospect denominado "Search Engine User Behavior" preguntó a una muestra de usuarios sobre qué harían si en el primer intento de búsqueda no aparece la información buscada.

Las respuestas fueron las siguientes: El 82% cambiaría la frase de búsqueda por otra más pertinente en el mismo buscador, el 13% optaría por cambiar de motor de búsqueda y seguiría utilizando la misma frase original, un 2% utilizaría otra frase en otro buscador y sólo un 3% utilizaría otro medio distinto.

- Es la forma más barata de obtener visitas y posibles clientes
De las herramientas más utilizadas en marketing en Internet, el posicionamiento en buscadores es el de mayor rentabilidad ya que conjuga en su fórmula de ROI (Return On Investment) bajos costes en el largo plazo y una alta conversión visitante-cliente.

- Aumenta el Branding de la empresa
El posicionamiento en buscadores puede potenciar el Branding, ya que los usuarios suelen creer que las empresas que aparecen listadas en las páginas de resultados de los buscadores son de mayor calidad, que aquellas que no lo están.

- La promoción en buscadores es 100% medible
Para saber si una acción de marketing es correcta, dicha acción debe ser medible o controlada. Una típica campaña de posicionamiento en buscadores puede ser auditada en cualquier momento con el fin de mejorarla o con el fín de evaluar la factibilidad de la misma.

www.altonivel.com.mx

Cómo realizar un buen diseño web corporativo

Un sitio web va más allá de la simple imagen de una empresa. Aprenda a identificar, elegir y evaluar un buen diseño de página en Internet que otorgue los mejores dividendos a su compañía.

Un sitio web es parte de la imagen de una empresa, por lo que debe ser atractivo visualmente, rápido, eficiente y contar con toda la información necesaria para el cliente.

Para captar la atención de potenciales usuarios y hacer de su un sitio un lugar eficiente en información, le entregamos algunos consejos de cómo conseguirlo:

1. Carga rápida
Tome en cuenta que la vista de una página web puede ser la primera impresión que se lleve un potencial cliente de su empresa. De ese modo, considere que el tiempo es una herramienta valiosa. Para ello, preocúpese de que el sitio no demore en cargar y abrir los diferentes elementos. Un largo retraso, puede hacer que su cliente cambie de opinión y busque ese producto o servicio en otro lado.

2. A la vista lo que se ofrece
De a entender en primera instancia cuales son los productos y servicios que usted ofrece. Si un usuario no está seguro de lo que ofrece, se confundirán y se marchará a otro sitio.

3. Diseño sencillo pero elegante
Ponga atención en que su web no contenga errores gramaticales, que pueden producir rechazo y desconfianza. También procure que el diseño del sitio no tenga un color de fondo llamativo, si no que sea agradable a la vista y resalte finalmente al texto.

4. Información Básica
Incluya dentro del sitio información básica sobre la empresa, como nombre, dirección, teléfonos, fax y correo electrónico.

5. Boletín
Una manera efectiva de tener al tanto a los clientes sobre las novedades en productos, es a través de un boletín. Para que sus potenciales clientes se inscriban al boletín, entregue contenido gratis y relevante. Esta es la mejor manera de ganarse su confianza. Después de la suscripción, envíe información periódicamente.

6. Preguntas frecuentes
Considere una sección de preguntas frecuentes en su sitio. Eso ahorrará a los usuario formular a la empresa preguntas comunes, sobre los productos o servicios.

7. Mapa del sitio
Para facilitar la búsqueda de ítemes dentro de la web, elabore un mapa de todo el sitio.

www.altonivel.com.mx

Diseño Web, Registro de dominio y Hospedaje Web

miércoles, 22 de julio de 2009

jueves, 9 de julio de 2009

lunes, 6 de julio de 2009

viernes, 3 de julio de 2009