Archivo

Posts Tagged ‘infographics’

Mejorar la Visualización de los Resultados de la Búsqueda con Schema.org

29 de mayo de 2013 Deja un comentario

¿Qué es Schema.org?

 

Schema.org es un vocabulario de Microdata, que no es un lenguaje en sí mismo. Usando Schema.org y microdatos hace posible que los motores de búsqueda comprendan el contenido de su sitio web más allá del simple HTML y el análisis de textos. El marcado Schema.org tiene unos márgenes de beneficio muy especializados que le dirá a los motores de búsqueda que el contenido está realmente hablando de una “persona”, “lugar”, “cosa”, “película”, “música” y así sucesivamente.

 

¿Cómo los motores de búsqueda utilizan Microdata?

 

Al añadir etiquetas adicionales para el código HTML de sus páginas web, las etiquetas que dicen “¡Hey! motor de búsqueda, esta información describe esta película específica, o lugar, o persona, o un vídeo”, puede ayudar a los motores de búsqueda y otras aplicaciones a comprender mejor su contenido y mostrarla en una forma útil, relevante. Microdata es un conjunto de etiquetas, introducidas con HTML5, que le permite hacer esto. Los motores de búsqueda, especialmente Google, Yahoo y Bing va a entender fácilmente su contenido de la manera que usted lo quiere dar a entender. Si el contenido está bien entendido, los motores de búsqueda comenzarán a mostrar “fragmentos enriquecidos” en los motores de búsqueda que se basan en realidad en su margen de beneficio. Este marcado extendido permite a los webmasters  agregar marcas adicionales a su sitio para ayudar a los motores de búsqueda a comprender mejor su contenido.

 

Ejemplo de fragmentos enriquecidos Schema.org que se muestran en Google

 

Schema.org

Implementar Schema.org y Microdata

 

La adición de Microdata en las páginas web es muy sencillo. Basta con añadir los atributos adecuados para especificar la información. Puede ver los tipos Schema.org y propiedades aquí: http://schema.org/docs/gs.html#schemaorg_types

 

A continuación se muestra un ejemplo de un producto con Microdata:

 

Schema.org_Microdata

Google tiene una herramienta de prueba de fragmentos ricos que validará el código en su sitio: http://www.google.com/webmasters/tools/richsnippets

 

¿Qué significa Schema.org para la optimización del Search Engine (SEO)?

 

En Optimize Worldwide anticipan un aumento en el tráfico de los sitios que utilizan el marcado schema.org. Han adoptado esta práctica como parte de la optimización del desarrollo web estándar. Los motores de búsqueda dan preferencias naturales de páginas que ofrecen una ventana clara de su contenido. Independientemente de qué tipo de sitio web que tenga, siempre hay maneras que puede utilizar Schema.org, incluso si es simplemente definir un artículo y la fecha de publicación.

¿Quiere aumentar los porcentajes de clics en su posicionamiento SEO en un 30%? Por supuesto que sí. He aquí un consejo … con el uso de Schema.org. También conocido como Rich Snippets, Schema.org está ayudando a los webmasters de todo la Web aumentar sus posts en el tráfico de búsqueda orgánica.

Si no sabe lo que son Rich Snippets, no se preocupe. Esta infografía elaborada por el equipo de BlueGlass ayuda a ilustrar lo que los Rich Snippets son de una manera visual. Aprenderá más sobre los Rich Snippets en los próximos 60 a 90 segundos de exploración sobre esta infografía a continuación, ¡espero que le ayude!. Así que aquí va:

 

Rich-Snippets-Schema.org

 

Artículos relacionados:

 

 

Los Mercados Online de Envato: ebooks, tutoriales, vídeos, cursos, temas para WordPress y App

Usando Twitter Bootstrap con Dojo

7 de mayo de 2013 1 comentario

He estado usando Twitter Bootstrap*** últimamente debido a su aspecto y a la simplicidad en la creación de páginas básicas y Dojodiseños complejos. Quería el uso de Dojo* para desarrollar un proyecto reciente, pero sentí que Dijit** sería demasiado para mis necesidades, así que decidí usar Bootstrap de nuevo. El problema aquí es que Bootstrap utiliza jQuery para sus componentes Javascript y yo no quería cargar Dojo, jQuery y el plugin Bootstrap.

Mi solución: crear una aplicación de Twitter Bootstrap utilizando el kit de herramientas Dojo. Dojo Bootstrap  es un puerto de los plugins Twitter Bootstrap. Se utiliza el 100% del código Dojo y tiene soporte para AMD.

Una reproducción de la página en JavaScript con Twitter Bootstrap usando los módulos Dojo Bootstrap se puede encontrar aquí.

Actualizar

Mire un nuevo sitio web dedicado al proyecto Dojo Bootstrap.

*Dojo es un framework que contiene APIs y widgets (controles) para facilitar el desarrollo de aplicaciones Web que utilicen tecnología AJAX. Contiene un sistema de empaquetado inteligente, los efectos de UI, drag and drop APIs, widget APIs, abstracción de eventos, almacenamiento de APIs en el cliente, e interacción de APIs con AJAX.

Resuelve asuntos de usabilidad comunes como pueden ser la navegación y detección del navegador, soportar cambios de URL en la barra de URLs para luego regresar a ellas (bookmarking), y la habilidad de degradar cuando AJAX/JavaScript no es completamente soportado en el cliente. Es conocido como “la navaja suiza del ejército de las bibliotecas Javascript“. Proporciona una gama más amplia de opciones en una sola biblioteca JavaScript y es compatible con navegadores antiguos.

**Dijit (Dojo Widget) es una biblioteca de widgets para crear interfaces gráficos. Está construida directamente sobre Dojo Core y en ocasiones no requiere de código JavaScript para ser utilizada. Los widgets son altamente portables y se pueden compartir fácilmente en cualquier servidor o incluso funcionar localmente sin servidor web mediante el protocolo file//.

***Twitter Bootstrap es una colección de herramientas de software libre para la creación de sitios y aplicaciones web. Contiene plantillas de diseño basadas en HTML y CSS con tipografías, formularios, botones, gráficos, barras de navegación y demás componentes de interfaz, así como extensiones opcionales de JavaScript. Es el proyecto mas popular en GitHub y es usado por la NASA y la MSNBC junto a demás organizaciones.

Hoy Bootstrap es muy popular en toda la web. Sigue creciendo como una forma rápida para los desarrolladores para obtener un sitio eficiente en funcionamiento en un corto período de tiempo. Es un buen punto para empezar, pero Twitter Bootstrap a menudo se deja completamente sin medida, y su popularidad se ha marchado del diseño distinto del marco que ve bastante plana. Pero en un mundo en atractivos diseños son de gran importancia, Twitter Bootstrap ha ocupado su lugar como uno de los mejores marcos en el mercado.

Si busca en Google la palabra Bootstrap, obtendrá más de 16.000.000 de resultados. Esa es una muy gran cantidad de menciones incluyendo los resultados en los medios sociales, los blogs, los comentarios, los tutoriales, las herramientas, etc. Al buscar algunas herramientas que se pueden encontrar en algunas redadas dispersas … Comprendiendo la importancia de esta tendencia, los chicos de TemplateMonster han puesto juntos los tutoriales más útiles sobre Bootstrap, las guías, las extensiones, los plugins y otras golosinas y crearon un impresionante infografía sobre Bootstrap. Por otra parte, hicieron la infografía interactiva para que no se aburran en conseguir lo más profundo de Twitter Bootstrap. Sin embargo, hay una versión estática de la infografía que se puede ver a continuación. Esperamos que no sólo será útil para los fans de Bootstrap, sino para cualquier persona que mantiene un ojo en los últimos marcos de front-end para el desarrollo web eficaz.

 

Infographics-about-Bootstrap

 

Artículos relacionados:

 

 

Los  Mercados Online de Envato: ebooks, tutoriales, vídeos, cursos, temas para WordPress y App

15 Kits Gratis para el Diseño de Infografías (archivos PSD, AI y EPS)

26 de febrero de 2013 2 comentarios

Aquí les presentamos algunos kits de diseño de infografías para que pueda descargar y utilizar de forma gratuita. Con la ayuda de una Infografía, puede fácil y efectivamente representar datos financieros, flujo de trabajo y procesos. Sin embargo, el diseño de infografía desde cero puede ser una tarea tediosa y lenta, y para los diseñadores gráficos y diseñadores web, el tiempo es un bien muy preciado que se debe utilizar de la manera más adecuada. Con el fin de crear una Infografía, es necesario dibujar cuadros, gráficos y diagramas junto con los iconos y símbolos que sin duda consumen un montón de tiempo. Por otro lado, si consigue estos elementos básicos listos en la mano,  puede ahorrar un montón de su precioso tiempo.

Con estos kits de vectores útiles para las Infografías, puede hacer su trabajo más fácil. Esperamos que encontrará estos kits de diseño de Infografía útiles. Todos estos kits de diseño son de descarga gratuita y están disponibles en formatos PSD, EPS y Ai. Aquí está la lista completa para usted. Eche una mirada y diviértase.

 

Infographic Vector Kit

 

infographicdesign11

 

Magnolia

 

Mongolia Design

 

Simple Infographics PSD

 

Design skills

 

Vector Infographic Kit

 

infographicdesign1

 

Free Vector Infographic Vol.2

 

infographicdesign2

 

Free Vector Infographic Kit

 

Free Vector Infographic

 

Business data elements vector – 01

 

Kits gratuitos para diseño de infografias

 

Economy Infographics and chart design elements vector

 

infographicdesign5

 

Colorful Infographics Charts & Comparisons Vector Set

 

infographicdesign8

 

Free Infographic PSD Template

 

kits gratuitos para diseño de infografías

 

Colorful Vector Infographic Chart Buttons Labels

 

kits gratuitos para diseño de infografias

 

Free Infographics Template to Download

 

Kits gratuitos para diseño de infografías

 

Oil Theme Business Infographics Vector Chart

 

Kits gratuitos para diseño de infografías

 

Info Graphic Design Elements Vector

 

Kits gratuitos para diseño de infografías

 

Elements of infographics vector

 

Kits gratuitos para diseño de infografías

 

Artículos relacionados:

 

Cómo Crear Fabulosas Infografías con PowerPoint

15 Herramientas Imprescindibles Para Ayudar a su Negocio a Tener Éxito con Pinterest

Guía para la Producción de Infografías con Éxito

Colección de Enlaces Interesantes a Páginas con Infografías y Gráficos

 

Los Mercados Online de Envato: ebooks, tutoriales, vídeos, cursos, temas para WordPress y App

 

Ecosistema de Startup: Depredador contra Presa [Infografía]

9 de julio de 2012 Deja un comentario

En las Startups las aguas son turbias de inicio y llenas de peligros. Debajo de la superficie, el ecosistema descansa en un saldo delicado entre depredadores y presa.

Para ayudarle a navegar por estos mares tempestuosos, han creado en udemy blog la infografía de abajo. Lea para averiguar donde puede estar de pie en la cadena alimentaria del Startup.

(Haga clic para ampliarse).

 

Ecosistema de Startup: Depredador contra Presa [Infographic]

 

¡Parece que ha sobrevivido! ¡Espere la próxima vez que se pasee por ahí o navegue por los mares de aguas rocosas de los Startups, alquile un Startup, o el ecosistema de Startup, sabrá quién es un depredador y quién es su presa!.

 

Artículos relacionados:

 

Infografía – Iluminación de la Revolución Limpia: Los Leds

SMARTPHONE FOODIES (Infographic)

El Poder de la Confianza Social (Infografía)

Por qué las Startups Fallan [Infografía]

Son los medios sociales lo que nos hacen socialmente torpes (Infografía)

BranchOut, la startup que amenaza a LinkedIn con una aplicación para Facebook

El Espacio de batalla de la Piratería en Línea

 

Ecosistema Startup

Éstas Son las Marcas Más Simpáticas en Facebook [INFOGRAFÍA]

8 de junio de 2012 Deja un comentario

Cuando Facebook aumenta su oferta pública inicial, siempre hay mucha especulación sobre la valoración de la compañía. Pero allí no se niega su valor al comandante y las marcas con mucho futuro son inestimables, permitiendo a los usuarios de Facebook relacionarse y engranar con compañías con modos sin precedentes.

Nueva infografía de la firma de marketing social SocialBakers mira en como las marcas globales sacan el mayor partido posible de su presencia en Facebook.

Con 157 millones de usuarios en Facebook en los Estados Unidos y 901 millones en el sitio en total, aproximadamente el 83 % de los miembros está localizado fuera de los 50 estados. Esto significa que hay cuarto para las marcas para cultivar su alcance global.

Coca-Cola es la marca de bebidas global superior en Facebook, según SocialBakers. Mientras tanto, Starbucks domina el sector de ventas al por menor de alimentos y Converse la categoría de indumentaria de venta al público.

La Infografía también revela los diez primeros países en los cuales las marcas globales contratan a su auditorio, con los Estados Unidos que conducen el paquete con Starbucks, McDonald, Xbox, Walmart y Disneyland. Brasil viene en segundo — con L’Oreal Paris y Trident (Kraft) — seguido de la India con Vodafone y Pepsi.

SocialBakers también nota que entre las marcas globales móviles más rápidas son Halls, Axe, Nokia y Sony.

¿Qué estrategias en los medios sociales de las marcas hacen ustedes o creen que son las más impresionantes? Déjenos saber su opinión en los comentarios.

Actualización: la versión original de esta historia que presento en la infografía extravió un punto decimal para las marcas puestas en la lista bajo la sección “las Marcas Globales Superiores” (“Top Global Brands”). Una versión actualizada de la infografía ha sido desde entonces fijada. Lamentamos el error.

 

Infografía sobre Facebook

 

Artículos relacionados:

¿Debería Construir una App móvil o un Sitio Web Móvil?

Herramientas Business Intelligence

Infografía: ¿Qué tipo de sitio host desea tener?

+ 70 Recursos Esenciales para el Amante de los Gadgets

Introducción a la generación del Lead (I)

 

Beruby

 

¿Qué tipo de Geek eres?: El Orden Sagrado de los Geeks

17 de mayo de 2012 Deja un comentario

Esta infografía tiene una mirada humorística hacia los geeks, la categorización de algunas de las muchas razas de frikis en 16 categorías diferentes.

Si pudiera ponerse en una de estas categorías, ¿cuál sería?

 

Qué tipo de Geek eres

[Source: BCO | Via Geeks are Sexy]

Artículos relacionados:

Colección de Enlaces Interesantes a Páginas con Infografías y Gráficos en Inglés

9 Infografías sobre Social Media

La serie Retro de AMC Mad Men (Infografía)

Infografía: ¿Qué tipo de sitio host desea tener?

Categorías:infografias Etiquetas: , , ,

La Naturaleza del SEO Sombrero Negro (Infografía)

16 de mayo de 2012 9 comentarios

Esta infografía con acuerdo del SEO Sombrero Negro (Black Hat SEO). El Spamdexing  puede ser el primer término asociado con el nombre de  SEO Sombrero Negro. En realidad, la optimización de la búsqueda Black Hat es un concepto que reúne muchas técnicas que se consideran contrarias a la ética y sancionadas a menudo por los motores de búsqueda. Haciendo spam para manipular los resultados de los buscadores o spamdexing es una técnica que también se considera Sombrero Negro.

Hay muchos métodos que pertenecen a la parte ética del SEO. Por ejemplo, el spam en un blog con contenido de baja calidad, pero el sitio está lleno de enlaces a otros sitios. Otra técnica popular es spam en los comentarios en tu blog. Se usa por un largo tiempo los sombrereros negros. Debido a que la mayoría de los blogs tienen la opción de dejar un comentario con un nombre y un enlace a su sitio web es la oportunidad perfecta para un sombrerero negro pueda tomar ventaja de esto. La cosa principal que usted debe saber acerca de las prácticas SEO Black Hat es que los usuarios no están en primer lugar. Estas técnicas son todo acerca de los resultados y obtener mayores clientes, en el ranking de los motores de búsqueda.

Para obtener más información  sobre las prácticas SEO Black Hat comprobar la infografía siguiente y TAMBIÉN LEA EL SIGUIENTE ARTÍCULO: White Hat SEO y Black Hat SEO

 

SEO black hat-sombrero negro

Los Mercados Online de Envato: ebooks, tutoriales, vídeos, cursos, temas para WordPress y App

A %d blogueros les gusta esto: