Desde CITIFACE nos gusta cuidar mucho todos y cada uno de los detalles de diseño en todos y cada uno de ellos de nuestros proyectos y tiendas en línea que efectuamos. De ahí que estamos al papagayo de las últimas tendencias en diseño web y experiencia de usuario.

¿Todavía no conoces cuáles son las tendencias en diseño web para este año? No pasa nada, te las detallamos a continuación para que puedas renovar el diseño de tu ecommerce.

Back to top

1) Diseño de ancho completo

Hoy en día ya no nos resulta extraño que al entrar en un sitio usen todo el ancho de la pantalla, tanto en cabeceras, imágenes (hero images) y vídeos. Esto es una forma de captar la atención del usuariotransmitiendo en un simple golpe de vista la propuesta de valor del negocio y su imagen de marca.

A su vez, se pasa de los encabezados o bien hero de este género, que como se puede observar ocupan mitad de pantalla:

A este nuevo diseño de encabezado donde se mezclan las grandes tipografías con leyes de usabilidad(texto a la izquierda).

Tal y como podemos ver en la página web de Stripe, ya se está comenzando a mover el titular y el CTA (Call to action o bien llamada a la acción) a la izquierda, reduciendo la imagen y colocándola a la derecha, en general siempre diseñada de forma personalizada para este fin. Por lo tanto, ya se empieza a ver más variedad en el empleo de los encabezados clásicos (con el titular centrado encima de una imagen llamativa). En este tipo de diseño clásico, la atención del usuario se centra en la imagen donde se sobrepone el texto, que lo que señala el texto en sí.

También, el humano está acostumbrado a leer desde la izquierda a la derecha (al menos en la mayoría de idiomas) por lo que tener el texto en la izquierda y la imagen a la derecha ayuda a la usabilidaddel usuario.

Back to top

2) Diseño de tipografías (como elemento principal)

En cuanto a la tipografía hemos de ser conscientes de que cada vez está más presente en el diseño web como elemento principal. O sea, se emplean tamaños de letras exageradas, gigantes, convirtiéndolas en las protagonistas del diseñoy en torno a ellas gira el mensaje principal que se quiere trasmitir en la página o bien sección donde se encuentren.

A continuación, en este caso de ejemplo, puedes ver cómo el texto se convierte en el principal elemento de esta web.

¿Quieres vender con publicidad pagada un producto o servicio clave de tu negocio? En internet existen muchas formas de hacer publicidad. A través de dispositivos móviles y también internet, el día de hoy es posible adquirir productos o servicios en menos de varios clicks. Tu negocio puede abordar este nicho de mercado con publicidad en linea; por esta razón en esta entrada te contaremos como vender con publicidad pagada en internet.

Back to top

1) Vender con publicidad pagada online

Publicidad en la red de redes corresponde a la comunicación que procura incrementar el consumo de un producto o bien servicio; y así posicionar un producto en la psique del consumidor. Esto ultimo llevado a cabo a través de la red mas popular del planeta: Internet.

El avance de las plataformas digitales dejan el diseño de campañas publicitariashechas a la medida de los negocios. Las compañías buscan llegar a su publico a través de diferentes formatos de anuncios con contenido atrayente y dinámico. Desde la ubicación, dispositivos y objetivos definidos; la estrategia de publicidad pagada busca atraer clientes del servicio potenciales prestos a comprar.

Discutamos entonces como vender con publicidad pagada ademas de mentar ciertas ventajas de dicha estrategia de marketing para tu negocio. Las campañas de publicidad pagada se despliegan en internet muy puntualmente en:

1. Motores de Búsqueda
2. Redes Sociales
3. Banners
4. Pop-Ups
5. Blogs
6. Móviles
7. Email Marketing
8. Vídeo
9. Re marketing

1.1) Campañas para aquellos que buscan en la red

Esta publicidad llevada a cabo en los motores de Búsqueda(p.ej Google), es la mas empleada por los anunciantes en tanto que por medio de ella, se llega de manera directa a los usuarios que están en la búsqueda en línea de productos o servicios  específicos.

La publicidad pagada en motores de búsqueda es llamada tambienLos anuncios de esta categoría son aquellos que se sitúan en los primeros resultados de búsqueda del motor.

Gracias a los anuncios patrocinados en motores (Google AdWords, Bing Ads o Yahoo Search Marketing) se genera a partir dey la gestión de pujas.

Back to top

1) 21 Ene Tips para Optimizar tus Blog post para posicionamiento en buscadores con Writing Assistant

Si deseas optimizar tus artículo para SEOte interesa leer este artículo. En este post te cuento cómo escribir textos optimizados que proporcionen tráfico a tu web.

Escribir un post es esencial dentro de tu estrategia de marketing digital. Pero no se trata de redactar por redactar. Se trata de redactar contenidos de calidad que posicionen, atraigan y conviertan.

Tu artículo debe estar bien posicionado en el buscador, para que los usuarios puedan hallarlo. Para esto es esencial que además de atrayente para los usuarios, tenga también una estructura posicionamiento web adecuada.

Si a los usuarios les gusta, lo compartirán. Ten presente que cuando el usuario comparte el contenido que escribes, y con el tiempo (pues no es cosa de 2 días) te puedes posicionar como referente en tu ámbito.

Algunas personas piensan que escribir textos optimizados para SEO y escribirlos para atraer y cautivar a la audiencia son dos objetivos dispares.

Y es cierto que lo puede parecer. Ahora bien, si has optimizado bien tu blog post para posicionamiento SEO, si le gusta al usuario, también le gustará a Google.

Además de darte unos consejos posicionamiento web en buscadores sobre cómo puedes escribir tus post en tu weblog, también quiero mostrarte como funciona SEO Writing Assistant de .

Índice de contenidos

Back to top

2) ¿Cómo redactar un buen artículo en posicionamiento en buscadores?

A continuación te muestro ciertos tips para artículos para posicionamiento SEO que posicionen.

 

2.1) Planifica tu artículo ya antes de redactar

 

Antes de lanzarte con la redacción del texto, haz un esquema y organiza el contenido de lo que explicarás. Crea una estructura para tu post, con una intro, el cuerpo del artículo, un call to action (si procede) y la conclusión.

No hace falta que definas el título definitivo de tu publicación, pero sí la temática que va a tratar y sus apartados.

Crea los posibles subtítulos y cierra con una conclusión o con un párrafo de cierre en el que sintetices las ideas principales.

Para incluir llamadas a la acción puedes, por servirnos de un ejemplo, solicitar a tus lectores que dejen un comentario o bien compartan tu publicación.

 

mejorar la visibilidad en buscadoresde tu,oy quieres conocer las tendencias posicionamiento web en buscadores de 2020? ¡Estás de suerte! Como otra herramienta digital que es, el posicionamiento SEO está sujeto a cambios e innovaciones todos los años. De hecho, sorprende la manera en que las agencias ycontinúan enfrentándose día a día a los crecientes desafíos técnicosy, aún así, consiguen posicionar sitios weben mercados cada día más competidos. Debido a que Google y sus algoritmos, es crítico conocer las tendencias que vienen en materia de posicionamiento webpara, no sólo permanecer en primeras situaciones, sino mantenerlas.

Año tras año, tras hacer balance del año y analizar las posibles tendencias, es muy habitual que salgan a la luz comentarios catastrofistas del estilo « el posicionamiento web ha muerto» o « las redes sociales y las plataformas de ads son la nueva meca«. Sea como fuere, la realidad es que la optimización web en los motores de búsquedaes cada día más dura (debido a la alta competencia en) y complicada (posicionamiento web técnico,, ,, posicionamiento web mobile, SEO de las redes sociales, Vídeo posicionamiento en buscadores, etc.. Aun así, las empresas continúan basando su presupuesto digital para 2020en la necesidad de captar tráfico cualificado y segmentadoa través del posicionamiento orgánico.

Dicho esto, por más que algunos se empeñen en cargarseel, el posicionamiento en buscadoresestá más vivo que jamás y, si eres de los escépticos, echa una ojeada a las últimas tendencias posicionamiento en buscadores de 2020y conoce por qué el SEO sigue estando en la primera línea de batallade cualquier estrategia de marketing on line. Ármate de ganas, estrategia, herramientas (y una buena agencia o asesor posicionamiento SEO) y lánzate a optimizar tu lugar web. En esta guía te explicaré todo lo que viene en los que a posicionamiento web se refiere, para que adaptes tu estrategia SEO, puedas adelantar a tus competidores en los resultados de Google y consigas más y mejor tráfico web.

Back to top

1) Introducción. ¿Qué es bootstrap?

Bootstrap es una librería CSS, o sea, es un fichero CSS que añades en tus proyectos para tener una serie de estilos ya dispuestos para usar.

Este tipo de librerías CSS suelen incluir estilos para los elementos más comunes de una página web, como por poner un ejemplo, botones, tarjetas, navbars, etcétera Además tiene una serie de estilos para crear columnas fácilmente.

Back to top

2) ¿Por qué utilizar Bootstrap? Ventajas

• Facilidad de uso. Lo único que debes hacer es poner clases a elementos HTML.
• Responsive. Perfecto para crear páginas web acomodables a cualquier dispositivo.
• Personalizable. Puedes personalizar su descarga para utilizar los elementos que necesites.
• Gran comunidad. Este framework está muy extendido y si tenemos un problema podremos localizar mucha información en Internet.

Back to top

3) Descarga y instalación de Bootstrap

Para usar Bootstrap en un proyecto tenemos 2 formas de hacerlo:

3.1) Instalación de forma manual

Para instalar Bootstrap de forma manual lo que tienes que hacer es descargar los ficheros de Bootstrap desde su página web haciendo click en Downloaddentro de Compiled CSS and JS:

Además, para que funcione correctamente tienes que descargar también Jquery y Popper.js, un par de librerías que usa Bootstrap a fin de que funcione adecuadamente.

Jquery: Popper.js:> Botón derecho > “Guardar cómo” y lo descargas.

Una vez descargados todos los ficheros, los tienes que meter dentro de una carpeta en tu proyecto. IMPORTANTE: Si empleas un framwework como React, Vue o Angular no te recomiendo que lo hagas así.

Dentro de la carpeta que te has descargado de Bootstrap hay una carpeta cssy otra carpeta js. En la carpetita csses donde están los estilos y en la carpetita jsel javascript preciso a fin de que ciertos elementos funcionen.

¿Quieres saber si tu página web está amoldada a móviles? Allá por el veintiuno de Abril de 2015 Google manifestó que le resultan de interés las páginas web que tengan su contenido amoldado a móviles o tablets. Concretamente, Google anunció, “debido a la notoria masificación en el empleo de dispositivos móviles, google estima que es una obligación para la compañía el enseñar con una mayor frecuencia aquellas webs que permitan al usuario una mejor experiencia en la visualización de sus contenidos”.

Dicho de otra forma, Google considera que es mucho más importante enseñar es sus SERPS (resultados de búsquedas) páginas webs que sean amoldados a móviles.

Claro está que ésto siempre y en toda circunstancia será desde el punto de vista de búsquedas desde el móvil, con lo que el cambio en su algoritmo sólo estará afectando a los usuarios que emplean tablets o móviles para buscar determinadas webs.

Lo cierto, es que en ese instante, en el 2015, hubo un bum de información de todos y cada uno de los diseñadores, programadores, bloggers, empresas de diseño y agencias de publicidad que charlaban de que adaptases tus webs a móviles o tendrías una “penalización”, y la verdad es que no es tanto eso,… Yo me aventuro a decir que lo que ocurre es sencillamente que si no tienes una web amoldada, una web responsive estás promoviendo una mala práctica, un mal uso de tu mayor escaparate…

Nunca podemos olvidar que nuestra web es nuestro acceso a Internet, es nuestra puesta en marca de nuestra marca ¿descuidas el aspecto de tu marca? ¿no le das la relevancia que tiene? ¿no te gustaría ofrecer un visualización de tu contenido a un mayor número de usuarios en estupendas condiciones de leerte?, si es así, ya te estás respondiendo tú solo, deberías de tener tu página web responsive.

Back to top

1) Verifica si tu página web está adaptada a móviles, es responsive

Google nos ayuda a ver cuánto de optimizada está tu página web desde la perspectiva de adaptación a móviles, pone a disposición de cualquier usuario una herramienta de comprobación.

Te pongo el enlace a la misma para qué tú mismo puedas comprobarlo:.

Verás que la herramienta es muy sencilla, cuando cargues la página te preguntarán ¿Tu página web está optimada para móviles?y tendrás un cuadro de texto donde pondrás la url de tu página para que google se conecte a ella y pueda hacer un análisis de todas y cada una de las cuestiones de tamaños, adaptaciones de CSS para poder dar un resultado y decirte en qué grado de adaptación está.

¿Deseas saber si tu web está amoldada a móviles?

Allá por el 21 de Abril de dos mil quince Google manifestó que le resultan de interés las webs que tengan su contenido amoldado a móviles o tablets. En concreto, Google anunció, “debido a la concida masificación en el empleo de dispositivos móviles, google considera que es una obligación para la empresa el enseñar con una mayor frecuencia aquellas webs que dejen al usuario una mejor experiencia en la visualización de sus contenidos”.

Dicho de otra manera, Google estima que es mucho más importante enseñar es sus SERPS (resultados de búsquedas) páginas webs que sean amoldados a móviles.

Claro está que ésto siempre va a ser desde la perspectiva de buscas desde el móvil, con lo que el cambio en su algoritmo sólo estará afectando a los usuarios que utilizan tablets o bien móviles para buscar determinadas webs.

Lo cierto, es que en ese momento, en el 2015, hubo un bum de información de todos y cada uno de los diseñadores, programadores, bloggers, empresas de diseño y agencias de publicidad que hablaban de que adaptases tus webs a móviles o bien tendrías una “penalización”, y lo cierto es que no es tanto eso,… Yo me aventuro a decir que lo que pasa es sencillamente que si no tienes una web amoldada, una web responsive estás fomentando una mala práctica, un mal empleo de tu mayor escaparate…

Nunca podemos olvidar que nuestra página web es nuestro acceso a Internet, es nuestra puesta en marca de nuestra marca ¿desatiendes el aspecto de tu marca? ¿no le das la importancia que tiene? ¿no te agradaría ofrecer un visualización de tu contenido a un mayor número de usuarios en estupendas condiciones de leerte?, si es de esta manera, ya te estás respondiendo solo, deberías de tener tu página web responsive.

Indice de contenidos de esta entrada

Back to top

1) Verifica si tu web está adaptada a móviles, es responsive

Google nos ayuda a ver cuánto de optimada está tu web desde el punto de vista de adaptación a móviles, pone a predisposición de cualquier usuario una herramienta de comprobación.

Te pongo el enlace a exactamente la misma para qué exactamente mismo puedas comprobarlo: .

Verás que la herramienta es sencillísima, en cuanto cargues la página te preguntarán ¿Tu web está optimizada para móviles? y tendrás un cuadro de texto donde pondrás la url de tu página para que google se conecte a ella y pueda hacer un análisis de todas y cada una de las cuestiones de tamaños, adaptaciones de CSS para poder dar un resultado y decirte en qué grado de adaptación está.