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

Author Archives: Abrelink

  • 0
5 webs donde descargar fuentes tipográficas gratis

5 webs donde descargar fuentes tipográficas gratis

Es el deber todo diseñador gráfico disponer de una amplia gama de fuentes tipográficas donde echar mano. Esto, que es fundamental para la creación de logotipos y el material impreso publicitario, vale también para la maquetación de páginas web. Porque diseñar tus páginas con una tipografía clásica como Arial, Times New Roman o Comic Sans da mala imagen, la de un diseñador incompetente que no cuida el acabado final de sus trabajos y que no conoce las diferencias entre una fuente con serifas o sin serifas, caligráfica, elegante, decorativa o en versalitas. Por supuesto, no basta con limitarse a las fuentes que te vienen instaladas con Windows por defecto. Debemos buscar la tipografía que mejor se adapte a los valores que queremos transmitir: rigor, fiabilidad, creatividad, ambiente lúdico y relajado, etc.

Cada fuente tipográfica tiene una personalidad y representa unos valores, de ahí la importancia de su elección

Aquí os presento 5 páginas web donde podéis descargar fuentes tipográficas gratis (y otras muchas cosas más):

1-Font Squirrel

Font Squirrel

La web de la simpática ardilla es una de mis preferidas. A decir verdad, no es la que mayor número de fuentes tipográficas alberga en su archivo, pero su interfaz amigable y sus múltiples opciones hacen de ella un sitio ideal, casi obligado, para guardar en nuestros favoritos. Cuenta con un buscador de fuentes y luego ofrece la posibilidad de buscar por etiquetas o tags, además de otras categorías como recientes o más populares.

Una utilidad que me gusta mucho de Font Squirrel es su Webfont Generator, donde podemos subir una fuente de nuestro disco duro en TTF (TrueType Font) u OTF (OpenType Font), las más usadas en el entorno Windows, y él nos la convierte a otros formatos para web como EOT, WOFF y SVG. Esto es especialmente útil cuando utilizas la propiedad de CSS 3 @font-face.

Ahora también incluye un Identificador de Fuentes a imitación del ínclito WhatTheFont. Asimismo, dispone de un blog y de un foro donde resolver dudas; ambos, por supuesto, en inglés.

Quizás su mayor defecto y lo único que se echa en falta es el típico visor para poder escribir el texto deseado y mostrarlo en las diferentes tipografías a medida que van cargando, algo que siempre ayuda a hacerse una mejor idea de la composición que tenemos en la cabeza.

Sus fuentes son 100% gratis para uso comercial, como recalcan en su logo.

2-Megafuentes

Megafuentes

Funciona muy parecido a Font Squirrel, aunque tiene menos utilidades. La búsqueda es, igualmente, por etiquetas, y tiene una categoría de novedades y unas fuentes destacadas en primera página. La ventaja es que está en español. Le falta, asimismo, el visor. Las fuentes son TrueType y OpenType.

3-Urbanfonts

Urbanfonts

Esta web es muy completa, y su catálogo de fuentes es de lo más heterogéneo y diverso que se puede encontrar. Las tipografías gratuitas (también tiene de pago, las premium) están ordenadas alfabéticamente y también por categorías (Fuentes nuevas, Nuestras favoritas, Top 100), básicas, script, display/decorativas, no latinas y miscelánea. A diferencia de las anteriores páginas, Urbanfonts sí cuenta con un visor de texto, y además muy completo, pues te deja cambiar el color del texto y el del fondo, así como aumentar o disminuir el cuerpo de letra.

Urbanfonts no sólo permite descargar fuentes tipográficas, sino también un variado repertorio de dingbats (símbolos) y vectores. Otra web que tampoco debería faltar en nuestros favoritos.

4-Font River

Font River

Es muy similar a las anteriores. En su header muestra tres secciones destacadas con Fuentes nuevas, Lo más popular y al Azar. Más abajo establece una serie de categorías: básico, símbolos, fantasía, extranjero, gótico, fiestas, escritura y tecno. No tiene visor de texto, pero sí mapa de caracteres. Presume de tener 20.000 fuentes  y dingbats descargables para Windows y Mac. Permite descargar (en TTF) y donar al autor. Está en varios idiomas; entre ellos, español.

Sus fuentes son gratuitas para uso personal.

5-1001 Free Fonts

1001 Free Fonts

Como su nombre indica, esta web posee una gran colección de fuentes. Están ordenadas alfabéticamente y por etiquetas. Al igual que Urbanfonts, cuenta con un visor de texto, aunque menos sofisticado (éste no permite, por ejemplo, cambiar el color de fondo). En cada fuente se te informa de si es gratuita, o sólo para uso personal (en cuyo caso puedes adquirir la licencia comercial), de dominio público, etc. También permite hacer una donación al diseñador, cosa que seguro te agradecerá.

Y por último, un extra que no puede faltar en ninguna lista:

6-Google Fonts

Google Fonts

Tanto si eres diseñador gráfico como desarrollador web, Google Fonts te va a interesar. Aquí puedes encontrar una gran variedad de tipografías amigables con el navegador. Están divididas en 5 categorías básicas: serif, sans serif, display, handwriting y monospace, que puedes seleccionar o deseleccionar a tu antojo para afinar la búsqueda. También puedes elegir el lenguaje (incluye alfabetos como el cirílico, el árabe o el griego) y ajustar el criterio de búsqueda por trending, popular, fecha de publicación u orden alfabético.

Si pulsas en See the specimen, al pie de cada tipografía, te conduce a una página donde te muestra el diseñador, una descripción de la fuente, sus caracteres, un gráfico con los países donde más se usa, una lista con tipografías similares y un recuadro donde puedes escribir el texto para verlo con dicha fuente y al tamaño en píxeles que quieras.

Aparte, cuando seleccionas una fuente se te abre una pestaña en la parte inferior de la pantalla. Si la despliegas, te ofrece la opción de descargártela totalmente gratis en un zip y el código para embeberla en tu sitio web que debes insertar en el <head>, además del CSS con el font-family. La línea de código sería algo tal que así:

<link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet">

También puedes importarla como un estilo y customizarla (regular, bold):

<style>
@import url('https://fonts.googleapis.com/css?family=Caveat');
</style>

Google Fonts es una alternativa a @font-face para usar tipografías en páginas web sin necesidad siquiera de instalarlas y subirlas a tu FTP, aunque ten en cuenta que al solicitar un request a la biblioteca de Google puede aumentar el tiempo de carga. En relación con esto, en Load Time te indica si dicha fuente carga rápido o lento.


  • 0
Community Manager, empresas

Tareas de un Community Manager en una empresa (infografía)

Desde que surgieron las redes sociales, el diseño web se hizo más complejo. Ya no bastaba con diseñar una página y subirla a Internet. Tampoco era suficiente con trabajar el posicionamiento web SEO optimizándola para los motores de búsqueda. Los Social Media cambiaron completamente la manera de relacionarse con los clientes. Al albur de esta revolución se crearon nuevos trabajos, como el de Community Manager, que es la persona encargada de gestionar la comunicación online de una empresa, lo que incluye, por supuesto, las redes sociales. Huelga decir que esto no es tan sencillo como crear un perfil en Facebook o Twitter y dejarlo parado. No. El Community Management consiste en difundir los mensajes de la empresa al mayor público posible y, lo que es más importante, hacerlo con un lenguaje alejado de la publicidad tradicional, de modo que sea fácil identificarse con él, empatizar y establecer vínculos emocionales. Sólo así, con un dominio de la técnica del copywriting, se consigue aumentar el engagement y fidelizar al cliente. Por algo a día de hoy en el mercado tecnológico el Community Manager es uno de los puestos más demandados y cotizados, porque él solo puede hacer el trabajo que hasta hace poco hacía todo un gabinete de comunicación.

Entre otras muchas tareas y actividades, un Community Manager puede desempeñar las siguientes funciones para una empresa:

1-Actualización del blog y renovación de contenidos

Cualquier web empresarial tiene que disponer de un blog corporativo si quiere que su mensaje trascienda y cale en su público. Pero no vale con tener un blog y publicar un artículo cada mucho tiempo. El blog tiene que actualizarse a menudo, al menos una vez por semana, para que el lead y posible cliente perciba dinamismo y para que Googlebot nos rastree con más frecuencia y nos asigne un mayor crawl budget (presupuesto de rastreo).

El Community Manager se ocupa, pues, de mantener actualizado el blog posteando a menudo sobre temas que susciten el interés de nuestro target o buyer persona. Es imprescindible generar un contenido de calidad que se perciba como valioso.

2-Copywriting y engagement

La finalidad de todo post es provocar eso que se llama engagement; es decir, atracción y persuasión, que sea capaz de concitar la atención del lector de modo que nuestro mensaje penetre hondo en su mente (el fundamento del neuromarketing) y quiera saber más sobre nosotros (aquí intervienen las listas de suscripción). Para ello hay que ser un maestro en el arte del copywriting, que está en la esencia misma del inbound marketing.

Así pues, un Community Manager escribirá artículos elocuentes y persuasivos que empaticen con el usuario empleando un registro humorístico o un toque personal que le haga cercana nuestra marca.

3-Difusión en redes sociales

Esto no necesita de explicación. Si por algo se caracteriza el Community Manager es por gestionar las redes sociales de una empresa. Como dije anteriormente, no se trata de abrir una cuenta y dejarla ahí parada, sino de darle movimiento, de publicar, tuitear y emitir señales sociales (likes, +1, retweets, shares) interactuando con una comunidad de usuarios con intereses comunes a los nuestros. Esto afecta positivamente al SEO de muchas maneras, sobre todo porque aumenta nuestra visibilidad atrayendo tráfico social. Las redes sociales que mejor funcionan en el ámbito empresarial son Facebook, Twitter, Google Plus, Pinterest y Linkedin. Recuerda que si tu web está hecha en WordPress, debería incluir un plugin con botones sociales para facilitar la usabilidad.

Si queréis leer mis consejos sobre cómo triunfar en Twitter (con infografía incluida), os invito a hacer clic aquí.

4-Networking

Estrechamente relacionado con el punto anterior es el networking. Un Community Manager crea redes de contactos con otras empresas del sector y con su círculo de clientes. Así se consigue que haya feedback. Y es que no debemos olvidar que las redes sociales son también un canal de venta y de atención al cliente.

Si llegas a mucha gente estarás en el foco social y con el tiempo quizá te conviertas en un líder de opinión o influencer.

5-Imagen de marca (branding)

Tener un blog y desarrollar una buena estrategia de Social Media Marketing crea imagen de marca, porque una empresa que genera sus propios contenidos y que está presente en todas partes es una empresa que cualquiera querrá conocer.

6-Gestión de la reputación online

El Community Manager no sólo se encarga de difundir y dar largo alcance a los mensajes de la empresa, sino que también cuida de su reputación online. Porque si te mueves en Internet, será inevitable que te dejen reseñas y comentarios (en Google Maps, en Yelp o en TripAdvisor, por ejemplo), y algunos pueden ser negativos. Mediante el uso de herramientas de Marketing Social se ocupará de detectar posibles críticas adversas y de limpiar la imagen de la marca cuando se haya visto dañada.

7-Curación de contenidos

Gestionar un blog y unas redes sociales no implica sólo publicar lo que escribes, sino leer y asimilar lo que otros escriben sobre temas compartidos. Parte del trabajo del Community Manager es aprender y formarse y reelaborar lo que lee en un proceso de mutuo enriquecimiento (feedback).

8-Influencers y análisis de la competencia

Analizar a la competencia es fundamental en cualquier profesión, y la de Community Manager no es una excepción. Él estudiará a los competidores y tomará nota cuando haya algo que aprender de ellos, lo mismo que un consultor SEO. Asimismo, buscará a los principales influencers en su área y tratará de incluirlos en su estrategia de networking.

Infografía, tareas de un Community Manager


  • 0
Cómo robar enlaces a la competencia

Cómo robar enlaces a tu competencia

Vamos a empezar el 2017 con uno de esos temas cañeros que no dejan a nadie indiferente. Una parte fundamental de cualquier estrategia SEO es espiar a tu competencia. Puede que esto suene mal, a poco ético, pero es así, y todas las empresas potentes lo hacen. Para conocer nuestro mercado y mejorar nuestros servicios y prestaciones debemos averiguar qué cosas están haciendo bien nuestros principales competidores y en qué flaquean (el típico cuadro DAFO). ¿Recordáis a Michael Douglas en ‘Wall Street’? No es casualidad que muchos hombres de negocios lean manuales como ‘El arte de la guerra’ de Sun Tzu, ‘El Príncipe’ de Maquiavelo o el ‘Oráculo manual y arte de prudencia’ de Baltasar Gracián. Entre el mundo de los negocios y el de la guerra se pueden establecer muchas similitudes y analogías, y estudiar y analizar a tus adversarios es algo básico para desarrollar una estrategia exitosa.

Si observamos y entendemos las razones por las que tienen más visibilidad orgánica y nos aventajan en las SERPs, deberemos imitarles e ir un paso más allá (para lo que tendremos que hacer una auditoría SEO y usar herramientas como éstas), y si vemos alguna debilidad en ellos, tenemos que ser raudos y sigilosos y sacar provecho. Y en eso me voy a centrar en este post, en cómo robar enlaces a tu competencia sin que se den cuenta y así beneficiarnos de su posicionamiento.

Probablemente haya muchas formas de hacerlo, pero a mí se me ocurren tres que suelen dar muy buenos resultados:

1-Aprovecharnos de sus enlaces rotos o perdidos

Con esta sencilla técnica le robaremos posicionamiento web aprovechándonos de sus vínculos rotos. Para ello necesitaremos usar Ahrefs, la mejor herramienta SEO para auditar backlinks. Nos puede servir con tener una cuenta gratuita, aunque en este caso los resultados serán limitados.

Enlaces rotos

Es bastante usual que muchas websites, incluso las relacionadas con el mundo del SEO y del Marketing digital, no chequeen periódicamente sus enlaces con herramientas como Screaming Frog para detectar errores, así que no es tan difícil encontrarlos.

Lo único que tenemos que hacer es explorar un dominio con Ahrefs y fijarnos en sus backlinks rotos y perdidos (lost/broken). Si aparece alguno y tiene buenas métricas (Domain Rating y URL Rating), clicaremos en el enlace e iremos a la página web en cuestión. El siguiente paso, si de verdad estamos interesados en agenciarnos ese backlink, será ponernos en contacto con el webmaster y sugerirle una sustitución entre la web competidora y la nuestra, siendo ambas de la misma temática. Si acepta, te habrás ganado un backlink a costa de tu competencia. “Bam! In your face!”.

In your face

2-Conseguir que nos enlacen sin saberlo

Esta técnica también es muy fácil y efectiva. En esta ocasión necesitaremos otra herramienta, Xenu’s Link Sleuth, que además es gratuita y la puedes descargar directamente desde ese enlace que te he puesto.

Xenu es una herramienta muy utilizada para scrapear webs. Se suele emplear para buscar dominios expirados con buenas métricas y un buen perfil de enlaces, comprarlos y luego redireccionarlos (redireccionamiento 301, permanente) a nuestra Money Site o a nuestro PBN (Private Blog Network), lo que, bien hecho, mejora sustancialmente el posicionamiento web SEO.

En el caso que nos concierne, sin embargo, le daremos un uso un poco diferente. Haremos click en Check URL/Check external links y buscaremos errores con el Status “No such host”. Si aparece alguno, es probable que se trate de una página web de algún cliente dentro de su Portafolio que ya no existe. Si tenemos suerte y ese dominio caducado tiene unas métricas aceptables (hay que comprobar siempre que no tenga algún tipo de penalización; aquí tienes más información sobre cómo analizar un dominio expirado), podemos comprarlo y hacer un redireccionamiento a nuestra web, de modo que nuestra competencia nos estará linkando sin saberlo.

Robar enlaces a la competencia

3-Dejar comentarios en su blog con nuestro link

Esta técnica es mucho más difícil de lograr, más que nada porque aquí no podemos pasar desapercibidos y lo normal es que nos detecten y eliminen nuestro enlace en el acto. Lo bueno es que no se pierde nada por intentarlo, y hacerlo no tiene ningún misterio.

Si nuestros competidores tienen un blog y permiten comentarios con enlace a tu sitio web, puedes intentar colárselo, aunque, como he advertido, tienen que ser muy descuidados para dejarlo pasar. Con toda seguridad el enlace será nofollow, pero, así y todo, nos beneficiará recibir un backlink de una web competidora.

Y a vosotros, ¿se os ocurre algún truco más para robarle enlaces a la competencia?


BUSCAR

Suscríbete al Blog

Introduce tu email para estar al tanto de las novedades.

ABRELINK EN TWITTER