Todos sabemos las ventajas y desventajas del uso de Flash para crear una página totalmente diseñada en dicho programa.
Entre las desventajas se encuentran que los Spiders o Robots no pueden leer contenido en Flash… pero, ¿realmente sucede esto?…
Veamos este ejemplo:
Los buscadores nos permiten poder hacer búsquedas avanzadas con solo introducir ciertos términos. Por ejemplo, todos sabemos que si queremos buscar una frase especifica, debemos ponerla entre comillas.
Así, si quiero encontrar la frase había una vez… debo introducir en la caja del buscador “había una vez…” como se muestra en el siguiente ejemplo.
Otra de las posibilidades es la de encontrar archivos con una extensión especifica. Esto lo hacemos introduciendo la palabra a buscar seguido de filetype:extención a buscar. Por ejemplo si queremos encontrar un archivo en pdf debemos poner en el buscador lo siguiente “había una vez” filetype:pdf como se muestra en el siguiente ejemplo.
Ahora, ¿qué pasa si insertamos como extensión swf?
Veamos lo que pasa buscando la palabra mail en un archivo swf como se ve aquí. Podemos ver que en este caso Google puede indexar contenido en Flash, pero de manera limitada. Quiero aclarar que por el momento Google es el único buscador capaz de encontrar este tipo de términos en archivos swf.
¿Y esto de que nos sirve? Analizando que es lo que indexa, podemos modificar ciertos aspectos de nuestras películas para un mejor desempeño de nuestra web en los buscadores.
Es así como al botón Contáctenos no lo vamos a llamar contáctenos sino lo podemos llamar Contactar a Leandono SA por ejemplo, es decir que agregamos el nombre de nuestra empresa como contenido para indexar.
Pero… ¿Cómo sabemos que indexa Google?
Existen ciertas herramientas que nos permiten saber lo dicho.
En el sitio www.see-flash.com, hay una herramienta que nos permite analizar que es lo que indexa Google de nuestras películas. En dicha caja de búsqueda hay que poner el archivo swf directo, no la página que lo contiene.
Por ejemplo veamos el siguiente archivo:
No tiene instalado el plugin de Flash necesario, haga click aquí para descargarlo gratuitamente.
Tenemos esta barra de navegación en nuestra web. Veremos que Google indexa el siguiente contenido:
1.
2.
3.
4.
5.
6.
INICIO
7.
VOLVER
8.
CORREO
9.
BUSCAR
10.
IMPRIMIR
11.
COMPRAR
12.
AYUDA
13.
CONTACTENOS
14.
15.
Para ver este contenido, como dije, ponemos en see-flash la dirección completa donde se encuentra el swf y luego de analizar, nos muestra los términos que puede indexar Google. Si queremos verlo en html debemos presionar el botón “See the HTML code”, donde podrán encontrarse con el código arriba puesto. Este código es lo que los spiders ó robots leen al encontrarse con nuestra película.
Es así como, suponiendo que nuestra empresa se llama “Leandono SA”, al botón Ayuda lo podemos llamar Leandonohelp, al botón Contacto por Contactar a Leandono, al botón Inicio le podemos poner directamente el nombre de la empresa, y así modificar los términos a indexar.
Sin embargo see-flash posee una limitación y ella es que no puede analizar archivos mayores a 200 KB.
Por eso voy a hablar de la otra alternativa que es swf2html.
Swf2html es una herramienta que nos provee Adobe para que al igual que see-flash , podamos ver que es lo que analizan los spiders o robots. Dicha herramienta se puede descargar de aquí con el nombre de Flash Player Developer SDKs (Software Development Kits). Para descargarlo hay que hacer una serie de trámites (¿burocráticos?) como registrarse, aceptar la licencia, introducir nuestro correo, y finalmente recibir el e-mail con la dirección de descarga.
Si lo desean pueden descargarse los archivos desde esta misma web a través del siguiente link.
El swf2html se debe manejar a través de la ventana de DOS (INICIO –> TODOS LOS PROGRAMAS –> ACCESORIOS –> SIMBOLOS DEL SISTEMA).
Luego debemos introducir la ruta donde se encuentra el archivo swf2html, por ejemplo:
C:\Documents and Settings\swf2html ejemplo.swf
Luego de esto, el programa analiza el swf y extrae el código html que verían los spiders en nuestra película.
Swf2html puede extraer de nuestra película:
* Texto
* Links
* Código en Javascript
Y además nos permite exportar el código html para verlo.
Todos los comandos se encuentran en el archivo de ayuda del swf2html, no los explico porque hacer un tutorial del swf2html no es el fin de este post, pero no se preocupen que no es muy difícil de entender ni se manejar!
Como conclusión podemos sacar que a pesar de tener una limitación la creación de una web 100% flash, que es la indexacion total en los buscadores, existen ciertos métodos que nos permiten que esto no sea tan grave. Por ejemplo la incorporacion de palabras claves y descripcion en el html del sitio, a través del cloaking como explican en Cristalab, en el post Posicionamiento de Flash en los buscadores, optimizando nuestras películas a través de métodos como los dicho aquí, o a través de métodos menos ingeniosos como la incorporacion de una descripción con letras del mismo color de fondo o ponerla en una capa detrás que la película…
Scour Design ™ Todos los Derechos Reservados © Carlos Carmo
No related posts.
Related posts brought to you by Amazon plugin.
]]>Algo muy interesante de CSS 3, son sus selectores, que como su nombre indica, permite seleccionar un elemento web para darle estilo o estructura. ¿Cuales son?
Selectores CSS 3
Notación:
- Ele – Elemento – Cualquier elemento web. Ejemplos: div, span, a, li, p, strong, etc.
- atr – Atributo – Describe las características de un elemento web. Ejemplos: href, alt, class, rel, etc.
- val – Valor – Magnitud de un atributo. Ejemplo: en rel=’nofollow’; rel es el atributo y nofollow el valor.
- n – Cualquier número entero.
Selectores y ejemplos prácticos:
| Sintaxis | Descripción |
Ele [atr^='val'] |
Selecciona todos los elementos que inicien con un valor especificado.Ejemplo: a[href='http://blogandweb.com'] Seleccionará todos los links hacia blogandweb.com |
Ele[atr$='val'] |
Selecciona todos los elementos que terminen con un valor especificado.Ejemplo: a[href$='.zip'] Seleccionará todos los links de archivos zip. |
Ele[atr*='val'] |
Selecciona todos los elemento que contenga, indiferente a su ubicación, un valor especificado.Ejemplo: a[href*='tag'] Seleccionará todos los links que contengan la palabra “tag”. |
Ele:nth-child(n) |
Selecciona el enésimo hijo de su elemento padre. Ejemplo: p a:nth-child(2) seleccionará el segundo enlace de un párrafo. |
Ele:nth-last-child(n) |
Selecciona el enésimo hijo de su elemento padre empezando a constar del último al primero.Ejemplo: p a:nth-last-child(2) seleccionará el penúltimo enlace de un párrafo. |
Ele:nth-of-type(n) |
Selecciona el enésimo elemento de su tipo.Ejemplo: p img:nth-of-type(1) seleccionará la primer imagen en un párrafo. |
Ele:nth-last-of-type(n) |
Selecciona el enésimo elemento de su tipo, empezando a constar del último al primero.Ejemplo: p img:nth-last-of-type(1) seleccionará la última imagen en un párrafo. |
Ele:last-child |
Selecciona el último hijo de un elemento.Ejemplo: .post p:last-child seleccionará el último párrafo dentro de un elemento con clase “post”. |
Ele:first-of-type |
Selecciona el primer elemento de su tipo en el elemento padre.Ejemplo: .post img:first-of-type seleccionará la primer imagen dentro en un elemento con clase “post”. |
Ele:last-of-type |
Selecciona el último elemento de su tipo en el elemento padre.Ejemplo: .post img:last-of-type seleccionará la última imagen dentro en un elemento con clase “post”. |
Ele:only-child |
Selecciona el único elemento hijo de un elemento padre.Ejemplo: ul li:only-child seleccionará el elemento una de lista, cuando la lista solo contenga un elemento. |
Ele:only-of-type |
Selecciona el único elemento de cierto tipo.Ejemplo: .post img:only-of-type seleccionará las imágenes presentes en los elementos .post con solo una imagen. |
Ele:empty |
Selecciona los elementos web que no tienen elementos hijos.Ejemplo: ul:empty seleccionará todas las listas no numeradas sin elementos. |
Ele:target |
Selecciona los elementos que tienen como destino una URL . |
Ele:enabled |
Selecciona elementos (de formularios) con valor enabled (habilitado).Ejemplo: input[type="text"]:enabled seleccionará los campos de tipo texto que están habilitados. |
Ele:disabled |
Selecciona elementos (de formularios) con valor disabled (deshabilitado).Ejemplo: input[type="text"]:disabled seleccionará los campos de tipo texto que están deshabilitados. |
Ele:checked |
Selecciona elementos (de formularios) con valor checked (seleccionado).Ejemplo: input:checked seleccionará los campos que estén seleccionados. |
Ele::selection |
Selecciona los elementos que han sido seleccionados/resaltados por el usuario. Las propiedades aplicables son color, background, cursor y outline.Ejemplo: ::selection ubicara el texto que haya sido seleccionado/resaltado (con el cursor del mouse) por el autor. |
Ele:not(s) |
Selecciona todo los elementos que no sean un selector indicado (s) dentro de un elemento web.Ejemplo: .post:not(img) seleccionará todos los elementos que no sean imágenes y estén dentro del elemento web con clase “post”. |
::first-line |
Selecciona la primera línea de un elemento web.Ejemplo: p::first-line seleccionará la primera línea de un párrafo. |
::first-letter |
Selecciona la primera letra de un elemento web.Ejemplo: p::first-letter seleccionará la primera letra de un párrafo. |
::before |
Se ubica en la parte anterior de un elemento web (típicamente para agregar contenido).Ejemplo: p::before {content: 'Nota: '} Agregará el texto “Nota :” antes de cada párrafo. |
::after |
Se ubica en la parte posterior de un elemento web (típicamente para agregar contenido).Ejemplo: cite::before {content: 'Fin de la cita'} Agregará el texto “Fin de la cita” al final de cada elemento cite. |
Navegadores que soportan selectores CSS 3
A grandes rasgos, sin entrar a ver cada caso, los selectores CSS 3 están soportados en:
- Google Chrome 1.0 o superior.
- Mozilla Firefox 3.0 o superior.
- Opera 9.5 o superior.
- Safari 3.1 o superior.
- ¿Internet explorer 9?
Como puede verse, Internet Explorer es prácticamente el único obstáculo para un soporte casi completo. Sin embargo, puede hacerse algo al respecto, por medio de ie-css3.js puede agregarse soporte a varios selectores desde IE5 hasta IE8.
Conclusión
Los selectores de CSS 3 se presentan como una interesante herramienta: ahorran en parte el uso de lenguajes de programación, pueden hacer más optimo el código CSS y más especifica la selección de elementos.
En lo particular, no veo mucho problema en su uso para fines estéticos para un sitio web; aquel navegador que no lo soporte, tendrá una versión a su medida, sin las ventajas de CSS 3. No así en el uso en la funcionalidad del sitio (navegación, formularios, etc) donde si tendrá un impacto en la experiencia del usuario.
En fin, aun nos falta la salida de IE9 y/o que una buena parte de los usuarios de la web adopten navegadores modernos. Por suerte, las estadísticas dicen que se va por buen camino.
No related posts.
Related posts brought to you by Amazon plugin.
]]>Para que su sitio web pueda ser encontrado con facilidad y sea sencillo de recordar deberá buscar un nombre de dominio que le identifique con su empresa o producto.
Tabla de precios por el registro de su nombre de dominio:
| TLD | Min. Años | Registrar | Transferir | Renovar |
| .com | 1 | $150.00 MXN | $150.00 MXN | $150.00 MXN |
| .net | 1 | $150.00 MXN | $150.00 MXN | $150.00 MXN |
| .org | 1 | $150.00 MXN | $150.00 MXN | $150.00 MXN |
| .info | 1 | $150.00 MXN | $150.00 MXN | $150.00 MXN |
| .com.mx | 1 | $600.00 MXN | $600.00 MXN | $600.00 MXN |
| .net.mx | 1 | $600.00 MXN | $600.00 MXN | $600.00 MXN |
| .org.mx | 1 | $600.00 MXN | $600.00 MXN | $600.00 MXN |
| .biz | 1 | $150.00 MXN | $150.00 MXN | $150.00 MXN |
| .name | 1 | $150.00 MXN | $150.00 MXN | $150.00 MXN |
| .us | 1 | $150.00 MXN | $150.00 MXN | $150.00 MXN |
Además de ofrecerle el servicio de registro de dominios, también le ofrecemos servicio de alojamiento web (web hosting u hospedaje web).
Nuestros planes de Web Hosting están diseñados para responder a las necesidades más exigentes, dejando la complejidad de la administración de los servidores web en nuestras manos.
No related posts.
Related posts brought to you by Amazon plugin.
]]>¿Por qué tener un logotipo?
El logotipo es la imagen más inmediata a comunicar. Es la primera impresión que tiene su público objetivo de su compañía, constituye la herramienta esencial.
Son los cimientos sobre los que se edifica una buena identidad corporativa, sobre lo que se construye la cultura de empresa.
¿Por qué elegirnos?
- Brindamos una variada gama de estilos, dependiendo de sus necesidades y objetivos.
- Diseños claramente definidos, logos clásicos, modernos, elegantes, tecnológicos, etc.
- Rapidez! Cumplimos estrictamente los plazos de proceso y entrega.
- Personal especializado en comunicación visual asignado a su proyecto.
- Logotipos diseñados a medida, no utilizamos logos prediseñados.
En Merca-Tech®, estamos interesados en que su empresa tenga una imagen unica y solida, que impacte a sus clientes o prospectos de clientes por eso le ofrecemos servicios de calidad y al mejor precio del mercado.
A continuación hemos creado algunos paquetes para el diseño de su logotipo o toda su identidad coporrativa, incluyendo el diseño de su papelería institucional y el manual de identidad corporativa:
Si se encuentra interesado en alguno de estos paquetes de identidad coporativa y diseño de logotipo o requiere algún trabajo en especifico, contáctenos sin compromiso.
Si desea ver nuestro portafolio de logotipos e identidad, por favor de click aquí.
Diseño de logotipos, diseño de logos únicos y profesionales
No related posts.
Related posts brought to you by Amazon plugin.
]]>Las campañas de enlaces patrocinados se realizan mediante pagos por click, es decir, usted paga cuando alguien clickea en uno de sus enlaces patrocinados.
Nuestro trabajo consiste en gestionar las campañas de enlaces y asegurarnos de que sus criterios de búsqueda aparezcan en los primeros puestos dentro de los enlaces patrocinados. Para ello modificaremos a diario la inversión a realizar para cada uno de sus criterios, subastando las posiciones según la competencia existente para cada uno de ellos.
Previamente realizaremos una auditoría para estimar el coste de la campaña y de los clicks.
Según el importe a invertir cada mes en las campañas, Merca-Tech® cobrará una comisión por las gestiones. El porcentaje variará según la duración e inversión realizada.
No related posts.
Related posts brought to you by Amazon plugin.
]]>
En JZGraphics, estamos especializados en el alta y posicionamiento en buscadores y por ello, ponemos a su disposición nuestra amplia experiencia promocionando páginas web mediante el posicionamiento natural y los enlaces patrocinados (Adwords).
Posicionamos su página en los primeros lugares de Google, Yahoo, Msn, Altavista, entre otros.
Para que su negocio funcione en Internet es imprescindible estar bien posicionado en los buscadores más importantes, es decir, aparecer en los primeros puestos de una determinada búsqueda. La diferencia de aparecer en primera página de los buscadores puede causar que su competencia se lleve a su posible cliente. Para ello le ofrecemos nuestra experiencia en el posicionamiento en buscadores.
Nuestro principal objetivo es que su página web aparezca en la primera página de los principales buscadores, según los criterios de búsqueda que usted escoja. Para ello disponemos de un equipo de profesionales que le asesorará y trabajará a fondo para que su web suba hasta lo más alto.
Nosotros no le garantizamos el primer lugar en los buscadores, debido a que estos se basan en sus propios algoritmos los cuales nosotros no podemos modificar.
Contáctenos para Cotizar nuestro servicio de posicionamiento web natural.
Confíe en profesionales especializados en posicionamiento web en buscadores, no se deje engañar, resultados garantizados.
No related posts.
Related posts brought to you by Amazon plugin.
]]>Un portal es una página web con capacidad de registro de usuarios y gran cantidad de contenidos que pueden ser actualizados directamente online por el administrador del portal.
¿Para quién es recomendable un portal web?
Los portales web son recomendables para realizar páginas webs que requieran modificar sus contenidos muy a menudo, pues un gestor de contenidos hace que cualquier modificación en la estructura o en los contenidos sea muy rápido y sencillo, además de no precisar ningún software externo, sino que los cambios son hechos desde la propia página web introduciendo las debidas claves por parte del administrador del portal. Un portal web es recomendable para empresas, organizaciones, instituciones gubernamentales, colegios, intitutos, universidades, etc.
A los portales web también les llaman CMS o gestores de contenidos. Nosotros para la realización de portales recomendamos Joomla. Joomla en un gestor de contenidos que permite crear sitios web y otras potentes aplicaciones online.
Caracteristícas Básicas del Portal:
- CMS optimizado para motores de búsqueda.
- Creación de páginas ilimitadas.
- Configuración avanzada y múltiple.
- Variados formatos de salida.
- Fácil back up y restauración del sitio Web.
- Completo editor WYSIWYG y administrador de imágenes.
- Escalabilidad (al sistema se le pueden instalar con facilidad foros, carritos de compra, etc.).
- Estadísticas de visitas (con información de exploradores, sistemas operativos, noticias y artículos más vistos).
- Encuestas y votaciones dinámicas.
- Completa gestión de usuarios.
- Navegación editable.
-
Automatización en la publicación.
Servicios Opcionales:
El Portal Web se diseña siguiendo la imagen corporativa y colores de empresa, para mantener la misma imagen en línea y fuera de línea. Si usted no tiene imagen corporativa, en JZGraphics, podemos diseñar un logotipo para su empresa.
Debemos advertir que la aparición para determinadas búsquedas en primeras posiciones en Google no depende directamente de nosotros, sino del algoritmo de Google. Si desea ser de los primeros en los buscadores, consulte nuestros servicios de posicionamiento web.
No related posts.
Related posts brought to you by Amazon plugin.
]]>En JZGraphics, tu contacto en la web! le ayudamos definir su negocio online y ponerlo en marcha, le ofrecemos tiendas virtuales bajo la tecnología de PHP y MySQL o bien podemos desarrollar su tienda virtual en flash logrando una imagen mucho más interactiva que las tiendas virtuales tradicionales.
Un equipo de profesionales con años de experiencia en el sector de las Nuevas Tecnologías y nuestra contrastada plataforma tecnológica en continua evolución conforman las claves de éxito para su proyecto de tienda virtual.
Lo fácil de una tienda virtual es la plataforma sobre la que se muestra el catálogo, se registran los usuarios y se realizan los pedidos. Lo difícil es mantener el producto, atender al cliente online y hacer un seguimiento de las visitas.
Obtenga éxito con su tienda virtual. Cree y mantenga su tienda virtual usted mismo. Gestione sus pedidos sencillamente. Encuentre nuevos clientes… en definitiva, sea rentable rápidamente.
Algunas de las ventajas de nuestras Tiendas Virtuales:
- Cada cliente dispone de su propia cuenta con su contraseña de acceso.
- Histórial de pedidos.
- Búsquedas en catálogo por productos o fabricantes.
- Posibilidad de incluir comentarios sobre los productos.
- Notificaciones por correo electrónico.
- Sección de ofertas y novedades.
- Gestión de clientes, pedidos y stock.
- Moneda que usted elija (Pesos mexicanos, Euros, Dólares, etc.).
- Completa flexibilidad que ayuda a implementar el diseño web que se requiera de manera profesional y con una imagen unica.
- Tienda multilingüe que puede ser usada para atraer compradores internacionales.
- Ambiente basado en web que ahorra la molestia de bajar e instalar el software, y da total control para modificar el contenido cuando quiera y desde cualquier computadora en el mundo con acceso a Internet.
- Sistema de seguridad SSL que le permita ingresar a su cuenta de forma segura.
- Optimización de la web y alta en buscadores.
No related posts.
Related posts brought to you by Amazon plugin.
]]>En JZGraphics diseñamos páginas web creativas y profesionales, orientadas al usuario final. Utilizamos todas las tecnologías disponibles, para proporcionar un entorno agradable, ergonómico y sencillo. Aseguramos funcionalidad, claridad y un gran dinamismo, para que el usuario se sienta “atraído”.
La excelencia en diseño y una buena estructura de navegación son fundamentales para el éxito de un sitio web.
Ello junto a una buena definición de la estrategia comunicacional, una acabada conceptualización del sitio y un manejo eficiente de las variables técnicas van a definir cuántos y qué usuarios van a visitarlo e interactuar con él.
Cabe tener en cuenta que si el visitante no se siente a gusto y cómodo con el diseño del Sitio Web difícilmente lo recorrerá entero, e incluso hay una elevada probabilidad que no vuelva a ingresar nuevamente. Por eso, cuando se habla de excelencia en diseño no sólo se considera línea gráfica, además se involucran conceptos de diagramación, claridad de los contenidos, facilidad de navegación, etc. El equipo de diseñadores de JZGraphics trabaja utilizando las últimas tecnologías para diseño y desarrollo web. Elaboramos estructuras de navegación adecuadas a cada empresa y nos ocupamos de la imagen corporativa aplicada a cada uno de los Sitios Web.
Nosotros nos ajustamos a sus requerimientos y necesidades, con un servicio personalizado y gran variedad de posibilidades, dando soluciones rápidas y concretas. Si usted ya tiene su página y está pensando en rediseñarla, no dude en contactarnos. Nuestros precios son acorde al diseño de la página y son extraordinariamente competitivos.
La excelencia en diseño y una buena estructura de navegación son fundamentales para el éxito de un sitio web.
Ello junto a una buena definición de la estrategia comunicacional, una acabada conceptualización del sitio y un manejo eficiente de las variables técnicas van a definir cuántos y qué usuarios van a visitarlo e interactuar con él.
Cabe tener en cuenta que si el visitante no se siente a gusto y cómodo con el diseño del Sitio Web difícilmente lo recorrerá entero, e incluso hay una elevada probabilidad que no vuelva a ingresar nuevamente. Por eso, cuando se habla de excelencia en diseño no sólo se considera línea gráfica, además se involucran conceptos de diagramación, claridad de los contenidos, facilidad de navegación, etc. El equipo de diseñadores de Merca-Tech® trabaja utilizando las últimas tecnologías para diseño y desarrollo web. Elaboramos estructuras de navegación adecuadas a cada empresa y nos ocupamos de la imagen corporativa aplicada a cada uno de los Sitios Web.
Nosotros nos ajustamos a sus requerimientos y necesidades, con un servicio personalizado y gran variedad de posibilidades, dando soluciones rápidas y concretas. Si usted ya tiene su página y está pensando en rediseñarla, no dude en contactarnos. Nuestros precios son acorde al diseño de la página y son extraordinariamente competitivos.
No related posts.
Related posts brought to you by Amazon plugin.
]]>