Blog sobre diseño web, posicionamiento SEO y marketing digital

  • 0
Dónde descargar gifs animados

Dónde descargar gifs animados gratis de series y películas

Categoría : Diseño Web

En el marketing de contenidos la llamada a la acción es fundamental, por lo que estamos obligados a presentar nuestros artículos de manera tal que consigan atraer la atención del usuario con un simple golpe de vista. Esto es lo que técnicamente se conoce como lead magnet. Para hacer nuestros post más atractivos solemos recurrir a las imágenes y a los vídeos, pero hoy en día lo más efectivo es incluir infografías y gifs animados. Sobre la importancia de las infografías para el link baiting (consecución de enlaces naturales) ya os he hablado en más de una ocasión, por lo que ahora me gustaría centrarme en los gifs, esas pequeñas imágenes animadas que suelen tener un cariz cómico o entrañable.

La historia de los gifs es cuando menos singular. Poblaron la Red en sus inicios, saturando de colores y animación miles y millones de páginas web. Por aquel entonces eran casi como una invasión alienígena. Cuando el diseño web se hizo más profesional, por decirlo así, y tendió al minimalismo y al flat design, los gifs prácticamente desaparecieron. Y quién nos iba a decir que tiempo después, al socaire del marketing digital y los Social Media, volverían a la carga con aires renovados, en parte, también, por el auge de las series. Ahora están viviendo una segunda Edad de Oro.

Y lo mejor es que los gifs no sólo se utilizan para contar chistes o hacer la gracia, que también, sino que ahora sirven al propósito de hacer branding, y así veréis que muchos bloggers y Community Managers los utilizan a menudo en sus tweets.

Está demostrado que los gifs, al igual que las infografías, aumentan el engagement y pueden hacer que tus post se conviertan en virales, pues ¿a quién no le gusta reírse con un fragmento de una serie querida y emblemática?

Gifs animados

Además, tienen algo que hipnotiza. ¿A vosotros no os pasa que os quedáis mirando fijamente este gif del genial Steve Carell (Michael Scott en ‘The Office’) y al leer los labios casi podéis oír lo que está diciendo, aunque no tenga audio?

Yo recomiendo usar gifs sacados de series y películas porque son los que mejor quedan y aportan un valor añadido. Tu mensaje quizá no cause sensación por sí solo, pero si el gif es gracioso y muchos de tus seguidores captan la referencia seriéfila o cinematográfica, es muy probable que lo retuiteen y termine haciéndose viral.

De entre todos los sitios web donde puedes descargar gifs, yo recomiendo estos 5:

1-Giphy

Giphy

Sin ninguna duda, es la mejor web para descargar gifs, la que casi todos los Community Managers utilizan, y además es ideal para buscar planos de series y películas. Tiene un buscador y un menú con una serie de categorías (reacciones, entretenimiento, deportes, vacaciones, artistas) y una lista con un trending topic de lo más buscado. Sin necesidad de registrarte puedes descargar el gif que elijas o compartirlo en redes sociales. También puedes importarlo a tu web como vídeo HTML 5 o en un iframe embebido. Aquí puedes encontrar prácticamente de todo. Su base de datos es inmensa.

2-Gifmania

Gifmania

Este sitio web es más, digámoslo así, infantil que Giphy, pero no deja de ser una buena opción. Puedes descargar gifs sin registro o insertar el código en tu blog, así como compartirlo en redes sociales. Tiene un poco de todo, desde las típicas animaciones de dibujos animados, como Los Simpson o Disney, hasta videojuegos, Anime y Manga, pasando por los clásicos emoticonos. También puedes encontrar gifs de series, como ‘The Big Bang Theory’.

3-PicGifs

PicGifs

En esta página también tienes una gran variedad de gifs para descargar gratis. Están ordenados por categorías. Una de las que más juego dan es “reaction gifs”. Las ventajas de PicGifs con respecto a los dos anteriores es que tiene una herramienta para crear tus propios gifs y unos gráficos compatibles con Facebook. Puedes guardar las imágenes o enviarlas como e-card. También tiene un foro y un libro de visitas, pero sólo están en inglés.

4-Gifs.com

Gifs.com

Éste es un editor de gifs animados. Puedes pegar la URL de un vídeo de YouTube, Vine o Instagram y te lo convierte en formato gif. Es ideal para crear memes.

5-Make a Gif

Make a Gif

Es similar al anterior. Sirve para crear gifs animados a partir de imágenes, vídeos, YouTube y webcam. Además, hay una colección de gifs descargables, y lo mejor es que puedes personalizarlos añadiéndoles texto. Dentro de las categorías tienen la de Tv Gifs.

Y si hablamos de crear gifs, hay una última y mejor alternativa, sólo apta para mentes inquietas:

6-Crea tu gif animado con Photoshop

Gif animado, Photoshop

Si eres creativo y sabes manejar Photoshop, quizá la mejor opción para ti sea crear tu propio gif animado. Con Photoshop es muy sencillo. En su ventana inferior tienes todo lo que necesitas. Por cada capa tendrás una pista con su correspondiente línea de tiempo, y lo único que tienes que hacer es crear transiciones de movimiento desplazándote a través de la línea de tiempo con la cabeza lectora y generando fotogramas clave, o jugar con la opacidad, haciendo aparecer y desaparecer capas y consiguiendo así fundidos sutiles, o probar con efectos más arriesgados como giros o rotaciones.

Con Photoshop también es posible editar cuadros a la manera de fotogramas y realizar montajes con una transición de corte plano por plano o con una interpolación de movimiento, añadiendo cuadros intermedios. Dicho así, sé que suena complicado, pero crear un gif animado con Photoshop es de lo más fácil, y no hace falta tener grandes conocimientos en materia de diseño web.

El mayor inconveniente de estos gifs generados con Photoshop es que, a poco que insertes keyframes, su peso aumentará una barbaridad, además de que su resolución no será, por lo general, la más óptima. De ahí que la herramienta más profesional y extendida para crear animaciones (una vez desterrado Flash por sus muchos defectos, tanto a nivel de indexación y SEO como de vulnerabilidad en los navegadores) sea Adobe Egde o Animate, que lo que hacen es convertir esas animaciones en código HTML 5 y CSS 3. Aparte, también están los canvas creados a partir de Javascript, pero para eso hay que saber mucho de programación.

7-Comprime tus gifs

Comprimir gifs animados

Si nos preocupa cómo afecta el peso de las imágenes a la velocidad de carga –y debería preocuparnos, pues repercute directamente sobre el SEO–, existen compresores de gifs animados. El mejor, el que yo suelo usar, es ILoveIMG, que también funciona con otros formatos de imagen como JPG y PNG, pero para estos casos yo prefiero TinyPNG, que es insuperable. No obstante, ILoveIMG es capaz de reducir el peso de los gifs hasta un 25% (para muestra, el que se puede ver aquí) sin pixelado ni aparente merma de calidad. Esta herramienta online también sirve para recortar y redimensionar imágenes y convertir a JPG o GIF, y además funciona con drag-and-drop, arrastrando y soltando.

En otro post os hablaré con mayor detenimiento de compresores de imágenes.


  • 0
Reformas Integrales Bilbao

Reformas Bilbao

Etiquetas :

Categoría : Diseño Web

DISEÑO WEB

Reformas Bilbao

Web de empresa de reformas e interiorismo que presta servicio en el País Vasco.

Realizada en WordPress. Obras realizadas, galerías de imágenes… Posicionamiento Web.

http://www.reformas-bilbao.com


  • 0
Qué son los microformatos de Google

Qué son los microformatos y datos estructurados de Google

-Qué son los microformatos

Los microformatos o microdatos son un código enriquecido que puede y debe implementarse –markup– en una página web para estructurar los datos y orientar a los buscadores sobre cuál es el contenido real de ese sitio. Dicho de otra manera, es una forma de darles la información masticada, que evita la desambiguación y la polisemia que a menudo entorpecen el trabajo SEO y la indexación de los crawlers (por ejemplo, Google puede tener dificultades para entender si hablamos de un gato –animal felino– o de un gato –instrumento para elevar el coche– si no usamos las LSI keywords y los datos estructurados).

Microformatos Schema

Los microformatos, además, tienen la ventaja de que en ocasiones aparecen en los snippets de las SERPs (Search Engine Result Pages, o páginas de resultados de búsqueda) como fragmentos enriquecidos, lo que ayuda, y mucho, a aumentar el CTR y las conversiones. En otras palabras, gracias a estos datos estructurados puedes conseguir que Google muestre en tu snippet las 5 estrellitas características (mediante el uso de los tags AggregateRating y Reviews), o la fecha de un evento o cualquier otra información adicional.

-Tipos de microformatos

Básicamente, hay dos tipos de microformatos: Schema y JSON. Hasta hace poco, los microdatos Schema eran los más usados, y de hecho, aún siguen usándose y es recomendable usarlos. Nosotros, en Abrelink, lo hacemos. Schema tiene su propio sitio web donde te explican su funcionamiento y sus etiquetas. Es ideal, por ejemplo, para pequeñas empresas que quieran destacar en el SEO Local, pues admiten categorías como Organization o Local Business, donde puedes indicar desde el precio de tus productos hasta tus horarios, y todo ello favorece el posicionamiento web.

El formato JSON es más reciente, pero es tanto o más aconsejable que Schema (ambos se pueden combinar), pues tiene la ventaja de que, al ser un código Javascript y no ir entre etiquetas span, es invisible, pues a veces no te interesa que esa información esté a la vista, ya sea porque descuadra el diseño de tu footer o porque no quieres ofrecer datos tan personales como el precio.

-Ejemplos de microformatos Schema y JSON

Lo ideal sería hacerlos a mano, siguiendo las categorías de la página oficial de Schema y luego validándolos, pero, para suerte de muchos, hay herramientas online que te facilitan la tarea.

Schema microdatos

En el caso de JSON, recomiendo este generador para SEO, donde puedes elegir entre Local Business, Person, Product, Event, Organization y Website. Este otro generador de microdata tampoco está nada mal. No le faltan categorías.

Aunque, como he dicho, en principio el código Schema tiene que ser visible, hay una forma sutil de “ocultarlo”, y es legal, pues pasa la validación de Google. Aquí os dejo un ejemplo de microformatos Schema aplicado a nuestra filial Vigo in design:

<span itemscope itemtype=”http://schema.org/Organization”>

      <span itemprop=”url” content=”http://www.vigoindesign.es/”></span>

      <span itemprop=”name” content=”Diseño web Vigo”></span>

      <span itemprop=”description” content=”Diseño de páginas web en Vigo y Pontevedra y posicionamiento SEO”></span>

      <span itemprop=”brand” itemscope itemtype=”http://schema.org/Brand”>

      <span itemprop=”name” content=”Vigo in design”></span>

      <span itemprop=”url” content=” http://www.vigoindesign.es/”></span>

      <span itemprop=”logo” content=” http://www.vigoindesign.es/images/logo-vigo-in-design.png”></span>

      </span>

      </span>

Como veis, usando el atributo “content”, como en la metatag description, conseguimos que sea invisible.

-Validador de microformatos

Una vez creados nuestros microdatos, sería conveniente que los validáramos para comprobar que no hay errores. Google tiene una Herramienta de pruebas de datos estructurados donde podemos pegar la URL objeto de análisis o un fragmento de código. Si algo está mal, te aparecerán errores o advertencias.

Validacion de datos estructurados con Google

Herramientas SEO como la conocida extensión de Google Chrome SEOquake, en su diagnóstico te informa de si ese sitio web tiene microformatos y Schema, y te pone un enlace directo al validador de Google (Mozbar también tiene una opción similar).

-En qué contexto se imbrican estos microdatos

Mucho se está hablando en los últimos tiempos de la web semántica, de RankBrain y del machine-learning, términos todos ellos emparentados con la inteligencia artificial, la deriva de Google en su intento por entender al usuario y ofrecerle los resultados de búsqueda más acordes a sus intereses.


BUSCAR

Suscríbete al Blog

Introduce tu email para estar al tanto de las novedades.

ABRELINK EN TWITTER