Diseño de páginas web en Bilbao y Bizkaia

Los 5 mejores sitios web para descargar iconos y vectores gratis

  • 0
descargar iconos y vectores gratis

Los 5 mejores sitios web para descargar iconos y vectores gratis

Muchas veces un diseñador gráfico o web necesita disponer, no ya sólo de un abundante número de tipografías donde elegir la más adecuada para su proyecto (ya se trate de un logotipo, una tarjeta de empresa, un tríptico o cualquier otro trabajo de papelería e imprenta), sino también de una buena variedad de iconos y vectores. Uno de los usos más recurrentes que se les suele dar a los iconos y vectores es el diseño de infografías, elemento que está más de moda que nunca en el mundillo web, que aumenta el engagement y que puede convertir tus post en virales gracias a su difusión en redes sociales (en este blog encontrarás varios ejemplos).

Es cierto que muchas fuentes tipográficas incluyen los llamados zap dingbats, que son símbolos creados a partir de trazos sencillos (como teléfonos, casas, flechas, animales, etc.) que en un momento dado te pueden sacar de un apuro, y que están pensados básicamente para funciones de señalética. Otro tanto se puede decir de las formas predefinidas y las puntas de pincel de Photoshop.

Sin embargo, a veces estos dingbats no son lo bastante buenos o complejos, y entonces necesitamos buscar iconos más sofisticados, o que combinen colores. Para facilitaros la tarea, os presento aquí 5 sitios web donde podéis descargar iconos y vectores totalmente gratis:

1-FreePSDFiles

FreePSDFiles

Sin duda, mi favorito, y probablemente al que más veces he recurrido. Es como un cajón de sastre donde puedes encontrar de todo, desde iconos hasta mock-ups, pasando por ilustraciones, siluetas, infografías, botones, fondos y plantillas para logos, currículos y páginas web. Basta con echar un vistazo a sus categorías para darse cuenta de la enorme variedad de materiales con los que cuenta. Especial mención merecen los vectores de personajes animados, al más puro estilo cartoon, para los que tiene una web específica. El diseño suele ser excelente en todos los casos, y los archivos (muchos de ellos manipulables) están en formato PSD (Photoshop) dentro de un zip que te descargas.

FreePSDFiles es un must have, uno de esos sitios que tienes que guardar en tus favoritos sí o sí. Sólo está en inglés, pero con un conocimiento básico es más que suficiente (y es que en el mundo del diseño web, ¿quién no se maneja con el inglés?).

2-Flaticon

Flaticon

Este sitio también es muy recomendable. Cuenta con más de 200.000 iconos y vectores para uso personal y comercial divididos por categorías: animales, flechas, arte, edificios, trabajo, cine, etc. También tiene, como es lógico, un buscador. Los vectores están disponibles en varios formatos de imagen: EPS, PNG, PSD e incluso en código HTML y CSS. Cuando quieres descargar un icono te ofrece la posibilidad de hacer una donación al autor y contratar la cuenta Premium (son 9,99$) o realizar una descarga gratuita copiando una línea de código en tu web para citar al autor, lo cual sería un buen gesto, porque estos diseños no se hacen solos. No obstante, si no te sientes altruista, también puedes bajártelo sin pagos ni atribuciones. Los PSD tienen una resolución de 150 px, y en cuanto a los PNG (este detalle me parece muy significativo), puedes elegir el tamaño al que quieres descargártelo, hasta un máximo de 512 píxeles. Asimismo, puedes crear colecciones de iconos y guardar ahí tus favoritos, incluso sin previo registro. Como veis, es un sitio muy completo, donde, si además eres diseñador, puedes unirte a su equipo de profesionales y ganar dinero con tus diseños.

Flaticon está sólo en inglés, y es un proyecto de Freepik.

3-Iconfinder

Iconfinder

Otro sitio que no puede faltar en ninguna lista. Tiene más de un millón de iconos en su catálogo, aunque conviene aclarar que no todos son gratuitos, pues muchos requieren de una cuenta Premium (cobran 9$ al mes por 25 descargas en su plan básico y unipersonal). Al buscar puedes seleccionar la pestaña Free para que te muestre únicamente los iconos gratuitos. Dependiendo del vector en cuestión, puedes bajártelo en SVG (Adobe Illustrator) o PNG, en cuyo caso, y al igual que en Flaticon, también te permite seleccionar su tamaño en píxeles, con las mismas limitaciones. Asimismo, acepta el formato ICO, el que se usa para los Favicon.

Iconfinder sólo está en inglés.

4-Freepik

Freepik

Es una de las webs de recursos gráficos más populares de la Red. Dispone de casi 100.000 iconos gratis para uso personal y profesional, ordenados por categorías, y muchos más que requieren de licencia o previo pago. Tal como anuncian en su portada, ofrecen fotos, ilustraciones, iconos, PSD y vectores gratis para páginas web, banners, presentaciones, revistas y publicidad en general. Los vectores, los archivos PSD y los iconos tienen sus propias categorías dentro del menú principal. El sistema de descarga es idéntico al de Flaticon: licencia gratis con atribución al autor mediante link en tu página web; de hecho, algunos enlaces te llevan directamente a Flaticon. En el botón de descarga te especifica el peso de la imagen.

Me parece especialmente interesante su Stock de Fotos con casi 200.000 fotos gratis con licencia de Creative Commons, muchas de ellas muy creativas y enfocadas al diseño web.

Admite registro (también mediante redes sociales) y formulario para trabajar con ellos, ya sea como diseñador o como escritor, y está en español.

5-Vector Open Stock

Vector Open Stock

En su página de inicio te muestra una serie de vectores destacados, pero luego puedes buscar por categorías. Tiene una base de datos con más de 37.000 iconos gratis. Los archivos de descarga son comprimidos, zip, y están pensados para Adobe Illustrator  (extensión AI). La licencia gratuita también funciona por atribución, y cada imagen viene acompañada de una sucinta descripción. Algunos iconos son de pago, y sus enlaces te llevan a ShutterStock (los habrás visto en más de una ocasión al buscar imágenes en Google y los reconocerás por sus marcas de agua).

En mi opinión, Vector Open Stock es menos completo que cualquiera de los anteriores sitios, pero tiene la ventaja de que está disponible en español.

Por supuesto, el citado Shutterstock es, con diferencia, el mejor banco de imágenes, el más profesional, pues cuenta con unos vectores en flat design y unas ilustraciones realmente formidables que tú mismo puedes editar, pero, desgraciadamente, está sujeto a unos planes de pago que no son aptos para cualquier bolsillo, y hasta por descargar un JPG (a gran escala, eso sí) tienes que pagar. Para una agencia de marketing quizá sea la opción más indicada, pero un freelance o autónomo tal vez no se lo pueda costear. El registro es gratuito, pero no te da acceso a prácticamente nada. Eso sí, en favor de Shutterstock hay que decir que no sólo almacena imágenes, sino también vídeos y música. Tiene una base de datos colosal, y es difícil que no encuentres lo que estás buscando, sea lo que sea.

*[Si me permitís la digresión, os voy a dar un consejo un poco outlaw: si os encapricháis perdidamente de un vector y tiene marca de agua, como los de Shutterstock, siempre podéis importar la imagen en baja resolución a vuestro Freehand, Corel Draw o Illustrator y dibujarlo por encima, pero por favor, no seáis vagos y tened al menos la delicadeza de modificarlo lo suficiente como para que no parezca un calco. Os llevará su tiempo, pero oye, todo lo que tiene un valor merece un esfuerzo.]

Y ya para acabar, por si no habéis tenido suficiente, un extra:

6-Vecteezy

Vecteezy

Vecteezy es un portal bastante nuevo que ofrece vectores y gráficos gratis. Lo mejor es que no necesitas registrarte para descargártelos. Según el caso, dentro del archivo comprimido puedes encontrar la imagen en varios formatos: JPG, PDF, EPS y AI. Tiene un buscador por categorías. Algunos vectores son muy básicos, pero puede serte útil para bajarte iconos de redes sociales, texturas o patrones. Si eres un miembro Premium la búsqueda se te amplía a Pinceles, Texturas, PSD, Fondos, Plantillas, etc. Lo bueno es que está en español.

Ahora también, gracias a Piktab, una extensión de Google Chrome creada por Freepik, podemos disponer de un amplio surtido de recursos gráficos (iconos, vectores, texturas, fotos, mockups) con tan sólo clicar en nuestra barra de herramientas. Nunca ha sido tan fácil y gratis.


  • 0
Diccionario SEO, Posicionamiento Web

Diccionario SEO para principiantes

Como en cualquier otra disciplina o profesión, entre los que trabajamos en la optimización de páginas web para SEO (Search Engine Optimization) existe una terminología que no siempre es fácil de entender para un no iniciado. Con este post me propongo glosar en un diccionario o vademécum los términos más usados y recurrentes, aquéllos que aparecerán en casi cualquier artículo sobre SEO y posicionamiento web, para que un principiante pueda comprender su significado de un simple vistazo, sin meterse mucho en harina (sí, ya sé que el ojo es perezoso por naturaleza, y más en Internet). He aquí los principales tecnicismos de nuestra jerga profesional listados en orden alfabético:

A

Algoritmo: son los complejos programas matemáticos que utiliza Google para determinar el posicionamiento de todas y cada una de las páginas web indexadas, y establecer en función de ello un orden. Los algoritmos varían unas 500 veces al año, de ahí la dificultad y la necesidad de estar bien informados y al día sobre las últimas novedades. Los más conocidos son Panda y Penguin. Otros destacados serían Hummingbird (colibrí) y Caffeine.

Alt: es un atributo de las imágenes donde se hace una breve descripción de la misma, y que, bien optimizado, se utiliza para incluir palabras clave.

Anchor text: es el texto ancla o texto que acompaña a un enlace. Por lo general, se aprovecha para introducir palabras clave relacionadas con nuestra actividad, pero conviene diversificarlo alternando las keywords con el nombre de marca, la URL y otras palabras genéricas, ya que Google te puede penalizar si considera que lo estás sobreoptimizando.

B

Backlink: son los enlaces entrantes; esto es, aquellos enlaces desde otras páginas que apuntan a la nuestra. En principio, cuantos más backlinks tengamos, mejor posicionamiento lograremos. Ahora bien, no todos los enlaces valen igual. De hecho, los únicos enlaces que realmente nos darán autoridad son los de calidad (con un Page Authority alto y, a poder ser, relacionados con nuestra temática o de páginas educativas o gubernamentales). Conviene recordar que algunos backlinks ejercen un efecto negativo al deseado (son los llamados enlaces tóxicos, como granjas de enlaces o enlaces de páginas de sexo o poco fiables y de dudosa reputación), así que hay que vigilar quién nos enlaza. Básicamente, hay dos maneras de conseguir backlinks: vía link building y vía link baiting.

Black Hat SEO: es el SEO de “sombrero negro”, aquél que se salta el código de buena conducta de Google haciendo trampas para engañar al buscador y mejorar ilícitamente su posicionamiento. Quien quiera usarlo debe andarse con mucho ojo, porque si te descubren, recibirás una penalización algorítmica o manual, lo que puede suponer, en el peor de los casos, desaparecer del índice de Google.

Breadcrumbs: son las “migas de pan” que vamos dejando para marcar la ruta que hemos seguido hasta llegar a esa página desde la página principal (p. ej.: Home / Diseño Web / Pack Básico). Facilitan la usabilidad, y WordPress los tiene ya integrados.

Broken link: son los enlaces rotos que dan el típico mensaje Error 404 Not Found. Tener muchos puede afectar negativamente al posicionamiento web, al ir en detrimento de la experiencia del usuario.

Buyer persona: es nuestro perfil de cliente ideal, el target objetivo al que nos dirigimos.

C

Call to action: es una llamada a la acción para que el usuario haga clic en nuestro anuncio, como el meta description o los rich snippets del rating.

Canibalización: se da cuando en una misma página intentamos volcar numerosas palabras clave, lo que hace que el buscador no sepa cómo indexarla.

Canonical: es una etiqueta “rel” que indica a los motores de búsqueda cuál es nuestra página de referencia. Se usa para evitar el contenido duplicado. Muy útil, sobre todo, en e-commerce, cuando hay muchas páginas similares, una para cada artículo.

Cloaking: es una práctica fraudulenta de Black Hat SEO mediante la cual mostramos al usuario un contenido diferente que al robot, o le enviamos a una dirección distinta de la que indica el enlace. Está severamente castigado.

CTR (Click Through Rate): es el porcentaje de clicks de una página web según la cantidad de impresiones. Cuanto más alto sea, mejor nos posicionaremos.

Contenido duplicado: una de las prácticas más perseguidas por Google Panda. Hay que evitar caer en este error, pues muchas veces ocurre sin que el propietario de la web sea consciente.

Copywriting: es una manera de redactar y presentar los textos de modo que sean naturales, persuasivos y empáticos e inviten a una call to action (como puede ser rellenar un formulario).

Crawl budget: se podría traducir, literalmente, como “presupuesto de rastreo”, y no es otra cosa que el tiempo que dedica Googlebot a recorrer e indexar cada sitio web. El crawl budget también se puede optimizar dándoles órdenes a las arañas del buscador desde el archivo Robots.txt para que no rastreen determinadas URLs que no nos interesa que indexe (como, por ejemplo, la “Política de cookies”).

D

Dwell time: tiempo de estancia de un usuario en una página de nuestra web. Entrar y salir rápidamente es un mal indicador.

E

Engagement: se dice del factor “enganche” de nuestros post, de la capacidad que tienen de retener al usuario y motivarle a que nos siga visitando.

Enlaces: los hay de dos tipos, entrantes (los que enlazan a nuestra web) y salientes (a los que enlazamos desde nuestra página). Los primeros te dan autoridad (o te la quitan, si son tóxicos), y a los segundos se la das tú. También hay otra categoría de enlaces: dofollow (a éstos les transfieres autoridad) y nofollow (a éstos no, pues le estás indicando al buscador que no los siga).

EMD (Exact Match Domain): son los dominios de concordancia exacta; es decir, los que tienen una URL compuesta por las palabras clave para las que queremos posicionar.

Evergreen (Contenido): se dice de los post renovables y que nunca caducan por no tener asignada una fecha de publicación. Ésta es una técnica SEO relativamente novedosa que consiste en actualizar las fechas de los post o suprimirlas directamente, lo que hace Google les dé un empujoncito en las SERPs.

F

Footprints: comandos avanzados para realizar búsquedas específicas en Google cribando los resultados (p.ej.: inurl, site:, “”, *, -). Muy útiles para scrapear.

G

Google Freshness: forma parte del algoritmo de Google, y tiene que ver con el citado contenido evergreen. Es el que da prioridad a los contenidos actuales frente a los antiguos.

Growth hacking: término muy de moda dentro del marketing digital y de las startups que hace referencia a un conjunto de técnicas como la creatividad, la innovación y el pensamiento analítico que vendrían a formar parte de una estrategia global de posicionamiento.

Guest blogging: consiste en publicar un artículo en otro blog como autor invitado. Es, también, una manera de promocionarse y de hacer link building. El uso abusivo en los últimos años de esta técnica SEO ha hecho que las condiciones actuales sean más restrictivas.

H

Hidden text: es otra práctica de Black Hat SEO que consiste en ocultar el texto (por lo común, palabras clave repetidas hasta la saciedad) para que el buscador no lo encuentre. Se puede hacer dándole al texto el mismo color que el fondo sobre el que va impreso o sobre una imagen con el mismo color, pero el riesgo de que lo detecten es alto y no merece la pena arriesgarse.

I

Indexar: es lo que hacen las arañas o spiders de los motores de búsqueda, recorrer toda la web varias veces al día para actualizar su índice de páginas. Si una web no está indexada por la razón que sea, será como si no existiera. Cuando creas y subes una página, lo normal es hacer un alta manual en los principales buscadores (aunque no es necesario, porque será indexada por sí sola). A través de este simple formulario le puedes enviar una URL a Google.

K

Keyword: son las palabras clave que escogemos para posicionarnos en las SERPs. Obviamente, remitirán a nuestro desarrollo profesional. Hay herramientas online que nos pueden ayudar a elegir estas keywords. Una de las mejores es Ubersuggest.

Keyword density: es la densidad de palabra clave. Un porcentaje ideal es de entre el 3 y 4%. Si no se abusa de él, es un factor que ayuda a posicionar. En Webconfs puedes hacer una medición. Aparte, yo recomiendo la extensión de Chrome SEOquake.

Keyword research: es la búsqueda de palabras clave para encontrar un meganicho o un micronicho en función de su nivel de dificultad y del volumen de visitas.

Keyword stuffing: es otra práctica de Black Hat SEO que consiste en repetir a lo largo del texto las mismas keywords para aumentar la densidad de palabra clave. Está considerado como una forma de spam y penalizado por Google Panda, por lo que es muy desaconsejable.

L

Lead: son los usuarios a los que conseguimos fidelizar y que posteriormente pueden convertirse en clientes. Un buen inbound marketing y marketing de contenidos ayuda a ello.

Link baiting: es una estrategia de búsqueda de enlaces que consiste en ofrecer contenidos interesantes para que sea el propio visitante el que, movido por su generosidad, te enlace. Es la forma ideal de conseguir enlaces naturales, pero no es fácil.

Link building: es otra estrategia de búsqueda de backlinks. Hace años era casi la única manera de mejorar el posicionamiento web, y conducía al típico intercambio de enlaces. Ahora eso, la construcción de enlaces artificiales, está penalizado, por lo que hay que elegir con mucho cuidado a quién quieres enlazar y quién quieres que te enlace.

Link juice: es el jugo de enlaces; esto es, la autoridad que se transfiere de unas páginas a otras a través de sus links. La página principal siempre será la que más link juice transmita, y esto funciona tanto para los enlaces internos como para los enlaces salientes.

Link popularity: es la popularidad de un link, basado en la cantidad y calidad de backlinks que apunten hacia él. Es un término que ha caído en desuso.

Link tóxico: se dice de aquel enlace que daña nuestra reputación, por lo que conviene eliminarlo o desautorizarlo (mediante Google Disavow Tool). Los links tóxicos forman parte del llamado SEO negativo.

Long-tail (keyword): son las palabras clave de “cola larga”; es decir, aquéllas que combinan dos o más términos de búsqueda, como la ciudad o el ámbito geográfico. Se recomienda encarecidamente su uso, porque delimitan la búsqueda y reducen la dificultad de las keywords más competidas. Asimismo, bien utilizadas ayudan al SEO Local.

LSI (Latent Semantic Indexing): es una forma de redactar textos para SEO pensando en sinónimos que enriquezcan su significado. Está relacionado con el modelo de web semántica, el futuro del SEO.

M

Metatag: son metadatos o etiquetas que van dentro del head de una página (por lo que no son visibles para el usuario, y se ponen única y exclusivamente de cara al buscador). Hay una gran variedad, y antiguamente se abusaba de ellas (como del meta keywords), pero a día de hoy la única que cuenta es el meta description.

Métricas: son los valores que miden las propiedades de un sitio web, su analítica. Entre las métricas más conocidas están el PA (Page Authority) y DA (Domain Authority) de Moz Rank y el Trust Flow y Citation Flow de Majestic.

N

Nicho de mercado: son las oportunidades que ofrece el mercado para configurar nuestros patrones de búsqueda y escoger, en consecuencia, las mejores palabras clave. Google Keyword Planner es una buena herramienta para averiguar esos nichos.

O

On-Page: es el SEO que se optimiza dentro de la propia página. En él intervienen el title, el meta description, los encabezados, los estilos de texto, etc.

Off-Page: es el SEO que se trabaja fuera de la página. Tiene mucho que ver con el link building y el link baiting.

P

Pagerank: era una métrica de Google para medir la importancia de una página web, pero su presencia viene siendo casi testimonial. Ya ni siquiera es visible, por lo que se puede decir que ha desaparecido a todos los efectos.

Page Speed: es la velocidad de carga de una página. Reducir el peso de las imágenes y comprimir los ficheros Js y CSS es fundamental. Este factor cada vez repercute más en el posicionamiento web.

Panda: es uno de los algoritmos más temidos de Google. Tiene la función de penalizar a los sitios web que dupliquen contenido o que tengan un contenido pobre.

Penalización: son las sanciones que impone Google por una mala praxis SEO. Pueden ser algorítmicas (más leves) o manuales (más graves).

Pingüino: es el otro algoritmo justiciero de Google. Penaliza a aquellas páginas que quieran mejorar su posicionamiento web mediante enlaces artificiales o de pago, o que sobreoptimicen el anchor text.

Pogo sticking: este término se emplea para designar una alta tasa de rebote.

Porcentaje de rebote (o bounce rate): mide la cantidad de usuarios que abandonan nuestra web sin haber interactuado con el resto de páginas. Hay que tratar de reducirlo ofreciendo un contenido atractivo para el visitante, invitándole a quedarse.

R

Redirección 301: se utiliza para mover de forma permanente el contenido de un dominio a otro (la redirección 302 sería temporal). De esta forma también se transfieren su autoridad (en torno a un 90%, se calcula) y sus backlinks. Asimismo, es recomendable hacerlo para redirigir el dominio principal al subdominio www, o viceversa, para así evitar el contenido duplicado.

Referral spam: es el tráfico referido fantasma que distorsiona las estadísticas de Google Analytics y aumenta el porcentaje de rebote.

Reputación online: es todo lo que se dice de nuestra empresa en blogs y redes sociales (brand monitoring). Una de las principales atribuciones de un Community Manager es gestionarla.

Rich snippets: son los microformatos o el texto enriquecido que Google ha implementado en su giro hacia un modelo de web semántica. En Schema puedes aprender sobre su sintaxis. El rating (estrellitas) y el autorship (fotos del autor) son algunos de esos snippets que más visibilidad tienen en las SERPs y que aumentan el CTR.

S

Sandbox: esta caja de arena es un filtro o estado de cuarentena que aplica Google a las páginas recién creadas donde permanecen entre 3 ó 4 meses en espera con objeto de garantizar su fiabilidad. Durante ese tiempo apenas experimentarán subidas en las SERPs, ni siquiera aunque consigan buenos backlinks.

Scrapear: realizar búsquedas concretas para recolectar o extraer datos de webs. Hay herramientas online gratuitas como import.io y programas como ScrapeBox que se usan para ello.

Señales sociales: son los likes y +1 de Facebook, Google + y demás redes sociales que, de forma indirecta, también benefician al posicionamiento web.

SERP (Search Engine Result Page): es la página de resultados que obtenemos al realizar una búsqueda (en Google, por ejemplo) con una lista ordenada y jerarquizada de sitios web. El objetivo de todo SEO es posicionar su web entre los primeros resultados de las SERPs para sus palabras clave.

Sitemap: es un mapa web con todos los enlaces internos del sitio. También es un archivo xml que se sube al directorio raíz y que está pensado para facilitar la tarea de indexación a los robots de los buscadores.

Spider (o crawler): son las arañas del motor de búsqueda (como Googlebot) que rastrean e indexan todas las páginas web.

Storytelling: es una forma de presentar nuestros textos de manera tal que cuenten y desarrollen una historia. Esta narrativa audiovisual ayuda a fidelizar y desvía la atención del objetivo principal: la conversión.

U

UX: acrónimo que hace referencia a la experiencia del usuario, en lo que intervienen factores como la optimización móvil y la velocidad de carga.

W

White Hat SEO: es el SEO blanco, aquél que sigue las directrices de Google y actúa acorde a la legalidad.


  • 0
Black Friday, Diseño Web SEO

Black Friday SEO Abrelink

En Abrelink también queremos sumarnos al Black Friday SEO con apetitosas ofertas. Aprovecha nuestros descuentos del 10% para página web en WordPress y optimización de Posicionamiento web SEO On-Page. No encontrarás mejores precios por un servicio más profesional.

La validez de esta promoción es de 7 días, del viernes 25 de noviembre al viernes 2 de diciembre, ambos inclusive.

¿A qué esperas para tener tu web corporativa o rediseñarla? Con Black Friday SEO Abrelink ya no tienes excusas.

Black Friday, Abrelink


BUSCAR

Suscríbete al Blog

Introduce tu email para estar al tanto de las novedades.

ABRELINK EN TWITTER