Diseño web https://pampua.es Aprende a optimizar la web de tu empresa Thu, 21 Feb 2019 12:58:03 +0000 es hourly 1 https://pampua.es/wp-content/uploads/2017/11/cropped-pampua_logo-nuevo-1-32x32.jpg Diseño web https://pampua.es 32 32 En este podcast voy a compartir contigo todos los conocimientos de diseño web que he ido adquiriendo desde 2002. Si los vas aplicando podrás hacer tu mismo que tu web te consiga más clientes, cargue más rápido y aparezca más arriba en los buscadores. Ramón Prats clean Ramón Prats ramon@pampua.es ramon@pampua.es (Ramón Prats) Ramón Prats Aprende a optimizar la web de tu empresa Diseño web https://pampua.es/wp-content/uploads/2018/01/diseno-web.jpg https://pampua.es TV-Y Spain Weekly Análisis web de un comparador online https://pampua.es/52-analisis-web-persotec/ Thu, 21 Feb 2019 09:10:19 +0000 https://pampua.es/?p=2388 https://pampua.es/52-analisis-web-persotec/#respond https://pampua.es/52-analisis-web-persotec/feed/ 0 <p>Hoy analizamos una web un tanto especial, se trata de un comparador/recomendador de productos de tecnología. Muy útil la verdad.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/52-analisis-web-persotec/">Análisis web de un comparador online</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy analizamos una web un tanto especial, se trata de un comparador/recomendador de productos de tecnología. Muy útil la verdad. Hoy vamos a analizar la web de persotec.es, pero antes un poco de autobombo:
Por 30€ analizo durante 15 minutos los puntos clave de tu web a nivel de marketing y diseño.
Cuéntame cuál es el objetivo de tu web y te diré lo que debes modificar para aumentar las conversiones.
Te enviaré el audio en un mp3 a tu email y además lo publicaré en este podcast, (con lo que obtendrás publicidad gratis!)
Pásate ahora mismo por https://pampua.es/analisis y solicita un análisis web como el que vamos a hacer hoy.
Empecemos con el análisis
Nos dice Peter: “El objetivo de esta web es convertirse en el trivago o rastreator de los productos de electrónica.”
Logo bien, pero mejor con slogan
Vídeo de cabecera lo eliminaría, hace que la web tarde más en cargar
Velocidad de carga: Muy lenta: Eliminar el preloader
Salto del scroll, intentar que quede después de la instrucciones de uso de la web.
Eliminar enlaces a RRSS. No queremos que se vayan las visitas.
Al entrar al buscador el botón magenta no tiene sentido, yo lo pondría en amarillo como el logo
Cambiaría “Guía de compra” por “Guías de compra” y pondría más, al menos una de cada categoría
A las fotos de últimas búsquedas las falta identidad gráfica, y a ser posible, en lugar de ser la foto de la categoría estaría bien que fuera la foto del producto.
Potenciar el aspecto humano.
Me gusta el quienes somos, pero falta el experto en audio.
Contacto, foto de las oficinas con el logo en la pared.
Formulario falta la adaptación al RGPD
Textos legales falta el titular de la web, entre otras muchas cosas.
En el pie cambiar “persotec” por nuestros expertos, eliminar RRSS y poner expertos
Y esto ha sido todo por hoy, si tienes cualquier pregunta de diseño o marketing que te gustaría que resolviera pásate ahora mismo por https://pampua.es/contacto y déjame un mensaje; estaré encantado de resolverla la semana que viene.
Si quieres proponerme algún tema para futuros episodios, lo mismo pásate por https://pampua.es/contacto o si lo prefieres en los comentarios de iVoox, o por telegram o twitter como @pampua.
Si te ha gustado este episodio compártelo al menos con una persona a la que pueda resultarle interesante. Por whatsapp, por mail, por  Facebook, twitter o incluso por SMS, como quieras, pero compártelo! Recuerda que puedes escucharlo y suscribirte en iTunes, iVoox, Spotify, Youtube y desde la web de pampua.es/podcast.
Y por último, te repito que estaré inmensamente agradecido si me dejas una reseña de 5 estrellas en iTunes o un me gusta y un comentario en iVoox. Puedes ver cómo dejar una reseña en www.pampua.es/resena
El jueves que viene tendremos un especial de preguntas y respuestas, mándame la tuya.
Muchísimas gracias por escuchar hasta el final, por comentar, por tus “Me gusta” y reseñas. Nos escuchamos la semana que viene, llueva, nieve o truene!
]]>
Ramón Prats 2 52 clean 14:50
Cómo mejorar el posicionamiento de tu web https://pampua.es/51-mejorar-posicionamiento-web/ Thu, 14 Feb 2019 09:10:28 +0000 https://pampua.es/?p=2367 https://pampua.es/51-mejorar-posicionamiento-web/#respond https://pampua.es/51-mejorar-posicionamiento-web/feed/ 0 <p>Hoy vemos cómo puedes mejorar el posicionamiento de tu web mejorando la experiencia de los usuarios y aplicando unos consejos muy sencillos.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/51-mejorar-posicionamiento-web/">Cómo mejorar el posicionamiento de tu web</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy vemos cómo puedes mejorar el posicionamiento de tu web mejorando la experiencia de los usuarios y aplicando unos consejos muy sencillos. Hoy vamos a ver cómo hacer que tu web se posicione más arriba en Google, pero antes, un poco de autobombo:
Si te apuntas a mi lista de correo, además de recibir sólo contenido relevante del mundo del diseño web (por ejemplo si google cambia algo importante) te voy a regalar estos 4 ebooks de marketing digital:

Convierte tu empresa en un imán para clientes
Contenidos que enamoran
Cómo elaborar un branding
10 consejos de email marketing

Apúntate ahora mismo en www.pampua.es/regalo Venga, dale al pause y entra en pampua.es/regalo que yo te espero aquí…
Cómo mejorar el posicionamiento de tu web
Voy a ser muy directo, si mejoras la experiencia del usuario, mejorarás el posicionamiento.
Esto es así porque Google tiene muy en cuenta lo que hace el usuario cuando va desde los resultados de la búsqueda ha tu web.
Por ejemplo, sí el usuario está menos de 10 segundos y vuelve atrás a los resultados de la búsqueda, Google va a interpretar que ese usuario no ha encontrado lo que buscaba y por eso va a mirar otros resultados. Y cómo Google lo que quiere es ofrecer la mejor experiencia posible a sus usuarios, te va a penalizar y cada vez aparecerás más abajo.
Entonces, lo que tienes que hacer es ofrecer contenido que tus usuarios valoren y haga que se queden en tu web: artículos, vídeos, podcast…
Mejorar la velocidad de carga de tu web también influye mucho, porque si el usuario se cansa de esperar a que cargue va a volver atrás. Deberías intentar que tu web cargue en 2seg, pero no sólo la home, cualquier entrada del blog también, porque muchos usuarios van a acceder directamente a algún artículo en concreto.
Hablamos de ello en el episodio 48
Y enlazando con lo que te decía de que muchos van a entrar directamente a algún artículo, tienes que saber que el 67% de las búsquedas que se hacen en Google son “long tail”, esto es de más de 4 palabras:
Botas
Botas negras
Botas de futbol negras
Botas de futbol negras Cristiano Ronaldo
Cuanto más específica es la búsqueda, menos competencia hay y mejor convierten esas visitas.
Por eso te recomiendo que te enfoques en hacer contenido para esos “long tail” relacionados con tu negocio.
Por ejemplo si tienes un taller mecánico, en lugar de intentar posicionar como: taller + nombre del municipio, es mejor que te especialices en algo y posiciones los términos de esos conceptos, por ejemplo:
Recarga aire acondicionado seat ibiza
Cambio aceite opel corsa
Es cierto que estas búsquedas son menores que las genéricas de “recarga aire acondicionado” y “cambio de aceite”, pero los que busquen además su modelo de coche y vean que tu tienes un artículo en el que explicas cómo hiciste esa reparación para un cliente, con fotos y algún vídeo, te van a ver como un experto en ese trabajo en concreto y van a confiar en ti.
Tendrías que tener en cuenta que contenido funciona mejor para la búsqueda que quieres posicionar, no es lo mismo ofrecer un producto, que un servicio.
Lo mejor es que hagas una búsqueda y veas que es lo primero que aparece en Google. Por seguir con el mismo ejemplo, tanto para “Cambio aceite opel corsa” como para “Recarga aire acondicionado seat ibiza” nos aparecen 3 vídeos destacados, por lo tanto deberíamos enfocamos en crear vídeos en los que hablemos de cómo hacer esto.
Si ya has estado creando contenido (algo que recomiendo hacer desde el principio) te recomiendo que vayas a Analítics y mires a ver cuantas visitas te llegan gracias a que temas o tipos de contenido, y crees más contenido similar al que mejor funciona.
Otra opción muy interesante es mejorar el contenido que ya tienes creado que mejor esté ...]]>
Ramón Prats 2 51 clean 12:41
La importancia de una web en el proceso de ventas https://pampua.es/50-importancia-web-proceso-ventas/ Thu, 07 Feb 2019 09:10:02 +0000 https://pampua.es/?p=2355 https://pampua.es/50-importancia-web-proceso-ventas/#respond https://pampua.es/50-importancia-web-proceso-ventas/feed/ 0 <p>Hoy hablamos con Carlos Sogorb de la importancia de un buen diseño web en el proceso de ventas de una empresa y un eCommerce.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/50-importancia-web-proceso-ventas/">La importancia de una web en el proceso de ventas</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy hablamos con Carlos Sogorb de la importancia de un buen diseño web en el proceso de ventas de una empresa y un eCommerce. Hoy vamos a entrevistar a Carlos Sogorb, pero antes, un poco de autobombo:
Por 30€ analizo durante 15 minutos los puntos clave de tu web a nivel de marketing y diseño.
Cuéntame cuál es el objetivo de tu web y te diré lo que debes modificar para aumentar las conversiones.
Te enviaré el audio en un mp3 a tu email y además lo publicaré en este podcast, (con lo que obtendrás publicidad gratis!)
Pásate ahora mismo por https://pampua.es/analisis y solicita tu análisis web. Con motivo de la celebración de los 50 episodios, los 3 primeros que lo soliciten lo tendrán gratis. Anímate!
Empezamos con la entrevista
Hola, Carlos. ¿Qué tal? ¿Cómo estás?
Muy bien, gracias. Ramón
Encantado tenerte por aquí, por el podcast. Bueno, lo primero, cuéntame un poquito quién eres, A qué te dedicas? Y todo esto…
Lo primero voy a pedir disculpas porque tengo la voz un poco rara y estoy un poco constipado con la sinusitis. O sea que si la gente me oye raro, y puede que tosa en algún momento. Pero bueno, yo soy Carlos Sogorb, me dedico las ventas y mi situación es un poco complicada. Yo tengo dos trabajos. Tengo un trabajo como quien dice de 9 a 17h, vale, en el cual trabajo para Telefónica España y soy consultor digital y me dedico al tema de ingeniería de procesos de venta.
De acuerdo.
Y luego, a parte de eso, pues también un poco por por ese trabajo que desarrollado ahí y por mi experiencia anterior. pues me dedico al tema de la consultoría estratégica de ventas. Básicamente a lo que me dedico es a diseñar procesos de venta y los complementos que hagan falta para que esos procesos de venta se desarrollen. Pues yo qué sé, hago redacción de guiones, aunque no mucho, porque me gusta el copyright, pero me lleva mucho tiempo y hago Ingeniería de Procesos de ventas, sobre todo. Y luego evaluación formación selección de vendedores de todo un poco. Todo lo que es consultoría estratégica.
Muy bien, pues ahora me gustaría que hablaras de la importancia del diseño web para precisamente eso que comentabas para un proceso de ventas. Entonces centrándonos primero en lo que sería una web corporativa, una web de de una empresa tradicional. ¿Qué ventajas crees que tiene tener una web para mejorar el proceso de ventas de una pyme?
A ver, primero hay que explicar muy, muy someramente en qué consiste un proceso de venta? Un proceso de ventas es una serie de acciones continuas y secuenciales que van a llegar a la conversión de acuerdo a que a que la gente compre. Y cuando hablamos de venta, no estamos hablando solamente del intercambio de un producto o un servicio por dinero. Estamos hablando de cualquier tipo de intercambio en el cual se busca la satisfacción de la otra parte.
De acuerdo, una suscripción a un newsletter, por ejemplo, también sería una venta.
Sí, exactamente,  la suscripción a un newsletter es un proceso de venta. Entonces tenemos que diseñar ese proceso de venta exactamente de la misma forma y tiene que acabar de la misma forma. Las fases del proceso de venta siempre son cinco y son son además bastante sencillas. Y es que la primera es la definición, que es cuando nosotros lo que hacemos es coger y diseñar toda la información que queremos transmitir, como la vamos a optimizar con quien nos vamos a encontrar en el camino. Diseñamos el buyer persona, diseñamos las características beneficios, objeciones del producto. Todo eso lo hacemos en la fase de definición. Una vez que ya tenemos toda esa información, ya ha llegado la parte de contacto con el cliente.
Entonces la siguiente fase, que es la segunda, es la adquisición del cliente, que es cómo vamos a conseguir a ese cliente y dónde lo vamos a conseguir. Cuáles son sus características? Todo esto…
La tercera fase del proceso es la conexión, que es cuando conseguimos la confianza del cliente,]]>
Ramón Prats 2 50 clean 41:36
Preguntas y respuestas de diseño web https://pampua.es/49-preguntas-respuestas-diseno-web/ Thu, 31 Jan 2019 09:10:58 +0000 https://pampua.es/?p=2293 https://pampua.es/49-preguntas-respuestas-diseno-web/#respond https://pampua.es/49-preguntas-respuestas-diseno-web/feed/ 0 <p>Hoy tenemos un especial de preguntas y respuestas sobre diseño web. Si tienes dudas puedes mandarlas para el próximo episodio y te las contestaré.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/49-preguntas-respuestas-diseno-web/">Preguntas y respuestas de diseño web</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy tenemos un especial de preguntas y respuestas sobre diseño web. Si tienes dudas puedes mandarlas para el próximo episodio y te las contestaré. Hoy vamos a ver cómo hacer que tu web cargue más rápido, pero antes, un poco de autobombo:
Por 30€ analizo durante 15 minutos los puntos clave de tu web a nivel de marketing y diseño.
Cuéntame cuál es el objetivo de tu web y te diré lo que debes modificar para aumentar las conversiones.
Te enviaré el audio en un mp3 a tu email y además lo publicaré en este podcast, (con lo que obtendrás publicidad gratis!)
Pásate ahora mismo por https://pampua.es/analisis y solicita un análisis web como el que vamos a hacer hoy.
Y vamos a empezar ya a resolver preguntas:

Hola Ramón,
Me gustaría saber si una web realizada en Wordpress tiene las mismas posibilidades de posicionamiento que una web hecha manualmente por un programador. Como son plantillas ya predefinidas no sé si google penaliza ese tipo de comportamientos. O si por el contrario, con Wordpress mi web estará en la red sin ningún tipo de problema y se posicionará como cualquier otra.
Gracias,
Eduardo.

————————

Hola Ramón soy seguidor de tus podcast, estoy haciendo una web con una plantilla en genesis, donde la home todo se basa en widgets teniendo un buen acabado en el diseño; pero en el yoast la home sale sin contenido. Algo estoy haciendo mal?  el tema es business pro theme.
Un saludo,
Fernando.

————————

Hola Ramón,  quería preguntarte cómo haces test a/b del diseño?
Un saludo,
Ángel Rodríguez

Más información en el episodio sobre Experimentos Google Analitics
————————

Hola!
Tengo un par de preguntas para el podcast:
– ¿Cuales serian los elementos mínimos a incluir, en un sistema de diseño para una web de afiliación standard (tsa)?
– ¿Cómo crearlos de manera ágil y estructurada de cara a su fácil implementación?
Miguel

————————

Hola Ramón, una vez ya te felicite por la web/podcast y te vuelvo a felicitar, creo que es muy correcto,
después de recorrer la web viendo el pasado, te lanzó 2 preguntas, ambas podríamos debatir pero.. la primera es Framework CSS (bootstrap, uikit o cosas como milligram q opinas) y la segunda en la misma línea.. el previo a este tema.. los wireframes o “bocetos” rápidos, usas algo, no usas, mejor lápiz y papel.. todas las preguntas que te pueda hacer van en la línea de hacer desarrollos lo más ágiles posibles del diseño sin entrar en CSS puro y duro, ojalá este 2019 Google se ponga a tope con los SSL, con el diseño mobile first y con la velocidad de carga.
Moises Rubio

————————

Hola Ramón,
Cómo decides los colores que implementarás en el diseño? En base a qué? Cuántos colores?
Isaac Delgado

Más información en el episodio 45
————————

Hola Ramón,
Aquí va mi pregunta para el podcast, Es de neofito total. Para e-commerce sí se que hay varios frameworks (prestashop, woocommerce para WP, joomla, oscommerce….) Aparte de WordPress que que otros gestores de contenido hay por ahí?
Miguel





WordPress


18 millones aprox.




Adobe Dreamweaver    


2,7 millones aprox.




Joomla!


2,5 millones aprox.




Blogger


830.000 aprox.




Drupal


772.000 aprox.




TYPO3


425.000 aprox.




——————

Hola Ramón,
¿Qué información recomiendas incluir en la home de una web?
Un saludo,
Juan Pablo

]]>
Ramón Prats 2 49 clean 15:56
Cómo hacer que tu web cargue más rápido https://pampua.es/48-como-hacer-web-cargue-rapido/ Thu, 24 Jan 2019 09:10:57 +0000 https://pampua.es/?p=2282 https://pampua.es/48-como-hacer-web-cargue-rapido/#respond https://pampua.es/48-como-hacer-web-cargue-rapido/feed/ 0 <p>Hoy te explico los 9 puntos que debes seguir para conseguir que tu wordpress esté optimizado y cargue muy rápido. Consigue un índice de 100!</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/48-como-hacer-web-cargue-rapido/">Cómo hacer que tu web cargue más rápido</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy te explico los 9 puntos que debes seguir para conseguir que tu wordpress esté optimizado y cargue muy rápido. Consigue un índice de 100! Hoy vamos a ver cómo hacer que tu web cargue más rápido, pero antes, un poco de autobombo:
Por 30€ analizo durante 15 minutos los puntos clave de tu web a nivel de marketing y diseño.

Cuéntame cuál es el objetivo de tu web y te diré lo que debes modificar para aumentar las conversiones.

Te enviaré el audio en un mp3 a tu email y además lo publicaré en este podcast, (con lo que obtendrás publicidad gratis!)

Pásate ahora mismo por https://pampua.es/analisis y solicita un análisis web como el que vamos a hacer hoy.
Pero antes de empezar quiero recordaros que la semana que viene haré un especial de preguntas y respuestas, así que te pido por favor que cualquier duda sobre diseño web que tengas, no te cortes, entra en Pampua.es/contacto y mándamela.
Cómo hacer que tu web cargue más rápida:
1.- Mide la velocidad de tu web
Lo primero que deberías plantearte es cómo visitan tu web tus usuarios; desde móvil o desde escritorio. Según el tipo de negocio va a ser principalmente desde un equipo o desde otro. En mi caso, entre el 75-80% de la visitas llegan desde un ordenador, pero en el caso de un restaurante sería al revés.

Una vez tengas claro eso, pasa el pagespeed e intenta optimizar tu web para ese tipo de usuarios
2.- Escoge un buen servidor de hosting
Obviamente esto es lógico, con cuantos más clientes compartas tu servidor, más lento irá. Si puedes, opta por un servidor dedicado en lugar de un servidor compartido. Tienes más información de cómo elegir un buen hosting en el ep 9.
3.- Actualiza los plugins y elimina plugins innecesarios
Este consejo también es muy obvio, los desarrolladores van mejorando los plugins y esto hace que funcionen más rápido, además de ser más seguros al eliminar brechas de seguridad en cuanto son detectadas. Por eso es muy buena idea mantenerlos actualizados.
Y los plugins que no uses o puedas sustituir por unas pocas líneas de código, eliminalos, no simplemente los desactives.
Tienes más información de que plugins conviene instalar en el episodio 12
4.- Usa temas, plantillas y diseños web ligeros
También he hablado de esto en varias ocasiones, un diseño web minimalista convierte mucho mejor, ademas de cargar mucho más rápido. Casi cualquier childtheme de genesis va a funcionar muy bien, puesto que se trata de una plantilla muy optimizada para seo.
Te expliqué las ventajas de usar génesis en el episodio número 2.
5.- Usa un buen plugin para caché
Básicamente un plugin de caché se encarga de almacenar en una memoria estática los contenidos que se encuentran en la base de datos para poder servirlos más rápidamente.
Yo actualmente estoy usan WP Rocket como plugin de caché, que me funciona muy bien y Mejoras y optimizaciones WPO un fantástico plugin del gran Fernando Tellado que consigue que tú WP esté aún más optimizado.
6.- Usa una red de distribución de contenido
Es muy buena idea usar un CDN para intentar distribuir la carga de tu servidor entre varios servidores y además ofrecerle el contenido al usuario desde el servidor que geográficamente se encuentre más próximo a él.
Además tienes la ventaja de que si tus servidor se cae, los del CDN seguirán funcionando y los usuarios no notarán el problema.
En el episodio 11 te cuento con más detalles cómo acelerar tu web con un CDN
7.- Optimiza imágenes,]]>
Ramón Prats 2 48 clean 9:32
Análisis del e-commerce motorrotulo.com https://pampua.es/47-analisis-commerce-motorrotulo/ Thu, 17 Jan 2019 09:10:46 +0000 https://pampua.es/?p=2274 https://pampua.es/47-analisis-commerce-motorrotulo/#respond https://pampua.es/47-analisis-commerce-motorrotulo/feed/ 0 <p>Hoy analizamos un e-commerce y vemos qué aspectos habría que mejorar para aumentar las conversiones, retener las visitas, etc.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/47-analisis-commerce-motorrotulo/">Análisis del e-commerce motorrotulo.com</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy analizamos un e-commerce y vemos qué aspectos habría que mejorar para aumentar las conversiones, retener las visitas, etc. Hoy vamos analizar un e-commerce, pero antes, un poco de autobombo:
Por 30€ analizo durante 15 minutos los puntos clave de tu web a nivel de marketing y diseño.

Cuéntame cuál es el objetivo de tu web y te diré lo que debes modificar para aumentar las conversiones.

Te enviaré el audio en un mp3 a tu email y además lo publicaré en este podcast, (con lo que obtendrás publicidad gratis!)

Pásate ahora mismo por https://pampua.es/analisis y solicita un análisis web como el que vamos a hacer hoy.
Pero antes de empezar quiero contaros el tipo de episodios que haré a partir de ahora:
Como suele haber 4 jueves al mes,

uno de ellos será de algún tema práctico como hasta ahora,
otro una entrevista con algún profesional que nos pueda aportar su visión sobre algún aspecto en concreto el diseño web
Otro un análisis web como este
Y el 4º un especial de preguntas y respuestas, así que si tienes cualquier duda sobre diseño web, no te cortes y mándamela! Entra en Pampua.es/contacto y me escribes.

Empecemos con el análisis de motorrotulo.com:



Bien por el SSL, hoy en día imprescindible en cualquier e-commerce Más info en este artículo
En el menú, me sobra el enlace a “DecorRotulo”, aunque sea la empresa madre, no queremos que se vayan de nuestro e-commerce
El submenú es enorme, yo crearía columnas con el módulo “Megamenu” para hacerlo más visual
Eliminaría el slider, no aporta nada y relentiza la web Más info en el episodio 13
Además de los productos destacados, yo pondría algunos en oferta y los más vendidos.
Quitar el banner de Facebook, si ya están en nuestra tienda lo que queremos es que compren, no que se vayan a FB
Falta adaptación al RGPD en el formulario de suscripción al Newsletter Más info en el episodio 19
Daría algo por apuntarse al newsletter, un código de descuento, envío gratis, o lo que sea.
Quitar los logos de las redes sociales
En el pie de página “Política de Cookies” está repetido
“Sobre Nosotros” y “Tiendas” se podría fusionar
Quitar “Aceptamos Amazon Pay” y mejorar todo el diseño del footer
Gastos de envío muy elevados
Checkout en una sola página
En la versión responsive, mejor 2 productos por fila, como hicimos en bidu.es

Y esto ha sido todo por hoy, si te gustaría que analizase tu web pásate ahora mismo por https://pampua.es/analisis  y déjame un mensaje; estaré encantado de comentarlo contigo.
Si quieres proponerme algún tema para futuros episodios pásate por https://pampua.es/contacto o si lo prefieres en los comentarios de iVoox, o por telegram o twitter como @pampua, o en facebook.com/pampua
Si te ha gustado este episodio compártelo al menos con una persona a la que pueda resultarle interesante. Por whatsapp, por mail, por  Facebook, twitter o incluso por SMS, como quieras, pero compártelo! Recuerda que puedes escucharlo y suscribirte en iTunes, iVoox, Spotify, Youtube y desde la web de pampua.es/podcast.
Y por último,]]>
Ramón Prats 2 47 clean 12:11
La importancia de una web en tu negocio https://pampua.es/46-importancia-web-en-tu-negocio/ Thu, 10 Jan 2019 09:10:45 +0000 https://pampua.es/?p=2263 https://pampua.es/46-importancia-web-en-tu-negocio/#respond https://pampua.es/46-importancia-web-en-tu-negocio/feed/ 0 <p>Hoy entrevistamos a Josevi Baeza con el que charlaremos de la importancia de tener una web para tu negocio, en su caso para un centro de psicología.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/46-importancia-web-en-tu-negocio/">La importancia de una web en tu negocio</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy entrevistamos a Josevi Baeza con el que charlaremos de la importancia de tener una web para tu negocio, en su caso para un centro de psicología. Hoy vamos hablar con Josevi Baeza de la importancia de una web para un negocio, pero antes quiero pedirte un favor:
Si tienes un iPhone, abre la aplicación “podcast” y pulsa en el icono de abajo a la derecha (la lupa de buscar). Escribe “Diseño web” en el buscador y dale a buscar.
Abre el podcast “Diseño web” y haz scroll casi hasta abajo del todo donde está el apartado de valoraciones y reseñas. Y dale a la 5ª estrella, eso es todo. No necesito ni que me escribas nada, pero hazme este favor que me ayuda un montón a que el podcast sea más conocido y pueda seguir haciéndolo.
Y bueno, empecemos con la entrevista, que quiero pediros disculpas si mi audio no se escucha correctamente en algunos momentos.
Enlaces comentados en la entrevista:
centrobaeza.es

Canal en Youtube

Instagram

Twitter
 
Y esto ha sido todo por hoy, si hay algo que te gustaría comentar sobre los temas que hemos tratado, pásate por pampua.es y déjame un mensaje; estaré encantado de comentarlo contigo.
O si lo prefieres en los comentarios de iVoox, o por telegram o twitter como @pampua, o en facebook.com/pampua
Si te ha gustado este episodio compártelo al menos con una persona a la que pueda resultarle interesante. Por whatsapp, por mail, por  Facebook, twitter o incluso por SMS, como quieras, pero compártelo! Recuerda que puedes escucharlo y suscribirte en iTunes, iVoox, Spotify, Youtube y desde la web de pampua.es/podcast.
Y por último, te repito que estaré inmensamente agradecido si me dejas una reseña de 5 estrellas en iTunes o un me gusta y un comentario en iVoox. Puedes ver cómo dejar una reseña en www.pampua.es/resena
El jueves que viene haremos una nueva consultoría online, es este caso de un e-commerce y veremos que puntos se pueden mejorar para aumentar las conversiones.
Muchísimas gracias por escuchar hasta el final, por comentar, por tus “Me gusta” y reseñas. Nos escuchamos la semana que viene, llueva, nieve o truene!
]]>
Ramón Prats 2 46 clean 24:44
Cómo elegir los colores para tu web https://pampua.es/45-elegir-colores-web/ Thu, 03 Jan 2019 09:10:34 +0000 https://pampua.es/?p=2197 https://pampua.es/45-elegir-colores-web/#respond https://pampua.es/45-elegir-colores-web/feed/ 0 <p>Hoy vamos hablar de cómo elegir los colores a la hora de diseñar una web, las sensaciones que aportan cada uno de los colores, y cómo crear paletas de color que combinen. </p> <p>El contenido <a rel="nofollow" href="https://pampua.es/45-elegir-colores-web/">Cómo elegir los colores para tu web</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy vamos hablar de cómo elegir los colores a la hora de diseñar una web, las sensaciones que aportan cada uno de los colores, y cómo crear paletas de color que combinen. Hoy vamos hablar de cómo elegir los colores a la hora de diseñar una web, pero antes un poco de autobombo!!!:
Si te apuntas a mi lista de correo, además de recibir sólo contenido relevante del mundo del diseño web (por ejemplo si google cambia algo importante) te voy a regalar estos 4 ebooks de marketing digital:

Convierte tu empresa en un imán para clientes
Contenidos que enamoran
Cómo elaborar un branding
10 consejos de email marketing

Apúntate ahora mismo en www.pampua.es/regalo Venga, dale al pause y entra en pampua.es/regalo que yo te espero aquí…
Pues nada, ahora que ya te has apuntado, vamos con el tema de la semana:
Cómo elegir los colores para tu web
Lo primero que deberías hacer es definir el color primario en el que se va a basar tu comunicación, como sabrás, el color crea y aporta sensaciones así que ten muy en cuenta cómo los perciben.
Te recomiendo que te informes sobre la psicología del color, pero ten en cuenta que está sujeta en parte al entorno cultural, en cada continente hay colores que tienen significados o usos diferentes. Vamos a hacer un breve repaso de las sensaciones que aportan los colores principales:
Rojo:

Es el color de todo lo relacionado con las pasiones, tanto las buenas como las malas, el amor, el odio.
Se asocia con la guerra y la sangre, los bajos instintos.
Un color muy masculino, es el color de la actividad, de la fuerza, de los limites, de la agresividad, cosas con las que se relaciona a este sexo.
Color de la seducción, de la sexualidad y de lo erótico, así como de todo lo inmoral.
El rojo es el color de las emociones más viscerales, es el color del amor y de la pasión, así como es el color de la ira, también es el color de lo que está prohibido.
Es un color que llama mucho nuestra atención, incluso en la naturaleza tiende a llamar la atención, hay animales como la rana roja o rana flecha que con su color rojo nos indica lo peligrosa que es, es como si dijera ¡No toques!
El rojo es el color de la suerte para los chinos.

Azul:

Es el color de la tranquilidad y la productividad, es el color de la constancia y de la confianza.
Normalmente se relaciona con la tranquilidad y el sosiego, con lo interminable y constante, son las sensaciones que atribuimos al mar y al cielo ambos poseen este color, el cielo es constante y llega allí a donde alcance nuestra visión, y lo mismo pasa con el mar (que refleja el cielo).
Es por esto que está ampliamente extendido en el mundo corporativo ya que como hemos dicho se relaciona con la productividad y la confianza, que producen las cosas estables.
También se relaciona con el frío y el frescor, no en vano es una de los llamados colores fríos.

Amarillo:

Es el color de la rebeldía y del cambio, esta relacionado con la juventud por su vitalidad, es un color usado por los más mayores, para reflejar justamente eso juventud y vitalidad.
Es el color del entendimiento y de la iluminación, ya que el sol, nuestro astro rey lo percibimos como de color amarillo, e ilumina cada rincón,  la luz a pesar de no tener color la representamos con el amarillo.
Se asocia con lo positivo y lo amable, por poner un ejemplo relacionado con esto, los emoticonos y smileys qué tanto nos gusta usar en el WhatsApp y en chats son amarillos .
También es el color de la inseguridad, ya que cambia completamente: con una gotita de rojo se convierte en naranja, con una gotita de azul se torna verdoso, tiende a confundirse con el blanco y el negro le resta la vida, es el color que junto con el gris, más rápido pierde su identidad.

Violeta-morado-púrpura:

Color de todo lo relacionado con la sensualidad, lo elegante, lo misterioso, y de lo espiritual,]]>
Ramón Prats 2 45 clean 21:31
Cómo diseñar una web “mobile first” https://pampua.es/44-disenar-web-mobile-first/ Thu, 20 Dec 2018 09:10:23 +0000 https://pampua.es/?p=2187 https://pampua.es/44-disenar-web-mobile-first/#respond https://pampua.es/44-disenar-web-mobile-first/feed/ 0 <p>Hoy te cuento las ventajas de diseñar una web "mobile first". ¿Qué significa diseñar primero para móvil? ¿Por qué es importante? ¿Cómo hacerlo? Todo bien clarito ;-)</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/44-disenar-web-mobile-first/">Cómo diseñar una web “mobile first”</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy te cuento las ventajas de diseñar una web "mobile first". ¿Qué significa diseñar primero para móvil? ¿Por qué es importante? ¿Cómo hacerlo? Todo bien clarito ;-) Hoy vamos hablar de cómo diseñar una web “mobile first”, pero antes un poco de autobombo!!!:
Si te apuntas a mi lista de correo, además de recibir sólo contenido relevante del mundo del diseño web (por ejemplo si google cambia algo importante) te voy a regalar estos 4 ebooks de marketing digital:

Convierte tu empresa en un imán para clientes
Contenidos que enamoran
Cómo elaborar un branding
10 consejos de email marketing

Apúntate ahora mismo en www.pampua.es/regalo Venga, dale al pause y entra en pampua.es/regalo que yo te espero aquí…
Pues nada, ahora que ya te has apuntado, vamos con el tema de la semana:
En el Mobile World Congress de 2010, Eric Schmidt, el CEO de Google, propuso que los diseñadores deben seguir la regla de “los dispositivos móviles primero” en el diseño de productos. ¿Qué significa diseñar primero para móvil? ¿Por qué es importante? ¿Cómo hacerlo? Contestaré estas 3 preguntas en el episodio de hoy.
¿Qué es el diseño Mobile First?
Para comprender mejor el concepto de diseño móvil primero, debes conocer primero estos 2 conceptos.
1. Diseño web responsive
El diseño web responsive es un método de diseño web que permite que la web se adapte a las pantallas de diferentes dispositivos de manera automática, mostrando el contenido de manera que la gente se sienta cómoda. Esto reduce en gran medida las operaciones de los usuarios, como la panorámica, el zoom y el desplazamiento al navegar por la web.

2. “Avance progresivo” y “Degradación elegante”
Estos dos conceptos se presentaron antes del diseño web responsive. Con el fin de hacer que la interfaz de la aplicación o la web sea razonable en diferentes dispositivos, los diseñadores proporcionan versiones personalizadas del producto para diferentes fines.
Avance progresivo significa que cuando diseñamos un producto, primero construimos una versión para el navegador más sencillo (como el de un teléfono móvil). Esta versión incluye las funciones y características más básicas. Después de eso, tendemos a la versión avanzada para una tableta o PC, que se crea agregando interacciones, efectos más complicados, etc. en la versión básica para una mejor experiencia de usuario.
“Degradación elegante”, por el contrario, inicia el diseño del producto desde un extremo avanzado como el escritorio y crea una versión con características completas al principio. Luego, los diseñadores hacen que el producto sea compatible con los móviles al cortar algunas funciones o contenidos.
El avance progresivo ha ganado la partida. Sí los diseñadores de webs inician un diseño de producto con su versión de escritorio, inevitablemente querrán aprovechar la mayoría de las ventajas de estos navegadores. Por ejemplo, el efecto de desplazamiento que soporta el cursor del mouse; Imágenes HD y gráficos complejos que pueden mostrarse normalmente solo cuando hay una conexión de internet de fibra o similar. De esta manera, los diseñadores se esforzarán por completar una versión de escritorio asombrosa y luego encontrarán que difícilmente se puede adaptar en un móvil a menos que renuncien a muchas de las ideas que se desarrollaron. Si es así, la versión final móvil será más bien como una idea de último minuto, un producto incompleto que se ha diluido.
Pero si tomamos el diseño móvil como punto de partida, bajo las restricciones como el ancho de banda, el tamaño de la pantalla, etc., los diseñadores aprovecharán los puntos clave de un producto, dirigiéndose hacia un producto minimalista y limpio con las características más importante. Cuando la plataforma se expande a una tableta o PC, los diseñadores pueden aprovechar las ventajas de las características de estos navegadores para fortalecer el producto paso a paso. Esta podría ser la razón principal por la cual la estrategia de avanc...]]>
Ramón Prats 2 44 clean 13:39
Los 18 errores más comunes en una página web https://pampua.es/43-los-18-errores-pagina-web/ Thu, 13 Dec 2018 09:10:57 +0000 https://pampua.es/?p=2164 https://pampua.es/43-los-18-errores-pagina-web/#comments https://pampua.es/43-los-18-errores-pagina-web/feed/ 2 <p>Hoy estrenamos la “entrevista del mes” y vamos a hablar con Juan Pablo Alonso que nos explicará los 18 errores más comunes a la hora de crear una página web.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/43-los-18-errores-pagina-web/">Los 18 errores más comunes en una página web</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy estrenamos la “entrevista del mes” y vamos a hablar con Juan Pablo Alonso que nos explicará los 18 errores más comunes a la hora de crear una página web. Hoy estrenamos la “entrevista del mes” y vamos a hablar con Juan Pablo Alonso que nos explicará los 18 errores más comunes a la hora de crear una página web, pero antes un poco de autobombo!!!:
Si te apuntas a mi lista de correo, recibirás sólo contenido relevante del mundo del diseño web (por ejemplo, la recomendación de no actualizar a WordPress 5 todavía, puesto que hay gran cantidad de plugins que no son compatibles), además te voy a regalar estos 4 ebooks de marketing digital:

Convierte tu empresa en un imán para clientes
Contenidos que enamoran
Cómo elaborar un branding
10 consejos de email marketing

¿Qué hay que hacer para recibir todo esto? Muy fácil, apúntate ahora mismo en www.pampua.es/regalo Venga, dale al pause y entra en pampua.es/regalo que Juan Pablo y yo te esperamos aquí…
Y ahora empecemos con la entrevista a Juan Pablo Alonso
Errores estratégicos o de copywriting



No tener blog (Más información en el episodio 32)
Contenidos pobres por centrarte solo en el aspecto visual
Falta el quienes somos en tu web o no está bien enfocado
No hay CTAs o llamadas a la acción
Crear formularios que no funcionan (Más información en el episodio 18)
Tener una única página de servicios con muy poca información



Errores de diseño/maquetación



Uso de fotos despersonalizadas de bancos de imágenes (Más información en el episodio 21)
Demasiados colores
Diferentes estilos dentro de la misma web
Ladrillos de texto sin apenas espacio



Errores de usabilidad



Poner un Slider en la Home (Más información en el episodio 13)
Mal uso de los menús
Los enlaces que aparecen en la web no se reconocen



]]>
Ramón Prats 2 43 clean 28:33
Cómo alinear elementos con CSS en Wordpress https://pampua.es/42-alinear-elementos-css-wordpress/ Thu, 06 Dec 2018 09:10:31 +0000 https://pampua.es/?p=2149 <p>Hoy te voy a explicar las distintas opciones que tienes para alinear elementos con CSS. Vas a poder centrarlos o alinearlos a la derecha de manera sencilla.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/42-alinear-elementos-css-wordpress/">Cómo alinear elementos con CSS en Wordpress</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy te voy a explicar las distintas opciones que tienes para alinear elementos con CSS. Vas a poder centrarlos o alinearlos a la derecha de manera sencilla. Hoy vamos hablar de cómo alinear los elementos usando CSS en nuestro Wordpress, pero antes un poco de autobombo!!!:
Si te apuntas a mi lista de correo, además de recibir sólo contenido relevante del mundo del diseño web (por ejemplo si google cambia algo importante) te voy a regalar estos 4 ebooks de marketing digital:

Convierte tu empresa en un imán para clientes
Contenidos que enamoran
Cómo elaborar un branding
10 consejos de email marketing

Apúntate ahora mismo en www.pampua.es/regalo Venga, dale al pause y entra en pampua.es/regalo que yo te espero aquí…
Aún no te has apuntado… Pues ayer les mandé un correo a los miembros de mi lista (que hacía casi 6 meses que no recibían nada, desde que Google se puso serio con el tema del SSL) en el que les decía que el 1 de enero voy a subir los precios, así que si quieren contratar alguno de mis servicios, si lo hacen en diciembre va a resultarles más económico, pero si no te apuntas a la lista, pues de estas cosas igual no enteras…
Te lo digo por última vez: pampua.es/regalo
Cómo alinear elementos con CSS en Wordpress
Por defecto los contenidos que creamos se van alineando en la parte superior izquierda de nuestra web, pero podemos alinearlos en otras posiciones.
Centrar elementos horizontalmente
La forma más sencilla es con la etiqueta <center> en el html aunque como íbamos a hablar de CSS os cuento otras opciones que tenéis:
Si se trata de un texto, podéis usar: text-align: center;
Si se trata de un bloque, podemos usar margin-right:auto
Y si son varios bloques lo más sencillo es encerrarlos en un bloque padre y asignarle las propiedades: display: flex;
  justify-content: center;
See the Pen bQPbQZ by Ramon (@pampua) on CodePen.

Alinear elementos a la derecha
Lo más habitual es tratar de poner una imagen a la derecha del texto, pero antes de entrar en detalle tengo que explicarte la diferencia de las 2 opciones que hay, porque dependiendo de como desees mostrar la imagen deberas usar una de las propiedades CSS align o float.
Imágenes alineadas: no permiten ajustar el texto alrededor de ellas, solo puedes colocarlas a las izquierda, derecha o al centro con el texto antes o después de la imagen. Alinear la imagen deja un espacio en blanco al texto siguiente, puedes ver el espacio en blanco si vas a la sección de la imagen alineada. Como verás esta opción te limita bastante el diseño.
Imágenes flotantes: te permitirá que el texto se ajuste alrededor de la imagen como ocurre en un libro o un periódico. las imágenes flotantes aparecen horizontalmente en su sitio.
Es por esto que te recomiendo que en lugar de usar text-align: right para alinear elementos a la derecha, mejor uses float: right; Además puedes definirle los márgenes que te interesen con la opción margin: 0px 3px 6px 9px; El orden es el mismo que en un reloj, el primer valor corresponde arriba (a las 12) el segundo a la derecha (las 3) el tercero abajo (las 6) y el último a la izquierda (las 9). Si sólo indicas un valor se lo aplicará a los 4 lados por igual. También tienes la opción de usar margin-top, margin-right, margin-bottom y margin-left sí sólo deseas aplicar el margen por un lado.
See the Pen alinear a la derecha by Ramon (@pampua) on CodePen.

Atención, un detalle importante sobre la propiedad float: las imágenes flotantes se superponen entre sí, si la propiedad float no se borra. Asegúrate de poner el código de “clear” después de cada sección donde su imagen ...]]>
Ramón Prats 2 42 clean 9:40
Cómo crear una galería responsive en Wordpress https://pampua.es/41-crear-galeria-responsive-wordpress/ Thu, 29 Nov 2018 09:10:22 +0000 https://pampua.es/?p=2121 <p>Hoy veremos cómo puedes insertar una galería de fotos responsive en tu Wordpress con un diseño atractivo tanto en móvil como en PC</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/41-crear-galeria-responsive-wordpress/">Cómo crear una galería responsive en Wordpress</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy veremos cómo puedes insertar una galería de fotos responsive en tu Wordpress con un diseño atractivo tanto en móvil como en PC Hoy vamos hablar de cómo puedes insertar una galería de fotos responsive en tu Wordpress, pero antes un poco de autobombo!!!:
Si quieres que te ayude a crear o mejorar tu página web pásate por Pampua.es
Te ofrezco garantía de satisfacción total (hasta que no esté a tu gusto no pagas el último 50%) y soporte ilimitado por mail. El 100% de los clientes terminan contentos. Lee sus reseñas!
Cómo crear una galería responsive en Wordpress
Crear una galería de fotos desde el propio WordPress es  muy fácil.
Dentro de la página o entrada en las que quieras incluirla, solo tienes que hacer clic en el botón “Añadir objeto” como si fueras a añadir una imagen normalmente.
En la menú de la izquierda, selecciona “Crear galería”:

Ahora podrás seleccionar todas las fotos que quieras incluir. Cuando las hayas escogido todas, haz clic en el botón “Crear una nueva galería”.
En la siguiente ventana podrás editar algunas cosas, como el orden de las imágenes, las leyendas (que se mostrará como si fuera el título de la imagen), el número de columnas a mostrar, el tamaño de las miniaturas y hacia dónde enlazan, aunque esta última opción está muy limitada.
Pero la verdad es que la galería así queda un poco cutre, vamos a mejorar el aspecto un poco añadiendo un efecto “mesa de luz” o “Lightbox” para que cada vez que hagas clic en una imagen de la galería, se amplíe mostrándose en el centro de la pantalla con todo alrededor oscurecido, añadiendo además unas flechas de navegación para que puedas pasar a la siguiente o a la anterior foto.
Para activar este efecto, solo tienes que instalar este plugin llamado WP Featherlight, y en la edición de la galería seleccionar la opción “Enlazado a: Archivo multimedia”. Es un plugin muy ligero y que funciona nada más instalarlo sin tener que configurar nada.
Si queremos mejorar aún más su aspecto os recomiendo que también instaléis el plugin de “Tiled Gallery” que nos muestra la galería con un interesante efecto de mosaico:

La configuración de este plugin para que funcione correctamente es muy sencilla, dejamos solo activada la primera opción llamada “Tiled Galleries” y desactivamos el resto:
Y ahora una forma distinta de mostrar las imágenes:
Importar las fotos automáticamente desde Instagram
Esto tampoco tiene mucho misterio, simplemente tenemos que instalar el plugin “Instagram Feed” https://es.wordpress.org/plugins/instagram-feed/ y configurarlo. Sólo tienes que conectarlo con tu cuenta de instagram, configurar cuantas fotos y columnas quieres que muestre (te recomiendo que sea el mismo número en ambos campos para mostrar una tira de imágenes; 5 queda bien)
Y ahora…
EL PODCAST DE LA SEMANA
Hoy quiero recomendaros Disrupt everything del gran Isra García.
Semanalmente Disrupt Everything te ayuda a cambiar y mejorar todo lo que te propongas. Es una guía para vivir en un estado permanente de reinvención. Un proyecto diseñado para facilitar las claves, estrategias, técnicas, habilidades, rituales, nuevos fundamentos, procesos, sistemas o trucos que te ayuden a reinventarte a ti mismo, y todo lo demás. La meta final de este podcast es: incomodarte, educarte, molestarte, lanzarte, liderarte, desarrollarte, optimizarte, mentorizarte, potenciarte, propulsarte, elegirte y reinventarte. Vamos a ello.
Como siempre, los puedes escuchar en iTunes, iVoox, 2 41 clean 8:30
Cómo modificar los tipos de letra de tu Wordpress https://pampua.es/40-modificar-tipos-letra-wordpress/ Thu, 22 Nov 2018 09:10:40 +0000 https://pampua.es/?p=2081 <p>Hoy vamos hablar de cómo puedes cambiar los tipos de letra, las tipografías de tu wordpress de 2 maneras. Todo muy sencillo.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/40-modificar-tipos-letra-wordpress/">Cómo modificar los tipos de letra de tu Wordpress</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy vamos hablar de cómo puedes cambiar los tipos de letra, las tipografías de tu wordpress de 2 maneras. Todo muy sencillo. Hoy vamos hablar de cómo puedes cambiar los tipos de letra, las tipografías de tu wordpress de manera sencilla, pero antes un poco de autobombo!!!:
Si quieres que te ayude a crear o mejorar tu página web pásate por
Pampua.es
Te ofrezco garantía de satisfacción total (hasta que no esté a tu gusto no pagas el último 50%) y soporte ilimitado por mail. El 100% de los clientes terminan contentos. Lee sus reseñas!
Cómo cambiar los tipos de letra de tu Wordpress
Básicamente hay dos opciones, la fácil y la profesional:
Forma fácil
Para los que no queráis complicaros mucho la vida, podéis acudir al plugin Easy Google Fonts. El inconveniente de este sistema es que el catálogo de fuentes es limitado y, además, únicamente podrás cambiar las fuentes de los títulos h1, h2, h3, etc. de forma genérica, por lo que todos los h1 de la web se configurarán con esa tipografía; algo que tal vez no te interese.
Forma profesional
Esta es la opción para cambiar la tipografía de una plantilla WordPress que más me gusta porque es la que más libertad de personalización te ofrece sin tener que gastarte ni un duro o muy poco dinero por el camino.
Se trata de descargar la fuente que más te guste de Internet y cargarla tú mismo al servidor de WordPress. Personalmente me gusta usar Google Fonts y 1001freefonts.com porque tienen un catálogo de fuentes espectacular y son gratuitas.
El único incordio de este método es que debes tomarte las molestias de subir los archivos y, además, deberás escribir código CSS para aplicar las tipografías en tu web.
Pero no te preocupes, te lo he puesto todo muy fácil para que puedas llevar a cabo la hazaña sin tener muchos conocimientos previos de CSS, o incluso sin que hayas accedido nunca antes al servidor de WordPress.
Vayamos paso por paso:
PASO 1. Elegir y descargar la tipografía
En este paso te recomiendo que tengas en cuenta dos cosas:
Lo más probable es que en los títulos de la web nunca llegues a usar los estilos de cursiva o negrita de la tipografía; además puedes añadir esas características a través del código CSS. Así que lo más inteligente es que te descargues la versión básica o “regular” de la fuente.
Si la tipografía elegida es de GoogleFonts la puedes importar en lugar de descargar. Luego te explico.
PASO 2. Cargar los archivos de la tipografía a WordPress
Para los que nunca hayáis accedido a los archivos de WordPress debéis saber que necesitaréis descargar un programa FTP, como FileZilla, que os de acceso al servidor de WordPress y a todos los archivos que hay en él; incluyendo las carpetas de vuestro tema, el código de la web, etc. FileZilla es bueno, bonito y gratuito y, además, muy fácil de usar.
Vamos a ello:
Lo único que necesitarás para acceder al servidor son estos datos (si no sabes cómo encontrarlos, piensa que generalmente te los facilita tu proveedor de hosting en el perfil de tu cuenta) :
Nombre del dominio o subdominio, dirección FTP, nombre de usuario y contraseña de acceso
Una vez has podido conectar con el servidor, debes encontrar la carpeta principal en la que se guardan todos los archivos del tema o plantilla que hayas instalado en tu web. Para darte una pista, dicha carpeta suele estar dentro de la ruta “wp-content/themes” y, por lo general, lleva el nombre del tema que has instalado.
Cuando hayas accedido debes encontrar otra carpeta en la que se guardan las fuentes o tipografías que vienen predeterminadas con el tema. Es posible que el archivo se llame simplemente “fonts”, aunque cada diseñador organiza los ficheros a su manera y no puedo darte una hoj...]]> Ramón Prats 2 40 clean 12:06 Como personalizar un theme de Wordpress con HTML https://pampua.es/39-como-personalizar-un-theme-de-wordpress-con-html/ Thu, 15 Nov 2018 09:10:53 +0000 https://pampua.es/?p=2072 <p>Aprende a personalizar la plantilla de tu Wordpress usando la función de inspeccionar del navegador y los widgets de HTML.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/39-como-personalizar-un-theme-de-wordpress-con-html/">Como personalizar un theme de Wordpress con HTML</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Aprende a personalizar la plantilla de tu Wordpress usando la función de inspeccionar del navegador y los widgets de HTML. Hoy vamos hablar de cómo puedes personalizar un theme usando la función de inspeccionar del navegador y los widgets de HTML, pero antes un poco de autobombo!!!:
Si quieres que te ayude a crear o mejorar tu página web pásate por Pampua.es
Te ofrezco garantía de satisfacción total (hasta que no esté a tu gusto no pagas el último 50%) y soporte ilimitado por mail. El 100% de los clientes terminan contentos. Lee sus reseñas!
¿Cómo personalizar un theme usando HTML?
Es muy sencillo, básicamente hay que saber un poquito de HTML, pero muy poco, porque para este cambio sólo necesitaremos entender dónde están los elementos que queremos clonar para luego poderlos modificar.
Os lo voy a compartir en vídeo, porque la verdad es que explicar algo tan técnico sólo con audio es un poco complicado, pero lo voy a intentar.
Dentro vídeo!

Enlace al vídeo
Ventajas de usar Génesis
Y ahora…
EL PODCAST DE LA SEMANA
Hoy quiero recomendaros “Potencia.pro” de Miguel Angel Terrón, Flavia y Madrillano.
Se definen como el único podcast de humor de WordPress. Hablan de plugins, experiencias y peripecias de este maravilloso CMS desde un punto de vista de lo más irreverente. Si te gusta WordPress, aprenderás con una barbaridad con ellos.
Como siempre, los puedes escuchar en iTunes, iVoox, Spotify, Youtube, etc.
Y esto ha sido todo por hoy, si ya conocías el HTML y has echado algo en falta, cuéntamelo! O si te ha quedado alguna duda o te gustaría que tratase algún tema en concreto pásate por pampua.es y déjame un mensaje; estaré encantado de comentarlo contigo.
O si lo prefieres en los comentarios de iVoox, en twitter @pampua, o en nuestra página de Facebook: facebook.com/pampua
Si te ha gustado este episodio compártelo al menos con una persona a la que pueda resultarle interesante. Por whatsapp, por mail, por  Facebook, twitter o incluso por SMS, como quieras, pero compártelo! Recuerda que puedes escucharlo y suscribirte en iTunes, iVoox, Spotify, Youtube y desde la web de pampua.es/podcast.
Y por último estaré inmensamente agradecido si me dejas una reseña de 5 estrellas en iTunes o un me gusta y un comentario en iVoox. Puedes ver cómo dejar una reseña en www.pampua.es/resena
El jueves que viene hablaremos de cómo modificar los tipos de letra de nuestra página web.
Muchísimas gracias por escuchar hasta el final, por comentar, por tus “Me gusta” y reseñas. Nos escuchamos la semana que viene llueva, nieve o truene!
]]>
Ramón Prats 2 39 clean 11:03
Cómo personalizar un theme usando CSS https://pampua.es/38-como-personalizar-un-theme-usando-css/ Thu, 08 Nov 2018 08:10:58 +0000 https://pampua.es/?p=2035 <p>Hoy vamos hablar de cómo puedes personalizar tu plantilla de Wordpress usando el editor de CSS de manera sencilla</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/38-como-personalizar-un-theme-usando-css/">Cómo personalizar un theme usando CSS</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy vamos hablar de cómo puedes personalizar tu plantilla de Wordpress usando el editor de CSS de manera sencilla Hoy vamos hablar de cómo puedes personalizar un theme usando el editor de CSS, pero antes un poco de autobombo!!!:
Si quieres que te ayude a crear o mejorar tu página web pásate por Pampua.es
Te ofrezco garantía de satisfacción total (hasta que no esté a tu gusto no pagas el último 50%) y soporte ilimitado por mail. El 100% de los clientes terminan contentos. Lee sus reseñas!
¿Cómo personalizar un theme usando CSS?
Es muy sencillo, básicamente hay que saber un poquito de HTML, pero muy poco, porque para este cambio sólo necesitaremos entender dónde están los elementos que queremos modificar, y saber los códigos de CSS que tenemos que utilizar para aplicar los cambios que queremos hacer.
Os lo voy a compartir en vídeo, porque la verdad es que explicar algo tan técnico sólo con audio es un poco complicado, pero lo voy a intentar.
Voy a ir haciendo cambios en la web de Pampua.es mientras os los voy comentando.

https://youtu.be/oHhUD91DjAk
Y ahora…
EL PODCAST DE LA SEMANA
Hoy quiero recomendaros “Libros para emprendedores” de Luis Ramos. El funcionamiento del podcast es muy sencillo: En cada episodio revisa un libro que seguro te va a ayudar en tu camino como emprendedor.
Hay un montón de episodios así que aquí te dejo dos formas de navegarlos: verlos todos por orden de publicación (del más nuevo al más antiguo), y por categorías (los más escuchados, los de marketing, los de ventas, etc).
Como siempre, los puedes escuchar en iTunes, iVoox, Spotify, Youtube, etc.
Y esto ha sido todo por hoy, si ya conocías el CSS y has echado algo en falta, cuéntamelo! O si te ha quedado alguna duda o te gustaría que tratase algún tema en concreto pásate por pampua.es y déjame un mensaje; estaré encantado de comentarlo contigo.
O si lo prefieres en los comentarios de iVoox, en twitter @pampua, o en nuestra página de Facebook: facebook.com/pampua
Si te ha gustado este episodio compártelo al menos con una persona a la que pueda resultarle interesante. Por whatsapp, por mail, por  Facebook, twitter o incluso por SMS, como quieras, pero compártelo! Recuerda que puedes escucharlo y suscribirte en iTunes, iVoox, Spotify, Youtube y desde la web de pampua.es/podcast.
Y por último estaré inmensamente agradecido si me dejas una reseña de 5 estrellas en iTunes o un me gusta y un comentario en iVoox. Puedes ver cómo dejar una reseña en www.pampua.es/resena
El jueves que viene hablaremos de cómo hacer que un theme quede como en la demo con HTML, o cómo podemos incluso modificarlo y añadirle secciones.
Muchísimas gracias por escuchar hasta el final, por comentar, por tus “Me gusta” y reseñas. Nos escuchamos la semana que viene llueva, nieve o truene!
]]>
Ramón Prats 2 38 10:17
¿Qué es el CSS y cómo se utiliza? https://pampua.es/37-que-es-el-css-y-como-se-utiliza/ Thu, 01 Nov 2018 08:10:59 +0000 https://pampua.es/?p=2020 <p>Hoy vemos una breve introducción al CSS, qué es exactamente, para qué sirve, cómo se utiliza. Todo lo más sencillo posible para que no te pierdas.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/37-que-es-el-css-y-como-se-utiliza/">¿Qué es el CSS y cómo se utiliza?</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy vemos una breve introducción al CSS, qué es exactamente, para qué sirve, cómo se utiliza. Todo lo más sencillo posible para que no te pierdas. Hoy vamos hablar de que es el CSS, para qué sirve, cómo usarlo, precauciones, etc. pero antes, demos paso al patrocinador!!!:
Ya está disponible la nueva gama de altavoces inteligentes de Amazon desde 35,99€
Tienes 4 modelos diferentes. A mi, personalmente, el Echo Spot me tiene enamorado por la pantalla que incorpora. Te permite controlar por voz la reproducción de música en Amazon Music y Spotify, las emisoras de radio en TuneIn, las secciones de noticias y mucho más: todo ello sin mover un dedo.
Si ya eres Prime, tienes Prime Music, que te permite escuchar en streaming más de 2 millones de canciones de los artistas más populares del momento, sin anuncios ni ningún coste adicional.
Amazon Music Unlimited te ofrece acceso a más de 50 millones de canciones, entre las que se incluyen los últimos lanzamientos, por solo 3,99 € al mes para un dispositivo Echo. Amazon Music Unlimited es gratis durante 14 días tras configurar por primera vez el dispositivo Echo. Una vez termine este periodo, puedes conseguir una prueba de 30 días gratis.
Informate de todo en pampua.es/amazon
¿Qué es CSS, realmente?
Como el HTML, el CSS no es realmente un lenguaje de programación. Es un lenguaje de hojas de estilo, es decir, te permite aplicar estilos de manera selectiva a elementos en documentos HTML. Por ejemplo, para seleccionar todos los elementos de párrafo en una página HTML y volver el texto dentro de ellos de color verde, has de escribir este CSS:
p {
  color: green;
}
Anatomía de una regla CSS
Observemos al CSS de antes, un poco más a detalle:
p {
  color: green;
}
La estructura completa es llamada regla predeterminada (pero a menudo “regla” para abreviar). Nota también los nombres de las partes individuales:
Selector
El elemento HTML en el que comienza la regla. esta selecciona el(los) elemento(s) a dar estilo (en este caso, los elementos p ). Para dar estilo a un elemento diferente, solo cambia el selector.
Declaración
Una sola regla como color: green; especifica a cuál de las propiedades del elemento quieres dar estilo.
Propiedades
Maneras en las cuales puedes dar estilo a un elemento HTML. (En este caso, color es una propiedad del elemento p.) En CSS, seleccionas qué propiedad quieres afectar en tu regla.
Valor de la propiedad
A la derecha de la propiedad, después de los dos puntos (:), tenemos el valor de la propiedad, para elegir una de las muchas posibles apariencias para una propiedad determinada (hay muchos valores para color además de green).
Nota las otras partes importantes de la sintaxis:

Cada una de las reglas (aparte del selector) deben estar encapsulada entre corchetes ({}).
Dentro de cada declaración, debes usar los dos puntos (:) para separar la propiedad de su valor.
Dentro de cada regla, debes usar el punto y coma (;) para separar una declaración de la siguiente.

Así que para modificar varios valores de propiedad a la vez, solo necesitas escribirlos separados por punto y coma (;), así:
p {
  color: green;
  width: 500px;
  border: 1px solid black;
}
Seleccionando varios elementos
También puedes seleccionar varios elementos y aplicar una sola regla a todos ellos. Incluye varios selectores separados por comas(,). Por ejemplo:
p,li,h1 {
  color: green;
}
Diferentes tipos de selector
Existen muchos tipos diferentes de selectores. Antes, solo hemos visto los selectores de elementos, los cuales seleccionan todos los elementos de un tipo dado en los documentos HTML. Sin embargo podemos hacer selecciones más específicas que esas. Estos son algunos de los tipos de selectores más comunes:




Nombre del selector


Que selecciona?


]]>
Ramón Prats 2 37 clean 11:13
¿Qué son los widgets de Wordpress? https://pampua.es/36-que-son-los-widgets-de-wordpress/ Thu, 25 Oct 2018 08:10:06 +0000 https://pampua.es/?p=2017 <p>Hoy veremos que son los widgets: para qué sirven, cuáles vienen por defecto con Wordpress, cómo añadir más, cómo usarlos, precauciones...</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/36-que-son-los-widgets-de-wordpress/">¿Qué son los widgets de Wordpress?</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy veremos que son los widgets: para qué sirven, cuáles vienen por defecto con Wordpress, cómo añadir más, cómo usarlos, precauciones... Hoy vamos hablar de que son los widgets, para qué sirven, como usarlos, precauciones, etc. pero antes, un poco de autobombo!!!:
Si quieres que te ayude a crear o mejorar tu página web pásate por Pampua.es
Te ofrezco garantía de satisfacción (hasta que no esté a tu gusto no pagas el último 50%) y soporte ilimitado por mail.
100% de clientes contentos
¿Qué son los widgets?
Hablando en términos muy prácticos, un widget es un bloque de contenido que podemos añadir en los sidebars de nuestra web. Los widget pueden contener imágenes, código que nosotros hemos creado manualmente, como código PHP, JavaScript o HTML, pueden ser un video, botones de redes sociales y prácticamente cualquier cosa. Los widgets de WordPress se añaden a los sidebars y esos sidebars son normalmente determinados por el diseño que estamos usando
Cuando instalas WordPress por primera vez podrás notar que si entras desde tu área de administración en Apariencia > Widgets tendrás una lista de Widgets que vienen preinstalados en WordPress. Los Widgets que tienes disponibles en una instalación fresca de WordPress son:

Buscar: Te permite añadir un campo de búsqueda, de esta forma tus visitantes pueden encontrar el contenido que se encuentran buscando en tu web.
Calendario: Muestra un pequeño calendario en el que los visitantes pueden ver los artículos que publicaste cada día.
Categorías: Muestra las categorías en los que se encuentran organizados tus artículos.
Entradas recientes: Muestra una lista de los artículos más nuevos en tu web.
Menú personalizado: Te permite seleccionar un menú y lo muestra en el sidebar que selecciones para mostrar el widget.
Texto: Te permite añadir texto, pero también puedes añadir código HTML.
HTML Personalizado: Pensado especialmente para añadir HTML.
Y muchos widgets más como audio, imagen, galerías, vídeos…

Estos son solo los widgets que vienen preinstalados en WordPress, pero definitivamente no son todos los que existen. Tú puedes añadir más widgets, por medio de plugins y plantillas.
¿Los Widget son iguales a los plugins?
No, los widget no son plugins pero algunos plugins contienen widgets. Eso puede sonar un poco confuso, así os pongo un ejemplo real con mi propia web para poder explicar mejor la diferencia entre widgets y plugins.
Cómo probablemente habrás visto, tenemos un apartado en nuestra página principal llamado “Últimos trabajos” desde ahí puedes ver las últimas páginas web que hemos terminado, esa área la hemos creado usando el plugin Génesis Portfolio. Ese plugin nos permite crear un área de portfolio como esa, podemos organizar los contenidos, crear categorías y muchas otras funciones.
Entonces el plugin Génesis Portfolio tiene muchas funciones, es un plugin muy robusto y parte del plugin añade widgets para mostrar las categorías del portfolio, las novedades, etc. Esos Widgets son muy buenos y mejoran la experiencia de nuestros usuarios, pero no son realmente necesarios para que el plugin funcione, son solamente parte de él, son realmente una pequeña pero muy genial parte del plugin.
Entonces los widgets son como pequeñas piezas de código que podemos añadir a nuestra web para mejorar la experiencia de usuario, y normalmente esos widgets serán parte de algo mayor, como un plugin o una plantilla por ejemplo.
Que los Widgets sean parte de los plugins y las plantillas que instalamos, les permite a los desarrolladores entregarnos más funciones en un solo paquete de instalación.
¿Cómo publico Widgets en WordPress?
Después de todo esto posiblemente te ha entrado la curiosidad de saber como publicar widgets en tu WordPress. Primero debes conocer los widgets que tienes disponibles, simplemente navega hacia apariencia > Widgets y podrás encontrar una lista de los que tienes disponibles.
]]>
Ramón Prats 2 36 clean 11:45
Análisis web de lacoix.com https://pampua.es/35-analisis-web-de-lacoix-com/ Thu, 18 Oct 2018 08:10:09 +0000 https://pampua.es/?p=2005 <p>Esta semana realizamos el análisis web de lacoix.com y vemos como podemos mejorar la página para aparecer más arriba en Google y mejorar la conversión de las visitas.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/35-analisis-web-de-lacoix-com/">Análisis web de lacoix.com</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Esta semana realizamos el análisis web de lacoix.com y vemos como podemos mejorar la página para aparecer más arriba en Google y mejorar la conversión de las visitas. Hoy íbamos a hablar de que son los widgets, para qué sirven, como usarlos, etc. pero hemos tenido que hacer un análisis web que creo que os va a ser muy útil, porque hay muchas cosas que podéis aplicar para optimizar vuestra web igualmente.
Si después de escucharlo quieres que te haga un análisis web personalizado  por 30€ analizo durante 15 minutos los puntos clave de tu web a nivel de marketing y diseño.
Cuéntame cuál es el objetivo de tu web y te diré lo que debes modificar para aumentar las conversiones.
Te enviaré el audio en un mp3 a tu email y además lo publicaré en este podcast, (con lo que obtendrás publicidad gratis!)
Pásate ahora mismo por pampua.es/analisis y solicita tu análisis web.
Análisis web de lacoix.com
Empresa de rótulos ubicada en Mutxamel, Alicante y fundada en 1982 (el año del mundial de naranjito!)

Aspectos a destacar:



Falta el favicon -> www.favicon-generator.org
Logo (episodio: 16)
Slider (no lo recomiendo: episodio: 13)
3 iconos… Han intentado adaptarse al tema, en lugar de adaptar el tema a la empresa. Theme Enfold (multiproposito y con un builder): mucho mejor usar génesis
CTA más arriba, en el primer pantallazo
Proyectos destacados… Falta texto, 1987? Leer más sólo muestra la imagen
Sobra el menú breadcrumbs / migas de pan
En el pie sobra el logo y falta el horario
Falta aviso legal y política de privacidad
Iconos de contacto demasiado grandes
Velocidad de carga: Pagespeed, Pingdom, GTMetrix
Nosotros ha de hablar de las personas que forman la empresa. Ver las caras, transmitir confianza
Desde 1982 en realidad es el portafolio de trabajos realizados, pero da mala imagen ver que en 2017 sólo hay 1 y en 2018 no hay ninguno.
Servicios, efecto tablero de ajedrez???
En realidad este apartado es un portafolio por categorías. No hay texto. Falta copywriting. Fatal para el SEO: posición 66 para “rótulos alicante”
Contacto (primero el formulario por favor)
Falta adaptación al RGPD episodio: 19




Y ahora
EL PODCAST DE LA SEMANA
Hoy voy a recomendaros un podcast para que estéis mucho mejor, más sanos y felices. Se trata de “Veteranos de la vida” un programa dedicado en parte a la vida, y en la otra parte a todo lo que tenemos que hacer para disfrutarla con salud.
Un podcast donde Nacho Serapio, un “Veterano” de 41 años, comparte vivencias y experiencias con Adolfo Pérez, un “eterno aprendiz” de 73 años.
Es muy ameno y divertido, tipo entrevista, de unos 20-30 minutos cada episodio en el que tratan temas muy interesantes: Perdida de peso, longevidad, vegetarianismo, caída del cabello, filosofías de las artes marciales, deporte, amor, estrés…
Puedes escucharlo en iVoox y iTunes
Y esto ha sido todo por hoy, si has podido ver la web analizada y has echado algo en falta, cuéntamelo! O si te ha quedado alguna duda o te gustaría que tratase algún tema en concreto pásate por pampua.]]>
Ramón Prats 2 35 clean 23:09
Los shortcodes en wordpress https://pampua.es/34-los-shortcodes-en-wordpress/ Thu, 11 Oct 2018 08:10:25 +0000 https://pampua.es/?p=1999 <p>Hoy vemos los shortcodes: un pequeño código que puedes introducir en el editor de WordPress y que llama a un script o parte de un script que inserta un elemento en el contenido que estás editando.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/34-los-shortcodes-en-wordpress/">Los shortcodes en wordpress</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy vemos los shortcodes: un pequeño código que puedes introducir en el editor de WordPress y que llama a un script o parte de un script que inserta un elemento en el contenido que estás editando. Hoy vamos hablar de que son los shortcodes, para qué sirven, como usarlos, precauciones, etc. pero antes, un poco de autobombo!!!:
Si quieres que te ayude a crear o mejorar tu página web pásate por
Pampua.es
Te ofrezco garantía de satisfacción (hasta que no esté a tu gusto no pagas el último 50%) y soporte ilimitado por mail.
100% de clientes contentos
Antes de entrar con el tema de la semana quería dejaros una herramienta muy útil para sugerir ideas de títulos. Porque el planificador de palabras clave está genial y te da todos los datos para decidir, pero es posible que no se te ocurran títulos que comparar, para eso tenemos: https://answerthepublic.com
Introducimos el tema del qué vamos a hablar y nos propone distintas alternativas de títulos que hacen referencia a búsquedas que realiza la gente en Google.
Qué es un shortcode
Un shortcode en WordPress es un pequeño “tag” o código que puedes introducir en el editor de WordPress y que llama a un script o parte de un script que inserta un elemento en la página o contenido (post) que estás editando. Podemos comparar los shortcodes de WordPress con los includes de PHP.
WordPress lo introdujo en la versión 2.5. Y tiene este aspecto:
[Pampua-shortcode].
¿Cuándo utilizar shortcodes en WordPress?
WordPress tiene varios controles de seguridad y filtros incorporados.

Para evitar que el código malicioso entre en:
Posts ,Páginas, Widgets y Temas
Por lo tanto, los usuarios no pueden escribir código en dichos elementos de WordPress. Sin embargo, los shortcodes de WordPress permiten a sus usuarios añadir “contenido dinámico” dentro de WordPress.

Como:

Insertar gráficos
Incrustar archivos de vídeo
Añadir galerías o sliders (aunque no los recomiendo: ep: 13)
Crear objetos de macro
Crear un formulario o encuesta
Añadir botones

Dicho contenido dinámico necesitaría escribir mucho código. Los shortcodes simplifican este proceso de agregar funciones a un sitio web de WordPress. Añaden HTML y otros lenguajes de marcado dinámico, en la publicación, página, widget o comentario. Dondequiera que el usuario de WordPress quiere que aparezcan. En una sola línea.
¿Cuándo no usar shortcodes en WordPress?
Los shortcodes específicos no son necesarios si sólo se crea una característica en una publicación o página específica. Sin embargo, si vas a utilizar ese shortcode en muchos mensajes o páginas diferentes, es posible que desees utilizar un plugin para añadir un shortcode. Esto hará más fácil el estilo de un elemento específico de WordPress. También es más fácil de eliminar si desea por ejemplo cambiar los temas.
¿Cómo obtener los shortcodes de WordPress?
Puede obtener shortcodes de WordPress de varias maneras:
1. Shortcodes incorporados
Son shortcodes incluidos en la plantilla (tema) de WordPress elegida, bajo el editor de contenido. Por ejemplo: “, “. Estos shortcodes dejan de funcionar, cuando cambias la plantilla de WordPress.
CONSEJO: A menudo, los usuarios de WordPress no saben qué shortcodes ya están disponibles. Si (como recomiendo ep:2) usas Génesis, aquí los tienes: https://www.billerickson.net/code/genesis-shortcodes/
Si tienes claro (como yo) que siempre vas a usar Genesis, puedes usarlos tranquilamente, pero si no es así no te recomiendo su uso, puesto que al cambiar de plantilla los perderías. Esto le ha pasado a mucha gente con DIVI y Elementor (el famoso “lock-in”) que te obliga a seguir siempre con ellos porque si los desinstalas tu página se llena d...]]> Ramón Prats 2 34 clean 12:29 Cómo poner títulos con el planificador de palabras clave https://pampua.es/33-poner-titulos-planificador-de-palabras-clave/ Thu, 04 Oct 2018 08:10:46 +0000 https://pampua.es/?p=1993 <p>Hoy vemos cómo elegir los títulos para los artículos de tu blog o podcast con la ayuda del planificador de palabras clave de Google Ads para maximizar los resultados.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/33-poner-titulos-planificador-de-palabras-clave/">Cómo poner títulos con el planificador de palabras clave</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy vemos cómo elegir los títulos para los artículos de tu blog o podcast con la ayuda del planificador de palabras clave de Google Ads para maximizar los resultados. Hoy vamos hablar de cómo elegir los títulos para los artículos de tu blog o podcast con la ayuda del planificador de palabras clave de AdWords (ahora Google Ads), pero antes, un poco de autobombo!!!:

Nuevo servicio de análisis web! Por 30€ analizo durante 15 minutos los puntos clave de tu web a nivel de marketing y diseño.

Cuéntame cuál es el objetivo de tu web y te diré lo que debes modificar para aumentar las conversiones.

Te enviaré el audio en un mp3 a tu email y además lo publicaré en este podcast, (con lo que obtendrás publicidad gratis!)

Pásate ahora mismo por pampua.es/analisis y solicita tu análisis web.

Los 3 primeros en usar el código PODCAST lo obtendréis gratis.

Cómo elegir un buen título
El título de un artículo va a hacer que te posiciones en los resultados de las búsquedas de una forma u otra.
Por eso es muy importante elegir el título adecuado, y la mejor forma de hacerlo es usando el planificador de palabras clave de Google, puesto que tiene los datos reales de las búsquedas que realiza la gente.
Acceder al planificador de palabras clave
Lo primero que necesitas es crearte una cuenta en GoogleAds (antes llamado Adwords) Mira que les gusta cambiar los nombres…
Puedes hacerlo incluso sin dar tus datos de la tarjeta de crédito, pero no te preocupes si tienes que ponerlos, si no realizas ninguna campaña no te cobrarán nada.
Una vez dentro de Google Ads vamos al menú superior y Herramientas > Planificador de Palabras Clave. Comentarte que Google cambia el diseño de la web constantemente por lo que posiblemente algunos textos no sean exactamente así, pero el concepto es el mismo.
Después le damos a “Busca palabras clave nuevas”:

Después simplemente introduces la URL de tu artículo (si ya lo has publicado) o las palabras clave por las que te gustaría posicionarlo.
Asegúrate que estás segmentando correctamente el idioma y la ubicación (en mi caso, español – España)

Ahora nos fijaremos en la columna “Competitividad” para intentar elegir las palabras que tengan competencia baja y más búsquedas.
En la parte de arriba sale por defecto los últimos 12 meses. No hay las mismas búsquedas de “regalos de navidad” en diciembre que en julio y esto es algo que tenemos que tener en cuenta.
Si tu blog está orientado a ciudades en concreto, por ejemplo “los mejores restaurantes de Madrid“, entonces selecciona desglose por ubicación en el menú izquierdo y en lugar de España pon la ciudad que necesites. No quiero complicar mucho la cosa pero como ves la clave de la herramienta está en probar para ajustar al máximo.
Al ver las palabras sugeridas se te irán ocurriendo nuevas palabras clave. Añádelas en la parte superior y haz click de nuevo en “Obtener resultados“. Repite este proceso hasta que consigas obtener las palabras y frases que más se ajusten a tus objetivos.
Por defecto Google nos activa un filtro de búsqueda en el que nos sugiere búsquedas relacionadas y nos bloquea las que estén relacionadas con contenido para adultos.
Podremos editar el filtro o eliminarlo desde la parte superior derecha.
Arriba a la derecha, junto a la caja de búsqueda, aparece el botón “DESCARGAR IDEAS PARA PALABRAS CLAVE” para poder exportar las palabras sugeridas por Google a un CSV, abrirlo en Excel y así analizarlas con más detalle. De esta forma podemos guardar estas listas e ir marcando por colores las prioritarias en base al objetivo que quieras alcanzar con el blog.
Con estas palabras podemos encontrar títulos perfectos para nuestros artículos y usar las ideas que surjan para crear distintas categorías.
A tener en cuenta
Una vez elegida la temática con las palabras clave por las que quieres que te encuentren ve a ...]]>
Ramón Prats 2 33 clean 12:14
Cómo hacer un calendario editorial para tu blog https://pampua.es/32-como-hacer-un-calendario-editorial-para-tu-blog/ Thu, 27 Sep 2018 08:10:08 +0000 https://pampua.es/?p=1980 <p>Hoy vamos hablar de cómo realizar un calendario editorial para tener programados los temas a tratar en tu blog o podcast, cómo conseguir ideas y dejar tareas programadas.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/32-como-hacer-un-calendario-editorial-para-tu-blog/">Cómo hacer un calendario editorial para tu blog</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy vamos hablar de cómo realizar un calendario editorial para tener programados los temas a tratar en tu blog o podcast, cómo conseguir ideas y dejar tareas programadas. Hoy vamos hablar de cómo hacer un calendario editorial para tener programados los temas a tratar en tu blog o podcast, pero antes, un poco de autobombo!!!:

Nuevo servicio de análisis web! Por 30€ analizo durante 15 minutos los puntos clave de tu web a nivel de marketing y diseño.
Cuéntame cuál es el objetivo de tu web y te diré lo que debes modificar para aumentar las conversiones.
Te enviaré el audio en un mp3 a tu email y además lo publicaré en este podcast, (con lo que obtendrás publicidad gratis!)
Pásate ahora mismo por https://pampua.es/analisis y solicita tu análisis web.

Criterios a tener en cuenta en un calendario editorial
Hay ciertos criterios que debes tener en cuenta a la hora de plantearte cómo hacer un calendario editorial. Aspectos que debes incluir en el tuyo propio y no pasar por alto, que dan respuesta a las siguientes preguntas:

¿Por qué? Teniendo en cuenta las necesidades de tu público y tu propio proyecto, podrás determinar la razón de ser de tu blog. En ese sentido, tendrás que determinar una serie de objetivos cuantificables en términos de visitas, comentarios o conversiones de otro tipo a un número de meses vista, partiendo de un objetivo principal, como podría ser aumentar las ventas y concretando en objetivos a corto plazo medibles y realistas.
¿Qué? Para cumplir con tus objetivos y enganchar a la audiencia con tu estrategia de contenidos, necesitarás resolver la cuestión principal; ¿qué tipo de contenidos puedes ofrecer? Sean del tema que sean, deberán llevar un trasfondo práctico, que resuelva algún problema real en tu mercado y se ajuste a la planificación de tu calendario.
¿Cuándo? Debes pensar en la frecuencia de publicación. Si vas a publicar una vez a la semana, deberás estructurar su contenido en semanas. Si publicas una vez al mes, entonces estructúralo en meses. Este aspecto lo defines tú en función de tu tiempo y las necesidades de tu público.
¿Dónde? En función a la actividad en medios digitales de tu audiencia y la periodicidad de tus publicaciones, así te serán más prácticos unos canales de difusión de contenidos u otros. Por ejemplo, si tu público está presente en Twitter y te decides por compartir ahí tus posts, tienes que ser consciente del ritmo frenético que demanda esta red social y ser capaz de compartir información con una elevada frecuencia.
¿Cómo? También debes pensar en cuántas personas vais a participar en el desarrollo de los contenidos para tu blog. Si todo lo vas a gestionar tú el calendario será más sencillo, pero si es un trabajo colaborativo necesitarás estructurarlo de manera que se entienda bien quién hace cada tarea.

Las 5 etapas para desarrollar el calendario editorial de un blog
1. Análisis de necesidades del público
Esto es algo similar a lo que comentamos en el episodio 23 del buyer persona o público objetivo. Te explico:
Seguramente tendrás un perfil de lector ideal en mente, ese que quieres que te lea y muestre interés por tus contenidos, de manera que puedas obtener ciertos resultados de sus acciones. No obstante, cuando se trata de dar visibilidad a los artículos de tu blog, también tendrás que tener en cuenta a otros perfiles.
Por ejemplo, puede que tu objetivo no sea vender cursos formativos a influencers de gran reconocimiento en tu sector, pero piensa que éstos necesitarán tus contenidos para nutrir sus perfiles sociales y aportar valor a sus grandes comunidades, quienes indirectamente pueden terminar por ser tus clientes.
En definitiva, atender a las necesidades de contenido de diferentes “sub-públicos” te ayudará a definir temáticas relacionadas y de interés para el calendario editorial de tu blog.
2. Definición de objetivos, canales y formatos de contenidos
]]>
Ramón Prats 2 32 clean 11:24
Cómo registrar y configurar un dominio para tu web https://pampua.es/como-registrar-y-configurar-un-dominio-para-tu-web/ Thu, 20 Sep 2018 08:10:31 +0000 https://pampua.es/?p=1972 <p>Hoy vamos hablar de cómo registrar y configurar un dominio para que funcione correctamente: Titular del dominio, empresa registradora, DNS, alojamiento... Todo bien clarito!</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/como-registrar-y-configurar-un-dominio-para-tu-web/">Cómo registrar y configurar un dominio para tu web</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy vamos hablar de cómo registrar y configurar un dominio para que funcione correctamente: Titular del dominio, empresa registradora, DNS, alojamiento... Todo bien clarito! Hoy vamos hablar de lo más básico para tener una web, cómo registrar y configurar un dominio, pero antes, déjame contarte algo:

Nuevo servicio de análisis web! Por 30€ analizo durante 15 minutos los puntos clave de tu web a nivel de marketing y diseño.

Cuéntame cuál es el objetivo de tu web y te diré lo que debes modificar para aumentar las conversiones.

Te enviaré el audio en un mp3 a tu email y además lo publicaré en el podcast, (con lo que obtendrás publicidad gratis!)

Pásate ahora mismo por pampua.es/analisis y solicita tu análisis web.

¿Qué es un dominio?
El dominio es el nombre exclusivo que se asigna a un sitio web. Esta es la manera de identificar y traducir la dirección IP, facilitando la posibilidad de encontrarla en Internet. No obstante, para que la página web sea visible es necesario contar con otros elementos más allá del dominio. Estos son el alojamiento o hosting y la propia página web.
Mientras que el dominio es el nombre de la web, el alojamiento es el lugar dónde se encuentra almacenada. Dominio y alojamiento son dos conceptos ligados estrechamente entre sí por lo que es importante saber diferenciarlos correctamente. Cuando vas a registrar un dominio en Internet debes tener en cuenta que necesitarás contratar un hosting para que tu sitio web sea visible en el futuro. Sin hosting, no hay web, a pesar de que tengas el mejor dominio del mundo.
Así, a la hora de conocer cómo registrar un dominio es interesante que sepas el proceso de contratar un hosting, como ya te expliqué en el episodio 9, ya que no tiene porqué ir incluido y no todas las empresas de registro de dominios lo ofrecen.
Por otro lado, el servidor es la máquina -ya sea física o virtual- en la que se encuentra el espacio de alojamiento, es decir, el disco duro donde se almacenan los archivos de tu web y que está en un centro de datos contactado permanentemente a internet con conexiones de altísima velocidad.
Cómo elegir el nombre del dominio
Hoy en día resulta difícil encontrar nombres de dominio que sean cortos, suenen bien, y estén disponibles el .com y el .es
Si vas a ponerle un nombre a tu negocio yo te recomendaría que antes visitaras https://www.namecheckr.com/ y te aseguraras que no sólo están libres los dominios, sino también las redes sociales más importantes: Facebook, twitter e Instagram.
Lo dicho, a ser posible, registra siempre el .es y .com
Consejos para registrar un dominio

Elige correctamente la terminación más adecuada para tu dominio. Dependiendo de los objetivos de la web, es más correcto elegir una terminación u otra. Si el .com y el .es no estuvieran disponibles y no fuese posible cambiar el nombre, mira que está haciendo tu sector. Si se trata de música puedes registrar el .fm o si es algo relacionado con los audiovisuales el .tv
El nombre de dominio no debe exceder las 15 letras. Un dominio demasiado largo no será sencillo de recordar para un usuario o para un cliente potencial. Normalmente se recomienda que un dominio no exceda las 15 letras, más allá podría considerarse una locura.
El dominio debe ser fácil de pronunciar. Además de la facilidad para recordar el nombre también es necesario que pronunciar el dominio sea sencillo. Tanto un dominio extenso como uno que no se sepa pronunciar habitualmente dar lugar a error a la hora de escribirlo. Aconsejo evitar algunas letras que puedan ser complicadas a la hora de deletrearlas o pronunciar. Es posible que no tengas pensado hacer una cuña en la radio hoy en día, pero quién sabe si en el futuro lo necesitas.
Conocer los aspectos jurídicos.]]>
Ramón Prats 2 31 clean 14:07
Gutenberg, el editor visual de WordPress https://pampua.es/30-gutenberg-el-editor-visual-de-wordpress/ Thu, 13 Sep 2018 08:10:25 +0000 https://pampua.es/?p=1961 <p>Aquí te cuento todo sobre Gutenberg, el nuevo editor visual de WordPress. Cómo funciona, cómo puedes instalarlo, que ventajas nos ofrece, cómo será en el futuro y los pros y contras que le veo.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/30-gutenberg-el-editor-visual-de-wordpress/">Gutenberg, el editor visual de WordPress</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Aquí te cuento todo sobre Gutenberg, el nuevo editor visual de WordPress. Cómo funciona, cómo puedes instalarlo, que ventajas nos ofrece, cómo será en el futuro y los pros y contras que le veo.
WebEmpresa, hosting especializado en Wordpress.

Es el hosting que uso y recomiendo desde hace tiempo

En pampua.es/webempresa te dejo los 13 motivos que tienes contratarlo; échale un vistazo!

Además te doy un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

¿Que es Gutenberg?
Es el nuevo editor visual de WordPress. Toma el nombre de Johannes Gutenberg inventor de la imprenta con teclas móviles hace más de 500 años.
El editor visual actual exige mucho de nosotros para utilizar los códigos de acceso y HTML para hacer que las cosas funcionen. Su meta es hacer esto más fácil, especialmente para aquellos que empiezan con WordPress, o en palabras de su creador:

El editor creará una nueva experiencia de creación de páginas y entradas que hará que escribir publicaciones enriquecidas no conlleve esfuerzo alguno, y que tendrá “bloques” para hacer fácil lo que actualmente requiere shortcodes, HTML personalizado, o los imprevisibles incrustados automáticos. — Matt Mullenweg

Básicamente, es una adaptación del editor clásico a un editor más potente y adaptado a las necesidades de los usuarios.
Seguramente ahora te estén viniendo a la cabeza constructores como Elementor, Divi, Visual Composer, y te preguntarás: ¿qué diferencia hay entre Gutenberg y otros maquetadores para WordPress?
Normalmente debemos comprar un tema o plantilla para crear una web en WordPress y luego construirlas con un maquetador, que si utilizas o has utilizado alguno como los ya nombrados, sabrás que son de arrastrar y soltar (drag&drop), y que te permiten ver el resultado al momento.
El problema viene cuando tenemos que modificar una página en el panel de control de WordPress o con código, ya que si no tienes conocimientos avanzados es más complicado de hacer.
Lo que puedes hacer con el editor Gutenberg es construir las páginas mediante bloques desde el propio panel de control de WordPress de una forma muy similar a los ya conocidos constructores.
Puedes construir y ver el resultado de la página desde el propio panel de control, lo que es una gran novedad para WordPress, y que podría llegar a sustituir en un futuro la mayoría de constructores que hoy en día usamos, siendo un problema para muchos y una ventaja para otros.
¿Cómo funciona?
Como te comentaba antes, el editor Guternberg funciona mediante bloques, por lo que tendrás que seleccionar el botón “+” de añadir bloque para añadir nuestras “secciones”.
El editor permite deshacer los cambios realizados y rehacerlos de forma muy sencilla, ya que como si de un documento de Word se tratase, ha incluido dos botones para volver atrás y adelante.
Justo al lado del botón “+” tenemos un botón de “información”, el cual te dirá la información general como el número de palabras de nuestra página, el número de encabezados, los párrafos y el número de bloques de la página que estés creando.
Además, mostrará la jerarquía de H que tiene de forma muy sencilla y visual.
A su derecha encontrarás las herramientas con la opción de “Vista Previa” con el que, como con otros editores, pulsándolo podrás ver los resultados de lo que vayas construyendo en la página.
Pero ojo, aunque pulses sobre vista previa, si no haces click en “Publicar” esta página no será visible para el resto de personas que entren en tu web, por lo que quedará en borradores.
Si te fijas a la derecha, donde están las herramientas, tienes la opción de ocultar o mostrar más opciones para person...]]>
Ramón Prats 2 30 clean 13:14
Básicos del diseño web: HTML https://pampua.es/29-basicos-del-diseno-web-html/ Thu, 06 Sep 2018 08:10:16 +0000 https://pampua.es/?p=1949 <p>Hoy vamos hablar de HTML, el lenguaje con el que se “programan” las páginas web, os voy a contar lo que a mi me gustaría que me enseñaran si tuviera que encargarme de modificar una página web sin tener ningún conocimiento de HTML. </p> <p>El contenido <a rel="nofollow" href="https://pampua.es/29-basicos-del-diseno-web-html/">Básicos del diseño web: HTML</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy vamos hablar de HTML, el lenguaje con el que se “programan” las páginas web, os voy a contar lo que a mi me gustaría que me enseñaran si tuviera que encargarme de modificar una página web sin tener ningún conocimiento de HTML. Hoy vamos hablar de HTML, el lenguaje con el que se “programan” las páginas web (porque técnicamente no es un lenguaje de programación), os voy a contar lo que a mi me gustaría que me enseñaran si tuviera que encargarme de modificar una página web sin tener ningún conocimiento de HTML, pero antes, demos paso al patrocinador!!!!:

WebEmpresa, hosting especializado en Wordpress.

Es el hosting que uso y recomiendo desde hace tiempo

En pampua.es/webempresa te dejo los 13 motivos que tienes contratarlo; échale un vistazo!

Además te doy un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

¿Que es el HTML?
El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Los archivos con el código HTML se almacenan en el servidor y los navegadores se encargan de interpretar el código HTML, y de mostrar a los usuarios las páginas web resultantes del código interpretado.
HTML5
Hoy en día el estándar que se utiliza es HTML5. El HTML empezó en 1991 y ha ido evolucionando y adaptándose, añadiendo nuevas funcionalidades que nos hacen el trabajo más fácil. Toda página web hecha con Html, por complicada que parezca, se divide en dos partes bien diferentes a las que llamaremos Cabecera (head) y Cuerpo (body). Además, todas las páginas web empiezan con la palabra mágica (o etiqueta) <html> y terminan con la etiqueta </html>.
Las etiquetas
Como acabáis de ver, HTML es un lenguaje de etiquetas
La mayoría de las etiquetas hay que abrirlas y cerrarlas. Se cierran con la / antes del nombre de la etiqueta. Hoy no voy a hablaros de todas las etiquetas que existen, sino únicamente de las que pienso que vais a necesitar para hacer pequeños cambios en una página que ya esté hecha (en Wordpress por ejemplo)
Para escribir un párrafo, lo haremos dentro de la zona visible (el body) encerrando lo que queremos escribir entre los símbolos <p> y </p> que son las etiquetas para escribir párrafos.
Si encerramos un texto entre <b> y </b> éste aparecerá en negrita. El tag <b> representa a la propiedad “bold” que significa negrita.
Si ponemos un texto entre <i> y </i> éste aparecerá en cursiva. El tag <i> representa a la propiedad italic, cursiva.
Y si encerramos un texto entre las etiquetas <u> y </u> éste aparecerá subrayados.
Para crear un titular basta con escribir su texto y encerrarlo en este caso entre las etiquetas <h1> y </h1>. Para mejorar el posicionamiento sólo debería haber un h1 en cada pagina.
Existen otras etiquetas de títulos en Html5, h2, h3, h4, h5 y h6, aunque no creo que pasemos del h2 o h3 normalmente para ir creando subtítulos.
Las imágenes son un elemento más en las páginas web y hay que añadirlas en el Html de las páginas, salvo algunas excepciones, como es el caso de las imágenes de fondo que sí que irán en el CSS.
El código HTML5 correcto para insertar una imagen en una página web es este:
<img src="ruta/archivo.jpg” width="111px" height="222px"
alt="Texto Alternativo">
Esta etiqueta es algo especial, pues así como las etiquetas de párrafo y de títulos (y las otras que hemos visto) necesitan obligatoriamente de su correspondiente etiqueta de cierre, la etiqueta de imagen no tiene etiqueta de cierre.
Otra cosa a tener en cuenta es que el servidor ha de encontrar la imagen, por lo que es muy recomendable poner nombres a las imágenes en minúsculas, sin espacios, tildes ni caracteres especiales.
Las dimensiones de la imagen vienen definidas por width y height (ancho y alto) y debería ser exactamente las mismas que las que tenga la imagen. Por lo que es importante preparar la imagen al tamaño que la vamos a neces...]]>
Ramón Prats 2 29 clean 11:45
Las herramientas que uso para diseñar páginas web https://pampua.es/28-las-herramientas-que-uso-para-disenar-paginas-web/ Thu, 26 Jul 2018 08:10:45 +0000 https://pampua.es/?p=1941 <p>Hoy voy a compartir con vosotros a modo de consejo, las herramientas que uso en mi día a día para hacer páginas web. Divididas por categorías para que te sea más fácil encontrar la que necesitas.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/28-las-herramientas-que-uso-para-disenar-paginas-web/">Las herramientas que uso para diseñar páginas web</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy voy a compartir con vosotros a modo de consejo, las herramientas que uso en mi día a día para hacer páginas web. Divididas por categorías para que te sea más fácil encontrar la que necesitas. Hoy vamos hablar de las herramientas que más uso para diseñar páginas web, pero antes, demos paso al patrocinador!!!!:

WebEmpresa, hosting especializado en Wordpress.

Es el hosting que uso y recomiendo desde hace tiempo

En pampua.es/webempresa te dejo los 13 motivos que tienes contratarlo; échale un vistazo!

Además te doy un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

Listado de herramientas que más uso:
Editores de imagen

Resize Expert
Photoshop o GIMP

Editores de texto

Notepad++ o Sublime text
Pages

Productividad

Text Expander o PhraseExpress
Toggl

FTP

Filezilla

Vídeo

Loom
Skype o Appear.in (Muy cómodo para que el otro usuario no tenga que instalar nada)

Y esto ha sido todo por hoy, si hay alguna herramienta que uses habitualmente y te gustaría compartir, mándame un mail a ramon@pampua.es o pásate por Pampua.es/contacto y déjame un mensaje; estaré encantado de comentarlo contigo.
Y si quieres que en próximos episodios hable de algún tema en concreto o tienes cualquier duda o comentario que quieras hacerme, déjamelo en Pampua.es/contacto, en los comentarios de iVoox, en twitter @pampua, o en nuestra página de Facebook: facebook.com/pampua
Si te ha gustado este episodio compártelo al menos con una persona a la que pueda resultarle interesante. Por whatsapp, por mail, por  Facebook, twitter o incluso por SMS, como quieras, pero compártelo! Recuerda que puedes escucharlo y suscribirte en iTunes, iVoox, Spreaker, Youtube y desde la web de Pampua.es/podcast.
Y por último estaré inmensamente agradecido si me dejas una reseña de 5 estrellas en iTunes o un me gusta y un comentario en iVoox. Puedes ver cómo dejar una reseña en www.pampua.es/resena
Ahora en agosto voy a estar de vacaciones, así que el jueves de 6 septiembre volveré con un nuevo episodio del podcast, como la vuelta al cole!
Muchísimas gracias por escuchar hasta el final, por comentar, por tus “Me gusta” y reseñas. Nos escuchamos en septiembre llueva, nieve o truene!
]]>
Ramón Prats 1 28 clean 9:30
Cómo instalar un mapa de calor https://pampua.es/27-como-instalar-un-mapa-de-calor/ Thu, 19 Jul 2018 08:10:15 +0000 https://pampua.es/?p=1934 <p>Hoy te cuento cómo instalar un mapa de calor para conocer las zonas de la web en las que más tiempo pasa el ratón o puntero de nuestro visitante. Es vital conocer los elementos que generan más atención para poder potenciarlos.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/27-como-instalar-un-mapa-de-calor/">Cómo instalar un mapa de calor</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy te cuento cómo instalar un mapa de calor para conocer las zonas de la web en las que más tiempo pasa el ratón o puntero de nuestro visitante. Es vital conocer los elementos que generan más atención para poder potenciarlos. Hoy vamos ver que es un mapa de calor, para que sirve y como instalarlo en nuestra web, pero antes, demos paso al patrocinador!!!!:

WebEmpresa, hosting especializado en Wordpress.

Es el hosting que uso y recomiendo desde hace tiempo

En pampua.es/webempresa te dejo los 13 motivos que tienes contratarlo; échale un vistazo!

Además te doy un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

Una de las cosas más importantes que debemos saber cuándo creamos una web, desde la más compleja hasta una landing page, es cuales son las partes de la misma que generan más atención. Es de vital importancia saberlo porque serán esos los sitios donde deberemos colocar todas nuestras llamadas a la acción, elementos que queramos destacar e incluso utilizarlos para colocar espacios de publicidad cercanos (si el modelo de ingresos de tu negocio se basa en la publicidad, de lo contrario nunca pongas publicidad).
Hay muchas maneras de descubrir cuáles son esos lugares, pero uno de los más efectivos es el llamado mapa de calor o heatmap. Hoy vamos a conocer en profundidad esta herramienta para aprender a utilizarla y comenzar a aprovechar todas las ventajas de saber las partes de nuestra web que más atención reciben.
¿Qué es un mapa de calor?
Un mapa de calor no es más que un gráfico que resalta mediante distintos colores las zonas de la web en las que más tiempo pasa el ratón o puntero de nuestro visitante. Para sacar dichas conclusiones básicamente sigue el puntero del visitante y también analiza el número de clics que realiza en los diferentes espacios de la página.
Este concepto de mapa de calor proviene de algo que ya se viene utilizando habitualmente en el marketing, el eye tracking, que se dedica a descubrir donde miramos cuando nos ponen delante un texto o imagen.
El único y gran problema que presenta esta técnica de heatmap es que necesita una muestra amplia para poder presentar unos resultados coherentes y útiles. Es decir, para que podamos fiarnos de los resultados, tendremos que tenerlos rastreando nuestras visitas durante un espacio de tiempo amplio para que consiga reconocer el comportamiento de una gran cantidad de usuarios.
¿Para que sirve un mapa de calor?
El mapa de calor se puede utilizar para distintos objetivos, pero principalmente hay tres que son para los que mejor funcionan.
Analizar los mejores sitios para poner publicidad
No es un secreto que la mayoría de páginas web de Internet se sustentan gracias a la publicidad, de ahí que te encuentres banners de Adsense y todo tipo de afiliados en prácticamente cualquier página.
Con los mapas de calor podremos saber exactamente donde colocar nuestra publicidad para que cada persona que entre vea nuestros banners. No es conveniente utilizar todos los determinados “puntos calientes” (lugares de mayor atención) para publicidad, ya que el usuario podría tener una percepción de que la web tan solo está formada por banners y hará pasar desapercibido nuestro contenido.
Conocer la visibilidad de determinados elementos de la web
Si queremos resaltar una de nuestras secciones de la web, un nuevo servicio que hemos creado o directamente hemos creado una landing y queremos que toda la atención se fije en un formulario que el usuario debe rellenar, los mapas de calor te darán toda esa información.
Si a esto le sumamos la posibilidad de realizar los tests A/B (que vimos en los 2 episodios anteriores) estas 2 herramientas pueden llegar a formar un dúo que prácticamente te dirán dónde poner exactamente cada elemento de tu web en relación a la importancia que tengan.
Detectar fallos en el diseño de la web
]]>
Ramón Prats 1 27 clean 9:00
Cómo hacer un test A/B en Wordpress https://pampua.es/26-como-hacer-un-test-a-b-en-wordpress/ Thu, 12 Jul 2018 08:10:28 +0000 https://pampua.es/?p=1904 <p>Hoy te explico como puedes poner en práctica de forma sencilla un Test A/B en tu página de Wordpress con la herramienta de "Experimentos" que nos ofrece Google Analytics</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/26-como-hacer-un-test-a-b-en-wordpress/">Cómo hacer un test A/B en Wordpress</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy te explico como puedes poner en práctica de forma sencilla un Test A/B en tu página de Wordpress con la herramienta de "Experimentos" que nos ofrece Google Analytics Hoy vamos ver como poner en práctica un Test A/B que nos indique cómo conseguir más conversiones o menos rebote pero antes, demos paso al patrocinador!!!!:

WebEmpresa, hosting especializado en Wordpress.

Es el hosting que uso y recomiendo desde hace tiempo

En pampua.es/webempresa te dejo los 13 motivos que tienes contratarlo; échale un vistazo!

Además te doy un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

¿Cómo hacer Tests A/B en WordPress?
Existe una gran variedad de plugins para realizar tests A/B en Wordpress, con una amplia gama de funcionalidades y servicios adicionales.
Muchos proveedores ofrecen una versión gratuita, con solo una parte de las funciones disponibles o una versión de prueba sin limitaciones pero por tiempo limitado.
Sin embargo, si nunca hemos realizado antes tests A/B, la curva de aprendizaje con algunos de estos plugins puede distraernos de los aspectos importantes de todo el proceso.
Por otro lado, la mayoría ofrecen también otros tipos de tests, lo que puede complicar aún más su comprensión y configuración.
Disponemos de una mejor opción para consolidar los conceptos de los tests A/B y conocer bien su dinámica de ejecución, a través de los Experimentos de Google Analytics, dentro del menú Comportamiento de la pestaña principal de Informes:

Puesto que estamos habituados al entorno y nomenclatura de Google Analytics, la curva de aprendizaje es muy suave y podemos centrar nuestro esfuerzo en lo que realmente importa: comprender, ejecutar y analizar los tests A/B.
Además, al tratarse de una herramienta de Google, nos aseguramos de estar siguiendo las buenas prácticas para ejecutar Tests A/B.
1 – Crear un experimento nuevo
Suponiendo que sea la primera vez que hacemos un experimento, Analytics muestra un listado en blanco:

Pulsamos entonces el botón “Crear experimento” y Google nos muestra los cuatro pasos que debemos recorrer y rellenar para configurar nuestro experimento:

Veamos los campos que debemos rellenar en el primer paso, “Seleccionar un objetivo de experimento”:

Nombre de este experimento

El nombre con el que queramos identificar y reconocer este experimento en el listado correspondiente.
Debemos procurar que el nombre sea significativo y relacionado con el objetivo del experimento, por ejemplo: “Tasa de rebote en la página de registro”.

Objetivo de este experimento

Seleccionar la métrica que hayamos decidido que queremos analizar después de la ejecución del test.
Analytics nos muestra un listado de las métricas disponibles, pero podemos crear nuestros propios objetivos.

Porcentaje del tráfico del experimento

¡Ojo! No confundirlo con el reparto de visitas al 50% del test A/B: no tiene nada que ver.
Se refiere a qué porcentaje del tráfico total se dedicará a participar en el experimento.
Es decir, si lo ponemos al 60%, el test A/B se realizará sólo sobre un 60% de las visitas.
Lo habitual es que lo dejemos al 100%.

Notificación por correo de cambios importantes

Introducimos nuestra dirección de correo electrónico para que Analytics nos notifique si se produce alguna incidencia.
Antes de continuar con el paso siguiente, debemos pulsar el enlace “Opciones avanzadas”, pues es ahí donde configuraremos que vamos a realizar un test A/B:


Distribuir el tráfico de forma equitativa entre todas las variantes

Debemos seleccionar “Sí”.
En caso de seleccionar No, ya no estaríamos haciendo un test A/B tradicional, sino un test adaptativo en función de la métrica seleccionada (por si estáis interesados,]]>
Ramón Prats 1 26 clean 12:53
Qué son y para que sirven los test A/B https://pampua.es/25-que-son-los-test-ab/ Thu, 05 Jul 2018 08:10:20 +0000 https://pampua.es/?p=1901 <p>Hoy vamos a ver que son y para que sirven los Test A/B y cómo nos pueden ayudar a optimizar nuestra página web.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/25-que-son-los-test-ab/">Qué son y para que sirven los test A/B</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy vamos a ver que son y para que sirven los Test A/B y cómo nos pueden ayudar a optimizar nuestra página web. Hoy vamos ver como nos pueden ayudar los Test A/B a identificar que cambios exactos nos pueden conseguir más conversiones o menos rebote pero antes, demos paso al patrocinador!!!!:

WebEmpresa, hosting especializado en Wordpress.

Es el hosting que uso y recomiendo desde hace tiempo

En pampua.es/webempresa te dejo los 13 motivos que tienes contratarlo; échale un vistazo!

Además te doy un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

Si nunca has oido hablar de los test A/B este episodio te va a encantar.
Es algo que Amazon y otras grandes tiendas hacen constantemente.
¿En qué consisten los Tests A/B?
Te lo explico, como a priori, no podemos saber con certeza qué cambios de una Landing Page propiciarían un aumento de las conversiones, necesitamos experimentar para encontrar la mejor combinación, pero reduciendo el riesgo de perder beneficios u obtener resultados no concluyentes debidos a influencias externas.
En este sentido, los tests A/B nos permiten comparar el comportamiento de dos versiones de una misma página, normalmente una Landing Page o la home, que difieran en un único elemento y cuyo objetivo es evaluar el impacto que ese elemento tiene en los usuarios visitantes, medido por la métrica que definamos, durante un determinado periodo de tiempo.
Durante la ejecución del test, los visitantes visualizan aleatoriamente una u otra versión de la página, de forma que, al final del experimento, el total de visitantes se repartirán en partes iguales entre ambas versiones.
Se podría ver como si, cuando un usuario solicita la página, se echara una moneda al aire y, según salga cara o cruz, se le muestra una u otra versión.
Con este método, resolvemos dos de los problemas que aparecen si nos planteamos modificar la Landing Page sin ninguna otra consideración:

Dado que las dos versiones de la página coexisten, eliminamos la influencia de cualquier factor externo o estacional en el análisis de los resultados, puesto que ambas son afectadas por igual.
En caso de que el cambio afecte negativamente a la tasa de conversión, el impacto en la pérdida de nuestros beneficios queda reducido a la mitad.

El ejemplo clásico en los tests A/B hace referencia al color de los botones en las llamadas a la acción, utilizando un color en la página original (versión “A” o página de control) y otro color en la variación (versión “B”) de la página.
Sin embargo, no debemos limitar estos test a cambios tan simples como variaciones de colores, de tipos de letras o incluso de titulares e imágenes, sino también cambios estructurales en la disposición de diferentes elementos de la página, como la longitud de un artículo o la posición de un banner publicitario.
No tengáis miedo de probar cualquier cambio que se os ocurra, pero siempre con la precaución de evitar modificaciones múltiples o radicales que hagan diferenciarse demasiado ambas páginas.
De hacerlo así, no podríamos identificar qué cambio ha producido mayor beneficio o, incluso, puede suceder que los efectos positivos de un cambio sean neutralizados por los efectos negativos de otro y estemos desechando algún cambio que habría sido beneficioso.

Cambies lo que cambies, nunca olvides la máxima de los tests A/B: dos versiones similares de una página, con un único elemento diferente entre ambas

Para que os hagáis una idea de la importancia de ser creativos con los cambios que podemos realizar, pensad en 2 anuncios de pañales:

La información de ambas páginas es idéntica pero, mientras que en una, el bebé nos mira de frente, en la otra mira al titular del anuncio… y cual crees que funcionó mejor? Claro, la segunda,]]>
Ramón Prats 1 25 clean 23:35
Cómo configurar el TPV de Redsys para WooCommerce en un servidor compartido con certificado SSL https://pampua.es/configurar-tpv-redsys-woocommerce-servidor-compartido-certificado-ssl/ Thu, 28 Jun 2018 08:10:15 +0000 https://pampua.es/?p=815 <p>Hoy vamos ver un caso de éxito: cómo conseguimos configurar el TPV de REDSYS para WOOCOMMERCE en un servidor compartido con certificado SSL. Y si tienes este mismo problema te envío el módulo modificado gratis.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/configurar-tpv-redsys-woocommerce-servidor-compartido-certificado-ssl/">Cómo configurar el TPV de Redsys para WooCommerce en un servidor compartido con certificado SSL</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy vamos ver un caso de éxito: cómo conseguimos configurar el TPV de REDSYS para WOOCOMMERCE en un servidor compartido con certificado SSL. Y si tienes este mismo problema te envío el módulo modificado gratis. Hoy vamos ver un caso de éxito, cómo conseguimos configurar el TPV de REDSYS para WOOCOMMERCE en un servidor compartido con certificado SSL. No va a ser nada técnico, así que no te preocupes, pero antes, demos paso al patrocinador!!!!:

WebEmpresa, hosting especializado en Wordpress.

Es el hosting que uso y recomiendo desde hace tiempo

En pampua.es/webempresa te dejo los 13 motivos que tienes contratarlo; échale un vistazo!

Además te doy un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

Hoy os voy a contar la historia de uno de nuestros clientes:
Era medidos de abril de 2017.
Para reforzar la confianza online y la reputación en venta de uno de nuestros clientes, establecimos unas directrices estratégicas que se deberían abordar cuanto antes donde constaba expresamente la instalación de un certificado SSL.
Como hemos comentado, una de estas acciones era implantar un certificado de seguridad SSL en la web de venta online que permitiera al usuario sentirse más cómodo en el proceso de venta. Hasta aquí, todo perfecto. Se procedió a la compra del certificado SSL y lo configuramos sin problemas.
¡La web quedó muy chula!, con su candadito verde y su protocolo HTTPS bien visible. Incluso Google empezó a registrar en sus snippers de búsqueda el HTTPS. Lo que le confería un plus de garantía de compra.
Hicimos pruebas locales para ver que todo funcionaba correctamente y, posteriormente, se instaló todo en la web del cliente.
Los problemas con el certificado SSL no tardaron en llegar
A la mañana siguiente de la instalación del certificado SSL, cual fue nuestra sorpresa cuando nos dimos cuenta que las compras realizadas con tarjeta de crédito no se registraban en nuestro listado de pedidos WooCommerce. Los clientes pagaban pero el comercio ni recibía aviso del pago ni siquiera se registraba el pedido. Durante las 2 primeras horas vimos que había varios pagos “fantasmas” en la cuenta bancaria del cliente. No sabíamos a quien correspondían ni qué habían comprado.
Se activó la alarma
Ante esta situación, tuvimos que poner en “pausa” la tienda durante una hora aproximadamente. Tiempo suficiente para darnos cuenta que el error erradicaba en el certificado SSL instalado.
Hablamos con todo el mundo: proveedor del certificado, proveedor de hosting, soporte WooCommerce y pasarela de pago. Nadie sabía nada al respecto.
Descubierto el error y medio-arreglado
Finalmente, nos dimos cuenta que es la propia pasarela de pago de Redsys utilizada la que no es capaz de interpretar un certificado SSL que esté alojado en un hosting compartido. Solamente es capaz de interpretar un certificado SSL si está instalado en un hosting dedicado sobre un servidor exclusivo con una IP única.
Al no poder resolver la petición de certificado, Redsys no mandaba a WooCommerce la orden de “pedido realizado”.
Es sorprendente que una entidad como Redsys, que maneja una de las pasarelas de pago por tarjeta más comunes en tiendas online de pequeños negocios y que está soportada por multitud de bancos españoles no haya resuelto este problema para dar soporte a este tipo de proyectos que son los que realizan las PYMEs.
Solución que nos propusieron
Tanto Redsys como el banco del cliente nos propusieron la solución drástica de abandonar nuestro hosting compartido y pasar a un hosting dedicado propio: muerto el perro se acabó la rabia.
Esta solución conllevaba un incremento excesivo de costes tanto técnicos como de personal asociado a la instalación de dicho hosting. Es decir, que nuestro cliente no se lo podía permitir.
Este problema, evidentemente, no lo tienen grandes empresas de venta online que mantienen su...]]>
Ramón Prats 1 24 clean 7:22
Porque debería definir hoy mismo mi buyer persona https://pampua.es/23-buyer-persona/ Thu, 21 Jun 2018 08:10:30 +0000 https://pampua.es/?p=1865 <p>Hoy vemos porqué es importante definir una buyer persona, para que nos va a ser útil y cómo podemos hacerlo de manera sencilla con una aplicación online que nos facilita parte del trabajo.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/23-buyer-persona/">Porque debería definir hoy mismo mi buyer persona</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy vemos porqué es importante definir una buyer persona, para que nos va a ser útil y cómo podemos hacerlo de manera sencilla con una aplicación online que nos facilita parte del trabajo. Hoy vamos a hablar de porque es importante definir nuestra buyer persona y cómo podemos hacerlo de forma sencilla, pero antes, demos paso al patrocinador!!!!:

WebEmpresa, hosting especializado en Wordpress.

Es el hosting que uso y recomiendo desde hace tiempo

En pampua.es/webempresa te dejo los 13 motivos que tienes contratarlo; échale un vistazo!

Además te doy un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

Quienes trabajan en marketing, publicidad o ya se han anunciado en los medios de comunicación, seguramente han respondido alguna vez quién es el público objetivo de la empresa. Entender al comprador es fundamental no sólo para el desarrollo de productos, sino también para la producción de contenido que orientará la adquisición de nuevos clientes.
En la producción de material para el blog o para las redes sociales de una empresa, usamos un recurso interesante que facilita el direccionamiento de los temas: la creación de una Buyer Persona, es decir, la definición del cliente típico, con todas las principales características de los compradores.
Cumplir ese reto de crear y montar una Buyer Persona, o varias Buyer Personas, puede ser más fácil cuando consigues hacer las preguntas correctas. Luego, sólo hay que usar esa información de manera productiva para que toda acción y toma de decisión se direccione hacia ese perfil.
Como te decía antes, hoy voy a hablar sobre el concepto de Buyer Persona, mostrar su importancia para un negocio y enseñarte a crear un modelo de Buyer Persona ideal para orientar correctamente las acciones de tu empresa.
Pero bueno, ¿qué es Buyer Persona?
Buyer Persona es la representación ficticia de tu cliente ideal. Está basada en datos reales sobre el comportamiento y las características demográficas de tus clientes, así como en una creación de sus historias personales, motivaciones, objetivos, retos y preocupaciones.
Una buena definición de Buyer Persona pasa justamente por el contacto con tu público objetivo, de manera que en un rápido análisis puedas identificar características comunes entre los potenciales compradores.
Si tienes una base de clientes, ese será el lugar perfecto para empezar tus investigaciones. Aunque tengas perfiles diferentes de individuos o empresas que consumen tu producto, algunos de ellos tienden a ser ejemplos de tu Buyer Persona.
Un consejo importante es enfocarse tanto en clientes satisfechos como insatisfechos. En ambos casos, seguramente aprenderás algo sobre la percepción de tu producto y qué desafíos tus clientes están enfrentando.
¿Cuál sería la diferencia entre buyer persona y público objetivo?
Es común que haya algo de confusión en los conceptos, pero hay una cosa que podemos decir con seguridad: buyer persona y público objetivo no son sinónimos.
Vamos a un ejemplo práctico:

Público objetivo: Hombres y mujeres, de 31 a 46 años, casados, directivos, con ingresos promedios mensuales de 2500€ que piensan mejorar los resultados de su empresa y les gusta viajar.
Buyer persona: Miguel tiene 42 años, es dueño de una zapatería y autónomo. Se tiene puesto un sueldo de 2500€, pero si las ventas no van bien no lo cobra entero. Tiene un iPhone X porque le encanta la tecnología. Piensa en mejorar su tienda online porque adora viajar, está casado y siempre ha querido tener que pasar menos tiempo en su tienda. Tiene 2 hijos adolescentes. Está buscando una empresa que le ayude a optimizar su página web y le elabore un plan de marketing digital para poder gestionar su negocio desde un portátil en cualquier parte del mundo.

¿Se entiende la diferencia? El público objetivo es, por lo general,]]>
Ramón Prats 1 23 clean 14:31
Cómo redactar una propuesta de valor exitosa https://pampua.es/22-como-redactar-una-propuesta-de-valor/ Thu, 14 Jun 2018 08:10:55 +0000 https://pampua.es/?p=1841 <p>Aquí te explico cómo redactar tu propuesta de valor, analizando a tus clientes potenciales y viendo sus necesidades y cómo las resuelves. Una propuesta de valor bien redactada te ayuda a atraer clientes y aumentar tus ventas.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/22-como-redactar-una-propuesta-de-valor/">Cómo redactar una propuesta de valor exitosa</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Aquí te explico cómo redactar tu propuesta de valor, analizando a tus clientes potenciales y viendo sus necesidades y cómo las resuelves. Una propuesta de valor bien redactada te ayuda a atraer clientes y aumentar tus ventas. Hoy vamos a hablar de como redactar una propuesta de valor que nos ayude a conectar con nuestros clientes y vender más en nuestra página web, pero antes, demos paso al patrocinador!!!!:

WebEmpresa, hosting especializado en Wordpress.

Es el hosting que uso y recomiendo desde hace tiempo

En pampua.es/webempresa te dejo los 13 motivos que tienes contratarlo; échale un vistazo!

Además te doy un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

Me sabe mal decirte esto, pero internet está lleno de negocios como el tuyo. Si tu producto fuese único, ahora mismo estarías nadando entre billetes de 500 euros.
¿Y no es tu caso verdad? El mío tampoco.
La realidad pura y dura es que tienes que luchar día a día para conseguir clientes. Tienes que estrujarte el coco para destacar entre la multitud. Y cuesta. Vaya si cuesta…
Los negocios que consiguen ventas en internet (y fuera de ella) tienen algo en común: han definido su propuesta de valor.
Si quieres aprender las claves del copywriting, escucha el podcast número 20. En él te cuento cómo redactar textos que enamoren a tus clientes potenciales.
¿Qué es la propuesta de valor?
Es el mensaje principal de tu página web, de tu página de venta o de tu landing page. Lo primero que ven tus visitantes cuando aterrizan en tu web. Por lo que debe de aparecer destacada en la parte superior de la home y a ser posible con una etiqueta H1
Dicho de otro modo: es la razón principal por la que los visitantes de tu web van a convertirse en tus clientes. Y no en clientes de otro.
Normalmente la propuesta de valor se resume en una frase o titular y suele tener varios textos breves de apoyo.
Estos textos definen el corazón de tu oferta. Le dicen a tu audiencia qué puedes hacer por ellos y qué ganarán si se convierten en tus clientes.
Tu propuesta de valor debe decir claramente:

Qué problema resuelves
Qué beneficio aportas
Por qué deben elegirte a ti

Utilizar una propuesta de valor en tu homepage es vital si tienes pensado rentabilizar tu presencia en la red.
Si alguien entra en tu web y no le queda claro qué beneficio puede sacar de ella, se irá sin más. En menos de 3 segundos. Y sin preguntar.
¿Significa eso que si tienes una propuesta de valor todos los que lleguen a tu web se quedarán, como por arte de magia?
No. Porque la propuesta de valor está pensada para el perfil de cliente que hayas definido en tu estrategia. Si está bien redactada, funcionará como un imán para los clientes que deseas y como un filtro para los visitantes que no están interesados en tu oferta.
Esto hay que tenerlo claro. Definir tu propuesta significa renunciar a algo.
Esta es la mía: Hola, soy Ramón Prats. Diseñador web vocacional desde 2002. Te ayudo a captar más clientes en internet con un diseño web profesional y un plan de marketing digital.
No es que sea perfecta, debería dirigirme más a un nicho, pero estoy en proceso constante de mejora. Antes también ofrecía servicios de diseño gráfico e incluso durante una época, multimedia.
Creo que ya lo he dicho más de una vez, pero no está de más repetirlo: si intentas gustar a todo el mundo, no gustarás a nadie.
Definir a tu audiencia es bueno. Hace que tu marketing sea más eficaz, ya que estás enfocando tus esfuerzos en el público objetivo que te aporta valor.
¿Cómo escribir tu propuesta de valor paso a paso?
Como te decía al principio, en el mercado seguramente hay productos parecidos al tuyo. Negocios con ofertas similares que están luchando contigo por los mismos clientes.
Sin embargo, no hay ningún negocio como el tuyo.]]>
Ramón Prats 1 22 11:01
La importancia de unas buenas fotos https://pampua.es/21-la-importancia-de-unas-buenas-fotos/ Thu, 07 Jun 2018 08:10:52 +0000 https://pampua.es/?p=1836 <p>Hoy voy a hablar de lo importante que es tener imágenes de calidad de tu negocio y te doy algún truco para mejorarlas. Vivimos en una sociedad donde lo visual cada vez es más protagonista. Tener buenas fotografías es fundamental para obtener ventas. Todas las imágenes que muestran los productos de un negocio online deben ser de buena calidad.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/21-la-importancia-de-unas-buenas-fotos/">La importancia de unas buenas fotos</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy voy a hablar de lo importante que es tener imágenes de calidad de tu negocio y te doy algún truco para mejorarlas. Vivimos en una sociedad donde lo visual cada vez es más protagonista. Tener buenas fotografías es fundamental para obtener ventas. Vamos a ver como realizar y mejorar las imágenes para que nos ayuden a vender más en nuestra página web, pero antes, demos paso al patrocinador!!!!:

WebEmpresa, hosting especializado en Wordpress.

Es el hosting que uso y recomiendo desde hace tiempo

En pampua.es/webempresa te dejo los 13 motivos que tienes contratarlo; échale un vistazo!

Además te doy un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

Hoy voy a hablar de lo importante que es tener imágenes de calidad de tu negocio porque ¡Me duelen los ojos cuando veo marcas y emprendedores con malas fotos que no hacen justicia a sus productos! Vivimos en una sociedad donde lo visual cada vez es más protagonista.
Como ya sabéis, la apariencia cuenta y en  los negocios mucho. Tener buenas fotografías es fundamental para obtener ventas.
Muchos no se dan cuentan de que están tirando su trabajo por la borda, ya que, pongamos un ejemplo: imaginad una chica que hace unas piezas de bisutería maravillosas, que se pasa hora buscando materiales, pensando en el diseño, haciéndolas, etc y todo para terminar colgando una foto de pésima calidad donde en lugar de mostrar lo bonita que es esa pulsera que ha creado, consigue todo lo contrario ante los demás, que no han visto la pieza en persona, y solo se quedan con la imagen que muestras. ¿Cuál es el problema? Que eso afecta a tus ventas. MÁS DE LO QUE CREES. Personalmente, cuando entro en un perfil de Facebook, Instagram o tienda online con unas fotos mediocres me salgo. No me engancha. Al igual que la semana pasada comentábamos la importancia de tener unos textos que enamoren, ¡unas buenas imágenes son el mejor gancho para captar a tu público! Ya sabes eso de 1 imagen vale más que 1000 palabras.
No olvidemos que en la era virtual nuestros clientes no pueden tocar el producto, razón por la cual hay que romper la barrera entre el mundo físico y el mundo online y acercarles lo máximo posible al producto con unas buenas imágenes.
Todas las imágenes que muestran los productos de un negocio online deben ser de buena calidad. Es fundamental que tengan un fondo atractivo, que no haya sombras imperfectas y que se aprecien con detalle las virtudes de los productos.
Te recomiendo encarecidamente que contrates los servicios de un fotógrafo profesional, el resultado es incomparable, pero si tu presupuesto no te lo permite, si que deberías invertir algo en la realización de las fotos.
Una buena cámara reflex sería muy recomendable, aunque quizá es más importante la composición, el fondo y la iluminación.
Para mejorar la composición de las fotos podrías hacer un curso de fotografía, aunque si estamos hablando de fotos para un ecommerce normalmente es una foto del producto con fondo blanco. Ahí lo único que tendrías que tener en cuenta es el encuadre; buscar un ángulo que favorezca tu producto.
Para el fondo y la iluminación puedes optar por soluciones económicas tipo Foldio o fabricártelas tu mismo de manera artesanal. Después puedes usar Clipping Magic para retocarla y eliminar el fondo de manera sencilla.
Es recomendable que la luz no sea directa, puedes matizarla poniendo un papel de cebolla delante de la fuente de luz que utilices.
Deberías investigar un poco sobre la temperatura de color de la luz (no es lo mismo usar un fluorescente, una bombilla incandescente o una luz led. Busca una luz que sea neutra, “blanco día”,]]>
Ramón Prats 1 21 7:24
Cómo redactar textos para una web: copywritting https://pampua.es/20-como-redactar-textos-para-una-web-copywritting/ Thu, 31 May 2018 08:10:56 +0000 https://pampua.es/?p=1826 <p>Si quieres seducir a tu público, necesitas escribir textos persuasivos. Te voy a explicar a estructurarlo, lo que te ayudará a generar más conversiones. Además te cuento 5 claves para captar la atención de tus clientes. ¿Quieres aprender más?</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/20-como-redactar-textos-para-una-web-copywritting/">Cómo redactar textos para una web: copywritting</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Si quieres seducir a tu público, necesitas escribir textos persuasivos. Te voy a explicar a estructurarlo, lo que te ayudará a generar más conversiones. Además te cuento 5 claves para captar la atención de tus clientes. ¿Quieres aprender más? Hoy vamos a hablar de como redactar textos persuasivos que nos ayuden a vender más en nuestra página web, el famoso copywritting, pero antes, demos paso al patrocinador!!!!:

WebEmpresa, hosting especializado en Wordpress.

Es el hosting que usamos nosotros desde hace tiempo

En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo!

Además te damos un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

Si quieres seducir a tu público, necesitas escribir textos persuasivos. De lo contrario, lo más probable es que no alcances tu meta. Saber cómo estructurarlo, te ayudará a generar más conversiones.
La persuasión forma de parte de nuestras vidas. Nadie está exenta de ella y de hecho la practicamos a diario.
Lo que pasa es que seguramente no seas consciente de ello porque, hasta ahora, nadie te lo había contado.
Es una característica innata que tenemos todos los seres humanos y en la mayoría de casos nos sale de manera natural.
Sin embargo, si la intención es persuadir para vender o atraer la atención de las masas, de repente se convierte en una ardua tarea.
Es como si de repente todos los conocimientos adquiridos hasta la fecha se esfumaran en un lugar donde no tenemos acceso a ella.
Pero ¿por qué pasa esto? Pues básicamente porque el ser humano no está genéticamente creado para vender, sino para compartir y crear alianzas.
Al tener un propósito diferente, las neuronas dejan de funcionar (en sentido figurado) y las ideas desaparecen.
El problema viene en que, aunque ahora sepas esto, necesitas vender de todas formas.
Y este es uno de tus principales problemas en tu negocio online: tienes una buena estructura web, dispones de buena visibilidad y has escrito contenidos que aportan valor pero en cambio no consigues ningún resultado.
Seguramente sea porque no estás escribiendo textos persuasivos.
Pero claro, tú crees que sí lo estás haciendo y no sabes apreciar dónde está el fallo.
Quizás el problema real reside en que todavía no tienes del todo claro lo que es la persuasión.
Así que te la voy a definir ahora mismo.
¿Qué es persuasión?

Según la Wikipedia, la persuasión trata de generar cambios de comportamiento a una persona o masa social mediante las palabras para conseguir que realicen una acción en concreto.

Dicho en otras palabras, la persuasión equivale a seducir a una persona o varias para que hagan aquello que tú quieres.
Pero ¿cómo se consigue esto? Pues verdaderamente hay muchas maneras de hacerlo, pero como hoy nos vamos a centrar en los textos persuasivos, no hablaré de los otros.
¿Qué son los textos persuasivos?
Los textos persuasivos tienen la intención de convencer a los usuarios para que realicen una acción determinada: comprar, leer, registrarse, apoyar, compartir… Mediante textos argumentativos.
La argumentación es la base de todo texto persuasivo, ya que sin ella lo más probable es que la estrategia aplicada no funcione.
A veces no es suficiente con escribir palabras bonitas para convencer a las masas, simplemente con decir lo que el usuario necesita oír puede ser el factor determinante para conseguir una venta.
Aunque, como es obvio, esta tarea no es nada fácil.
¿Cómo enfocar un texto persuasivo?
Si quieres escribir un texto persuasivo en tu página web o en las campañas publicitarias que vayas a realizar, tienes que acudir al copywriting.
Es la vía más efectiva para encontrar la mejor solución, ya que tendrás la capacidad de conocer a tu cliente ideal.
Sin embargo, a la hora de escribir el contenido, la mayoría de empresas y emprendedores cometen el mismo fallo.]]>
Ramón Prats 1 20 clean 15:22
Cómo adaptar tu web al RGPD https://pampua.es/19-como-adaptar-tu-web-al-rgpd/ Thu, 24 May 2018 08:10:36 +0000 https://pampua.es/?p=1806 <p>Si tienes un blog o un negocio digital donde recojas datos de carácter personal (un formulario de contacto), el episodio de hoy te interesa mucho. Te explico todo lo que debes hacer para cumplir con el nuevo Reglamento Europeo sobre protección de datos.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/19-como-adaptar-tu-web-al-rgpd/">Cómo adaptar tu web al RGPD</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Si tienes un blog o un negocio digital donde recojas datos de carácter personal (un formulario de contacto), el episodio de hoy te interesa mucho. Te explico todo lo que debes hacer para cumplir con el nuevo Reglamento Europeo sobre protección de datos.
WebEmpresa, hosting especializado en Wordpress.

Es el hosting que usamos nosotros desde hace tiempo

En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo!

Además te damos un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

Si tienes un blog o un negocio digital donde recojas datos de carácter personal, el episodio de hoy te interesa mucho. Mañana entra en vigor el nuevo Reglamento Europeo sobre protección de datos y todos los que tenemos webs deberemos cumplir con una serie de directrices que hasta ahora no eran necesarias.
Muchos me preguntan por la necesidad y la urgencia de cumplir con esta ley. Pues has de cumplir con ella cuanto antes, por 2 motivos:
1.- Vas a transmitir más confianza (lo que ayuda mucho a vender más), a partir de mañana los usuarios van a ver claramente dos tipos de webs: Las que cumplen la RGPD y las que no. ¿En que grupo quieres estar?
2.- Si no lo cumples y te denuncian te pueden sancionar. 😔
Y te preguntarás, ¿tan graves serán las sanciones? …
La respuesta es SI, y mi consejo que “no te la juegues”. Porque a consecuencia de la reforma han aumentado las sanciones por incumplimientos en materia de protección de datos y las sanciones pueden llegar hasta el 4% de la facturación. Así no es algo para tomar a la ligera…
Veamos entonces con detalle qué novedades nos encontraremos a partir de mañana.
Pero primero de todo… ¿Qué es el RGPD, la LOPD y toda esta historia?
Probablemente te suene todo un poco complicado…, pero son temas que debemos tener en cuenta los que nos encontramos dentro de la Unión Europea.
Para que puedas entenderlo, la LOPD es la Ley Orgánica de Protección de Datos de carácter personal actual, que seguro te suena, y como bien sabes es una ley española.
Con este nuevo reglamento de protección de datos aparece también una nueva figura de autoridad que velará por controlar su aplicación. Se trata de un órgano independientemente creado por cada estado miembro que garantizará el cumplimiento de la normativa.
¿Cómo afecta la nueva ley de protección de datos a los que tenemos una web y qué medidas debemos implementar?
1.- Con el RGPD es necesario ampliar la información
Respecto a la obligación de información, tendríamos que hacer una comparativa con la LOPD actual y lo que se ha venido aplicando hasta ahora.
Hasta la fecha, esta información se hacía en una sola capa, por lo que básicamente venía a incluirse en la Política de Privacidad cierta información previamente a recoger los datos de carácter personal en los formularios de suscripción.
Con el nuevo Reglamento Europeo sobre Protección de Datos esta información previa a la recogida de los datos se intensifica y pasa a ser un tanto antiestética de cara al diseño.
Esta información se debe realizar en dos capas, algo parecido a lo que ocurre con las cookies con el típico aviso que nos encontramos al entrar en las webs.
La información debe ser fácil de entender, clara, concisa y bien estructurada. Tratando de evitar al máximo el abuso de citas legales.
En definitiva, que cualquier persona pueda comprenderlo sin necesidad de mucho esfuerzo ni conocimiento.
Puedes ver un ejemplo de este texto legal en en pampua.es/contacto.
La segunda capa, por tanto, es la Política de Privacidad propiamente dicha, donde se deberán recoger todos los aspectos que se establecen en el primer cuadro, y la cual estará enlazada desde el texto que hemos añadido debajo del formulario.
]]>
Ramón Prats 1 19 clean 17:45
Todo lo que debes saber sobre los formularios de contacto https://pampua.es/todo-lo-que-debes-saber-sobre-los-formularios-de-contacto/ Thu, 17 May 2018 08:10:57 +0000 https://pampua.es/?p=1785 <p>Te explico las 4 razones por las que deberías tener un formulario de contacto, 10 consejos para que sea perfecto y te doy 3 opciones de plugins para instalarlo fácilmente.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/todo-lo-que-debes-saber-sobre-los-formularios-de-contacto/">Todo lo que debes saber sobre los formularios de contacto</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Te explico las 4 razones por las que deberías tener un formulario de contacto, 10 consejos para que sea perfecto y te doy 3 opciones de plugins para instalarlo fácilmente.
WebEmpresa, hosting especializado en Wordpress.

Es el hosting que usamos nosotros desde hace tiempo

En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo!

Además te damos un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

Es posible que estés dedicando mucho tiempo y recursos en la construcción de tu sitio web con aspecto agradable e información clara sobre tu negocio para atraer a más clientes. Pero, ¿estás prestando suficiente atención a tu formulario de contacto?
Es importante no subestimar lo útiles que pueden ser los formularios de contacto. En realidad, son vitales para interactuar con tus usuarios y para ofrecerles una forma rápida y fácil de que mantengan un contacto directo contigo.
¿Porqué debo instalar un formulario?
Porque sirve de puerta de entrada para todo tipo de usuarios que aterrizan en tu web: desde clientes o clientes potenciales hasta proveedores, aspirantes a trabajar en tu empresa, etc.
Estas son las 4 razones para añadir un formulario de contacto en tu web y, así, cambiar la forma de hacer negocios y comunicarte con clientes potenciales:
1.- Método fácil para que se pongan en contacto contigo: un formulario invita a ponerse en contacto, y sobre todo, lo facilita. Si sólo tienes puesta una dirección de mail o un número de teléfono es muy probable que un determinado porcentaje de tus visitas les de pereza tener que copiar tu dirección de mail e ir a su cuenta para enviarte un correo o llamarte. Es mucho más rápido y sencillo con un formulario adecuado.
2.- Genera leads: cuando alguien visita tu web, en principio, es un usuario anónimo. Un formulario de contacto es esencial para convertirlo en algo más. El hecho de que están dispuestos a compartir su información personal contigo indica que son conscientes de que van a empezar algún tipo de relación que se puede traducir en negocio para ti.
3.- Información acerca de tus clientes: a través de un formulario de contacto, y Google Analytics, se puede realizar un seguimiento y conocer más sobre quiénes son las personas que visitan tu sitio web. Puedes saber de dónde vienen (Google, redes sociales, etc.) o qué visitaron antes o después de enviar el formulario. En un mercado cada vez con más datos, este tipo de información es muy potente y valiosa.
4.- Sin interrupciones: puedes colocar un formulario de contacto en cualquier lugar de tu web para que un usuario lo rellene y lo envíe sin ser interrumpido. En cambio, se distraerá si tiene que pinchar en un botón que abre una nueva ventana para contactar contigo. Asegúrate de ofrecer un acceso sencillo y conveniente para que los usuarios permanezcan en tu web.
¿Cómo crear el formulario de contacto perfecto?
A cualquier propietario de una web le interesa crear un formulario de contacto para conseguir clientes potenciales y consultas, pero ¿cómo hacerlo? Voy a darte algunos consejos para aumentar las oportunidades de que un usuario lo complete:
Longitud: si quieres que los usuarios rellenen tu formulario de contacto, es importante que no tenga un gran número de campos. Si es demasiado largo, lo primero que harán los usuarios es preguntarse si les merece la pena rellenarlo o incluso no se sientan cómodos o no estén dispuestos a compartir demasiada información personal. Pregunta solo por la información que realmente necesitas, como por ejemplo, nombre, correo electrónico y un espacio donde puedan escribir su mensaje.
No pidas demasiada información sensible: como por ejemplo, la dirección exacta o el código postal, el DNI, etc.]]>
Ramón Prats 1 18 clean 13:24
¿Qué beneficios aporta un newsletter? https://pampua.es/que-beneficios-aporta-un-newsletter/ Thu, 10 May 2018 08:10:19 +0000 https://pampua.es/?p=1780 <p>Te cuento los 10 motivos principales por los que deberías invertir un poco de tiempo en crear tu lista de correo y así fidelizar a tus clientes o captar nuevos. Es muy sencillo, anímate!</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/que-beneficios-aporta-un-newsletter/">¿Qué beneficios aporta un newsletter?</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Te cuento los 10 motivos principales por los que deberías invertir un poco de tiempo en crear tu lista de correo y así fidelizar a tus clientes o captar nuevos. Es muy sencillo, anímate!
WebEmpresa, hosting especializado en Wordpress.

Es el hosting que usamos nosotros desde hace tiempo

En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo!

Además te damos un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

¿Qué es un newsletter?
Un newsletter es un envío digital que llega por correo electrónico a un potencial cliente que previamente a accedido a darte sus datos (normalmente está interesado por tu marca) que forman parte de una base de datos. La perioricidad puede variar según la estrategia realizada pero puede ser semanal, mensual, bimensual….según objetivos. Y los contenidos también puede variar. Hoy me gustaría hablarte de las ventajas de tener una newsletter para tu marca y que así te animes a ponerla en práctica.
¿Por qué deberías tener un newsletter?
Seamos sinceros, las redes sociales han llegado y se quedarán con nosotros un buen tiempo pero no eternamente. Enfocar todos los esfuerzos en conseguir seguidores en redes sociales podría ser un problema en el futuro. Sin embargo, si también las marcas se enfocan en crear y aumentar su base de datos en el futuro no sufrirán pérdidas cuando Facebook o Twitter tenga que cerrar sus puertas o pierdan importancia. Imagina que con el escándalo de Cambridge Analytics el senado americano hubiera obligado a Facebook a cerrar.
Tus seguidores en facebook o twitter no son tuyos…
10 ventajas de tener un newsletter
1.- Tus suscriptores quieren saber de ti
Si hay alguien que se ha molestado en darte su correo es porque verdaderamente le interesas. Cómo bien sabrás, no damos nuestro email tan fácilmente y además, incluso nos molesta cuando nos llegan correos a los que no hemos dado autorización. Por ello, si alguien ha dado su correo voluntariamente, ¡Hay que aprovecharlo!
2.- No requiere una gran inversión
A diferencia del marketing directo que se realizaba anteriormente, el email marketing es bastante más barato y no conlleva una gran inversión a priori. Existen plataformas que te ayudan a crear newsletters como puede ser mailchimp y no tendrás que gastarte ni un duro (hasta un determinado volumen de envíos). Por otro lado, en lo que sí tendrás que invertir es en tiempo, para desarrollar una estrategia adecuada y tiempo, también, porque crear una newsletter de calidad conlleva dedicación y al final, el tiempo es dinero también.
3.- Visitas a tu web
No lo vamos a negar. Tener una newsletter en marcha genera visitas a tu web. Sin duda, es un recordatorio para tus suscriptores de que sigues al pie de cañón. Y no nos olvidemos que las visitas le gustan mucho al seo. Esto quiere decir que tu web genera interés y está siendo actualizada. Así que minipunto para el Seo.
4.-Fidelizar
El email marketing es una de las herramientas más potentes de fidelización. Se trata de una manera genial de seguir en contacto con clientes que ya te han comprado, clientes que ya han confiado en ti, clientes que están dispuestos a volverte a comprar. Enséñales tus novedades, háblales de las tendencias del sector…. Les gustará. Se puede fidelizar muy bien a clientes, ofreciéndoles siempre algo mejor que a los no-suscriptores, alguna oferta puntual, contenido exclusivo, etc.
5.- Retorno de la inversión
La creación de newsletter es efectiva y por ello, permite el retorno de la inversión realizada. En otras palabras, funciona y se vende, por lo que recuperas el dinero invertido o el tiempo como anteriormente...]]>
Ramón Prats 1 17 clean 14:31
Cómo diseñar un logotipo para tu página web https://pampua.es/disenar-un-logotipo-para-tu-web/ Thu, 03 May 2018 08:10:00 +0000 https://pampua.es/?p=1771 <p>Hoy te quiero explicar los que yo considero que son los 10 consejos imprescindibles que todo el mundo debe saber antes de hacer un logotipo para su página web.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/disenar-un-logotipo-para-tu-web/">Cómo diseñar un logotipo para tu página web</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy te quiero explicar los que yo considero que son los 10 consejos imprescindibles que todo el mundo debe saber antes de hacer un logotipo para su página web. WebEmpresa, hosting especializado en Wordpress.

Es el hosting que usamos nosotros desde hace tiempo

En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo!

Además te damos un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.
10 consejos para diseñar un buen logotipo
He creado esta pequeña lista con los que considero los 10 consejos principales para ayudarte a elaborar un buen logotipo para tu página web. Siempre es buena idea contar con la ayuda de un diseñador profesional, pero si tu presupuesto no te lo permite, al menos podrás evitar cometer los errores más comunes.
1.- Nunca jamás incluyas fotografías
Un logotipo no es una foto. Ha de ser algo sencillo que se pueda identificar de un vistazo rápido y reproducir en múltiples soportes y en gran variedad de tamaños.
2.- Utiliza 3 colores como máximo
Si usas muchos colores y degradados estás complicando el diseño. Tu logo ha de poderse reproducir a 1 tinta en un sello de caucho, donde sólo existe el blanco del papel y el color de la tinta. No por añadir más colores estás haciendo un logo mejor, al contrario… Para decidir qué colores utilizar deberías informarte sobre la psicología del color.
3.- Diseña utilizando un programa vectorial
Aunque de momento sólo te plantees usar el logo en tu página web, es posible que en el futuro necesites usarlo en otros soportes: rótulo, tarjeta, vinilos… Un programa de diseño vectorial almacena las imágenes como vectores (con fórmulas matemáticas) por lo que se puede ampliar el diseño todo lo que queramos sin perder nada de calidad. No ocurre lo mismo con las imágenes de mapa de bits que generan programas como Photoshop que si las ampliamos se pixelan. Hace años el estándar en España era Freehand, pero desde 2009 aproximadamente se fue migrando paulatinamente hacia Adobe Illustrator. También puedes usar InkScape, una alternativa de software libre.
4.- Hazlo simple
Un diseño con demasiados detalles no beneficia la visualización del logo a tamaños pequeños. Piensa que tienes que poder incluir el logotipo en un bolígrafo publicitario. Normalmente se serigrafían a una tinta, por lo que sí tiene demasiados detalles acabaría siendo un borrón. Aunque de momento no tengas pensado hacer este tipo de campañas publicitarias, nunca sabes que necesitarás en el futuro. Lo mismo ocurre en la cabecera de la versión responsive de tu web cuando se muestra en un dispositivo de 4 pulgadas (se ve muy pequeño).
5.- Utiliza una tipografía adecuada
Es muy importante elegir correctamente una tipografía que transmita exactamente lo que te interesa. Por ejemplo, si quieres que tu empresa transmita modernidad, no puedes usar una tipografía gótica. Y por favor, ¡nunca jamás utilices la Comic Sans! ¡Ni aunque tengas una guardería!

Las tipografías tipo “Roman”, con serif en los extremos, inspiran clasicismo, formalidad, refinamiento, tradición, religiosidad, delicadeza…
Las tipografias “Sans Serif” transmiten modernidad, fuerza, dinamismo, potencia, actualidad… Lo bueno de este tipo de tipografías es que se leen muy bien a tamaños pequeños.
Las tipografías del tipo “Handwriting” simulan estar realizadas a mano y aportan cercanía, amabilidad, elegancia,]]>
Ramón Prats 1 16 clean 10:28
Atraer más clientes con el marketing de contenidos https://pampua.es/atraer-mas-clientes-con-el-marketing-de-contenidos/ Thu, 26 Apr 2018 08:10:29 +0000 https://pampua.es/?p=1722 <p>Hoy vamos a hablar de cómo atraer más clientes a través de las búsquedas orgánicas de Google gracias al marketing de contenidos, qué es exactamente el marketing de contenidos, objetivo, beneficios que nos aporta y cómo podemos ponerlo en práctica en nuestra empresa.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/atraer-mas-clientes-con-el-marketing-de-contenidos/">Atraer más clientes con el marketing de contenidos</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy vamos a hablar de cómo atraer más clientes a través de las búsquedas orgánicas de Google gracias al marketing de contenidos, qué es exactamente el marketing de contenidos, objetivo, beneficios que nos aporta y cómo podemos ponerlo en práctica en nu...
WebEmpresa, hosting especializado en Wordpress.

Es el hosting que usamos nosotros desde hace tiempo

En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo!

Además te damos un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

¿Qué es el marketing de contenidos?
Es una técnica de marketing de creación y distribución de contenido relevante y valioso para atraer, adquirir y llamar la atención de un público objetivo bien definido, con el objetivo de impulsarles a ser futuros clientes.
Esta es una definición de Joe Pulizzi de hace 12 años, pero que sigue siendo vigente perfectamente.
¿Cuál es el principal objetivo del marketing de contenidos?
El propósito del marketing de contenidos es atraer y retener a esos posibles clientes a través de un contenido relevante y valioso.
¿Por qué hacer marketing de contenidos?

Mejora tu imagen de marca. Si le das a tus usuarios contenidos útiles y personalizados, mejorarás tu reputación y visibilidad.
Aporta credibilidad. Al hablar de contenido valioso, la comunicación se hace más natural, puesto que ambas partes comparten un interés común. La confianza llega cuando los contenidos publicados son fruto de la experiencia y la profesionalidad y por tanto se convierten en información cualificada y referencia del sector.
Genera relaciones directas y cercanas con tus usuarios de forma natural y abierta a través del feedback de los comentarios.
Ayuda a segmentar. No todo el mundo compra todos los productos. Con el Marketing de contenidos, las empresas se dirigen únicamente a aquellos clientes potenciales que ya están interesados en sus productos, sin molestar a nadie que, en principio, no lo están.
A largo plazo, es más barato y más rentable que otras formas de publicidad como Adwords o Facebook Ads.
Mejora tu posicionamiento en buscadores; a Google le encanta el contenido.
Te hace pensar en tus usuarios, con la infinidad de ventajas que ello conlleva.

Y si esto, que no es poco, no te convence, el 78% de los responsables de marketing creen que es el futuro.
¿Cómo hacer marketing de contenidos?
Lo primero que debes saber para hacer correctamente marketing de contenidos es que el contenido ha de estar enfocado en tus usuarios y no en tu marca. No sirve de nada crear entradas en el blog hablando del último lanzamiento o de una oferta que has creado. Tienes que aportar contenido de valor. La mejor forma de saber si estás aportando valor es leyendo lo que vas a publicar y pensar: “¿Si me encontrase con este artículo lo compartiría en mis redes sociales?” Si la respuesta es “Seguro que no”, no lo publiques y revísalo.
Hay múltiples formatos para crear contenidos:

posts
twits
fotos en Instagram
actualizaciones en Facebook
podcasts
* PDFs descargables
* Infografías
vídeos en youtube…

Te recomiendo que comiences por los post de tu blog:

Es tu casa
Ayuda a posicionar
Técnicamente sencillo
Fácil obtener feedback

Y ahora que ya te he convencido para que te pongas a escribir en tu blog, te estarás preguntando:
¿Cuáles son los mejores contenidos para publicar en el blog?
Muy sencillo: los que resuelvan dudas de tus potenciales clientes.
Por ejemplo: fontanero: “¿Cómo reparar un grifo monomando que gotea agua caliente?”. Es lo que se llama long-tail, podrías escribir también sobre cómo reparar un grifo, o cómo reparar un grifo que gotea, pero al ser más genérico te va a resultar más dif...]]>
Ramón Prats 1 15 clean 9:14
Cambio en la política de Google: Mobile First indexing https://pampua.es/cambio-en-la-politica-de-google-mobile-first-indexing/ Thu, 19 Apr 2018 08:10:29 +0000 https://pampua.es/?p=1713 <p>Google ya basa su indexación en la versión móvil de tu web. Aquí te cuento que deberías tener en cuenta para que este cambio en la política del buscador no afecte a tu posicionamiento.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/cambio-en-la-politica-de-google-mobile-first-indexing/">Cambio en la política de Google: Mobile First indexing</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Google ya basa su indexación en la versión móvil de tu web. Aquí te cuento que deberías tener en cuenta para que este cambio en la política del buscador no afecte a tu posicionamiento.
WebEmpresa, hosting especializado en Wordpress.

Es el hosting que usamos nosotros desde hace tiempo

En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo!

Además te damos un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

Google quiere seguir siendo pionera creando tendencia y no tiene ningún problema en cambiar las reglas según le conviene. Su último paso ha sido anunciar que para la indexación de páginas web se tendrán primero en cuenta las que se hayan hecho primero para el móvil. Así que, a partir de ahora, los webmasters deberán tener esto en cuenta si no quieren que sus webs sean las últimas en ser indexadas por Google.
La toma de esta decisión no se ha hecho de forma repentina. En 2015, Google señaló que se realizaban un mayor número de búsquedas desde el móvil que desde el ‘escritorio’ del ordenador. Además, afirmó que los tipos de búsquedas eran muy diferentes si se producían desde un dispositivo o de otro. En diciembre del 2017, Google comenzó la transición de un puñado de webs de una indexación a otra, además de sacar una guía explicando los pasos a seguir para que una web esté preparada para ser indexada desde el móvil.
Dar más importancia a la indexación de datos en el móvil es solo una consecuencia de los hábitos de los usuarios: solo en España un tercio de los usuarios dedican un día a la semana a navegar por el móvil. El problema es que el algoritmo de Google no era capaz de analizar correctamente las páginas que los usuarios veían en el teléfono, a pesar de que la versión móvil se consultaba más que la del ordenador. Como la versión web en el teléfono suele tener menos contenido que la del ‘escritorio’, el análisis de Google se realizaba de forma menos precisa, lo que llevaba a que muchos encontraran unos resultados muy ‘pobres’ que no se ajustaban a sus búsquedas. Este cambio en Google para indexar primero desde el móvil, intensifica los resultados del rastreador en el teléfono y el contenido de las páginas caché provendrá de la versión móvil de las páginas.
Google señaló que el cambio de uno a otro algoritmo se realizaría en aquellas páginas que estén listas para poder hacerlo.
Aumento de búsquedas en el teléfono
Es raro pensar que si los dispositivos móviles son cada vez más smart no vaya a cambiar la forma con la que nos relacionamos con ellos. Google se ha sumado al cambio, pero la preferencia por el móvil para navegar por internet ha causado cambios inevitables en muchos aspectos:
Campañas de marketing
Es inevitable desarrollar nuevas relaciones con los usuarios desde el móvil con el diseño de campañas expresamente realizadas para este dispositivo.
SEO
El cambio de los hábitos de búsqueda de los usuarios en el móvil ha llevado a la necesidad de que el SEO se adapte a este dispositivo. El SEO móvil es consecuencia del aumento del uso del móvil para realizar búsquedas por internet y es algo imprescindible para las campañas de marketing. Las búsquedas que se realizan desde el teléfono no son las mismas que desde el ordenador, por lo que las palabras más buscadas varían dependiendo de uno u otro dispositivo.
En la estrategia SEO móvil también hay que tener presente la última actualización del algoritmo de Google que monitoriza las búsquedas de voz y la geolocalización, por lo que hay que adaptar los tags y los contenidos a estos conceptos si queremos que Google lo tenga en cuenta para nuestro posicionamiento.
Diseño
Para elegir el mejor diseño web móvil se tienen dos opciones: diseñar la web con diseño responsive o realizar un diseño expreso para la página en el teléfono.]]>
Ramón Prats 1 14 clean 11:56
¿Conviene usar sliders o diapositivas? https://pampua.es/conviene-usar-sliders-o-diapositivas/ Thu, 12 Apr 2018 08:10:12 +0000 https://pampua.es/?p=1705 <p>En el episodio del podcast de esta semana vamos a analizar si conviene o no usar sliders, carruseles o diapositivas (llámalo como quieras) en nuestra página web. Beneficios, inconvenientes y alternativas.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/conviene-usar-sliders-o-diapositivas/">¿Conviene usar sliders o diapositivas?</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> En el episodio del podcast de esta semana vamos a analizar si conviene o no usar sliders, carruseles o diapositivas (llámalo como quieras) en nuestra página web. Beneficios, inconvenientes y alternativas.
WebEmpresa, hosting especializado en Wordpress.
Es el hosting que usamos nosotros desde hace tiempo
En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo!
Además te damos un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

¿Qué es un slider?
El Slider es un elemento de una página web que muestra múltiples imágenes y texto que se alternan entre ellas.
Normalmente se sitúa en la parte superior de una página web con el objetivo de destacar y dar más visibilidad a una serie de elementos.
¿Están de moda los sliders?
Empezaron a popularizarse entre el año 2012 y 2013, y puesto que visualmente son muy atractivos, todo el mundo quería uno en su web.
Básicamente es lo mismo que pasó cuando llegó Flash, todo el mundo quería una página hecha en Flash, después se vio que la gente no quería música ni tener que esperar con un preloader interminable a que cargaran todos los efectos y animaciones de las webs en Flash (además de no ser responsive)
A día de hoy podemos decir que los sliders ya han pasado de moda por los siguientes:
Inconvenientes
Afecta a la velocidad de la web
El slider es uno de los elementos más pesados en el diseño de una web.
Esto es así porque normalmente está creado con imágenes fotográficas que pesan mucho, pero además en la mayoría de los casos las imágenes ni se han escalado, ni se han comprimido.
Pon 5 imágenes de 3 megas y añádele efectos y dile adiós a una carga optimizada de la web.
También está el problema de la carga del código, ya que muchos plugin de sliders utilizan códigos pesados, que aunque poco pero también influye en la velocidad de la web.
Además, si abusamos de los efectos de los elementos como efectos de transición de slider el problema se acentúa.
Problemas de conversión
El primer problema es que los usuarios se mantiene poco tiempo en la cabecera y pocas veces un usuario verá el contenido que está a partir del 2º slider.
Además puede llegar a distraer si el slider está cambiando constantemente o tiene elementos dinámicos.
Pero el problema principal sin duda es crear un slider sin un objetivo concreto.
La mayoría de usuarios crean un slider donde cada diapositiva se centra en uno de sus servicios o temas principales, y no agrupan el contenido en las mínimas diapositivas posibles.
Otro problema es que inconscientemente el usuario los va a ver como un banner y va a tender a ignorarlos por esa “ceguera” que hemos desarrollado a los anuncios.
Problemas usabilidad móvil
En los dispositivos móviles reina el desplazamiento de arriba a abajo, ya que es más cómoda la navegación vertical por el tipo de pantalla, en cambio, las diapositivas del slider se desplazan lateralmente, esto rompe la navegación para los usuarios móviles.
Además la navegación entre slider se lleva a cabo con botones de tipo flecha o botones de desplazamiento muy pequeños que son difíciles de utilizar en dispositivos con pantallas pequeñas.
Y un último inconveniente es que si la diapositiva lleva texto, éste se va a ver muy pequeño en la pantalla de un móvil, puesto que el slider va a mantener la proporción de ancho y alto (que estaba pensada para una pantalla de ordenador)
Problemas de seo
El seo está relacionado con el tiempo de carga de la web, por eso, cargar un elemento pesado en una web que ya de por sí es lenta puede llegar a influir en el posicionamiento.
Aunque el problema principal para el seo no es la carga de un elemento pesado, sino que se configuren títulos con etiquetas h1 duplicados o sin palabras clave.
]]>
Ramón Prats 1 13 clean 9:05
Qué plugins conviene instalar en Wordpress y cuáles no https://pampua.es/que-plugins-conviene-instalar-en-wordpress-y-cuales-no/ Thu, 05 Apr 2018 09:10:34 +0000 https://pampua.es/?p=1680 <p>Hoy te voy a recomendar 8 plugins imprescindibles para tu Wordpress, buenas prácticas sobre los plugins y de cómo no abusar de ellos ya que afectarían al rendimiento y seguridad de tu web.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/que-plugins-conviene-instalar-en-wordpress-y-cuales-no/">Qué plugins conviene instalar en Wordpress y cuáles no</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy te voy a recomendar 8 plugins imprescindibles para tu Wordpress, buenas prácticas sobre los plugins y de cómo no abusar de ellos ya que afectarían al rendimiento y seguridad de tu web.
WebEmpresa, hosting especializado en Wordpress. Es el hosting que usamos nosotros desde hace tiempo.
En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo!
Además te damos un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

Con lo fácil que es instalar un nuevo plugin en Wordpress (sólo un par de clicks)  seguro que sois muchos los usuarios que habéis instalado alguno para “probar” y en ocasiones lo habéis dejado activado, aunque no le deis uso después.
Esto genera varios problemas en el sitio web WordPress, el primero y más importante “la posibilidad de generar huecos en la seguridad por el uso de plugins vulnerables o no actualizados” y la segunda y no menos importante “la ralentización de carga del sitio web derivado de la cantidad de plugins instalados”.
Según un estudio de Akamai, el 47% de los visitantes esperan que una página se cargue en menos de 2 o 3 segundos y el 57% de los visitantes va a abandonar una página que tarda más de 3 segundos para cargar.
Como ya comentamos en el episodio 10, si no quieres complicarte instala Wp Super Cache para corregir el problema de velocidad y carga de la web, y por supuesto mejorar los tiempos de consultas al servidor, si bien que la mejor política es la de ¡instalar solo lo que se va a utilizar!.
En otro estudio publicado, Amazon informó de que un aumento de 100 milisegundos en la velocidad de carga de la página se tradujo en un 1% de aumento en sus ingresos.
Sólo unos pocos años después, Google anunció en su blog que su algoritmo tiene en cuenta la velocidad de carga de la página para el ranking de sitios web, y hace poco ha anunciado que la versión que va a tener en cuenta para el posicionamiento va a ser la versión móvil de tu web. Pero bueno, de esto ya hablaremos en profundidad en otro episodio.
Cómo mejorar la carga de un sitio web:

Saber identificar qué plugins están ralentizando el sitio web.
Comprimir automáticamente las páginas como JavaScript y CSS.
Optimizar la carga de imágenes (Tal y como vimos en el ep. 7)
Mantener la base de datos de tu sitio web limpia y optimizada.
Configurar el almacenamiento en caché del navegador de la manera correcta.

Hoy vamos a centrarnos en el primer punto, por suerte existe un plugin que crea un perfil de rendimiento de todos los plugins de tu sitio de WordPress, midiendo su impacto en el tiempo de carga de la web. Muchas veces, los sitios de WordPress cargan lentamente a causa de plugins mal configurados o porque hay “demasiados” instalados. Al utilizar el plugin Performance Profiler (P3), puedes determinar que plugin causa lentitud en tu sitio web.
¿Que podemos extraer de Performance Profiler?

La carga general e individual de los plugins activos.
Cantidad de segundos dedicados por determinado plugin por visita.
Cantidad de memoria consumida por la web en el servidor.
El impacto total de carga generado por los plugins.
Las consultas a MySQL generadas por los plugins a la base de datos.
Comparativa de tiempos de carga del Tema, core de WordPress y Plugins activos.

Este plugin utiliza el elemento canvas para dibujar gráficos y requiere Firefox, Chrome, Opera,]]>
Ramón Prats 1 12 clean 11:00
Cómo acelerar tu web con un CDN https://pampua.es/como-acelerar-tu-web-con-un-cdn/ Thu, 29 Mar 2018 08:10:58 +0000 https://pampua.es/?p=1656 <p>Voy a explicarte en qué consiste, cómo funciona y cómo puedes instalar y configurar un CDN en tu WordPress tu mismo, para aprovechar todas sus ventajas: optimización de posicionamiento orgánico, capa adicional de seguridad contra hackers y mejor aprovechamiento de los recursos de tu hosting.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/como-acelerar-tu-web-con-un-cdn/">Cómo acelerar tu web con un CDN</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Voy a explicarte en qué consiste, cómo funciona y cómo puedes instalar y configurar un CDN en tu WordPress tu mismo, para aprovechar todas sus ventajas: optimización de posicionamiento orgánico, capa adicional de seguridad contra hackers y mejor aprove...

WebEmpresa, hosting especializado en Wordpress.
Es el hosting que usamos nosotros desde hace tiempo
En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo!
Además te damos un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.


Es probable que hayas oído hablar bastante de los CDN y de su capacidad de acelerar las páginas web, entre otros usos.
Y no me extraña, ya que la velocidad de navegación en un sitio web es, sin duda, uno de los factores más relevantes para mejorar la experiencia de usuario, mientras tus usuarios navegan a través de las páginas de tu web.
Hoy en día, una página que tarde más de 2-3 segundos en mostrarse en pantalla, hará que el usuario pierda la paciencia y la abandone, para encontrar en otra parte lo que busca.
Después de todo, en Internet todo está a unos pocos clics de ratón, así que, ¿para qué esperar si puede ir a otro sitio sin apenas esfuerzo?
A su vez, la experiencia de usuario influye en el SEO de una web, ya que Google penaliza las páginas que tardan demasiado en cargar, precisamente por su efecto negativo en este factor.
Esto, hasta ahora, era razón suficiente para ponernos las pilas y empezar a optimizar las imágenes (ep. 7), instalar un plugin de caché (ep. 10), utilizar plugins que consuman pocos recursos (hablaremos de ello la semana que viene), etc.
Otra forma de optimizar: usar un CDN
A diferencia de otras optimizaciones realizadas sobre recursos o componentes instalados en el servidor web o en WordPress, con un CDN intervienen servidores externos, que interactúan con el servidor web para acelerar la descarga de una página web y, en consecuencia, la velocidad de navegación.
A continuación, te mostraré en qué consiste, cómo funciona y, desde un punto de vista práctico, cómo puedes instalar y configurar un CDN en tu WordPress, para aprovechar todas sus ventajas.
¿Qué es un CDN?

Un CDN es, de forma muy resumida, un conjunto de servidores distribuidos por todo el planeta y conectados entre ellos a través de Internet.

Pero, para creo que la mejor forma de comprender qué es un CDN y cómo funciona es conociendo primero el proceso que se sigue, desde que un usuario introduce una dirección en su navegador hasta que la página web correspondiente aparece en pantalla.
Aunque no hay diferencias significativas con otros gestores de contenidos, con el fin de simplificar la descripción de este proceso, vamos a suponer a partir de ahora que accedemos a la página web de un sitio en WordPress. El procedimiento sería el siguiente:

El usuario introduce la dirección en su navegador.
El navegador identifica el servidor correspondiente a esa dirección y le solicita la correspondiente página web.
El servidor recibe esta petición y WordPress genera un fichero HTML, a partir de la información almacenada en sus bases de datos.
Dicho servidor envía este fichero HTML al navegador que hizo la petición (punto 2).
Cuando el navegador recibe el fichero HTML, lee e interpreta su contenido.
Durante esta interpretación, pueden aparecer referencias (direcciones web) a diversos recursos, como ficheros de estilos o imágenes, que forman parte del contenido o estructura de la página web.
Por cada una de estas referencias, el navegador solicita ese recurso al mismo servidor.
El servidor atiende cada una de estas peticiones, localizando el correspondiente recurso en su disco duro y enviándolo al navegador.
]]>
Ramón Prats 1 11 23:45
Cómo usar la caché en Wordpress https://pampua.es/como-usar-la-cache-en-wordpress/ Thu, 22 Mar 2018 09:10:16 +0000 https://pampua.es/?p=1607 <p>Vamos a ver cómo usar la caché en Wordpress de manera sencilla, simplemente instalando un plugin y las ventajas que obtendremos: Mayor velocidad, mejor posicionamiento, menor consumo de recursos en el servidor lo que nos ahorra unos cuantos euros al no tener que contratar un pack de hosting superior. </p> <p>El contenido <a rel="nofollow" href="https://pampua.es/como-usar-la-cache-en-wordpress/">Cómo usar la caché en Wordpress</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Vamos a ver cómo usar la caché en Wordpress de manera sencilla, simplemente instalando un plugin y las ventajas que obtendremos: Mayor velocidad, mejor posicionamiento, menor consumo de recursos en el servidor lo que nos ahorra unos cuantos euros al no... Lo dicho, vamos a hablar de cómo usar la caché en Wordpress, pero antes…
Demos paso al patrocinador!!!!:
WebEmpresa, hosting especializado en Wordpress. Es el hosting que usamos nosotros desde hace tiempo. En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo! Además te damos un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.
Antes de nada vamos a ver…
Porque es imprescindible usar algún sistema de caché
WordPress, como ya sabrás, es un sistema de gestión de contenidos (CMS) que se sirve de bases de datos. Esto, cuestiones técnicas a parte, significa que para que funcione WordPress y los visitantes puedan acceder a una entrada, página, etiqueta o categoría de tu web, se tienen que hacer multitud de conexiones a la base de datos que recogen esa información, todo ello gracias a miles de líneas de código programadas en PHP que hacen que todo funcione.
El problema surge porque por cada petición que hace un navegador a tu web se deben realizar toda esa serie de conexiones, lo que supone una enorme cantidad de necesidad de recursos, memoria, etc, de tu servidor. Además, esto se pone peor a medida que pasa el tiempo y tu sitio tiene más contenido, y tus visitas se multiplican, pues hay más navegadores (de tus visitantes) pidiendo una y otra vez que se realicen las mismas peticiones de información relacionada a la base de datos, y cada vez hay más datos que relacionar y más recursos a emplear.
Tu visitante no sabe lo que pasa ahí detrás, ni siquiera tu, pero tu servidor si que se entera.
Dicho de otra manera, sin cache, cuando un visitante trata de ver una página de tu web la página en si mismo en realidad no existe. En su lugar, el servidor recibe la petición, WordPress busca en la base de datos el contenido que se supone que está en la página y crea la página al instante antes de mostrarla, para que refleje los posibles últimos cambios (texto, comentarios, lo que sea). Cuando el visitante pasa a otra página la anterior desaparece y el proceso empieza de nuevo.
Aunque esto es una simplificación sirve para que entiendas en realidad lo que pasa: el servidor tiene que crear la página cada vez que alguien quiere verla.
Esto, que es genial para que el visitante siempre vea la versión más actualizada de cada página conlleva demasiado esfuerzo y trabajo para un servidor de alojamiento, y si tu web tiene mucho contenido y visitantes puede superar los límites que tengas contratados de peticiones a la base de datos (que casualmente prácticamente nunca están en la descripción de tu hosting), o lo que es lo mismo, el uso de recursos de procesador y RAM de la máquina, virtualizada o no que tengas contratada, especialmente si concurren muchos visitantes al mismo tiempo.
En el lado contrario, con cache, WordPress no tiene que crear páginas nuevas cada vez. La página se crea una vez y se mantiene (en cache) durante un periodo de tiempo que definimos en las configuraciones de nuestro plugin de cache, normalmente de horas, aunque esto puede variar (y deberá hacerlo) de acuerdo a la cantidad de contenido y tráfico que nuestra web tenga.
Esto significa que las páginas si existen físicamente, como fotos instantáneas de nuestro contenido, y a los visitantes WordPress les muestra la versión en cache de las mismas, evitando de este modo que el servidor tenga que comprobar constantemente la base de datos y crear las páginas desde cero.
Los mismos ajustes de los plugins de cache te permitirán definir los intervalos, y todos contemplan la opción de crear una nueva versión en cache cua...]]>
Ramón Prats 1 10 clean 8:47
Cómo elegir un buen hosting https://pampua.es/como-elegir-un-buen-hosting/ Thu, 15 Mar 2018 09:10:19 +0000 https://pampua.es/?p=1588 <p>Un hosting es un servicio de alojamiento web que te permite publicar los archivos de tu página web y que así la puedan ver todas las personas. Existen muchos detalles que debes de tener en cuenta para contratar un buen hosting. Aquí te los explico todos.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/como-elegir-un-buen-hosting/">Cómo elegir un buen hosting</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Un hosting es un servicio de alojamiento web que te permite publicar los archivos de tu página web y que así la puedan ver todas las personas. Existen muchos detalles que debes de tener en cuenta para contratar un buen hosting. Aquí te los explico todos. Demos paso al patrocinador!!!!:
WebEmpresa, hosting especializado en Wordpress. Es el hosting que usamos nosotros desde hace tiempo En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo! Además te damos un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.
Primero veamos ¿Qué es un hosting?
Un hosting es un servicio de alojamiento web que te permite instalar WordPress o cualquier otro CMS (Joomla, PrestaShop, etc) para empezar a crear tu página y que así la puedan ver todas las personas.
Además de alojar y mostrar tu web en internet, un hosting te permite tener cuentas de correo con tu nombre de dominio, es decir: info@tudominio.es Podrías tener varias cuentas de correo con tu dominio para que sea más profesional. No transmite ninguna confianza una tarjeta de visita o un vehículo de empresa rotulado con una cuenta @gmail o peor aún, @hotmail.com
Claves para elegir el mejor hosting web
A la hora de elegir hosting, es fácil equivocarse si no se saben los requisitos mínimo que debe de tener para que tu proyecto web empiece con buen pie.
Existen varios tipos de hosting según la envergadura del proyecto, para el 99% de los casos puedes empezar con un servidor compartido e ir ampliando si las necesidades de recursos aumentan.
Las características básicas en las que te debes fijar para no gastar el dinero en algo de mala calidad son:

Almacenamiento en discos sólidos SSD: Para que tu web cargue rápido necesitas que el hosting tenga discos SSD.
Capacidad suficiente de almacenamiento: Esto es el espacio que necesita tu web (imágenes, archivos, etc). Normalmente con 1Gb tendrás más que suficiente. Yo no contrataría menos de 1Gb, puesto que si creas varias cuentas de correo corporativas, los mails que haya en cada una de esas cuentas van a ocupar espacio.
Facilidad de ampliar el plan: Antes de contratar el hosting pregúntales si para ampliar el plan que contrates habría que hacer una migración interna o simplemente te asignan más recursos sin tener que cambiar nada. Es fundamental que no te suponga un quebradero de cabeza ampliar el plan de hosting.
Buena tasa de transferencia mensual: Cuando alguien visita tu página, el navegador descarga de tu web los textos e imágenes consumiendo datos. Al principio con alrededor de 50 gb/mes tendrás de sobra. Pregunta también que ocurre cuando se acerca ese límite, si te avisan de alguna manera y te dan la opción de ampliarlo o simplemente te cortan el servicio.
WordPress autoinstalable: Si eres principiante, lo mejor es que el hosting que contrates tenga la opción de instalar WordPress, o el CMS que vayas a usar, en un par de clics. Te ahorrará mucho trabajo.
Basado en linux: Los gestores de contenidos como Joomla, WordPress, Prestashop, etc. son soluciones de software libre que donde mejor funcionan es en un entorno LAMP (Linux, Apache, MySQL y PHP). Por ello, mi recomendación es trabajar con servidores Linux. (Tenemos un cliente al que le estamos desarrollando su nueva web que tiene contratado un servidor Windows en Domain, no os podéis imaginar la de problemas que nos está dando. Lo dicho, para el hosting: Linux.)
Atención 24 horas 7 días a la semana: El soporte es un punto crítico a la hora de contratar un hosting. Si tu web sufre una caída o necesitas asistencia técnica, es desesperante que no te atiendan rápidamente. Busca uno que tenga atención telefónica, vía chat o un sistema de tickets rápidos.
Sistema de copias de seguridad: A la hora de elegir hosting, uno de los aspectos decisivos que diferencia un buen hosting de uno regular, es que dispongas de un sistema de copias de seguridad automático y que se realice todos los dí...]]>
Ramón Prats 1 9 clean 10:04
Cómo hacer correctamente copias de seguridad en WordPress https://pampua.es/como-hacer-correctamente-copias-de-seguridad-en-wordpress/ Thu, 08 Mar 2018 09:10:34 +0000 https://pampua.es/?p=1584 <p>Te voy a explicar cómo configurar un plugin para hacer copias de seguridad de forma automática se trata de: UpdraftPlus WordPress Backup. Con él tendrás la opción de recuperar tu trabajo después de cualquier cambio inesperado en tu web y restaurar tu base de datos WordPress si has “tocado” algo que no debías.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/como-hacer-correctamente-copias-de-seguridad-en-wordpress/">Cómo hacer correctamente copias de seguridad en WordPress</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Te voy a explicar cómo configurar un plugin para hacer copias de seguridad de forma automática se trata de: UpdraftPlus WordPress Backup. Con él tendrás la opción de recuperar tu trabajo después de cualquier cambio inesperado en tu web y restaurar tu b... Demos paso al patrocinador!!!!:
WebEmpresa, hosting especializado en Wordpress. Es el hosting que usamos nosotros desde hace tiempo. En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo! Además te damos un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.
Voy a ir al grano: si no estás haciendo copias de seguridad, tu web está pendiendo de un hilo.

Porque puedes recibir un ataque hacker.
O instalar un plugin no compatible que convierte en algo caótico todo el trabajo realizado antes.
Quizás desestructures tu web con una simple actualización de WordPress.
Y todo esto por no hablar del error humano, el más común de todos.

Y creo que no es cuestión de tirar todo tu trabajo por la borda por no cumplir una pequeña rutina.
Además tengo una buena noticia: existe un gran plugin para realizar copias de seguridad de forma automática se trata de: UpdraftPlus WordPress Backup Plugin
Con él tendrás la opción de recuperar tu trabajo después de cualquier cambio inesperado en tu web y restaurar tu base de datos WordPress si has “tocado” algo que no debías.
¿Por qué UpdraftPlus es la mejor elección si buscas un plugin para hacer respaldos de tu blog?
Te voy a contar las características por las que yo mismo lo elegí y lo uso en todas las web de nuestros clientes:

Restauración de tu web a un punto anterior con un solo clic. Facilísimo y rapidísimo.
Copias de seguridad manuales o programadas. Así que puedes automatizar gran parte de ese trabajo. Con la posibilidad de distintos tiempos de programación para bases de datos y archivos.
Copias de seguridad guardadas en la nube, no en tu servidor. Poder hacer copias de seguridad de WordPress  fuera de tu servidor es necesario, para que también estés protegido cuando el servidor falle. Puedes hacer copias a Dropbox, Google Drive,  FTP, Email y muchos más.
En caso de carga fallida de la copia, UpdraftPlus vuelve a reintentar la copia automáticamente. Sin que tengas que estar pendiente.
División en varios archivos de las copias de seguridad con mucho peso. Si tu web tiene muchos posts e imágenes, otros plugins, simplemente no podrán hacerte copias de seguridad.
Selección manual opcional de los archivos a copiar o restaurar.
Descarga de archivos directamente desde el panel de WordPress.
Interfaz en español (además de en otros idiomas). Lo cual siempre ayuda.
Compatible con las últimas versiones de PHP
Modo depuración de las copias de seguridad.
Más de un millón y medio de descargas, compatible desde WordPress 3.2 a 4.9.4. Última actualización en febrero de 2018. Si todos lo eligen, por algo será.
Un gran soporte. En el foro de ayuda resuelven casi todos los problemas de forma muy rápida.

Cómo instalar UpdraftPlus y hacer un backup manual
Como siempre que se trata de plugins gratuitos de WordPress, vamos a nuestro dashboard>plugins>añadir nuevo>escribimos UpdraftPlus en el buscador>instalamos>activamos
Nos aparecerá (por lo general) en nuestra barra lateral  (Ajustes) con el nombre UpdraftPlus WordPress Backup Plugin.
Es de agradecer que la interfaz que nos aparece lo hace ya traducida al castellano.
De las tres acciones que presenta (Respaldar, Restaurar y Clonar/Migrar), en esta primera toma de contacto solo podríamos realizar la primera.
No podemos restaurar porque no hay ningún respaldo previo, y no podemos clonar o migrar porque para ello necesitamos el complemento  1 8 clean 10:23
Cómo optimizar de manera automática las imágenes de tu web https://pampua.es/optimizar-manera-automatica-las-imagenes-web/ Thu, 01 Mar 2018 09:10:12 +0000 https://pampua.es/?p=1572 <p>Hay 3 pasos que debemos dar para optimizar las imágenes: Reducir el tamaño de las imágenes antes de subirlas a WordPress, segundo, comprimir imágenes subidas con un plugin y por último optimizar la carga de las imágenes publicadas para mejorar la velocidad de carga de una web.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/optimizar-manera-automatica-las-imagenes-web/">Cómo optimizar de manera automática las imágenes de tu web</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hay 3 pasos que debemos dar para optimizar las imágenes: Reducir el tamaño de las imágenes antes de subirlas a WordPress, segundo, comprimir imágenes subidas con un plugin y por último optimizar la carga de las imágenes publicadas para mejorar la veloc... tarjetas de visita que diseñamos para la frutería Reme, asistiendo a una conferencia del Coach Pepe Cabello, vamos, sin parar…
Hoy vamos a tratar un tema muy importante que todos los administradores de webs deberían conocer:
Cómo optimizar de manera automática las imágenes de tu web, pero antes…
Demos paso al patrocinador!!!!:
WebEmpresa, hosting especializado en Wordpress. Es el hosting que usamos nosotros desde hace tiempo.
En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo!
Contrata tu hosting con un 20% de descuento ahora mismo usando el cupón que te dejamos en pampua.es/webempresa
PORQUE ES IMPORTANTE OPTIMIZAR LAS IMÁGENES?
Reducir el tamaño y comprimir fotos debería ser una obligación para todo aquel que tenga un sitio web o un blog, puesto que son uno de los elementos que más peso aportan a la web.
También es una de las formas más sencillas de aumentar nuestro PageSpeed. (Test de google para medir la velocidad. Te lo dejo en las notas)
Optimizar las imágenes nos aporta varias ventajas:

Disminuir el tiempo de carga de tu web.
Reducir el espacio ocupado en tu servidor.
Optimizar el consumo de transferencia de tu hosting.
Mejorar la optimización Seo de tu WordPress. (A google le gustan las páginas que cargan rápido)

Existen 3 pasos que debemos dar para optimizar la carga de las imágenes:

Reducir el tamaño de las imágenes antes de subirlas a WordPress
Comprimir imágenes subidas con un plugin en WordPress
Optimizar la carga de las imágenes publicadas para mejorar la velocidad de carga de una web.

Vamos a verlas en detalle:
CÓMO REDUCIR EL TAMAÑO DE LAS IMÁGENES ANTES DE SUBIRLAS
Hoy en día usamos cámaras que tienen una resolución maravillosa (incluso las de nuestros smartphones), lo cual es fantástico, pero no podemos subir a nuestra página web las fotos directamente sin tratarlas, puesto que ocuparían entre 2 y 15MB cada una.
El tamaño de una imagen (las dimensiones) está directamente relacionado con el peso (los bytes) de esta.
Las imágenes tal y como salen de la cámara pueden tener entre 3000 y 6000 píxels de ancho, pero si el tamaño al que se van a mostrar en nuestra web es de 700 o 900 píxels de ancho nunca deberíamos subir imágenes mayores, lógico, ¿no? De esta forma ahorramos unos cuantos bytes que no aportarían nada pero que sí serían perjudiciales para la velocidad de carga del sitio web.
Otro punto importante es el tema del formato en el que subimos las fotos, imágenes, ilustraciones, etc. Siempre que puedas, escoge el .jpg o .jpeg por encima del formato .png o gif.
Para reducir el tamaño de las imágenes de forma automática te recomiendo que te instales en tu equipo uno de estos 2 programas:

Resize Expert (si tienes un Mac) es el que usamos nosotros.
Image Resizer (para windows)

Ambos son gratuitos y muy sencillos de utilizar. Simplemente indicas el tamaño de salida de las imágenes y la carpeta donde quieres guardarlas. Seleccionas las fotos que quieres redimensionar y en cuestión de segundos las tienes todas listas.
Una vez que tenemos las imágenes al tamaño que necesitamos ya podemos añadirlas a la biblioteca de nuestro Wordpress.
Pero ahora nos faltaría optimizarlas, comprimirlas. Veamos cómo hacerlo de manera sencilla.
COMPRIMIR LAS IMÁGENES SUBIDAS A WORDPRESS CON UN PLUG...]]> Ramón Prats 1 7 clean 10:03 Cómo acelerar la velocidad de carga con AMP https://pampua.es/como-acelerar-la-velocidad-de-carga-con-amp/ Thu, 22 Feb 2018 10:10:02 +0000 http://sanmagno.pampua.es/?p=1525 <p>Hoy hablamos de como acelerar tu web, porque una de las grandes obsesiones de estos últimos tiempos por parte de Google, es que la web sea cada vez más rápida. ¿Por qué? Muy sencillo, porque los usuarios son impacientes y quieren tenerlo todo ya, lo más rápido posible. Te explicamos como conseguirlo con AMP.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/como-acelerar-la-velocidad-de-carga-con-amp/">Cómo acelerar la velocidad de carga con AMP</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy hablamos de como acelerar tu web, porque una de las grandes obsesiones de estos últimos tiempos por parte de Google, es que la web sea cada vez más rápida. ¿Por qué? Muy sencillo, porque los usuarios son impacientes y quieren tenerlo todo ya, Esta semana hemos estado trabajando en un montón de proyectos y hay uno que ya está publicado, se trata de livinginparaguay.com, una web que hemos realizado en inglés en la que los usuarios pueden contratar sesiones de consultoría por Skype y pagarlas directamente con tarjeta de crédito o PayPal desde la propia web. Hemos instalado un certificado SSL, para que tuvieran más confianza los usuarios a la hora de realizar el pago.
Vamos a empezar con el tema de la semana: Cómo acelerar la velocidad de carga con AMP, pero antes…
Demos paso al patrocinador!!!!:
WebEmpresa, hosting especializado en Wordpress.
Es el hosting que usamos nosotros desde hace tiempo
En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo!
Contrata tu hosting durante febrero con un 40% de descuento entrando ahora mismo en pampua.es/webempresa
 
El tema de esta semana es importante, porque una de las grandes obsesiones de estos últimos tiempos por parte de Google, es que la web sea cada vez más útil y esté más enfocada al usuario.
Una de las cosas que considera Google de mayor utilidad para el usuario es que la web sea veloz, que cada vez sea más rápida su carga y la estancia en la misma. ¿Por qué? Muy sencillo, porque los usuarios son impacientes y quieren tenerlo todo ya, lo más rápido posible. Según un estudio de 2012 el 57% de los visitantes abandonarían un sitio web que tarde más de 3 segundos en cargar. No solo eso, sino que el 80% de estos visitantes nunca volverá a ese sitio web, e incluso la mitad de estos lo mencionarán a sus conocidos por medio de redes sociales.
Es por ello por lo que en estos últimos tiempos todo el mundo ha intentado a base de programaciones más optimizadas, imágenes menos pesadas, servidores más potentes etcétera conseguir que sus webs fueran mucho más rápidas que las de su competencia.
Sin embargo, a pesar de todos estos esfuerzos por hacer que todas las webs fueran más rápidas, parece que ha Google no le han parecido suficientes porque están desarrollando y apoyando la tecnología AMP para aun conseguir una mayor velocidad.
¿Qué es AMP?
Las siglas AMP hacen referencia a “Accelerated Mobile Pages”, o lo que es lo mismo, páginas móviles aceleradas.
¿Por qué solo se centran en velocidad para móviles? Porque cada vez son menos los usuarios que navegan desde el PC y cada vez son más los que lo hacen desde dispositivos móviles. Por lo tanto, la tendencia actual es la de haber cada vez menos PCs navegando por Internet.
Es más, en algunos nichos los usuarios usando móvil superan con creces el número de usuarios desde PC. Más datos en el último estudio publicado por Expansión.
AMP es una nueva forma de construir las webs de tal manera que ya no se usa el HTML tradicional si no que se usa el AMP HTML, con sus propias etiquetas y directrices.
¿Por qué carga tan rápido una web con AMP?
Uno de los grandes motivos por los que AMP funciona tan rápido es porque está enfocado a dar la información de una forma muy simple y sencilla. De este modo se sintetiza mucho el código HTML, lo cual hace que la carga sea mucho más rápida.
Del mismo modo, algunos elementos como las imágenes cargan de forma asíncrona, es decir, no cargan hasta que no son necesitados. De este modo al abrir la página no se cargan todos los elementos y por lo tanto carga mucho más rápido.]]>
Ramón Prats 1 6 clean 12:35
8 técnicas básicas de posicionamiento SEO https://pampua.es/8-tecnicas-basicas-posicionamiento-seo/ Thu, 15 Feb 2018 10:10:46 +0000 https://pampua.es/?p=1347 <p>Hoy vamos a hablar de posicionamiento, SEO, aparecer más arriba en Google o cómo queráis llamarlo. Voy a compartir con vosotros 8 técnicas básicas para que vuestra web tenga más visibilidad en los buscadores.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/8-tecnicas-basicas-posicionamiento-seo/">8 técnicas básicas de posicionamiento SEO</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy vamos a hablar de posicionamiento, SEO, aparecer más arriba en Google o cómo queráis llamarlo. Voy a compartir con vosotros 8 técnicas básicas para que vuestra web tenga más visibilidad en los buscadores. 1- Permalinks o enlaces permanentes
Por defecto WP viene con unos enlaces tipo ?=124 y eso no ayuda nada al posicionamiento, cambiarlo es muy sencillo, basta con ir al menú Ajustes -> Enlaces permanentes y seleccionar la penúltima opción “Nombre de la entrada” de esta manera, el enlace lo creará con las palabras que pongamos en el título del post. Importante no cambiar el enlace que se genere una vez que Google lo ha indexado para no crear error 404
2- Plugin de WordPress SEO by Yoast
Estamos hablando del SEO básico para el uso de WordPress en concreto, y en tal caso no podemos dejar de hablar de este plugin. Además de enviar a Google los sitemaps de forma automática (ya vimos la semana pasada lo importante que es), te facilita mucho y de forma visual la aplicación de las siguientes técnicas que vamos a comentar. Os dejo en las notas del programa un video de configuración para instalar Yoast, creado por los amigos de WebEmpresa.
Y ya que hablamos de WebEmpresa, demos paso al patrocinador!!!!:
WebEmpresa, hosting especializado en Wordpress.
Es el hosting que usamos nosotros desde hace tiempo.
Échale un vistazo a los 13 motivos que tienes contratarlo: www.pampua.es/webempresa
Contrata tu hosting en febrero con un 40% de descuento accediendo a www.pampua.es/webempresa
3- La elección de buenas keywords o palabras clave objetivo
Esto es fundamental tanto para escribir un post como para tu web o blog en general. Es un tema muy extenso, podríamos hacer un episodio sólo de ello, pero la síntesis es que las keywords que elijas obviamente deben estar relacionadas con el tema de tu blog o de tu post en particular. Debes de tenerla en mente antes de comenzar a escribir y usarla en el título del post, en el primer párrafo y en el extracto. Además deberías de usar sinónimos en los subtítulos y el contenido del artículo.
4- Asignar una sola palabra clave o keyword al post
Antiguamente, se ponían un montón de keywords para cada página, pero hoy en día ya no funciona así. Para cada post, debes elegir una sola palabra clave y a ser posible que no hayas utilizado para otro post. Con una sola no me refiero a una única palabra, la keyword puede ser “dentista” o “dentista para niños en Benidorm”, aunque conste de cinco palabras. Es más, la recomendación es siempre utilizar keywords que contengan varias palabras mejor que una sola, puesto que cada vez la gente hace búsquedas más específicas en Google.
5- Escribiendo: el título del post
El título de tu post es fundamental, ya no solo para el SEO sino para el “triunfo” en general de tu entrada o artículo. Tienes que hacer títulos que inviten a leer. Funcionan muy bien los que contienen números, por ejemplo: 8 técnicas básicas de posicionamiento SEO. Otro día podemos hacer un episodio sobre copywriting si os interesa.
6- El extracto del post
Es fundamental que en el extracto del post aparezca tu keyword al menos una vez. Esto hoy en día es muy fácil de controlar con el plugin de SEO by Yoast, así como la previsualización en general del snippet o cómo se verá luego tu post cuando lo busquen en Google, ya que te lo resalta en negrita.
Si no ves la caja para añadir el extracto, deberás activarlo desde un menú llamado “Opciones de pantalla” en la parte superior derecha cuando estás editando un post.
7- Escribir con cabeza y para los lectores, no para Google
Ahora se trata de escribir e insertar tu keyword por el texto. Hay muchas reglas y cosas a tener en cuenta, pero no debes obsesionarte con el número de veces que la incluyes porque ...]]>
Ramón Prats 1 5 clean 6:56
Cómo darse de alta en Google Search Console y aprovecharlo al máximo https://pampua.es/darse-alta-google-search-console-aprovecharlo-al-maximo/ Thu, 08 Feb 2018 10:10:11 +0000 https://pampua.es/?p=1334 <p>Hoy vamos a explicar un tema bastante técnico pero muy interesante: Cómo darte de alta en Google Search Console y aprovechar todo lo que nos ofrece para que nuestra web aparezca en los resultados de Google lo mejor posible.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/darse-alta-google-search-console-aprovecharlo-al-maximo/">Cómo darse de alta en Google Search Console y aprovecharlo al máximo</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> Hoy vamos a explicar un tema bastante técnico pero muy interesante: Cómo darte de alta en Google Search Console y aprovechar todo lo que nos ofrece para que nuestra web aparezca en los resultados de Google lo mejor posible. Hoy vamos a explicar un tema bastante técnico pero muy interesante: Cómo darse de alta en Google Search Console y aprovechar todo lo que nos ofrece.
Precisamente, esta misma semana han lanzado la nueva versión (mucho más minimalista y con menos información) por lo que te recomendamos seguir usando la versión anterior. Pero antes de nada veamos:
1.- Qué es Google Search Console
Google Search Console (antes Google Webmaster Tools), es una herramienta de Google que has de conocer y revisar habitualmente si tienes una web.
Puesto que es Google el que te está aportando información sobre el estado de tu web y te está alertando sobre posibles problemas.
Piensa en Search Console como tu herramienta de comunicación con Google, porque será aquí donde el buscador te avise de posibles problemas, de posibles penalizaciones y de todo aquello que no te está ayudando.
Básicamente te va a ayudar a:

Verificar que el rendimiento de tu sitio web es el adecuado
Detectar posibles problemas que estén afectando a tu sitio web
Conocer cómo Google valora el estado de tu sitio web
Analizar el rendimiento de tu tráfico orgánico

2.- Cómo empezar a usar Google Search Console
Para acceder a Google Search Console sólo necesitas tener una cuenta en cualquiera de los servicios de Google, ya sea Gmail, Analytics, etc.
Si ya tienes una cuenta en Google, simplemente tendrás que loguearte para entrar y accederás directamente a Search Console.
Si no la tienes, ha llegado el momento de crear una. Esto te llevará unos segundos.
Luego tienes que añadir tu sitio web.
Y Search Console te solicitará que verifiques la propiedad del sitio web, para que sólo el propietario pueda acceder a esos datos.
Hay varias opciones pero lo más sencilla es seguir el método que Google te marca como recomendado.
Simplemente tendrás que descargarte el fichero HTML que te indica, subirlo a tu sitio web, confirmar que se ha subido correctamente y hacer click en verificar. Ya lo tienes.
Después tendrás que configurar ciertos aspectos que ya se quedarán guardados pero que puedes modificar más adelante.
Para ello, ves a la ruedecita/engranaje que verás en la parte superior a la derecha. Si clicas, verás que se despliegan varias opciones, las 2 más importantes: Preferencias de Search Console y Configuración del Sitio.
En Preferencias de Search Console tienes la opción de suscribirte para recibir las notificaciones directamente en tu email. Altamente recomendado para que puedas enterarte inmediatamente de cualquier novedad importante el estado de tu web.
En Configuración del Sitio, deberás indicar un dominio preferido y establecer la frecuencia de rastreo.
Otro punto importante que deberías dejarte hecho desde el principio es enviar el sitemap de tu sitio web a Google.
No es obligatorio pero sí muy recomendable.
El sitemap es como un mapa de tu sitio web que permitirá a los robots del buscador rastrear más directamente todas las páginas que te interesa indexar.
Si trabajas con WordPress puedes generar fácilmente tu sitemap en tu sitio web con los plugins Google XML Sitemaps o Yoast SEO
Una vez creado tu sitemap, deberás acceder a la sección RASTREO – Sitemaps de Search Console para gestionarlo desde ahí.
3.- Cómo vincular Search Console con Analytics
Es conveniente vincular Search Console con tu Google Analytics.
Una vez añadido tu sitio web en Search Console con la misma cuenta de Google que en Analytics, accede a tu Google Analytics.
En la barra lateral izquierda selecciona el menú ADMINISTRADOR.
Haz click sobre la opción CONFIGURACIÓN DE LA PROPIEDAD (en la 2ª columna).
]]>
Ramón Prats 1 4 clean 20:42
Cómo configurar correctamente Google My Business https://pampua.es/3-configurar-correctamente-google-my-business/ Thu, 01 Feb 2018 10:10:58 +0000 https://pampua.es/?p=1297 <p>En este episodio del podcast te contamos como debes de configurar correctamente tu negocio en Google My Business para que se posicione lo más arriba posible en los resultados de Google.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/3-configurar-correctamente-google-my-business/">Cómo configurar correctamente Google My Business</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> En este episodio del podcast te contamos como debes de configurar correctamente tu negocio en Google My Business para que se posicione lo más arriba posible en los resultados de Google. Hoy estrenamos nuevo micrófono! Espero que os guste como suena.
En el podcast de hoy vamos a hablar algo que podréis poner en práctica la mayoría de vosotros, de una herramienta muy sencilla que os va a ayudar muchísimo a promocionar vuestro sitio web si tenéis un local o una oficina en la que recibir clientes. Se trata de Google My Business.

Cada vez es más y más importante. Datos:

El 80% de la gente usa algún buscador (normalmente Google) para buscar negocios locales.
El 50% de la gente que busca un negocio con su smartphone lo visita ese mismo día.
Si tienes todos datos (horarios, teléfono, festivos…) al día, tienes un 38% más de posibilidades que te visiten.


¿Qué es Google My Business?

Servicio gratuito de Google que te permite listar tu negocio en Google
Debe ser un negocio físico, que se pueda visitar por el cliente
Aparece información funcional clave (localización, horarios, teléfono, fotos, sitio web…)


¿Dónde aparece?

En los resultados de búsqueda de ordenador

“Restaurante italiano Alicante”


Pero especialmente de smartphone

¿Cómo llegar?
¿Qué distancia?
¡Botón de llamada! Súper simple.
Website (por favor, que sea responsive)




Los resultados van más allá:

Fotos (para ver si les interesa, reconocer la fachada, etc.)

DATO: Si pones fotos aumenta la función de “direcciones” en un 42% de promedio
DATO: Si pones fotos aumenta el CTR en un 35%


Recorrido virtual (200-300€)
Valoraciones

Atención, el 88% de la gente se fía tanto de las valoraciones como de las recomendaciones de amigos y conocidos.
Además, se pueden responder! Incluso desde la App. ¡IMPRESCINDIBLE LA APP! Te permite subir fotos y publicar pequeñas noticias; además te recuerda hacerlo al menos una vez a la semana.




¿Cómo lo hago?

Fácil, ves a www.google.com/business
Formulario (sobretodo, en el nombre no pongas slogan o te lo rechazan)
Categoría ¡OJO CON ESTO! Es importante. Aquí sí que podéis poner temas de seo

Imprenta ecológica
Restaurante vegetariano
Zapatería para niños
Empieza a escribir.

Si encaja con las sugerencias: ¡USADLAS! Posiciona mucho mejor
Sino, elegid algo más genérico “restaurante, zapatería, etc.”
Ir revisando periódicamente.




¿Y si voy a domicilio?

¿Por ejemplo un albañil?
Debes marcar la zona.
¡Pero ojo, si tenéis local NO lo hagáis! ¡Se desposicionaría de inmediato!


Una vez todo enviado:

Te llegará una postal. (Sí, sí parece de otro siglo pero es así…)
Tarda de 7 a 14 días.
Hay un PIN para verificar, y poder editar luego.
Importante: Hacedlo vosotros antes que lo hagan otros:

Usuarios (pueden)
Agencias de terceros (Páginas Amarillas, QDQ, etc)
¡Luego es un ENGORRO!
Hasta que no verificas no puedes poner la información, ni responder, ni nada.








Deberes:

Haz una búsqueda para ver qué competidores hay y qué tienen ellos en sus fichas
Haz las fotos correspondientes, incluso el recorrido virtual
Completa EL MÁXIMO de información
Verifica



Así pues, vale mucho la pena dedicar una mañana a dar de alta y a poner a punto vuestra ficha (o fichas) de Google My Business, y a ponerla a punto.
Si ves que no tienes tiempo para montar tu web, o ya la tienes pero necesitas que te ayudemos a mejorarla, pásate por Pampua.]]>
Ramón Prats 1 3 11:30
Ventajas de usar Génesis en tu página web https://pampua.es/2-ventajas-usar-genesis-pagina-web/ Thu, 25 Jan 2018 10:10:08 +0000 https://pampua.es/?p=1288 <p>En el podcast de hoy vamos a contarte las ventajas de usar Génesis para tu página de WordPress y porqué está tan de moda. Más de 500.000 sitios usan este framework.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/2-ventajas-usar-genesis-pagina-web/">Ventajas de usar Génesis en tu página web</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> En el podcast de hoy vamos a contarte las ventajas de usar Génesis para tu página de WordPress y porqué está tan de moda. Más de 500.000 sitios usan este framework. En el podcast de hoy vamos a contarte las ventajas de usar Génesis para tu página de WordPress y porqué está tan de moda.
Lo primero que tienes que saber es que Génesis es un framework, un tema padre que aporta todas las funcionalidades que lo hacen tan especial y que puedes modificar visualmente gracias a los temas hijos (child themes).
Os quiero hacer un símil muy sencillo para entender cómo funciona Génesis: Si nuestra web fuera un coche, WordPress sería el motor, Génesis la carrocería aerodinámica y los temas hijos la pintura y personalización.
Actualmente más de 500.000 sitios usan el framework de Génesis por muchos motivos, veamos los principales:

Optimizado para buscadores; mejora tu SEO
Múltiples diseños de calidad disponibles
Aumenta la seguridad de tu WordPress
Mejora la accesibilidad
Es muy rápido y fácilmente personalizable
Usa Widgets
Opciones del tema
Comentarios funcionales
Preparado para anuncios
Miniaturas automáticas
Documentación y tutoriales

Si ves que no tienes tiempo para montar tu web con Wordpress y Génesis, o ya la tienes pero necesitas que te ayudemos a mejorarla, pásate por
Pampua.es y estaremos encantados de ayudarte.
Ya sabes que si quieres que hablemos de algún tema en concreto o tienes cualquier duda o comentario que quieras hacernos, déjamelo en Pampua.es/contacto .
Si te ha gustado este episodio compártelo con todos aquellos contactos a los que pueda resultarles interesante. Por whatsapp, por mail, por  Facebook, twitter o incluso por SMS, como quieras, pero compártelo!
Y por último estaré inmensamente agradecido si me dejas una reseña de 5 estrellas en iTunes o un me gusta y un comentario en iVoox.
Muchísimas gracias por escuchar, porque sin vosotros esto no sería lo que es, esto simplemente no sería.
]]> Ramón Prats 1 2 clean 6:06 Ventajas de usar Wordpress https://pampua.es/1-ventajas-usar-wordpress/ Thu, 18 Jan 2018 10:10:56 +0000 https://pampua.es/?p=1284 <p>En este podcast pretendo explicar de una forma sencilla las 11 ventajas de utilizar WordPress y por qué es la mejor opción si de verdad quieres impulsar tu negocio en internet.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/1-ventajas-usar-wordpress/">Ventajas de usar Wordpress</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> En este podcast pretendo explicar de una forma sencilla las 11 ventajas de utilizar WordPress y por qué es la mejor opción si de verdad quieres impulsar tu negocio en internet. Los que nos movemos en el mundillo del diseño web sabemos perfectamente lo que son los gestores de contenidos, pero muchos clientes que nos piden presupuesto para una página web todavía ponen caras raras cuando les hablo de las ventajas de utilizar WordPress.
En este podcast pretendo explicar de una forma sencilla las 11 ventajas de utilizar WordPress y por qué es la mejor opción si de verdad quieres impulsar tu negocio en internet.
Seguro que hay más ventajas, pero estás son las que se me han ocurrido. Si tienes alguna más estaremos encantados de leerte en www.pampua.es/contacto
1ª ventaja. WordPress es fácil de usar
2ª ventaja: Curva de aprendizaje increíblemente rápida
3ª ventaja: Añade un blog en 2 minutos
4ª ventaja: Necesites la web que necesites hay un tema para ti
5ª ventaja: El maravilloso mundo de los plugins
6ª ventaja: WordPress está preparado para la web móvil
7ª ventaja: WordPress y Google se llevan bien
8ª ventaja: WordPress es fácil de rentablizar
9ª ventaja. WordPress te ayuda a optimizar tu tiempo y te ahorra dinero
10ª ventaja: WordPress es fácil de mantener y actualizar
11ª ventaja. Tu página crecerá contigo
 
Así que ya sabes, si aún no has instalado Wordpress, ve a Wordpress.org y descarga la última versión (4.9.2 en este momento) e instálala en tu hosting.
Si ves que no tienes tiempo para montar tu web con Wordpress, o ya la tienes pero necesitas que te ayudemos a mejorarla, pásate por Pampua.es y estaremos encantados de ayudarte.
Ya sabes que si quieres que hablemos de algún tema en concreto o tienes cualquier duda o comentario que quieras hacernos, déjamelo en Pampua.es/contacto .
Si te ha gustado este episodio compártelo con todos aquellos contactos a los que pueda resultarles interesante. Por whatsapp, por mail, por  Facebook, twitter o incluso por SMS, como quieras, pero compártelo!
Y por último estaré inmensamente agradecido si me dejas una reseña de 5 estrellas en iTunes o un me gusta y un comentario en iVoox.
Muchísimas gracias por escuchar, porque sin vosotros esto no sería lo que es, esto simplemente no sería.
]]>
Ramón Prats 1 1 clean 11:58
Declaración de intenciones https://pampua.es/0-declaracion-intenciones/ Thu, 11 Jan 2018 10:10:08 +0000 https://pampua.es/?p=1241 <p>En este primer episodio quiero hacer una declaración de intenciones de lo que va a ser este nuevo podcast. A quién va dirigido, la periodicidad, los temas que trataremos, etc.</p> <p>El contenido <a rel="nofollow" href="https://pampua.es/0-declaracion-intenciones/">Declaración de intenciones</a> se publicó en <a rel="nofollow" href="https://pampua.es">Pampua</a>.</p> En este primer episodio quiero hacer una declaración de intenciones de lo que va a ser este nuevo podcast. A quién va dirigido, la periodicidad, los temas que trataremos, etc. En este primer episodio quiero hacer una declaración de intenciones de lo que va a ser este nuevo podcast. A quién va dirigido, la periodicidad, los temas que trataremos, etc.
Pero antes de nada supongo que debo presentarme, mi nombre es Ramón Prats, soy director de proyectos en Pampua.es  una agencia de diseño web y marketing online especializada en desarrollo de sitios web con Wordpress y Génesis.
Nací en 1979, por lo que si no me fallan las cuentas, tengo 38 años. Desde siempre me ha gustado la tecnología, de pequeño despiezaba cualquier cacharro que encontraba por casa para ver como funcionaba por dentro. Allá por los año 90, cuando el Banco Santander empezó a regalar conexiones a internet convencí a mis padres para ponernos internet en casa, y empecé a hacer los mismo que hacía con los cacharros con las páginas web, destriparlas, mirar el código fuente para ver cómo estaban hechas. Mis inicios fueron completamente autodidactas, con decir que la primera web que programé fue con Word!
Después ya conocí el Adobe Go Live y el dreamweaver. Estudié diseño industrial en Valencia, porque no había por aquel entonces ninguna formación de diseño web, eso si, después hice un master de aplicaciones multimedia para internet en la UPV y al terminarlo, en 2002, monté pampua.es
Actualmente vivo en Polop, un pueblecito de montaña de 4000 habitantes a 15 min de Benidorm y de Altea.
Tengo 3 hijos de 9, 6 y 20m y una mujer encantadora.
Y a pesar de todo eso, me comprometo a encontrar tiempo para grabar este podcast y compartir mis conocimientos con todos vosotros.
La periodicidad de este podcast será semanal y trataremos temas relacionados con el diseño web: Wordpress, Genesis, SEO, seguridad, optimización de imágenes, hosting, caché, newsletters, formularios, Sliders, test A/B…
Si quieres que hablemos de algún tema en concreto o tienes cualquier duda o comentario que quieras hacernos, puedes hacerlo en los comentarios de este artículo o en el apartado contacto.
Si te ha gustado compártelo con todos aquellos contactos a los que pueda resultarles interesante. Por whatsapp, por mail, por  Facebook, twitter o incluso por SMS, como quieras, pero compártelo!
Y por último quería pedirte que me ayudes con una reseña de 5 estrellas en iTunes o un me gusta en iVoox. Muchísimas gracias por escuchar, porque sin vosotros esto no sería lo que es, esto simplemente no sería.
]]>
Ramón Prats 1 clean 3:58