Seleccionar página

Shoelace: La nueva red social de Google

Google es un gigante, y como toda gran empresa no se da por vencida intenta ganar la batalla a otras grandes empresas como Facebook, Instagram, twitter… etc.

Después del gran fracaso de google+ [Si fue un gran fiasco aunque ayudaba mucho al SEO de la web :)], google vuelve a la carga con esta red social.

Shoelace La nueva red social de Google

Que es Shoelace?

Es una red Social de google que permite poner en contacto a personas con los mismos intereses y en ubicaciones cercanas [SI lo desean]. Es una aplicación disponible para Android e IOS.

Para qué sirve?

La idea de google es crear una comunidad… o muchas comunidades de intereses comunes…

  • Gente que le guste el arte y puedan quedar en personas para ir al teatro… o gente para ir de paseo, cine… hablar de política educación… Profesores de diferentes colegios que imparten asignaturas comuniones. Grupos de lectura, deportes, viajes… etc.
  • Crear eventos [ Tipo Meetup]
  • Conversaciones tipo WhatsApp para chatear [ Otro objetivo de google es ganar o intensificar la batalla contra WhatsApp y telegram]

Como puedo acceder a Shoelace?

Por ahora no se puede, solo para la zona de Nueva York [Area 120], en breves llegara al resto de ciudades en estados Unidos. Se espera que a finales de año llegue a Europa.

Para Acceder se requiere de invitación: https://shoelace.nyc/

Debería tener mi negocio un sitio en Shoelace?

No sabemos cómo será esta red social, pero todo lo que sea de google sirve para el SEO, y conseguir Backlinks… y seguramente será bueno para temas de marketing y promoción de eventos, productos… etc…

Una red social para dominarlas a todas…

Google es un gigante con mil servicios diferentes… desde siempre google ha querido centralizar todos estos servicios en un sistema… que pueda conectarlo y enlazarlos… quizás sea este proyecto o quizás no…

Y tú qué opinas?

Sera un gran fracaso como google+ u otra gran victoria para google?

Aumentar el tamaño del logo en Divi [Versión Móvil]

Un pequeño problema que surge a la hora de usar Divi es que en la versión móvil el logo se ve muy pequeño.

¿Porque el logo se ve pequeño en el Móvil?

Existe un espacio limitado para colocar el logo, los logos suelen ser imágenes normalmente rectangulares, esas imágenes al no ser imágenes vectoriales, se pueden deformar, Con los logos cuadrados no suele dar problemas.

Cual debería de ser el tamaño del logo de mi página web?

Depende, no hay un máximo ni un mínimo. Mi recomendación seria que la imagen fuera lo más pequeña posible sin que perdiera la calidad. YO suelo usar tamaños de 600 x 400 o 800×300 dependiendo del logo.

Recuerda seguir que cada vez que subas una imagen debería de redimensionar esa imagen a un tamaño apropiado… y optimizar la calidad de la imagen. Tengo un artículo en el blog de cómo lo hago yo de forma manual o automática

Aumentar el tamaño del logo en Divi WordPress

Aumentar el tamaño del logo Opciones DIVI

Revisar las opciones del tema en este caso DIVI en el apartado  de  Apariencia > Personalizar o en Divi > personalizador de Temas.

Accedemos a la sección cabecera y navegación barra menú y ampliamos el tamaño de logo Max y el menú en altura. Revisamos que el logo se vea bien en la versión Móvil.

Esta opción no suele funcionar por lo que haremos lo siguiente:

Ampliar el tamaño del logo con Css.

Vamos a indicarle que coja el ancho y largo máximo en cualquier versión de la web [PC, móvil o Tablet].

Vamos a la sección del código y añadimos lo siguiente:

.et_header_style_left #logo, .et_header_style_split #logo {

max-width: 100%;

max-height: 80%;

}

El ancho y el tamaño máximo dependerá de tu logo, si tu logo tiene un tamaño de 1400 x 800 no te va a valer ya que es demasiado grande la imagen.

Mejorando y u sando Media Querys

Para mejorar la segunda opción .. Se podría añadir una serie de líneas en Css para que este código solo se cargara en caso de que las pantallas fueran más pequeñas, usando para ello las media Querys.

La indicamos que para pantallas con un máximo de 900px cargue este código. [Recuerda probar en diferentes pantallas y densidades de móvil que se vea correctamente]

@media only screen and ( max-width: 900px ) {

.et_header_style_left #logo, .et_header_style_split #logo {

max-width: 100%;

max-height: 80%;

}}

Lo has probado? Te ha funcionado? Si te hemos ayudado o tienes alguna duda déjanos tu opinión. GRACIAS

Aprende a usar PWA Aplicaciones web Progresivas [ I ]

Que es WPO?

Son las aplicaciones web progresivas.

Diferencias entre aplicación nativa y PWA.

  • Push, ubicación push, no requiere conexión a internet, pesa poco es rápida.
  • Si se hace bien una app no se diferencia
  • Es más rápido las actualizaciones. cada vez que subes una App  hay que generar una apk, firmarla, optimizarla, subirla al play store. con wpa es instantáneo.
  • Es más fácil: El gasto de realizar una app nativa es enorme, una Wpa se hace más simple… es una web responsive y con funciones especiales.

Diferencias entre PWA y una página web?

  • No usan el navegador, corren de forma independiente e icono
  • No requieren conexión a internet.
  • Características nativas.

Ejemplos de Wpa:

  • Washington post, Twitter.
  • Flipkart

Para qué sirve?

Porque es importante que aprendas a usar WPA

  • La gente usa el móvil. cada año se navega más con móvil- Móvil Firts-
  • Las app nativas suelen ser más usadas que una web. La web sueles consultarla y no vuelves a acceder. Una app la usas más.

Que usos se le puede dar?

Que herramientas necesitamos instalar:

  • Chrome:_ Herramientas
  • nodejs: Sirve para configurar las notificaciones server los push … etc
  • https://code.visualstudio.com: Editor de código usado o cualquier otro
  • https://www.getpostman.com/:
  • GitHub

Como Crear una PWA si ya tengo una web App?

AL final wpa es simplemente añadir a nuestra web las siguientes aplicaciones/Servicio:

  • Push server: Notificaciones de tu app
  • IndexedBB: Grabar tu app  en una bases de datos
  • Manifest: Json, como se ve la aplicación en la pantalla de inicio: Icono, textos… version… permisos que requiere. etc.
  • Service worker: Javascript El corazón.

webapp pwa

La app debe estar en https

El único problema que le veo a PWA es que toda la información queda en la cache del móvil… y el problema de espacio de los móviles.

Cuál es el mejor plugin WhatsApp para WordPress

Cual es el mejor plugin WhatsApp para wordpressSiempre es importante darla opciones al cliente para contactar, para preguntar y resolver sus dudas o problemas.

En este post nos centraremos en cuál es el mejor plugin para añadir WhatsApp a tu web.

Son eficientes los plugins WhatsApp? Ralentiza mucho la velocidad de carga?

Eso trataremos a continuación, pero todo plugin que añades a la web la hace algo más lenta, pero cuál es el más eficiente.

Son interesantes tenerlo?

Si y SI. SI queremos mejorar la atención y mejorar el CTA de la web si deberíamos

Es mejor un plugin WhatsApp u otros de Chat?

Depende, cual es el objetivo de la empresa… si quieres q te llamen o que te envíen un email, ya que no usáis el WhatsApp en la empresa pues quizás o recomendaría otro [Tengo otro artículo escrito en la web

Los Mejores Plugin WhatsApp wp

Hemos probado y analizado muchos de ellos, nos hemos quedado con 3 de ellos ya que creemos que son los que cumples sus funciones

  • Cresta WhatsApp Chat
  • Click to chat for WhatsApp
  • WhatsApp Chat

Existen varios el más simple de todos es Cresta WhatsApp Chat

Este es el plugin mas básico solo un botón en la parte inferior que permite conectar con WhatsApp con la empresa. También es uno de mis preferidos, muy muy simple, conecta y habla. Te permite configurar la versión la posición y en que paginas saldrá. Tiene schortCodes por si prefieres añadirlo tú en otra sección o widget.

En temas de diseño es demasiado simple… ya que no permite configurar casi nada la versión free

En temas de velocidad de carga es de los mas rápido, los datos de metros o pingdom no muestra casi diferencia.

Otro más complejo seria Click to Chat for WhatsApp o WhatsApp Chat

La única diferencia es en temas de configuración diseño, ósea yo probaría el cresta y clic si el creta es suficiente para vosotros lo dejaría, si necesitáis algo más en temas de diseño pues el clic.

Precio versión Pro: 12€ para siempre.

Click to chat for WhatsApp

Es muy similar al anterior pero con más opciones de  diseño formas, mensaje personalizado, diferentes estilos de botones, posiciones… sobre todo en temas de diseño más bonito…

Es interesante también la opciones de grupo… permite que las personas que hagan clic se unan a un grupo de WhatsApp quizás para algún tipo de empresa o sector sea interesante.

Es el plugin con mejores opiniones.

Velocidad de carga de la web antes de instalar el plugin y después.

  • Page Speed Antes [ 73 móvil – 97 PC]
  • Page Speed Después[69 móvil – 94 PC]
  • Pingdom Antes y Después :Nos da la misma puntuación… algo más de peso y algo más de tiempo de carga pero es normal la puntuación 91 B
  • Gmetrix casi igual.

Si busca varios diseños y modelos, poder modificar posición de los elementos y configurar tu mensaje para escribir esta es la mejor opción…

Precio de la versión pro es de 12€ Lifetime. Ósea muy barato.

WhatsApp Chat

Muy similar al anterior en cuanto a funciones, en mi opción algo más feo en temas de diseño y en opciones.

La única ventaja que le veo es cuando la empresa es grande y tienes varios WhatsApp de atención… departamento de venta, errores, dudas… departamento comercial… etc. Ya que permite tener un chat para cada uno de eso departamentos…

Aunque esta función es de pago es muy económica son solo 10€ para siempre… en una web o 40€ para agencias… ósea muy económico.

Temas de velocidad:

  • Pindom: baja 2 puntos de velocidad
  • Gmetrix: Prácticamente igual

Prácticamente son iguales WhatsApp Chat y Click to chat misma velocidad, aunque quizás me decante por este último.

Resumiendo: Cual es el mejor plugin WhatsApp Chat?

  • Si te preocupa el tema SEO y a velocidad de carga la mejor opción es Cresta
  • SI te interesa más el Diseño: Click to chat
  • Si quieres enviarlo a un grupo: Click to chat
  • Si tienes varios departamentos con empleados: WhatsApp Chat.

Yo uso sobre todo Cresta y Chaty [En el blog tenemos otro artículo sobre Chat, mensaje, bot]

¿Y tú que chat para WhatsApp nos recomiendas?

Adwords Express Creando una campaña de publicidad en Google [BASICO]

En este post vamos a explicar cuales son los pasas para crear tu primera campaña en Google Adwords . Estoy haciendo una campaña para una empresa de aeronáutica y aprovecho para contártelo.

Requisitos Google Adwords Express 

Antes de empezar la campaña te recomendaría hacer varias cosas..

  • Analizar las palabras clave con el planificador de palabras clave te dirá cuanto cuesta un anuncio para esa palabra y así buscar cual es la mas efectiva [ Buscando un niño un sector o similar].

Ejemplo: Cursos de ingles [ Suele ser muy caro] Pero mas económico seria cursos de ingles para niños o curso de ingles para empresas.. etc.

  • Conectar tu cuenta de Analytics con Adwords para si poder analizar si la campaña es positiva o no… muchas gente pensara que una campaña es positiva si vendo mucho o poco.. pero no debería ser un termino bueno para medirla… ya que vender en una web depende de tu empresa… del producto si es bueno o malo, del precio, de los gasto de envió, de la seguridad que de tu web, de tu imagen.. etc. Ahí ya estaríamos hablando si es rentable a tu empresa invertir en Adwords .. Si el coste de inversión conlleva beneficios.
  • Analiza a tu competencia.. que anuncios esta poniendo, cual invierte mas? a que horas del día lo hace? en fin de semana también? A lo largo del año cuando aparece su anuncio?  Que épocas del año son mejores para invertir?.

Cual es el Objetivo de la campaña? A donde queremos redirigir al usuario?

Lo primero es saber cual es el objetivo.. a donde queremos lleva a nuestros clientes que acción necesitan hacer.. llamarnos? Saber nuestra Ubicación? acceder a la web? Nosotros en este caso queremos que accedan a la web para comprar un servicio  [ Cursos de Aeronáutica].

Selecciona un objetivo para tu anuncio Adwords

 

Selecciona un objetivo para tu anuncio AdwordsDonde esta nuestro publico?

En este caso nos piden en que zona esta.. si es para ir a la tienda seleccionaríamos en nuestra ciudad y un radio 50km [ Dependiendo de nuestros productos].

En este caso el objetivo es cualquier persona española. 

Piensa dónde quieres atraer a tus clientes y selecciona la zona en la que se va a mostrar tu anuncio.

 

Que categoría y servicios tendrá tu anuncio?

Esta es la parte mas importante deberemos de tener claro en que categoría vamos a crear nuestro anuncio o cuales serán los servicios que vamos a ofrecer en estos anuncios..  en esta caso la empresa ofrece cursos online de aeronáutica, vamos a crear solo dos anuncios.. una en general de curso y otro mas concreto de un curso 145.

Define tu producto o servicio Adwords

Crea el anuncio – Que mensaje vera el cliente

Esta es la parte mas de marketing.. mas de llamada a la acción.. de conocer a tus clientes y tu competencia .. hacer resaltar tus grandes virtudes.. tu experiencia.. tus ofertas y promociones.. el porque deben acceder a esa web para contratar tus servicios.. 

 

Crea el anuncio AdWords Express

Añadir imágenes a tu anuncio (opcional)

Suelo añadir las imágenes mas representativas de la web como el logo o algún cartel publicitario que se creo pero no suelen mostrarse. [ Salvo que uses una campaña de display que entonces si es obligatorio algo visual]

Cuanto vas a invertir en tu campaña de Adwords?

Pues depende de lo que vaya a ofrecer o lo que quieras promocionar.. muchas empresas para empezar, cogen presupuestos pequeños.. yo no recomendaría invertir menos de 120€ al mes o a los 15 días… creo que es una buena cantidad.. depende también del sector que este..

Si la campaña te la va hacer un profesional, lo dicho mínimo 120€, pero si las vas a crear tu puedes empezar con 45€ y analizar bien los resultado y luego ya invertir mas.

 

Establecer el presupuesto AdWords Express

Visualización general de tu anuncio.

  • Te mostrara como queda el anuncio..
  • Los últimos pasos seria añadir tus datos de pago y datos de la empresa para temas de facturación.
    • Tarjeta: Numero de tarjeta – CVV y Fecha de caducidad
    • Numero de cuenta:  Titulas de la cuenta, Código IBAN y SWIFT BIC

OFERTA INICIAL: Suelen dar un descuento en las primeras campañas

Invierte 40,00 EURO en Google Ad antes del 29 jul. 2019 (inclusive). Obtenga 80,00 EURO en crédito publicitario futuro.
 

 

CONFIRMACION DEL NUMERO DE CUENTA TE INDICAN QUE DEBES DE VERIFICAR TU CUENTA [ TE AÑADIRAN UNA CANTIDAD INFERIOR A 1€ EN TU CUENTA Y HABY QUE AÑADIRLA EN METODOS DE PAGO DENTRO DE ADWORDS]

 

POr ultimo nos indica

Cuál es el mejor plugins de WordPress para compartir Artículos

El mejor plugins en base a qué? existen miles de factores por los que cada uno pueda elegir una u otra opción, lo que comento aquí es bajo mi propia experiencia, y solo todo fijándome en 3 aspectos que son los más importantes para mí:

  • Que sea un plugins botón fácil de compartir con todas las redes.
  • Que no consuma mucho espacio del servidor.
  • Que no repercuta mucho en la velocidad de carga:

No me sirven para compartir Post.

Unos de los primeros que hemos probado son estos dos, tiene buena puntuación y muchas descargas así como buenas actualizaciones, después de probarlos, vemos que uno de ellos no tiene WhatsApp para compartir… un bajo vamos… y el otro lo ves como muy malo ya y al ponerlo en funcionamiento no me gusta estéticamente,

  • Social Media and Share Icons (Ultimate Social Media)
  • Social Pug

 

Cual es el mejor plugin de wordpress para compartir Articulos

Monarch: El plugins social de Divi

Una de las mejores opciones dicen los expertos que es Monarch de Divi, es un plugins realmente muy potente que no le falta de nada, tiene muchas opciones, mil formas de posicionar, todas las redes sociales… contadores…

Uff me lo quedo fijo…

Los primero clientes les añadí este plugins era buenísimo… no le faltaba de nada… hasta que un día… hablando con los empleados de web empresa, y les comentaba temas de optimización, del hosting, de velocidades…  les comentaba que quería mover a un cliente a un hosting más económico ya que no le sacan el rendimiento necesario… el servidor me contesto que monarch está consumiendo el 90% de los recursos del servidor…

Uff… desinstalando Monarch

Simple Share Buttom : Compartir Post en tus redes sociales

La siguiente prueba me llevo a buscar un plugins lo más simple posible que no consumiera… me encontré con simple share buttom uno de los más descargados… con grandes opiniones… muy completo… casi como monarch…

 

Lo instalo lo pruebo todo, ok, le paso los test de velocidad… la web casi va igual de rápido… genial este es el BUENO POR FIN¡¡¡¡

Unas semanas más tarde rastro la web en busca de url y códigos que puedan repercutir en la web… al hacerlo veo que este plugins añade muchos enlaces raros a la web… es normal… ya que es un plugins de compartir los botones e imágenes de los botones están en otro lugar la web tiene que cargarlos… ufff.. Problema…

Problemas de simple share buttom

 

Ufffff… hay que seguí buscando algo mejor…

 

AddThis: El plugins perfecto para compartir tus artículos.

  • He seguido buscando AddThis me recuerda al ShareThis que no me gusta nada, pero después de probarlo:
    Estéticamente está bien
  • Es sencillo
  • Permite múltiples redes…
  • No Ralentiza el servidor.
  • No afecta a la velocidad de carga.

 

velocidad de carga con Addthis

Velocidad de carga con Addthis

Por ahora…. me quedo con este… cumple su función… no ralentiza la web y no carga en exceso la web ni crea enlaces raros…