juksoto

Para entender mejor la cuestión de los microformatos, debemos tener claros que son los robots de los buscadores. Los robots, son algoritmos que están buscando constantemente por todo el internet, páginas nuevas y cambios en las mismas. Por ejemplo, si tienes una web y quieres saber cuándo fue la última vez que una araña vio tu web, puedes escribir en el explorador de internet: Cache: miweb.com En la parte superior, aparece un cuadro gris y que dira algo asi: Esta es la versión en caché de http://miweb.com/ de Google. Se trata de una captura de pantalla de la página tal como esta se mostraba el – fecha -. Esto quiere decir que ese día fue la última vez que google indexo tu web. Si constantemente, haces cambios o agregas nuevo contenido, google con más frecuencia estará indexando tu web. En resumen, usar microformatos, les va ayudar a los robots a que tu contenido sea clasificado de la mejor forma y así mejorar tu posicionamiento en las listas de búsqueda (SEO). Después, de esta breve introducción, ahora si: ¿Que son los microformatos? Google lo explica asi: “Los microformatos son sencillas convenciones (conocidas como entidades) que se usan en las páginas web para describir un tipo concreto de información”. En resumen, los microformatos son etiquetas que le ponemos a nuestra estructura html5 para dar valor semántico al contenido de nuestras páginas. ¿Para qué sirven los microformatos? Cuando los robots de los buscadores o cualquier otra herramienta, indexe o rastree nuestro contenido, los microformatos ayudan a que esos robots entienda mejor nuestra información, lo puedan clasificar y mostrar de forma útil y eficaz. Es como si le dijéramos a los robots “Hey, araña de búsqueda, esta información describe esta película, el lugar, persona o video”. ¿Qué podemos etiquetar? La respuesta es ¡todo! Por ejemplo, con estos códigos podemos indicarle a los robots que nuestra web es de una empresa grande o un negocio local, un laboratorio, una clínica, un evento, cuál es el teléfono, dirección, ciudad, país, ubicación geográfica. También, podemos decir si es un servicio profesional o es una empresa virtual, entre otros. ¿Cómo se implementan? El ejemplo lo puedes ver en: http://cubemedia.co/los-microformatos-como-usarlos-en-tu-web Comprueba si funciona En http://www.google.com/webmasters/tools/richsnippetspuedes introducir la URL o directamente el código de microformatos para previsualizar cómo se mostrará en Google tu página web. Esta es una explicación de que son los microformatos.Si tienen inquietudes pueden escribirme en los comentarios Saludos Juan Soto

Para este artículo, tomaré como base al buscador Google. sin embargo, la teoría es aplicable a todos los buscadores de internet como Bing, Yahoo, entre otros. Todos los buscadores usan "robots" para buscar webs en internet, rastrean su contenido y lo clasifican, esto se conoce como indexar. Si tu web ha sido indexada antes, google la rastrea para saber si ha habido algún cambio. Algunos consejos para que google sepa que existe tu web: 1. Darte de alta en los buscadores[ Esta es la forma clásica, permite decirle al Buscador "Hey! Existo, indexame por favor, esta es mi web". Para Google enviamos nuestra url aquí Para Bing enviamos nuestra url aquí 2. Crear una cuenta en Webmaster Tools Es una herramienta que nos da los buscadores para administrar nuestros sitio web, por ejemplo, cuantos páginas han sido indexadas, que errores tienen, algunos consejos para mejorar la indexación del sitio. Les comparto los links: Para Google da clic aquí Para Bing da clic aquí 3. Crear un Sitemap El sitemap o mapa de sitio, es un archivo XML (archivo para guardar datos) donde esta los detalles de todas las páginas de nuestro sitio, imágenes, videos, todo nuestro contenido y sus respectivos enlaces. Este archivo, permite que los robots sepan cuantos enlaces tiene su web y con cuanta frecuencia deben visitarlos; les dejo la documentación aquí. En internet hay muchas herramientas que nos crean los Sitemap, podemos buscarlas en Google, o si trabajamos con un CMS (Wordpress, Joomla, Drupal) hay plugins, widgets que nos facilita esa tarea, solo con configurarlos brevemente, estos genera el archivo XML automáticamente. 4. Envía tu Sitemap a Webmaster Tool De nada sirve crearlo si no le decimos a los buscadores donde esta. Por eso, es importante que en las herramienta busquemos la opción de Sitemap y le indicamos en donde esta el archivo XML En cuestión de días, los robots estarán indexando tu sitio. 5. Da a conocer tu Web en las Redes Sociales Este sí que es importante, aunque lo que pongamos en las redes sociales no nos ayuda mucho en SEO, si permite que Google sepa que existe nuestro sitio y lo indexe. Por eso, cuando tengamos algo nuevo, comparte en Twitter, Facebook, Linkeind, entre otras. 6. Comparte tu url con otros Sitios Escribe en otros sitios con mucho tráfico como blogs o comunidades famosas y enlaza a tu sitio, esto te ayudará a tener mucho tráfico y que también te indexen rápido. Esto se conoce como LinkBuilding. En Conclusión Estos son algunos consejos, sin embargo es bueno que conozca como google encuentra una web, cómo se cuando fue la última vez que google visito mi web y cómo hago para que sea más constante. Estas respuestas se encuentran aquí http://cubemedia.co/como-indexa-google No olviden seguirme en twitter @juksoto Juan Soto

Quiero compartir una infografía muy buena que habla de 5 Cosas que todo diseñador debe saber Las escribo a continuación: Jamas le hagas modificaciones a un proyecto con el cliente presenteSi no cobras lo justo, no solo devaluas tu trabajo sino el de todos tus colegasEl cliente siempre quiere que termines antes y se sentirá con el derecho de molestarteSi el cliente quiere bueno, bonito y barato, aplica la regla de las 3 B’SAntes de empezar, pide un anticipo y nunca entregues el trabajo sin que te hayan terminado de pagarEstos son algunos consejos para todos los que somos diseñadores. Observala completa aquí Saludos Juan Soto

Hola Aquí les traigo otro post con algo muy interesante Que tal les parece la idea de cuando escribamos código CSS hacerlo con VariablesUsar funcionesCondicionalesEscribir una linea y que automáticamente se creen todos los prefijos de los exploradores ¿te suena interesante? Bueno lo es!! Y se llama STYLUS... te mostraré unos ejemplos: EN CSS sería asi: .ejemploFunciones {   color: #a1bc04;   font-size: 1em; } .ejemploFunciones h1 {   color: #c3d100; } Con STYLUS ejemploFuncion(color1,color2)  // Esto es una funcion, con dos variables     color color1 // atributo color es igual al valor de la variable color1     font-size 1em      & h1     // Referencia al selector padre         color color2 //Clase que llama a la funcion .ejemploFunciones     // enviamos dos parametros que son variables     ejemploFuncion(verdeOscuro, verdeClaro) ------------------------------------- Estos es un ejemplo, quizás lo vea un poco enredado pero te animo que veas el tutorial y como funciona, te vas a dar cuenta que usar este PREPROCESADOR te va ahorrar mucho tiempo... ya no volverás a ver el Código CSS como lo veías antes. Te dejo el link del tutorial: Primera Parte: Stylus, una gran preprocesador CSS Segunda Parte: Stylus combinado con Sublime Text Tercera Parte: Stylus, Compilar en hojas de estilos Cuarta Parte: Stylus, Primeros pasos escribiendo CSS Quinta Parte: Stylus, utilizando a fondo su sintaxis ------------------------------------------------- Qué es Stylus? Ellos se describen así:Stylus es un nuevo lenguaje revolucionario, proporcionando una forma eficiente, dinámica y expresiva para generar CSS. Soporta tanto una sintaxis con sangría y estilo normal CSS.!  ¿Cómo funciona Stylus? Con Stylus nos olvidamos de los corchetes, los dos puntos y usamos su sintaxis. Cuando termínanos, guardamos el archivo con extensión .styl (style.styl) y lo procesamos convirtiéndolo en un archivo .css (style.css), optimizado y con el menor peso posible. -------------------------------------- Este post es una breve descripción, espero que con los tutoriales les quede más claro No olviden seguirme en TWITTER @juksoto Recuerden dejar puntos!!!! Hasta la proxima Juan Soto