Septiembre 19th, 2008Nuevo diseño web

Soluciones SEO estrena interfaz y servicios, a partir del dia de hoy.

La nueva interfaz es mas sobria y mas limpia, incluimos la seccion de tutoriales que serán vinculos a las ultimas entradas del blog, asi mismo informamos que el nuevo servicio es la Venta de computadoras y accesorios de computadoras (www.solucionesseo.com/computadoras).

La idea de un nuevo diseño es mantener la frescura y la renovacion constante ue experiementamos.

Hasta la proxima.

Aprende a crear paginas web en Photoshop y luego a pasarlas a Dreamweaver con este excelente libro que te regalamos. Si asi como lo lees la descarga es GRATIS. Asi que esperamos tus comentarios y sugerencias escribiendo al correo que aparece en el interior del libro.

libro diseño

Que esperas? , descarga ya tu copia del libro de diseño y realiza tus aportes solicitando material para ser incluido en la proxima edicion.

Cualquier consulta utiliza el correo que aparece en el interior del libro de diseño, la respuesta es seguro que aparecerá  en la proxima edición, claro que antes te vamos a dar la respuesta a ti personalmente.

Aprende a crear paginas web con Photoshop y Dreamweaver, el libro es ilustrado para una mejor comprension de los temas.

Empieza a diseñar paginas web con el libro de Diseño tu mejor documento de consulta web.

Septiembre 3rd, 2008Tamaño de una pagina web

Que tamaño va a tener mi pagina web?

Esta es una de las primeras preguntas que nos hacemos al diseñar una pagina web, sobre todo si estamos comenzando y para responder a esta pregunta vamos a reflexionar sobre las resoluciones de pantalla:

La resolucion de pantalla oscila entre 800 x 600 y 1024 x 768, esto es lo mas comun, sin embargo hay monitores mas grandes.

Para una resolucion de 800 x 600, debemos darle al tamaño del diseño web 768 x 500, para una resolucion de 1024 x 768 vamos a utilizar un tamaño de 1000 x 500.

Si utilizamos Photoshop para realizar el diseño de la interfaz de la pagina web, vas a usar las medidas que mensioné arriba, pero en Dreamweaver debemos armar las tablas o realizar la maquetacion de la pagina web, llamando a cada tabla que nos genera photoshop e insertandola dentro de la celda que queremos que se muestre. Como se hace eso?, ahora te explico.

Al realizar los cortes en Photoshop y “Guardar para Web” en Phosothop CS o “Save for wweb and Devices” en photoshop CS3, el programa genera un archivo html y una imagen correspondiente para cada sector dibujado en Photoshop las cuales ubica en un a carpeta llamada “images” un nivel superior a partir del archivo html.

OJO: No te recomiendo realizarle modificaciones a este archivo html, recuerda que esta enlazado y es 100% dependiente del arhivo psd, esto significa que cada cambio realizado en el archivo psd y luego guardado para web, va a modificar este archivo por lo que conviene mejor “guardarlo como” con otro nombre y preferiblemente en otra ubicacion siempre dentro de la carpeta raiz de nuestro sitio.

Ejemplo:
Tienes la siguiente estructura en tu sitio:

-raiz

    - imagenes

    - animaciones

    - documentos

Agrega otra carpeta para que tu sitio quede asi:

-raiz

    - imagenes

    - animaciones

    - documentos

     - cortes

En esta carpeta “cortes” guarda los archivos html generados por Phosothop, y los archivos que vas a modificar guardalos dentro de “raiz”.

Esto implica otro cambio al codigo, y es en lo referente a las rutas: originalmente las imagenes se mandan a llamar de la siguiente manera < img src = ” images / archivo.jpg “ >, pero al realizar el cambio la ruta deberá quedar < img src = ” cortes / images / archivo.jpg “ >, si lo haces directamente desde Dreamweaver archivo / guardar como no tendras que modificar nada en el codigo, ya que Dreamweaver te pregunta si deseas actualizar los vinculos, a lo ucal deberas contestar SI.

Como podras observar en Dreamweaver no haces mucho, todo lo realizas en Photoshop.

Pero que sucede si el cliente solicita que la pantalla se agrande?, que no sea de un tamaño fijo de pantalla sino mas bien se amplíe y adapte a cualquier resolucion que visite el sitio web.

mmmm… sencillo, aqui debemos trabajar con el ancho de las tablas, creo que aqui vas a trabajar con codigo, jeje. En un documento nuevo de Dreamweaver debes insertar una tabla de 2 o 3 columnas (depende de como tengas el diseño).

El codigo se veria asi (2 columnas)

< table width=100% >
< tr >
  < td width = 200 >aqui insertas la columna izquierda < / td >
  < td width= 100% >aqui insertas la columna del contenido de la pagina < / td >
< / tr >
< / table >

Si es de 3 columnas

< table width=100% >
< tr >
  < td width = 200 >aqui insertas la columna izquierda < / td >
  < td width = 100% >aqui insertas la columna del contenido de la pagina < / td >
  < td width = 200 >Aqui la columna de la derecha < / td >
< / tr >
< / table >

 Al final el codigo de tu pagina web deberia tener este aspecto:

< table width = 100%>
< tr >
< td >Esta tabla se reserva para el TOP < / td>
< / tr >
< /table >

< table width=100% >
< tr >
  < td width = 200 >aqui insertas la columna izquierda < / td >
  < td width = 100% >aqui insertas la columna del contenido de la pagina < / td >
  < td width = 200 >Aqui la columna de la derecha < / td >
< / tr >
< / table >

Para finalizar dejame hacerte una aclaracion: Lo ultimo que vimos es apra que nuestra pagina web se adapte a cualquier resolucion, pero siempre tiene una medida minima, es decir, si originalmente la diseñaste para una resolucion de 1000 x 500 (ver explicacion arriba), en un monitor de 800 x 600 va a verse  la barra de desplazamiento horizontal.
Tomalo en cuenta.

Saludos

Espero les haya sido de utilidad.

En mayo 2008 recibimos la tarea de posicionar el sitio www.nicaraguaspanishinstitute.com bajo los terminos “learn spanish in nicaragua“, “study spanish in nicaragua“, “nicaragua spanish schools“,  logicamente el cliente queria aparecer en primera pagina, dentro de los primeros 10 resultados de Google.

Este proyecto nos demandó una pequeña complejidad, ¡ el dominio es nuevo!. Como ya saben es mas facil de posicionar un sitio que ya esté indexado, asi que nos pusimos manos a la obra.

A esta fecha el sitio se encuentra en las primeras 10 posiciones de Google y casi de inmediato apareció en las primeras posiciones de Yahoo!, MSN y Live.

En poco tiempo (2 meses) fuimos indexados por Dmoz y conseguimos mas de 50 enlaces entrantes con escuelas de español y mas de 200 enlaces de directorios tanto reciprocos como gratuitos, las visitas han tenido un crecimiento de alrededor 30% mas visitas sostenido, (crecimiento mensual) desde el momento en que comenzamos con el proyecto. por lo que catalogamos este proyecto como ¡Caso de exito en nuestro servicio de Posicionamiento en Buscadores!.

Los resultados en Google son los siguientes:

learn spanish in Nicaragua = 5

study spanish in Nicaragua = 5

nicaragua spanish schools = 11 (le falta poco para estar dentro del top 10, solo un par de dias mas).

Aun falta que los resultados se asienten, al momento de escribir este post “nicaragua spanish schools” estaba en posicion 11, sin embargo ha estado cambiando entre la posicion 6 y la 11 durante todo el dia, asi que solo falta esperar el asentamiento de los resultados en las hojas de Google.

Si quieres posicionamiento en buscadores para tu pagina web, te recomiendo leer nuestra guia de posicionamiento en buscadores, sin embargo te debo advertir que no tomes esta guia como una guia de posicionamiento definitiva, ya que los motores de busqueda cambian frecuentemente sus algoritmos, debes leer la guia para realizar un posicionamiento web organico

Por otra parte, al comenzar el proyecto no ofrecimos aparecer en las primeras posiciones de Google al mes ni a la semana de haber comenzado el proyecto, sino mas bien a los 4 meses, esto es porque el posicionamiento en buscadores requiere de un par de tecnicas que pueden estar defasadas en este momento, asi que siempre es una investigacion constante el tratar de posicionar una pagina web en Google.

Nicaspan (Nicaragua Spanish Institute), es la prueba de que sitios completamente nuevos pueden aparecer dentro de Google en menos de un año y mejor aun, aparecer dentro de sus primeros 10 resultados.

Otro aspecto clave es la cantidad de enlaces entrantes que se requirieron para aparecer dentro de los resultados de Google (mas de 200) y el clave DMOZ, aparecer en Dmoz disparó el sitio como un proyectil, a medida que Google iba incrementando la cantidad de enlaces entrantes el sitio iba subiendo de posiciones.

Pero la clave no esta en conseguir un monton de enlaces, debes planificar los enlaces que van a ingresar al sitio, debes estudiar a tu competencia, averiguar donde tienen sus enlaces y conseguir enlaces desde ahi (es buena idea al comenzar), luego visita paginas de esa misma tematica y solicita enlace reciproco, publica articulos, participa en foros, blogs, haz ruido en las redes sociales, hablale de tu proyecto a tu hermano, hermana, primo, amigo, enemigo, a quien sea empieza a promocionar el sitio dentro de directorios y de boca en boca (es lo mejor), esto hazlo el segundo mes.

El primer mes dedicalo al estudio de la competencia, a mediados del primer mes y durante todo el segundo consigue los enlaces, procura no bombardear con solicitudes el mismo dia, programate, y haz entre 5 y 15 solicitudes por dia, procura no sobrepasar las 80 solicitudes por mes, mantén ese ritmo los primeros 4 meses y verás como vas a ir escalando posiciones, casi sin hacer esfuerzos.

El 3er mes dedicalo a la publicacion de articulos y a la inclusion en Dmoz, si tienes un par de blogs comenta el sitio en el mismo para conseguir enlaces gratiutos y generar un poco de frecuencia.

A inicios del  4to mes sientate, tomate un par de cervecitas bien frias y monitorea la cache de Google  para ver si la version de los Datacenters es la misma que esta Online, si es necesario realiza Optimizacion onPage.

Listo!, si sigues estos consejos tu tambien posicionarás tu sitio en 4 meses o menos.

En lo personal recomiendo ofrecer resultados a partir del 4to mes, ya que es tiempo suficiente para darte una idea clara de como estarás al finalizar el año. El posicionamiento en buscadores es algo serio y no tomar en cuenta los elementos onPage pueden significar el aparecer o no en los buscadores.

Pero siempre, siempre de los siempres, procura mantener Calidad en la informacion que publiques, recuerda que no estas optimizando el sitio para buscadores unicamente, sino tambien para seres humanos.

Para finalizar me gustaria aclarar que no es el unico ni el primer y estoy seguro que tampoco el ultimo sitio que posicionemos, la diferencia es que ahora los vamos a dar a conocer, junto con las tecnicas que vayamos usando.

Saludos y hasta la proxima.

Segun Alexa, el 1er lugar de sitios en español mas visitados corresponde al monstruo de las busquedas (y como era de esperarse) Google, pero no el .com sino google.es y lo siguen otros Googles.

Este es el listado de los sitios en español mas visitados:

  1. Google España
  2. Google Mexico
  3. Google Argentina
  4. Google Venezuela
  5. Mercado Libre
  6. Softonic
  7. Google Peru
  8. Google Chile
  9. Marca digital
  10. Sonico

Para ver un listado completo (al 12 del mes de agosto) ver resultados de alexa

Un dato curioso, para los que no estaban muy claros, el Page Rank no es tan importante a la hora de las visitas, ni tampoco es un factor deteminante en este mundo SEO, el PAge Rank es solo una barrita verde que en un inicio sirvió para determinar la importancia de sitios web, pero como es tan manipulable, actualmente solo sirve para ver quien lo tiene mas grande (me refiero a la barrita verde de la barra de Google, no sean mal pensados ;-)).

Sin embargo me ha llamado la atencion y me parecio importante de mensionar que el sitio impresionesweb.com con solamente PR=2 tiene una cantidad de visitas tan impresionantes que se ha logrado colar dentro del top 100 de Alexa para sitios en español.

Interesante no?, pues si.

Aca en Nicaragua conozco de un caso de un portal que gana alrededor 3000 (tres mil dolares) mensuales, pero a los dueños les parece que es muy poco ya que no les da para los chicles, WOW tronco de chicles esos, pero asi es esto, mientras unos nos conformamos con tener un par de cheques al año de parte de papa Google, otros se quejan de no tener para comprar los chicles, jeje, ojala que yo comiera de esos chicles tambien.

ok, regresando a lo de impresionesweb.com, que lo hace tan novedoso, pòrque amerita estar dentro del TOP 100 de Alexa?, porque no lograrlo tu tambien con tu sitio web?, pues, a trabajar, toma a impresiones web como modelo, toda la informacion la tiene muy bien estructurada, no hay enlaces rotos, su estructura de informacion se basa en subdirectorios, ademas, lo mas importante, no es tanto lo que ofrecen (que por lo que leí se ve buen producto y se ven bien atractivos sus servicios) sino la forma en que lo hacen, lee detenidamente sus parrafos, lee entre linea, te daras cuenta que no tratan de vender, simplemente … … … dan a conocer los BENEFICIOS de sus servicios y sus productos.

La forma de redactar nuestros parrafos nos van a ayudar y van a ser en determinado momento y factor determinante entre vender y no vender, porque ese es en resumidas cuentas nuestro sitio web, una herramienta que nos DEBE ayudar a vender, debe vender sola, no todo lo contrario, hagamos que nuestros sitios web trabajen para nosotros y no nosotros para nuestros sitios web.

Bueno… jeje, me sali un poco del tema pero es que me emosioné.

Hasta la proxima…

Agosto 12th, 2008error de e-marketing

Comienzo este articulo y decido escribirlo ya que luego de 2 horas de estar buscando articulos y empresas dedicadas al e-marketing me doy cuenta que cometen un grave error, el cual podría dividirlo en dos secciones:

1. Personal Calificado

esto incluye diseñadores graficos, mercadologos, el personal de logistica, el que manda los correos, el que hace las contrataciones, el que consigue el cliente, el que se toma el cafe, etc. (como siempre una agencia de publicidad muy ocupada). El problema es que luego de terminarse el cafe y pasar platicando de las peliculas y novelas del dia pasado se les olvida mejorar la calidad o por lo menos hacer un control de calidad de su propia publicidad.

Si queremos promocionar una marca y mas importante aun, establecer una marca en el mercado, lo menos que podemos hacer es cuidar la calidad de almenos el logotipo de la marca (pero si la marca es la nuestra).

Una empresa “x” que es la razon de este articulo, ofrece sus servicios de e-marketing, hasta tienen el super slogan de “Redefiniendo el e-marketing” pero el propio logotipo de ellos esta mas distorcionado que foto tomada con unos tragos sin flash en un callejon oscuro sin luces.

Entonces?… en que quedamos, redefinen el e-marketing?, a lo mejor es una estrategia de mercado que les permite enfocar la atencion del usuario mas en la marca borrosa que en el contenido de la publicidad, pero para mi es un error que no deberia suceder.

2. Tolerancia

No es por falta de tolerancia a la lactosa que una promocion marcha mal, o que una marca  no se logra posicionar adecuadamente en el mercado, sino por la falta de tolerancia ya por cualquiera de las partes.

Una vez realizado el contrato con la empresa a promocionar, se procede a la tediosa y estresante labor de tomarse un par de margaritas y escribir un par de articulos acerca de “algo importante”, empezamos a mandar e-mails a lo descocido, mandar a pintar mantas, panfletos, brochures y a incluir la marca en tantas agencias de publicidad conozcamos y si hay suficientes recursos contratamos un espacio pagado en TV.

Hay campañas de campañas, desde las mas modestas que se limitan a tarjetas de presentacion, hasta llegar a los monstruos que pagan millones de dolares anuales en concepto de publicidad y posicionamiento de marca, a estos ultimos se les va algo por alto, TOLERANCIA, como ya estan metidos en el campo se les olvida que dependen exclusivamente de los clientes y son estos ultimos los que decidiran en determinado momento el futuro de esta empresa, empieza la irresponsabilidad, la falta de profesionalismo, los dueños se ven cada vez menos por la empresa,… y asi sucesivamente…

Entonces que es lo que podemos hacer?

Una correcta estrategia de mercadeo incluye, pero no exclusivamente, el lanzamiento de la papeleria, la publicacion de la pagina web, el catalogo de productos, e-marketing, etc. sino que DEBE incluir capacitaciones periodicas al personal en Recursos Humanos, seminarios de ventas, y porque no? unas cuantas horas con el psicologo no harian mal para que mejoremos gradualmente como profesionales y como personas, asi se veran siempre ventas moderadas y con crecimientos procentuales sostenidos.

Lo mas importante es la campaña de e-marketing pero tambien destinar al menos el 10% de las utilidades para capacitaciones, no solo al personal sino (si eres dueño de negocio) capacitaciones a ti mismo.

En conclusion, la falta de profesionalismo, atencion al cliente y errores en la papeleria pueden ocasionar pérdidas, que si no se toman en cuenta o corrigen a tiempo, pueden ocasionar la caida de cualquier Imperio.

Julio 13th, 2008wordpress 2.6 disponible

Wordpress 2.6 está proximo a salir, aparentemente este lunes será lanzado, si quieres una version para ir probando y comentarlo puedes seguir este enlace 

 Yo en lo personal me voy a abstener de realizar esta actualizacion, ya he tenido dos malas experiencias con las actualizaciones de Wordpress, en cada actualizacion pierdo la informacion publicada, quizas sea porque se me olvida realzar el respaldo de la informacion, pero es medio engorroso estar respaldando por cada actualizacion que le realizan a wordpress.

Sin embargo existen mejoras, para ver una lista completa de las mejoras que trae wordpress 2.6 clic aqui

Aunque wordpress no lo hace oficial aun (continua disponible para descarga la version 2.5), sería interesante ver las mejoras, esta version 2.5 a mi me ha quedado muy bien, los widgets y mejoras que le han realizado ha sido estupendas para la edicion de las notas asi que voy a esperar un rato a que saquen una version oficial.

Fuente:
http://boren.nu/archives/2008/07/12/wordpress-26-release-candidate-1/

Este es un tema bastante delicado, pueto que no es meramente posicionamiento y antes que sigas leyendo estas lineas dejame aclarartelo, este es un TIP para indexacion, es decir, cuando tu dominio es nuevo y nisiquiera aparece dentro de Google tu dominio.

Entonces como hacer para que tu sitio sea indexado en 24 horas y aparezca en Google, yahoo, msn?, existen mucha empresas e individuos que te cobran 50, 40 o hasta 100 dolares solo por indexacion rapida, sin embargo con este TIP de indexacion en buscadores te puedes ahorrar esos billetitos y dejarlos para la comida o las cervecitas del weekend.

Como agregar tu sitio en los buscadores en 24 horas?

1: Asegurate que tu sitio este terminado, que no tenga secciones vacías o en construccion y que esté lista para recibir visitas.

2: Crea cuentas en las redes sociales mas populares, sugerimos: Digg, Del.icio.us, MyBlogLog, Mixx, SubmleUpon, BlogCatalog, LinkedIn.

3: Agrega un enlace hacia tu sitio web en el perfil (profile) junto con el nombre, interes informacion , etc…

4: Participa en los grupos y foroscomparte informacion con otros miembros.

5: Revisa Google en 24 horas y veras que tu sitio ya esta indexado. 

La busqueda que debes hacer es en Google, Yahoo o MSN: www.tusitioweb.com (sin comillas) 

NOTA:
Esto es solo la base del posicionamiento, antes de posicionar tu web debes indexarla en los buscadores, ademas no olvides dar de alta tu sitio web en DMOZ

Para posicionar tu sitio en las primeras posiciones de los buscadores debes promocionarlo tu mismo, optimizarlo segun las palabras o frases que desees ser encontrado, y revisar todos los enlaces internos, todas las paginas deben estar enlazadas desde cualquier pagina web interna.

Julio 7th, 2008Directorio de enlaces

Nuevo Directorio de enlaces de Soluciones SEO.

Una de las estrategias de posicionamiento en buscadores es casualmente construir una red de enlaces validos para buscadores, y la forma mas facil es agregar tu sitio web a directorios web gratuitos, en Soluciones SEO hemos creado un nuevo directorio de enlaces para ayudarte a posicionar tu sitio web.

La direccion del directorio de enlaces es: www.solucionesseo.com/directorio

Esperamos tus enlaces, de paso si crees que necesitamos mas categorias sugierelas en el mismo formulario.

Continuamos con lo basico de Adobe flash, si eres nuevo en esto de crear animaciones para paginas web este tutorial de Interpolacion de Movimiento te va a servir de ayuda.

Para este ejercicio vamos a crear una interpolacion basica de movimiento, un circulo que cambie su posicion de izquierda a derecha a través del escenario de Flash.

1. configura la presentacion de 300px X 200px.

Tamaño de documento

Propiedades del documento. Adobe flash

2. Inserta una elipse en el escenario.

Herramienta Elipse

elipse en el escenario

3. Inserta 20 Fotogramas en la Linea de Tiempo.

Insertar Fotograma

4. Haz clic con el boton secundario del Mouse en cualquier fotograma entre el fotograma 1 y el fotograma 20, selecciona la opcion “Create Motion Tween” (Interpolacion de Movimiento), con esto vas a observar un cambio de color en la linea de tiempo del objeto y ademas unas lineas punteadas, esto quiere decir que Flash está esperando por el objeto del final.

Crear Interpolacion de Movimiento

5. Haz clic derecho en el fotograma 20 e Inserta Fotograma clave.

Fotograma Clave

6. De la caja de herramientas selecciona la herramienta “Seleccion”herramienta seleccion (la flechita negra) y a continuacion haz clic sobre la elipse y arrástrala hacia el otro extremo del escenario.

7. presiona CTRL+ENTER y listo, ya tienes tu primera animacion. 

Espero que te haya servido, recuerda que no debes abusar de Flash en tus sitios web, ya que entorpece un poco el trabajo de posicionamiento en buscadores para tu sitio y hace trabajar un poco mas la computadora del usuario, causando en ocasiones una gran demora a la hora de cargar el sitio web.

En resumen:

Con la incorporacion de elementos flash dentro de un sitio web mejoramos la misma en cuanto a atractivo, sin embargo tiene un costo; uso de recursos del sistema, asi que planifica muy bien las animaciones en flash que vas a realizar.

PD:
No es necesario agregar un preloader a todas tus animaciones, solo a las que pesen mas de 100KB.

Enlaces patrocinados:


© 2008 Diseño de Páginas Web con planes de alojamiento, animaciones en flash | administrar
Cerrar
Enviar por Correo