¿Qué es responsive?

Tradicionalmente se venían diseñando sitios diferentes para la versión "desktop" y la versión "mobile". Esto por fortuna ha quedado atrás en el tiempo. Hoy en día con una única web responsive es suficiente para todos los dispositivos.

Responsive es una técnica alternativa que permite que una web se adapte a cualquier tamaño de pantalla de las existentes en el mercado: Ordenadores. Tablets y Teléfonos móviles, todos ellos con una gran variedad de resoluciones disponibles.

Aunque no queremos entrar muy en profundidad en cómo se realiza un desarrollo responsive, la idea principal es que el desarrollador utiliza una única web que es capaz de visualizarse de forma correcta en diferentes dispositivos. Para ello se ajustan los tamaños de cada uno de los elementos llegando a mostrar u ocultar elementos para determinados dispositivos.

Como se puede ver en la imagen que aparece a continuación es un concepto muy sencillo de entender.

¿Qué tenemos en cuenta a la hora de desarrollar un sitio web responsive?

Aunque los aspectos que se han de tener en cuenta a la hora de crear una web responsive son muchos más, podríamos decir que estos son los más importantes:

• Los tiempos de carga: son esenciales para la usabilidad de una página web y para enriquecer la experiencia del usuario, por lo que es una de las variables que más en cuenta hay que tener a la hora de crear la web. Consulta la velocidad de carga de tu página web haciendo clic aquí.
• La tipografía: el tamaño de la letra ha de adaptarse en función de la pantalla para que el texto mostrado sea totalmente legible. Tampoco podemos olvidar una correcta elección del estilo tipográfico.
• Imágenes y videos: lógicamente, los elementos más visuales de la página web, deberán guardar una proporción que sea visible en cada uno de los dispositivos en los que se pueda mostrar la página.

¿Por qué necesita tu negocio una página web responsive?

Si tu página web no es responsive entonces no será accesible o, al menos, no de una manera correcta desde un smartphone para los casi 38 millones de usuarios móviles existentes en España, lo que significaría una gran perdida de oportunidades de venta ¿no crees?

Además, según Google:

• El 60 % de las personas no permanecerán en tu sitio web si no tienen un diseño responsive.
• El 67 % de las personas estarán más dispuestas a comprar un producto o un servicio cuando proviene de una página web responsive.

Diseñar una página web de manera responsive es esencial hoy día para una correcta experiencia del usuario.

Ventajas de una página web responsive

• Mayor tráfico web. Se obtendrá una mayor cantidad de usuarios en la web al ser posible que se acceda desde distintos positivos.
• Páginas más rápidas. Los estudios revelan que los usuarios de Smartphone tienen periodos de atención mucho menores y que por lo tanto suelen abandonar lugares que tardan más de tres segundos en cargar. Este tiempo de carga se minimiza en las páginas responsive manteniendo a los usuarios atentos y conectados.
• Menor tasa de rebote. El ofrecer una experiencia más completa al usuario se traduce en un rebote mucho menor, lo que hará que el usuario explore e indague más en la página.
• Ahorro de costes de desarrollo. El coste de desarrollo de una página web responsive, que funcione directamente en todos los dispositivos, es muchísimo menor que el de desarrollar una versión de la web para cada tipo de pantalla.

¿Cómo saber si mi página web es responsive?

Si no sabes muy bien si tu página web está optimizada de manera responsive y puede reproducirse a la perfección en distintos dispositivos, no te preocupes, Google una vez más nos da la solución a través de su herramienta mobile-friendly test.

1. Entra en la prueba de optimización responsive de Google.
2. Introduce la URL de tu página web o de la página web de la que quieras saber su nivel de optimización.
3. Pulsa el botón “probar URL”.
4. Aparecerá una barra de progreso. Al terminar esta carga tendrás los resultados y sabrás si tu sitio web es apto o no para móviles ¡así de fácil!
5. Además de darte resultados sobre responsive, también te indica qué errores se han producido en la carga y te ofrece una imagen del contenido que ve el usuario móvil en su pantalla. Es una herramienta genial.

¿Cómo se ve tu página web en los distintos dispositivos?

En el navegador de Google Chrome hay una opción poco conocida para saber como se ve tu página web en los distintos dispositivos existentes, lo que es muy útil a la hora de determinar si tu página web está optimizada para todos los dispositivos y cómo se ve en ellos. Aquí te dejamos los pasos a seguir para verlo.

1. Navega hacia la página en la que quieras probarlo
2. En la ventana “ver” de Google Chrome, pulsa la opción “opciones para desarrolladores”
3. Se te abrirá una ventana a la derecha en la que podrás ver el código de la página web, entonces tendrás que pulsar el icono en el que aparecen dos pequeñas pantallas, justo en la esquina superior izquierda del nuevo panel que se ha abierto.
4. Una vez pulses en él se te abrirá una vista previa de cómo se vería la página web en distintas plataformas, además de cambiar el ancho y el alto de la pantalla ficticia para ver cómo afecta en tu web. Hay dispositivos predeterminados iPhone X, Samsung Galaxy s6, etc.

El diseño responsive es una cuestión primaria cuando se quiere diseñar una página web, por lo que no hay tiempo que perder, si tu página es responsive ¡enhorabuena! Y si no lo es ¿a qué estas esperando?

Esperamos que este artículo os haya sido útil ¡nos vemos en el próximo!.

¿Cómo lo vamos a hacer? nuestra experiencia en escalado de negocios nos dice que lo primero que has de tener en cuenta, si quieres escalar tu negocio, es saber quién eres, dónde estás y dónde te gustaría vert en el futuro. En esta entrada os hablaremos desde la óptica de un growth hacker, una persona que conbina habilidades de marketing, desarrollo de negocio, diseño, código y todo lo anterior aderezado con ingenio y pasión.

Lo haremos en este orden:

1. Estrategia de empresa.
2. Posicionaiento. Es complicado tener posicionamiento sin una estrategia.
3. Mensajes. Es complicado lanzar mensajes relevantes sin un posicionamiento.

Lo primero que necesitamos conocer es dónde estamos en el mercado, sin perder el foco de hacia dónde queremos ir, no podemos mejorar aquello que no medimos.

Nos centraremos en métricas y análisis de datos, un growth hacker necesita métricas para mejorar y análítica que honestamente refleje si hay crecimiento. Utilizamos la herramienta de Google Analytics para ver en qué punto se encuentra nuestra web y nos percatamos de que el tráfico es escaso, unas 400 visitas aproximadamente/mes.

Tras un mes de trabajo en este plan estratégico realizando mejoras en contenidos y pequeñas acciones en redes sociales lo primero que hacemos es establer una comparativa entre periodos similares en distinto año, y ya empezamos a notar las primeras mejoras, si bien es cierto que las cifras aún son bajas, cabe destacar que las fuentes de visitas están más repartidas, dato importante ya que depender de un solo canal de adquisición podría poner en peligro nuestro objetivo.

Se aprecian picos de visitas al site que se corresponden a colaboraciones puntuales (por ejemplo Bonilista - 27/09/2020). También nos damos cuenta de que los picos más elevados de visitas se corresponden a bots (23 Marzo / 10 y 12 Abril / 17 Mayo) lo anotamos todo dentro de la propia herramienta y nos fijamos un objetivo a corto plazo, estabilizar el flujo de visitas con una gráfica ascendente constante.

Por otro lado los contenidos más visitados de forma orgánica son (excluyendo las páginas que comúnmente tienen mayor tráfico) aquellos posts que están relacionados con el desarrollo en código. La academia y los contenidos relacionados pueden servir como palanca para aumentar en visitas y generar notoriedad en Google, varios artículos aparecen en la primera página de resultados en Google.

Con estos datos vamos dando forma a la pregunta del principio - Quiénes somos y dónde estamos - nuestra intención es tener una fotografía realísta que usar como punto de partida no un cuadro expresionista abstracto de muchos colores pero poca información.

Para saber si nuestros servicios encanjan necesitamos datos demográficos de nuestra audiencia y observamos que la horquilla de edad de nuestro público oscila entre 25 - 54 años y que la gran mayoría aterriza en nuestro site de forma orgánica, osea, resultados en google. ¡Gran dato para nuestro crecimiento!, nuestros visitantes acceden a nuestros contenidos porque éste aparece en los primeros resultados de búsqueda, tenemos cierta notoriedad de marca.

La presencia en Google es importante, la compañía tiene buena presencia aunque aún hay margen de mejora con las siguientes acciones:

• Modificación de Snippets orientados a posicionamiento orgánico. El SEO on page es una de las patas fundamentales si hablamos de posicionamiento en buscadores. Las zonas dinámicas de nuestra web, como posts o casos de éxito han de estar bien estructuradas, ordenadas por jerarquias para su correcta indexación y para que sean lo más atractivas posibles o persiasivas de cara al usuario
• Crear página de Google my Business. Vamos a darle a Google lo que pide con el objetivo de indexar mejor, y Google My Business es una buena opción para, por un lado tener bien estructurada la información de tu negogico y por otro lado favorece el posicionamiento de tu web.

Con todos esos datos ya tenemos configurada una fotografía más clara sobre nuestro posicionamiento, es momento de analizar nuestra competencia, el mercado y nuestras aspiraciones.

Una vez concluida la fase anterior nos disponemos a analizar el mercado, existen inumerables herramientas que nos facilitan la maniobra, en nuestro caso usamos SimilarTech y en Sales Navigator para realizar una prospección de mercado que nos situe en el plano

Con todo esto ya tenemos bien armada la fotografía que nos define. Llegamos al momento de abordar la estrategia, serán varias acciones que "correran" simultaneamente, para que te hagas una idea y como esto va de growth marketing, te hago una pregunta, ¿te suena plan de contenidos?

ICS es un formato estándar para archivos de calendario extensamente utilizado por diversos programas de calendario y correo electrónico, incluidos Google Calendar, Apple iCal y Microsoft Outlook. Estos archivos permiten a los usuarios compartir y publicar información directamente desde sus calendarios por correo electrónico o a través de internet, de forma que los destinatarios pueden implementarla en sus propios calendarios y agendas.

¿En qué nos pueden ayudar?

Para explicarlo usaremos nuestro caso como ejemplo de caso muy común. Nosotros lo usamos para gestionar el calendario de los miembros del equipo y con nuestros clientes para que puedan tener en todo momento y de forma sencilla la planificación de sus proyectos actualizada en sus calendarios.

¿Cómo importar un calendario en formato ICS?

La forma de importar un calendario ICS a tu sistema de gestión de calendario suele ser muy sencilla, aunque esto depende del programa que estés utilizando. A continuación vamos a detallar como se hace en los sistemas de calendario más utilizados:

GMAIL

1. Abre Google Calendar
2. Arriba a la derecha, haz clic en Configuración Configuración.
3. A la izquierda, haz clic en Añadir Calendario.
4. Haz clic en Desde URL y pega la URL proporcionada por devtia.
5. Haz clic en Añadir Calendario.

Con estos sencillos pasos ya tendrás visible el calendario de tu proyecto devtia en Google Calendar. Si no es visible puede ser que tengas que marcarlo en el apartado Otros Calendarios que se encuentra abajo a la izquierda.

OUTLOOK

1. Abre Outlook
2. A la izquierda, haz click en la opción Agregar Calendario que se encuentra debajo del la vista mensual del calendario.
3. En la ventana que se abrirá, haz click en la opción Suscribirse desde la web.
4. Pega la URL proporcionada por devtia, asegurate que no hay espacios en blanco delante y detrás de la URL.
5. Rellena el nombre, color e icono con el que se mostrará en tu calendario.
6. Haz click en Importar.

IPHONE

1. Abre la aplicación Ajustes de tu iphone.
2. Haz click en la opción Calendario y en la nueva ventana que aparece haz click en opción Cuentas.
3. Haz click en Añadir cuenta y en la nueva ventana que aparece haz click en Otra.
4. Haz click en Añadir calendario suscrito.
5. Pega la URL proporcionada por Devtia, y pulsa Siguiente.
6. Haz click en Guardar.
7. Abre la aplicación Calendario de Apple.
8. Haz click en Calendarios que aparece debajo de la pantalla de la aplicación.
9. En esta pantalla podrás configurar el nombre del calendario y su color.

DISCLAIMER

Como sabes estos programas están en continua evolución, por lo que la forma de importar un calendario puede cambiar ligeramente. Si tienes problemas para importar uno de nuestros calendarios, ponte en contacto con nosotros

Atraer la atención del lector no es una tarea en absoluto sencilla, de hecho, somos meticulosos en los procesos a la hora de escribir para que el resultado sea lo más satisfactorio posible.

Seguimos empeñados en mostrarnos transparentes como sea posible, una vez más, en este artículo en el que elaboramos una guía acerca de cómo escribimos para que aprecies con claridad cuáles son los puntos fuertes de nuestro blog.

Estructura

Por normal general, nuestros artículos siguen una estructura similar. La información se desglosa a través de la siguiente fórmula: Introducción + secciones.

La introducción es una parte que puede ser clave para atraer las atención del lector y para que siga leyéndonos, se vaya a otro artículo o, incluso, a otra página. En este apartado intentamos explicar los motivos que nos han llevado a escribir este artículo y qué es lo que el lector se va a encontrar, sin explayarnos mucho.

Las secciones nos sirven para separar la información y que el artículo no se convierta en un conjunto de letras infumables. Así, el lector podrá saltarse un determinado bloque de información que no le resulte interesante para concentrarse en otro que si sea determinante para él.

Por esto antes de ponernos a escribir lo primero es crear un guión inicial de la estructura que va a tener el artículo, para saber en que tenemos que poner el foco en cada una de las partes.

Redacción

Nada de trato de ud. El lector es como un conocido para nosotros. Cuando redactamos nuestros artículos, siempre lo hacemos pensando en que va a ser leído por una persona en un determinado momento. De esta forma siempre utilizamos la segunda persona para referirnos al lector, logrando así un trato personal y directo.

Menos, es más. El arte de la escritura es muy caprichoso, y elegir las palabras adecuadas no es una tarea nada fácil, pero si hay algo claro en lo que a la redacción de artículos se refiere, es que tienes que intentar decir lo máximo con el menor número de palabras posible. Muchas veces hay párrafos e incluso artículos enteros que descartamos por el mero hecho de que no mejoran de forma notable el mensaje que queremos transmitir.

Ojo a la ortografía. Intentamos no cometer el más mínimo error, aunque somos humanos, y algún pequeño se nos puede escapar, revisamos varias veces la ortografía de cada artículo.

Lenguaje no muy técnico y de fácil comprensión. el mundo de la ingeniería y, en concreto, el de la ingeniería software, tiene un glosario de términos que suelen ser complicados de entender para el lector. Por ello, como no sabemos cual será el nivel de conocimiento de nuestro lector en relación a nuestro ámbito, intentamos simplificar expresiones y palabras complicadas para que cualquiera pueda comprenderlo.

Las negritas. Más allá de su importancia para el seo, el uso de negritas es esencial para que la fluidez de lectura sea alta y para localizar los posibles focos de atención del lector.

Imágenes

Las imágenes aportan mucha fuerza al mensaje. Por eso es muy importante reforzar las ideas del texto con las imágenes adecuadas. Elegimos las imágenes siguiendo algunos criterios que no siempre han de ser estáticos y pueden varía dependiendo del objetivo de la misma:

La foto de portada. Ha de representar, de una manera más o menos fiel, sobre qué idea tratará el artículo, por ejemplo en este artículo de redacción hemos creído que una máquina de escribir antigua refuerza la idea de que la redacción está a medio camino entre el arte y la artesanía.

Imagen de bloque. En los bloques más importantes añadimos una imagen que permita reforzar la idea. Para determinar que bloques llevan imagen y cuales no, así como el tamaño de las mismas, lo mejor es revisar el artículo desde un punto de vista plástico, para saber si hay demasiadas imágenes o demasiado pocas.

Utilizamos imágenes atractivas que no necesariamente reflejan lo que se dice en el texto, si no que lo puedan representar de una manera más alternativa. Por ejemplo en este bloque hemos elegido una foto de un objetivo. Intetamos que la relación no sea muy obvia, de esta forma escapamos a las típicas imágenes que puedes encontrar una y otra vez en los mismos artículos.

Como verás si hechas un vistazo a nuestra página principal, utilizamos mucho los motivos relacionados con la naturaleza, intentamos que las imágenes que utilizamos, sean de ambientes en los que la naturaleza esté presente. Queremos que este uso de imágenes de la naturaleza sean un contraste con la tecnología que es de lo que solemos escribir.

No solemos comprar imágenes en bancos de imágenes de pago, hay una gran variedad de bancos gratuitos con una calidad y una variedad de fotografías excepcional. Básicamente, buscamos en tres buscadores, que nunca nos han fallado y nos han dado imágenes muy buenas que han servido para acompañar al texto: pexels y unsplash.

SEO

El SEO es un complejo y vertiginoso mundo para muchos responsables de marketing, existen numerosos trucos pero nosotros intentamos poner más importancia en que el contenido aporte información de calidad o nos pemirta transmitir algo que queremos que en que tenga un SEO potencialmente excelente.

Aún así, hay algunas sencillas prácticas que seguimos y que hemos aprendido a través de la experiencia en otros proyectos. Entre otras las siguientes.

• La principal, es elegir una palabra clave que represente fielmente sobre qué trata el artículo. Una vez elegida, se construirá el artículo en base a ella, intentando que aparezca un número considerable de veces en el texto y procurando en la medida de lo posible elegir palabras de su campo semántico y sinónimos.
• Utilizamos negrita para destacar las ideas principales.
• Cuidamos la longitud de párrafos y frases para que la lectura no se haga muy pesada.
• Estructuramos el texto de forma jerárquica utilizando correctamente los encabezados h1, h2, y h3.
• Mostramos siempre tres artículos relacionados en el pie, para mejorar el enlazado interno y siempre que podemos añadimos enlaces internos en el texto.
• Atributos alt y de las imágenes.
• Estar atento a que no haya ningún tipo de contenido duplicado.
• Cuidamos la extensión, intentando que entre la introducción y los bloques ocumen en torno a las 1000 palabras.
• Intentamos evitar, en la medida de lo posible, el uso excesivo de la voz pasiva, ya que es algo que a google no le sienta muy bien a la hora de posicionar.

https://devtia.com ofrece las siguientes funcionalidades:

1. Es un sitio web donde se publican y promocionan los diferentes productos y servicios que ofrece la compañia.
2. Es una lista de correo que ofrece contenidos a nuestros subscriptores relacionados con el desarrollo de software.
3. Para nuestros clientes.
   1. Es una plataforma que permite consultar propuestas online.
   2. Es una plataforma que permite consultar la planificación de nuestros proyectos.

¿Quién es el responsable de tus datos?

¿Con qué finalidad recogemos tus datos?

Recogemos y tratamos la información que nos facilitas con el fin de:

• Responder a las cuestiones que nos planteas a través de nuestro formulario de contacto.
• El envío de información relacionado con el desarrollo de software si te registras en la academia.
• Incluirte y mantenerte informado de nuestros procesos de selección si te inscribes en trabaja con nosotros.

Dicha información la mantendremos almacenada mientras no solicites su supresión.

¿Cuáles son tus derechos cuando nos facilitas tus datos personales?

Existen una serie de derechos que puedes ejercer en cualquier momento, los cuales son:

• Derechos a solicitar el acceso a tus datos de carácter personal.
• Derecho a solicitar la rectificación o supresión.
• Derecho a solicitar la limitación del tratamiento.
• Derecho a oponerse al tratamiento.

Para ejercer tus derechos, puedes rellenar formulario de contacto o escribir a la dirección de correo info@devtia.com