Ep 49 | Dónde descargar imágenes e iconos para usar en WordPress

En el episodio 49 de WordPress semanal te voy a enseñar dónde puedes conseguir imágenes e iconos gratuitos para usar en tu web con WordPress. Vamos allá. Hola, hola, soy Gonzalo de GonzaloNavarro ES y bienvenidos a WordPress Semanal, el podcast en el que aprendes WordPress de principio a fin. Porque ya sabes que no hay mayor satisfacción que la de crear y gestionar tu propia página web con WordPress. Y este podcast es precisamente para ello, para ayudarte a conseguirlo, a gestionar mejor tu página web, también los cursos y por supuesto los tutoriales del blog. Y vamos a seguir aprendiendo WordPress. Y lo vamos a hacer con un tema que me llegan varias preguntas, aunque no es específico de WordPress, sí que es una de esas cosas que te ayudan en tu día a día y que son absolutamente necesarias. Y hay tanta información por ahí, tantas páginas web por ahí y tantos contenidos al fin y al cabo que es un poco lío. Entonces vamos a hablar hoy de dónde descargar imágenes e iconos para poder usar en WordPress. Vamos a hablar del uso de las imágenes y de los iconos, de cositas que podemos hacer. Voy a dar por supuesto páginas para que descarguéis esas imágenes. También páginas para descargar iconos y otras formas en las que podemos usar iconos, que no es descargándolas como imágenes, sino de otra forma. Lo veremos. También os voy a hablar de dos servicios, uno seguramente lo conoceréis, el otro creo que no, y puede ser que sea un descubrimiento para crear tus propias imágenes. Y finalmente algunos consejos sobre el uso de las imágenes en WordPress, con algunos links de tutoriales que tengo en mi web, incluso de otras webs que hablan de esto, que saben más que yo, para que podáis también echarle un vistazo. Así que tengo muchas ganas de hacer el programa de hoy. Antes de nada, vamos a hablar de algunas cositas que han pasado en el mundo WordPress, un poquito de actualidad y algunos links que os pueden resultar útiles. En primer lugar, hay una encuesta que puedes hacer, que yo creo que está muy bien que la hagas porque te va a afectar directamente. Y es sobre el editor de WordPress. Ya sabéis, cuando creamos una entrada a una página, pues tenemos el editor donde podemos escribir con negrita, con cursiva, eso en la parte visual, pero también hay una parte de HTML donde puedes escribir en código HTML este editor se va a hacer digamos un rediseño. Históricamente ha creado mucho debate sobre si es suficiente, sobre si está bien, si no, si le faltan cosas, si le sobran cosas, si debería ser de otra forma, en fin. Entonces se está trabajando en un rediseño y han preparado una encuesta los que se van a encargar de este proyecto, de mejorar el editor de WordPress, de transformarlo, pues para que la gente dé su opinión y este tipo de encuestas que lanzan los equipos encargados de desarrollar ciertas ciertas partes de WordPress, pues se tienen muy muy en cuenta, los resultados de las encuestas se tienen muy en cuenta. Entonces te aconsejo que la hagas porque vas a ser partícipe del resultado final. Entonces os dejo el link en la nota del programa y nada, la encuesta pues te dice un poco, bueno la encuesta está en inglés, pero si no sabéis inglés no creo que haya mucho problema para seguirla, es una encuesta bastante cortita y nada, te va a preguntar sobre el uso que le das, si usas determinadas cosas, si no usas y demás, ¿De acuerdo? Entonces os dejo el link para que la hagáis, que es una buena forma de contribuir, que además te está aportando un beneficio directo. ¿Qué más? Bueno, para los que os gusta Divi y demás, el plugin Divi Builder se ha actualizado y ahora funciona ya más estilo a Divi 3.0, porque lo que pasó es que el thing Divi 3.0 se actualizó con el nuevo Builder y demás, pero el plugin no, en el plugin se seguía utilizando el Builder antiguo, entonces han sacado la versión 2.0 del plugin de DV y pues ya funciona más como Divi. Os dejo el link para que veáis el vídeo que ha sacado Elegant Themes y demás por si os interesa. Y por último, algo ya de mi cosecha, que la zona código de GonzaloNavarro es va a abrir sus puertas en el episodio 50 del podcast, es decir, en el próximo episodio. Recordad, lo he comentado en algunos programas, la zona código va dirigida a aquellos que queréis adentraros en el mundo del código, que queréis cambiar una cosita de vuestra web y y si supieseis código lo podríais hacer en nada de tiempo y que os va a abrir un mundo de posibilidades. Vamos a empezar desde el principio y vamos a ver cosas súper prácticas y todo relacionado a WordPress, porque el problema es que cuando vas por ahí buscando en Google de cómo hago esto, cómo hago Lo otro está para cualquier cosa, te explican cómo usar CSS, cómo usar HTML, pero en general, pues nosotros lo vamos a ver con vídeos semanales en los que vais a ver exactamente dónde tenéis que ir para hacer el cambio, cuando, cómo podéis hacer cambios vosotros mismos sin estar dependiendo de buscar por ahí en Google, sino que vais a acabar siendo totalmente independientes y vais a ser unos cracks para editar código en WordPress, tanto del aspecto visual, que es lo que sería el CSS, como de funcionamiento, que serían las funciones. Todo eso lo vamos a ver desde el principio, cómo preparar nuestra web para poder editarla después. Y luego truquitos y cositas que podéis editar por código que os van a permitir potenciar muchísimo más vuestra web, hacerla más profesional, darle muchísimas más funcionalidades, darle el aspecto que queréis, que no tengáis que estar ahí dependiendo al 100% del theme, sino que podáis cambiar cositas que queráis, ¿Vale? Va a ser algo súper chulo, tengo un montón de lecciones ya preparadas, vídeos cortitos, entre 5 y 10 minutos semanales que podéis aplicar al momento, así que tengo muchas ganas ya de lanzarlo. Hablaré un poquito más en el episodio 50. Y nada más, ya sí que vamos con el programa. Y como siempre, vamos a hablar del plugin de la semana y. Y es un plugin para mostrar el contenido de tu página de Facebook en WordPress. El plugin se llama Facebook Page, y puedes hacer precisamente eso, mostrar las publicaciones que tienes en tu Facebook, el feed de Facebook, en distintos lugares de tu web. Lo puedes hacer en un post, en una página, en la home, y todo ello a través de Shortcode. Os dejo el link para que vayáis al plugin porque tiene un montón de opciones y le podéis echar un vistazo. Está bastante bien. Es un plugin relativamente nuevo y lo podéis probar, porque muchas veces publicamos contenido que sólo es para Facebook, pero después lo podemos reutilizar en nuestra web. Siempre que pueda reutilizar contenido, mejor. Además, lo que quieres es que la gente se quede en tu web, no que se vaya a Facebook. Entonces si ese contenido lo tienes ya en tu web, pues mejor que mejor. Puedes, por ejemplo, si tienes un álbum de fotos en Facebook, pues los puedes poner en tu web. Está muy chulo, echadle un vistazo, tiene bastante buena pinta. Os dejo el link a todo lo que voy comentando, incluido el plugin de la semana, ya lo sabéis, en Gonzalo es Podcast, este es el episodio 49. Y ahora sí, vamos con el tema principal del programa que es dónde descargar imágenes e iconos para para usar en WordPress. Vale, lo primero de todo es qué uso le podemos dar a las imágenes e iconos. Esto es algo bastante obvio, pero muchas veces nos volvemos locos. Entonces bueno, por un lado esto está muy bien para preparar el diseño de tu web, por ejemplo, te vas a las típicas páginas que ahora las comentaremos, de descarga de imágenes de stock y digamos que escoges las que tú crees que pueden ir bien con tu web. Si son de pago no pasa nada, te descargas las demuestra y las vas colocando en tu web. Cuando ya lo tengas todo listo, ya sea que la web es para ti o que se la estás diseñando a un cliente, pues eso, les muestras la web con las imágenes de pruebas y cuando ya esté todo listo, antes de lanzar simplemente vas a la web, compras la licencia si es necesario y sustituyes esas imágenes de prueba por las imágenes ya con licencia y que ya has pagado por ellas y que ya puedes usar de forma legal. ¿Por qué te digo esto así de preparar el diseño de tu web, algo que parece así tan obvio, Porque yo creo que las imágenes y los iconos pueden hacer que el diseño de tu web marque la diferencia? Cuando estamos viendo que yo me gusta mucho ver este tipo de cosas, por ejemplo, la lista de los mejores diseños de página web de 2016, la mayoría que están ahí es porque usan imágenes increíbles, es decir, una imagen va a dar muchísimo a tu web, que si no tienes no pasa nada, puedes lanzar una web sin imágenes y siempre con el tiempo las puedes poner. Por ejemplo yo hice eso, yo no tenía nada de imágenes y al final me hice unas imágenes corporativas, aún estoy haciendo algunos cambios, pero ahora por ejemplo tengo imágenes corporativas de mí en mi web. No es un requisito necesario, pero te da un toque, sobre todo si las imágenes están bien elegidas, si tienen calidad, si van bien, si van en consonancia unas con otras, si digamos ahí es homogéneo todo lo que hay en tu web en cuanto a imágenes y en cuanto a iconos, pues eso va a dar muchísimo al diseño de tu web. Eso por un lado, pero luego por supuesto para publicaciones, una de las cosas que hacen las imágenes que muchas veces se ponen por poner, es retener a la gente. Entonces elegir una buena imagen cuando tú publicas un post es eso es clave, porque si eliges una buena imagen, le pones una buena leyenda, que esa imagen sirva para la persona se va a quedar más tiempo en tu web y que se quede más tiempo en tu web es bueno para el SEO, esa página va a posicionar mejor porque es uno de los aspectos entre los muchos que hay para que un contenido funcione bien. Por eso también se ponen vídeos, también se ponen infografías. Todo esto ayuda a que el usuario tenga una buena experiencia y todo lo que sea una buena experiencia Google te lo va a valorar, o al menos si no valora positivamente la buena experiencia, seguro que sí valora negativamente la mala experiencia. Entonces en cualquier caso te está aportando. Entonces realmente pues esos son los dos tipos de imágenes, incluso también de iconos que podemos utilizar, uno para el diseño de tu web en general, para las páginas principales, para la home y demás, y otro para tus contenidos. Entonces, dónde podemos conseguir, Vamos directamente a hablar ya de dónde puedes conseguir estas imágenes y después si quieres seguimos hablando un poquito más de las cosas que podemos hacer. Páginas para descargar imágenes hay tropocientas, hay muchísimas. Entonces yo en marcadores tengo páginas de imágenes un montón y aprovechando este programa pues he empezado a hacer limpieza y me he quedado con las que mejor están. Y esas son las que voy a compartir contigo según distintas categorías que creo que pueden estar bien. Por un lado para empresa, típico, pues que quieras que salga una mesa de reuniones con gente como hablando o que quieras que salga alguien delante de un ordenador. Todas estas hay un montón, casi todas las que voy a comentar podéis encontrar de esta, pero una que está muy bien para eso es, es una llamada Pexels, os dejo el link a todo esto en las notas del programa Gonzalo, es podcast episodio 49. Eso para empresa, pero tienen para muchas más cosas, son imágenes de bastante calidad, así como muy luminosas y están bien, dan bastante buen aspecto. Por otro lado, las artísticas, estas están muy chulas. Hay dos páginas en concreto que están muy bien, que son Unsplash y Gratisography y están las dos muy bien. La segunda tiene imágenes de diferentes, que a lo mejor sale una piña con gafas de sol, a lo mejor te sale como los pies de una persona y el cuerpo es como una tele, es decir, son cosas artísticas que llaman la atención y este tipo de imágenes si van con tu contenido te pueden aportar bastante, puede hacer que la gente se quede, que la gente comente incluso solo por la imagen, así que está muy bien y todas estas que estoy comentando son gratuitas, ¿Vale? Después para comida, esta categoría está en auge, cada vez hay más blogs sobre comida, más portales en YouTube sobre comida y demás, ¿Vale? Y hay una página que está muy bien que se llama Foodies Feed y que tiene un montón de imágenes de comida que te puede venir muy bien si hablas sobre esta temática. Después tenemos las genéricas, que aunque la primera que he dicho, por ejemplo, Pexels quizás eran Splash también en la que te he dicho las artísticas tienen genéricas, se podían enfocar más ahí, pero luego las dos que te voy a recomendar son PickJumbo y I'm Creator y aquí tenéis de todo tipo de categorías, son bastante genéricas, Pic Jumbo por ejemplo es bastante conocida, es una de las más populares y aquí hay de todo, son las típicas imágenes de stock, pues estoy aquí en las categorías ahora mismo tienes Business, tienes Food, comida, tienes People, gente, abstractas, naturaleza, mujer, que hay una categoría que se llama mujer y demás, ¿Vale? Entonces estas son generales en las que te lo dividen por categorías y tú puedes ir buscando. La de I'm Creator también está muy bien, que es la otra que te digo para fotos genéricas, tiene muy buena pinta, más para infografías y vectores, para elementos que necesitas, por ejemplo te puedes descargar un vector para después editar en Illustrator, después descargar un archivo Photoshop para después editar tú en Photoshop. ¿Esto que te permite? Pues que te puedas descargar por ejemplo infografías completas y tú poder ir editándolas o que te puedas descargar una imagen que te viene con un texto y después tú ese texto lo puedas modificar, así que esto está muy bien. Las dos páginas que digo son Freepik y Graphicstock. Freepik está muy bien, a mí me gusta bastante Graphicstock, una cosita, una mala experiencia que he tenido, que para mí tienen un marketing y una forma de venta muy agresiva, yo estuve dado de alta un tiempo porque lo utilizaba para proyectos, ahora como ya no hago tantas webs pues al final me di de baja, pero cuando hacía muchas webs lo utilizaba mucho y hacen un marketing un poco engañoso te intentan siempre sacar más dinero y al final pues peleándome un poco con ellos incluso para que no te vayas, me dejaron el año, me lo dejaron gratis, o sea que ellos mismos se dieron cuenta de lo que habían hecho, que al final eso fue una postura muy buena porque hicieron que me quedara y que siguiera con ellos porque otro pues te hubiese mandado al paseo y yo estaría aquí despotricando de Graphistock. Entonces sí, tienen un marketing muy agresivo pero escuchan al usuario y lo cuidan, ¿Vale? Te hablo por supuesto de la versión de pago, pero todas las que he comentado tienen fotos gratuitas, eso en cuanto páginas para descargar imágenes. Pero ¿Qué pasa con los iconos? Los iconos es un mundo un poquito diferente, también tenemos webs para descargar iconos como por ejemplo Icon Finder que es la que yo utilizo, que está muy bien, os dejo el link. Esta me gusta mucho sobre todo por una cosa, porque no tienes que suscribirte sí o sí, sino que puedes, bueno, tienes iconos gratuitos pero luego además puedes comprar icono, icono y luego si quieres te puedes suscribir y tienes acceso pues a X iconos al mes o a X iconos al año. Pero me gusta que tenga la opción primero de los gratuitos, después de tú comprar si quieres un icono que no te tengas que suscribir y que a lo mejor vas a usar pues eso, quieres puntualmente comprar algún icono y luego pues la opción de la suscripción si es que lo vas a estar utilizando, si estás diseñando webs y demás pues te conviene suscribirte, ¿Vale? Y me gusta esa opción. Esta es una página que me gusta bastante y que no siento que me están intentando todo el rato vender a lo mejor como en otra, sino que lo tienen bien montado y me gusta, pero hay más posibilidades, puedes usar servicios que vinculando con tu web, después tú desde tu web directamente pones un código y aparece el icono. Os dejo el link a estos servicios. Los más populares son Font Awesome y Genericons, pero luego Desde la versión 3.8 de WordPress se puede utilizar un servicio también como Font Awesome y Genericons, pero que es el que utiliza WordPress para los iconos del menú. Sabéis que cuando estamos en escritorio, entradas, medios, páginas, comentarios y demás hay unos iconitos al lado del nombre del menú, pues todos esos iconos tú puedes utilizarlos también directamente en tu web porque ya vienen con WordPress, ya vienen desde la versión 3.8 ya vienen con WordPress, entonces los puedes utilizar, te dejo el link para que veas pues los códigos que tienes que utilizar y demás a la página de WordPress donde lo explica. Entonces iconos, esas tres partes, por un lado iconos que puedes descargar de la web y luego subirlos como una imagen. Servicios que puedes utilizar, que tienes que digamos instalarlo en tu web, ya sea subiendo un archivo, lo puedes hacer también a través de plugins y demás que son Font Awesome y Genericons Y luego iconos nativos de WordPress que sin necesidad de hacer nada ya los vas a poder utilizar, pero claro, solo puedes utilizar estos que vienen con WordPress que en muchas ocasiones es suficiente. Más opciones, pues también tiene las opciones de crear tus propias imágenes, crear tus propias combinaciones y esto lo puedes hacer, seguramente lo conoces con Canva. Canva es un servicio que está súper bien, que te permite editar imágenes, crear composiciones muy chulas, que te viene ya con plantillas por ejemplo para imágenes para publicar en redes sociales, con imágenes para la portada de Facebook, con imágenes para anuncios en Facebook, con imágenes para Twitter, para Pinterest, para no sé qué. Y tú lo puedes ir editando de forma súper sencilla. Tiene una versión gratuita un pelín limitada y luego una versión de pago con más opciones. Y luego otro servicio que seguramente no conozcas que se llama usign que es del mismo estilo que Canva pero se presenta como una mejor alternativa. Yo he utilizado los dos, tiene algunas cosas mejores pero la pega que le veo es que es un poquito más robusto, como la experiencia no es tan buena cuando estás diseñando como en Canva, sino que tarda un poquito más en cargar, es un pelín de esto que como que va un poquito más paso a paso, no va tan fluido como Canva, pero está muy bien, es una muy buena alternativa. Os dejo el link a las dos opciones. Luego, bueno, luego por supuesto si controlas Photoshop hay un programa para Mac de diseño súper sencillito de utilizar, que además en su web tienen un montón de vídeos explicando cómo utilizarlo, estilo Photoshop pero más sencillito que se llama Pixelmator, que yo también lo tengo, de hecho lo estoy utilizando bastante últimamente y que está muy bien, eso ahí ya siempre sí que hay un montón de softwares pues para ese tipo de diseño ya más desde cero, ya que tienes que controlar un poquito más, ¿De acuerdo? Y luego a modo así de cierre, quiero daros algunos consejos para el uso de las imágenes en WordPress. Primero optimízalas antes de subirla o usa un plugin para que se optimicen de forma automática. Me refiero con optimizar, si vas a colocar una imagen en tu web de 600 de ancho, no la subas de 1200 de ancho porque esa imagen te va a estar ocupando espacio en tu web innecesario. Además tiene servicios online para poder optimizarlas, pero lo mejor es que instales un plugin de optimización, ¿Por qué? Porque cuando subas la imagen te la va a optimizar sin que pierda calidad, esa imagen va a pesar muchísimo menos, tu web va a cargar más rápido y vas a ganar en velocidad, vas a ganar en en hora de experiencia para el usuario. Esto lo vemos paso a paso en el curso de velocidad en WordPress, os dejo el link en las notas del programa. ¿Qué más cositas en cuanto a las imágenes relacionadas con WordPress? Haz SEO en las imágenes. Tengo una guía paso a paso en la que explico cómo hacerlo, es una guía además bastante popular, así que os dejo el link si no lo habéis visto para hacer SEO en las imágenes. ¿Y además en esa guía tenéis un truco para elegir un tamaño para las imágenes que después cuando se publiquen en Facebook y en Twitter, cuando publiquen, ya sea tú o alguien comparta tu contenido, que se vea bien la imagen, vale? Que se vea todo el contenido que tú has puesto tanto en Facebook como en Twitter, porque lo normal es poner dos tipos de tamaños distintos, uno para Facebook y otro para Twitter, pero con esto te ahorras crear dos versiones de la imagen. Así que en la guía que dejo el link para el SEO de las imágenes tenéis ese truco. Luego, algo obvio pero que mucha gente no lo hace. Usa siempre una imagen destacada. ¿Por qué? Pues precisamente por lo que acabo de comentar de de compartir. Si alguien comparte tu artículo o tu post en alguna red social, si tú no pones una imagen destacada, tienes muchas posibilidades de que no aparezca una imagen cuando alguien comparta tu contenido o que aparezca una que no quieres que aparezca. Por ejemplo, que coja la primera que has puesto en tu artículo y quizás tú no quieres que aparezca esa, entonces para tener control, utiliza eso y más control todavía. Utiliza el gestor de SEO, que eso en la guía que te comento sobre hacerse las imágenes Yoast, pues te permite por supuesto poner una imagen para cuando la gente comparte en Facebook tu publicación y poner una imagen para cuando la gente la comparte en Twitter. Entonces rellena también esos campos cuando estés creando tu contenido, porque eso te va a ayudar, vas a tener todo más controlado y tus contenidos se van a mostrar como tú quieres, no como a Facebook o a Twitter le dé la gana. Y por último, no hemos hablado mucho de ello, pero las infografías es una fantástica estrategia, tanto como para que la gente se quede más tiempo en tu web, como de link building. Ya sabéis que el link building es algo muy importante para el SEO y es básicamente los links que hay hacia tu web. Entonces si tú facilitas que la gente pueda compartir las infografías, que es algo que suele gustar mucho compartir porque llama mucho la atención y tienes digamos en una sola imagen un montón de información, pues eso puede hacer que recibas muchos link hacia tu web cuando la gente comparte esas infografías. Y alguien que sabe un montón de esto es Miguel Florido de Marketing Web, así que os dejo el link a un post en el que habla sobre esto, está muy bien, merece mucho la pena. Además de las infografías, habrá demás estrategias de link building que puedes hacer de forma relativamente sencilla, ¿De acuerdo? Así que hemos hablado de dónde encontrar recursos para el diseño de tu web, también para la publicación de contenidos y sobre algunas buenas prácticas y herramientas que puedes aprovechar. Así que ve a las notas del programa y echa un vistazo a todos los links que te dejo, que en este episodio hay un montón tanto de guías que puedes utilizar como de todas las páginas que te he comentado para descargar imágenes. Por supuesto el tema de los iconos. El tema de los iconos es algo que puede dar para un tutorial, si queréis contactadme y lo preparo, ¿Vale? De todas las formas en las que se puede incluir iconos en tu web y mejores prácticas y demás. Incluso hay plugins para facilitarlo, pero también podríamos verlo cómo hacerlo con plugins, cómo hacerlo de forma manual. Así que es un tema que estaría muy bien para un tutorial. Lo tengo apuntado, pero decídmelo y lo adelanto. Ahora voy a volver a empezar a publicar tutoriales más a menudo, que he estado preparando unos cuantos para tener, digamos, una base que poder ir publicando, así que cada vez tendréis más y más contenido tanto en el podcast como en el blog, como en los cursos. Y nada más, espero que os haya gustado el episodio de hoy. Ya sabéis que si me queréis echar un cable solo tenéis que dejar una valoración en iTunes porque me ayudan muchísimo, muchísimo a seguir publicando contenido y a seguir ahí presente. Y a los que me escucháis desde iVoox, muchísimas gracias también por vuestros comentarios y vuestros me gusta. Nos seguimos escuchando. Adiós.