Category Posicionamiento web

camara_sola-01

tipos de imágenes para subir a tu web o blog: cual elegir y por qué

Archivo base¿ Qué tipos de imágenes digitales son las más usadas?

Consideraremos dos tipos de imágenes digitales: las vectoriales y los mapas de bits

Imagen vectorial o vector: es un tipo de imagen creada con un programa de diseño. Normalmente se utiliza para los logotipos, los iconos y  las  ilustraciones o los dibujos.

La característica principal de los vectores es que cuando se amplía la imagen no se “pixela”.Es decir, se ve perfectamente definida a todos los tamaños.

Mapa de bits: es un tipo de imagen compuesta por infinidad de puntos, denominados “píxeles”, cada uno con un color y una luminosidad concreta. Se utilizan en fotografía porque la gama de colores es mucho más amplia que en los vectores.

Cuando se agranda una imagen de este tipo llega un momento en que la imagen pierde nitidez y se visualizan los puntitos que la componen, se “pixela”.

Tanto los vectores como los mapas de bits se guardan en archivos gráficos con diferentes formatos. Los mapas de bits ocupan mucho más espacio que los vectores.

¿Cuáles son los formatos más convenientes para subir a nuestra web?

 En general, la mayoría de las entradas a los blogs se acompañan por algún tipo de imagen  que añada valor al contenido, solemos utilizar los mapas de bits, en particular estos tres formatos:

    JPG o JPEG: el más común. El formato típico de las cámaras de fotos y de las que obtenemos con los móviles.

    PNG: recomendado para logotipos y gráficos en los que necesitas conservar el fondo transparente.

    GIF: se utiliza en animaciones.

¿ A qué nos referimos con  la expresión “tamaño de imagen” y “peso de la imagen”?

El tamaño de la imagen es la dimensión que ocupa en una pantalla o cuando se imprime una foto en papel. Podemos hablar de centímetros, 13 x18 cm, pero es preferible que lo definamos en píxeles, 1024×768 píxeles.

Como orientación diremos que una imagen es:

    Grande cuando tiene un tamaño igual o mayor a 1024×768 píxeles

    Mediana cuando el tamaño va de 320×240 a 1024×768 píxeles

    Pequeña cuando el tamaño es menor a 320×240 píxeles

    Muy pequeña cuando es menor a 100×100 píxeles

El peso de la imagen es lo que ocupa el archivo en la unidad de almacenamiento. Por ejemplo, en un disco duro o en un pendrive. Cuanto más pese la imagen  menos archivos se pueden guardar ya que la capacidad de almacenamiento es limitada.

A nosotros lo que nos interesa es que no sea muy pesada para que la carga de nuestra página web sea más rápida.

Aproximadamente se considera que una imagen es:

    Pesada si tiene 1 MB o más

    De peso mediano si va de 300KB a 1 MB

    Ligera si su peso es menor de 300KB

    Muy ligera si el peso es inferior a 100KB

 

 

Vota esta página

burro

mejorar la velocidad de carga de la web 1 : optimización de imágenes

Velocidad de carga de una web  y optimización de imágenes

¿Qué es la velocidad de carga de una web?

La velocidad de carga de una web es el tiempo en que tarda en aparecer esa página de forma completa en la pantalla del usuario, con sus imágenes, sus estilos y sus funcionalidades.

¿A qué afecta y cómo?

Cuando una página web tarda mucho en cargarse, el usuario se impacienta, y tiene una percepción negativa que hará que evite navegar por esa web e incluso hable mal de ella con otros usuarios. Además, esa demora en la carga es interpretada por los navegadores de tal forma que van penalizando el posicionamiento de la misma.

Uno de los factores que afectan a la velocidad de carga es la optimización de las imágenes que utilizamos en nuestra web o blog.

Optimizar quiere decir que la imagen tenga la calidad más alta, con el tamaño de archivo más pequeño. Es decir, que la imagen “pese” poco y se vea bien.

Para conseguir esta optimización debemos tener en cuenta:

El tamaño de la imagen: debemos elegir el tamaño al que se va a visualizar realmente. Si la imagen tiene 1920×1080 píxeles, por ejemplo, y el tamaño máximo real al que se verá en una pantalla normal puede ser de 800 x 600 píxeles, reescalaremos la imagen a esta medida

La compresión de la imagen: puede perder algo de calidad pero si se hace apropiadamente, la mayoría de los usuarios ni se dará cuenta. Es la forma de conseguir que los archivos pesen menos.

optimizacion-01

Algunas herramientas disponibles para optimizar imágenes:

  1. Tiny PNG-app gratuita
  2. GIMP- gratuita
  3. Adobe Photoshop
  4. JEPG mini-hay versión web gratuita
  5. ImageOptim es un software para Mac
  6. Trimage es un software de Windows

La carga en paralelo de las imágenes: consiste en utilizar otro dominio o subdominios para almacenar imágenes, mientras el sistema atiende el resto de llamadas del servidor, estas imágenes se van cargando en paralelo.

Para la mayoría de las páginas no será necesario realizar la carga en paralelo, sobretodo si no son muy extensas y no presentan un volumen alto de imágenes. Mediante el redimensionamiento de la imagen y la compresión del archivo conseguiremos mejorar notablemente nuestra velocidad de carga.

 

Vota esta página

9 (3)

mejorar la velocidad de carga 2: usar la extensión Google PageSpeed Insight Tool

¿Qué es Google PageSpeed Insight Tool?

Google PageSpeed Insight Tool es una extensión del navegador Chrome de Google. Las extensiones son pequeñas aplicaciones que añaden funcionalidades extras al navegador, en concreto esta extensión  nos ayuda de tres maneras:

Lo primero que hace es analizar la velocidad de carga de nuestra página web. Escribimos la URL de nuestra página en la casilla pertinente y seguidamente nos proporciona un ranking sobre una puntuación de 100 que nos orienta para saber si nuestra página se carga bien en el ordenador y en dispositivos móviles.

Lo segundo que hace es  sugerirnos qué puntos podemos mejorar en nuestra página en cuanto a estilos, javascript  e imágenes para ganar en velocidad de carga. Nos dan un listado con cada posible corrección.

Lo tercero, muy práctico, es que nos proporciona los recursos que podemos cambiar en nuestra página web para acelerar la carga. En particular nos entrega en un archivo comprimido los ficheros css, los ficheros js y las imágenes optimizadas. 

          Tan sólo con sustituir estas imágenes en  nuestra web veremos que el ranking de velocidad de carga de la  página se incrementa notablemente. Hay que tener en cuenta que las imágenes nos las dan en una sola carpeta y que tendremos que sustituirlas en la ubicación correcta. Si tenemos muchas carpetas de imágenes en la web nos podremos guiar por el path  que está en el listado de sugerencias de optimización.

google-pagespeed-insights

 

Instalación de la extensión o versión online

Podemos utilizar la extensión en su versión online o instalarla en nuestro navegador. Para ello iremos al menú del navegador y elegiremos la opción  Más herramientas->Extensiones  y al final de la página hay un enlace Obtener más extensiones  que nos llevará a Chrome Web Store. 

Para instalar la extensión clicar sobre Gratis , que aparece en la esquina inferior derecha.

 

 

Vota esta página

comenta

Queremos saber tu opinión

(Y compensarte por ello)

Como ya sabéis, nuestra empresa Poison Estudio trabajamos todo tipo de temas relacionados con la comunicación y la web en Bilbao. Si estás leyendo esto es porque seguramente hayamos trabajado juntos previamente. Y esperamos que nuestra relación siga siendo tan satisfactoria como hasta ahora.
Hoy, el motivo por el que te escribimos es para ofrecerte un WIN-WIN, algo en lo que tanto tú como nosotros ganamos sin dinero de por medio.
¿Has dicho gratis? ¡Me apunto!

¿Qué queremos y por qué lo queremos?

Lo que te proponemos es bien sencillo. Como sabrás, todas las empresas (tanto la tuya como la nuestra) dependemos de lo bien que nos posicionemos, pero no solo de eso. Hoy en día una de las cosas que más importancia tienen cuando alguien echa un vistazo a un negocio por Internet son las opiniones.

¿Cuántos hoteles se han ido al garete por una serie de malas críticas en Tripadvisor? ¿Cuántos han tenido que cerrar su Facebook por una mala reputación? Ya no basta con ofrecer un buen servicio, la gente ha de leer –de la mano de otras personas- que esa empresa es de confianza.

Lo que te vamos a pedir es tu sinceridad.
Para ello, te pedimos un minuto de tu tiempo para entrar en nuestro perfil de Google Plus y le des a “Escribir una reseña”. Ahí mismo podéis escribirnos sobre vuestro grado de satisfacción, resultados obtenidos y, cómo no, aspectos a mejorar (¡de los errores se aprende!) a nivel de diseño y posicionamiento de Google.

Es algo que da pereza, lo sabemos, y no te lo vamos a pedir sin darte algo a cambio (por supuesto).

¿Cómo vamos a compensar tu colaboración?

Recibir tu opinión es muy importante para nosotros, pues es desde ahí de donde uno/a aprende: el feedback es imprescindible para seguir hacia delante. Además, nos ayudarás a conseguir nuevos clientes que, como tú, buscan los servicios que ofrecemos: se trata de una especie de boca a boca virtual.

Una vez hecha esta pequeña reseña, nosotros haremos referencia a vuestro negocio (y web, y lo que queráis) en una súper entrada en nuestro blog. Aparte de las visitas orgánicas que ya de por sí recibimos en el blog, publicaremos dicho artículo con vuestro nombre en nuestras redes sociales:

  • Llegaréis a nuestros más de 1000 seguidores en Facebook (ni que decir que todo el mundo lo usa).
  • A cientos de clientes en Twitter –la red social más de moda.
  • Y a otros tantos en Linkedin, la gran red de profesionales.

Que tu web y empresa sea recomendada y nombrada no solamente te da un prestigio en tu sector, sino que ayuda y colabora en la mejora de tu posicionamiento web. Que otras páginas te enlacen va a dar potencia a tu SEO y va a decirle a Google que eres relevante para otras webs. El círculo vicioso del éxito.

Ergo, beneficio para ti y para mí. ¿Te animas a dejarnos una reseña en Google Plus?

Vota esta página

nayanda_portada

página web terapias naturales nayanda

Cuidando de nuestra salud mediante página web de terapias naturales

pagina web terapias naturales
Nayanda es un equipo de profesionales expertos y vocacionales, con años de estudio y experiencia, que mantienen vivo el entusiasmo por la Vida en todas sus formas. Nacen de su pulsión interna por acercar las terapias naturales y ofrecer un servicio de atención holística totalmente personalizada, que nos recuerde que somos más que la suma de nuestras partes

Para Nayanda, hemos creado una página web con un fondo blanco, tipografía en color negro y unos sliders muy atractivos para conseguir un mayor impacto visual. En los sliders hemos insertado unos eslóganes que van acompañados de unos botones de “saber más”para acceder directamente sobre la información.

La navegación a través del menú la página es muy sencilla, cada vez que pasamos por una de las secciones del menú la tipografía cambia de color para saber en que punto exacto del menú nos hallamos.

Siempre tenemos en cuenta el diseño adaptativo, responsable o “responsive” para facilitar la lectura de la página web en cualquier dispositivo móvil, tabletas, mini ordenadores, etc.

Podemos destacar también, el apartado de contacto en el que además de las habituales formas de contacto(mapa, teléfono, email)le hemos añadido un formulario.

Vota esta página

malware-virus-wordpress-bilbao

Ataques masivos de Malware/Virus a páginas web

Aviso a todos nuestros clientes de páginas web.

Desde hace unos meses se están produciendo ataques masivos a paginas con WordPress, a niveles de estar siendo infectadas 5000 páginas al día.

Desde Poison Estudio te contamos cómo puedes protegerte.

Si lo haces tú:

  1. Instala ó actualiza el plugin “WORDFENCE”. Sigue los pasos que te indique.
  2. Actualiza el WordPress a la última versión.
  3. Actualiza los plugins y el tema de la página a la última versión.
  4. Instala y programa un plugin para hacer copias de seguridad de tu página web como “BackUpWordPress” por si tenemos que recuperar una versión anterior de la web.
  5. Comprueba que todo funciona y se ve de forma correcta.
    * Si tu plantilla / wordpress es antiguo corre el riesgo de que algún detalle no funcione correctamente o se visualice de otra forma, no es habitual pero puede ocurrir.

Si lo hacemos nosotros:

  • Te realizamos todo lo anterior.
    * Si ocurre algo ajeno a nuestra responsabilidad (porque es una página antigua) el arreglo se presupuestará aparte.

Si lo hace una empresa de seguridad informática:

  1. Seguridad Básica 12 meses: desinfecciones ilimitadas, alerta de aviso de malware pero no incluye bloqueo de ataques.
  2. Seguridad intermedia 12 meses: desinfecciones ilimitadas, alerta de aviso de malware y WAF (herramienta de bloqueo de ataques, ideal para no tener que estar actualizando la web constantemente).
  3. Seguridad avanzada 12 meses : lo anterior más auditoría de seguridad con corrección de vulnerabilidades.
     

En Poison Estudio trabajamos para que no te lleves sustos

Vota esta página

seo_letras_freepik

Posicionamiento SEO: un caso de éxito

De 0 a 100 en posicionamiento orgánico de Google 

Que nos dedicamos al SEO (entre muchas otras cosas) ya lo sabes. Que podemos posicionar tu web para que salga en los primeros resultados de Google, ya lo has oído en anteriores ocasiones. No queremos volver a prometerte nada sin enseñarte uno de los casos de los que estamos más orgullosos: el de la web de cristalería Bolueta en Bilbao.

Porque… ¿qué mejor que un ejemplo claro y real de lo que podemos hacer por ti?

Cristalería Bolueta, 30 años de experiencia a las espaldas

La cristalería Bolueta es un pequeño negocio que lleva tres décadas en Bilbao. Su clientela, fiel como ninguna, ha quedado encantada durante generaciones con los servicios que ofrecen y la eficacia y responsabilidad con la que trabajan.

Se trata de una pequeña empresa que ha sobrevivido, por un lado a la crisis económica en pleno apogeo (que no es poco) y por otro, a la inmersión en la denominada revolución digital. Una empresa que llevaba todo a mano allá en los años 80, ha tenido que incorporar a su flujo de trabajo no solo los ordenadores, sino Internet, las webs, blogs, redes sociales, aplicaciones móviles y mucho más.

¿Cómo ha conseguido sobrevivir a un cambio tan radical?

 

Diseñado por Bedneyimages - Freepik.com

Confiando en profesionales (sí, nosotros) que trabajan mano a mano con negocios locales para posicionar su página web y adaptarlos a los nuevos tiempos mediante una relación de profesionalidad y eficacia absoluta: la misma que ellos han tenido con sus clientes a lo largo de estos años.

Los clientes de toda la vida seguirán yendo a la tienda física, sin necesidad de consultar a nadie. Pero las nuevas generaciones irán directamente a Google a buscar mamparas, cristaleras o puertas correderas en Bilbao, ciudad en la que se encuentra nuestro cliente.

Gracias al trabajo de nuestro equipo en Poison Estudio, hemos conseguido la posición número 1 en resultados de Google para búsquedas como:

  • “puertas correderas bilbao”
  • “puertas cristal bilbao”
  • “cristaleria bilbao”
  • “mamparas cristal bilbao”
  • “lunas cristal bilbao”
  • etc

Los resultados, como ves, son inmejorables: los números 1.

Muy bien, ya lo tienen todo hecho y están en lo alto: ¿para qué más necesitan vuestros servicios?

La pregunta es lógica, pero la respuesta es muy importante que la entiendas. El trabajo de SEO no es puntual, no se hace y se acaba. No es como comprar una camiseta que pagas, obtienes y te olvidas. Es un trabajo constante y necesario para seguir siendo el número 1. Igual que en el deporte.

Si se deja de trabajar la página, estos increíbles resultados se perderán e irán bajando posiciones. Y si bajan, significa que las de la competencia suben. Y todo aquél que busque en Google entrará antes en sus webs que no en la tuya. Proponemos un trabajo a dos bandas:

  • Optimización de la web y control de la velocidad de la misma
  • Añadir contenido de calidad de forma periódica con palabras clave
Vota esta página

ur2000_portada

Turismo activo y deportes: Página web para UR 2000

Servicios de Turismo Activo y Deportes de Naturalezaturismo activo

UR 2000 es una empresa con más de 20 años de experiencia, son especialistas en todo lo relacionado con el Turismo Activo en el medio natural y urbano.  Desde la creación de productos y experiencias activas, al desarrollo de  proyectos vinculados al Turismo Activo y los Deportes de Aventura, la Formación de Profesionales y los programas de  Incentivos dirigidos a la empresa y al segmento MICE (Meetings, Incentives, Conferences, and Events).

Para UR 2000, hemos creado una página web con unos sliders muy atractivos para conseguir un mayor impacto visual, en los sliders hemos insertado unos eslóganes que van acompañados de unos botones de “saber más” para acceder directamente sobre la información.

La navegación a través del menú la página es muy sencilla, cada vez que pasamos por una de las secciones del menú la tipografía cambia de color para saber en que punto exacto del menú estamos.

Podemos destacar también, el apartado de contacto en el que además de las habituales formas de contacto (mapa, teléfono, email) le hemos añadido un formulario.

Vota esta página

ideal handcrafted jewerly

Página web para Ideal Handcrafted Jewerly

ideal web-fashion

Esta es la página web de Ideal, empresa que  mediante sus joyas hechas a mano, ha creado tendencia en pasarelas y a pie de calle,encandilando  con sus diseños  a celebrities de todo el mundo durante los últimos 30 años.

Para Ideal Handcrafted Jewerly, hemos creado una página web que consigue  un mayor impacto visual.

La navegación a través del menú de la página es muy sencilla, cada vez que pasamos por una de las secciones del menú la tipografía cambia de color para saber en que punto exacto del menú estamos.

Podemos destacar también, el apartado de contacto en el que además de las habituales formas de contacto (mapa, teléfono, email) le hemos añadido un formulario.

Vota esta página