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

Archivo de Categorías: Diseño Web

  • 0
Estrategia Web Exitosa

Cómo desarrollar una estrategia web exitosa (infografía)

Vaya por delante que no es mi intención escribir aquí un artículo enciclopédico y explayarme sobre un tema que daría cuando menos para una tesis doctoral, y no pocas opiniones y controversias. Mis pretensiones son mucho más modestas. Tan sólo quiero exponer gráficamente, mediante una infografía, qué pasos deberíamos seguir para desarrollar una estrategia web exitosa.

Éste es nuestro decálogo sobre lo que necesita una página web para convertirse en un éxito:

  1. Diseñar una Landing Page mobile-friendly o responsive (adaptada a todos los dispositivos móviles).
  2. Optimizarla para SEO (SEO On-Page).
  3. Crear un blog donde postees al menos una vez a la semana.
  4. Seleccionar las palabras clave para tu negocio (de su correcta elección dependerá tu posicionamiento web y la aspiración de aparecer en los primeros resultados de las SERPs).
  5. Centrarse en las búsquedas orgánicas SEO y, opcional o paralelamente, contratar SEM (Google Adwords), sobre todo cuando se acaba de empezar.
  6. Desarrollar una estrategia de link building y link baiting donde consigamos backlinks que nos transfieran autoridad.
  7. Social Media Marketing: estar presentes en redes sociales y actualizar constantemente nuestros perfiles.
  8. Marketing de Contenidos: ofrecer contenidos interesantes y multimedia (vídeos, infografías) para atraer y convertir leads en posibles clientes mediante fidelización.
  9. Inbound Marketing: interactuar en blogs, foros y redes sociales y cuidar nuestra reputación online. Así lograremos que el cliente nos busque a nosotros, y no al revés.
  10. ROI (Return On Investment): el objetivo último es el retorno de la inversión, que nuestra web sea rentable y sirva para conseguir clientes y hacer dinero.

Estrategia Web Exitosa


  • 1
5 extensiones de Google Chrome muy recomendables

5 extensiones de Google Chrome muy recomendables

En un post reciente os hablé de las que, en mi opinión, son las 5 mejores extensiones de Google Chrome para SEO. Para seguir y completar dicho artículo, hoy os hablaré de otras 5 extensiones muy recomendables que mejorarán vuestra experiencia de navegación y que os facilitarán algunos trabajos, sobre todo relacionados con el diseño gráfico y el desarrollo web.

Por supuesto, a muchos de vosotros se os ocurrirán otras extensiones tan útiles o más que éstas, y que sin duda merecerían figurar aquí, pero no quería hacer una lista muy extensa, y tampoco pretendo sentar cátedra. Aclarado este punto, éstas son las 5 extensiones de Google Chrome que yo uso a diario y que os recomiendo encarecidamente:

1-WOT

WOT, extensiones de Google Chrome

Si queremos navegar seguros, esta extensión no puede faltar en nuestro Google Chrome. WOT te indica la fiabilidad de todos los sitios web. Si lo marca con un círculo verde, es seguro; si lo señala en naranja, dudoso; y si lo pone en rojo será mejor que ni te acerques, pues te está diciendo que ese sitio tiene mala reputación y es probable que haya sido hackeado y que esté infectado de virus o troyanos. Muchas páginas salen con un círculo gris, lo que significa que no tienen suficiente puntuación  para valorar su fiabilidad. Son los usuarios los que califican las páginas web en virtud de su experiencia, en torno a dos categorías: confiabilidad y seguridad para menores.

2-AdBlock

Adblock, extensiones de Google Chrome

Ésta es una de las extensiones más populares y usadas, y no es para menos. AdBlock bloquea todos los banners y anuncios publicitarios, lo que hace mucho más cómoda y segura la navegación. Tiene un panel de opciones donde puedes añadir filtros y autorizar dominios.

3-Full Page Screen Capture

Full Page Screen, extensiones de Google Chrome

¿Alguna vez has querido copiar una web y, no teniendo otra manera, has recurrido al clásico y socorrido Impr Pant? Con la extensión Full Page Screen Capture es mucho más fácil. Tan sólo tienes que clicar en su icono y te copiará todo el contenido de la web en una imagen PNG que luego puedes guardar en tu ordenador y retocar en Photoshop, si fuese menester. Un consejo: mejor no mover el ratón mientras está cargando.

4-ColorZilla

ColorZilla, extensiones de Google Chrome

Ésta es una herramienta muy útil para desarrolladores web y diseñadores gráficos. Es como un cuentagotas que te deja seleccionar un color de la web en la que estás navegando y te lo traduce a RGB y código hexadecimal. Asimismo, te muestra, si así lo deseas, toda la paleta cromática usada en esa web. Entre sus funcionalidades también está la de crear gradientes y degradados en CSS.

5-Font Playground

Font Playground, extensiones de Google Chrome

Al igual que la anterior, esta extensión también tiene una utilidad relacionada con el ámbito del diseño gráfico y web. Sirve, por ejemplo, cuando estamos diseñando una página web y queremos saber qué fuente tipográfica quedaría mejor. Podemos probar con todas las fuentes que tengamos instaladas en nuestra carpeta Fonts de Windows y aplicarle efectos y transformaciones. Una vez elegida la tipografía, podemos usar el WebFont Generator de Font Squirrel para obtener los formatos EOT, WOFF y SVG y con ellos usar la propiedad de CSS 3 @font-face.

Y por último, un extra:

6-OneTab

¿Alguna vez abres pestañas y más pestañas en Chrome y luego te haces un lío y te olvidas de lo que estabas buscando? Si quieres librarte de ese caos y poner un poco de orden en tu barra de navegación, OneTab es para ti. Haciendo clic en su icono colapsarás todas las pestañas abiertas en una lista. Luego puedes restaurarlas en conjunto o individualmente. Aparte de eso, reduce el consumo de memoria.


  • 0
Befunky, alternativa a Photoshop

BeFunky, otro editor de fotografías alternativo a Photoshop

Hace unos días os hablé aquí de ConvertImage, una aplicación gratuita online que se nos ofrece como una alternativa a Photoshop. Hoy os voy a hablar de otra web que también sirve para retocar imágenes y que no requiere tener conocimientos avanzados de diseño gráfico para utilizarla: BeFunky.

Haciendo una comparativa, y aunque no presentan las mismas características, se puede decir que BeFunky es una herramienta o conjunto de herramientas mucho más completa. Para empezar, tiene tres utilidades: editor de fotos, collage de fotos y diseño gráfico.

  • El editor de fotos es su utilidad principal, y también su punto fuerte. Su paleta de acciones es muy vasta, casi tanto como en un programa profesional como Photoshop o Gimp; y claro, mucho más fácil de usar. Tiene las típicas herramientas para recortar, rotar, desenfocar, etc.; pero también cuenta con otras opciones más complejas y sofisticadas como eliminar los ojos rojos, filtros y efectos artísticos, marcos, gráficos, superposición (que sería como una máscara de recorte en Photoshop), texto y texturas. Tiene un botón de deshacer y otro para restablecer los valores originales. El acabado es muy bueno, casi profesional, aunque, eso sí, hay que señalar el gran inconveniente que presentan ésta y otras aplicaciones online del mismo corte: la resolución de las imágenes siempre será de 72 píxeles, lo cual las hace ideales para Internet, sí, pero insuficientes para imprenta. Las fotos retocadas se pueden guardar en el ordenador, en BeFunky (creándote una cuenta), en Facebook, Google Drive o Dropbox, y compartir a través de Facebook, Pinterest, Tumblr y Twitter. En ese sentido, está muy integrado en redes sociales.

Befunky, editor de fotos

  • Como su nombre indica, el collage de fotos sirve para hacer montajes. Puedes subir tus propias fotos o de tu cuenta de Facebook, BeFunky o Pixabay. También hay algunas de muestra que vienen bien para hacer pruebas. Luego tiene una serie de diseños preestablecidos (para Facebook y Pinterest), texturas que se pueden añadir, gráficos y texto. Todo muy sencillo e intuitivo.

Befunky, collage

  • La herramienta de diseño gráfico está muy bien. Aunque, obviamente, tiene limitaciones para su uso gratuito, te permite diseñar banners, gráficos para Social Media, tarjetas de felicitación e infografías, entre otras cosas. También puedes subir imágenes de tu ordenador y gestionar tus proyectos.

Befunky, diseño gráfico

Como corolario, recomendaría BeFunky a todos aquellos usuarios que quieran editar imágenes para web (este matiz es importante) a un nivel semiprofesional y que no dominen las intrincadas técnicas de Photoshop.


BUSCAR

Suscríbete al Blog

Introduce tu email para estar al tanto de las novedades.

ABRELINK EN TWITTER