Aula CM

Cómo aplicar la ley de protección de datos en tu web


El tan comentado RGPD ya está aquí y con él todos los cambios y adaptaciones que tenemos que llevar a cabo quienes tengamos páginas webs y recojamos datos personales de los usuarios que naveguen por ellas.

¿Está tu página web adaptada al nuevo reglamento? ¿Quieres evitar las sanciones millonarias que implica estar fuera de la ley?

 

¿Qué es el RGPD?

RGPD son las siglas correspondientes al Reglamento General de Protección de Datos, la nueva normativa en lo que respecta a protección de datos que entraba en vigor el pasado 25 de mayo de 2016, aprobada por la Unión Europea.

El objetivo detrás de este nuevo reglamento es regular, cuidar y proteger, todavía más si cabe, el uso que se hace de los datos personales por parte de usuarios, empresas e instituciones para que sus propietarios tengan más control sobre ellos.

De esta forma, cualquiera que recoja y almacene datos personales tendrá que cumplir una serie de nuevos requisitos muy específicos.

Cualquiera que recoja y almacene datos personales tendrá que cumplir con el nuevo RGPD

Dos años más tarde de su entrada en vigor, es decir, el 25 de mayo de 2018, se hace estrictamente obligatorio el cumplimiento de este nuevo reglamento y sustituirá la legislación vigente en materia de protección de datos.

El nuevo RPGD es común a toda la Unión Europea así que, si tú o tu negocio se encuentra en este territorio o bien gestionas datos de ciudadanos europeos, deberás adaptarte a la nueva ley, sin excepciones. De lo contrario, las sanciones a las que te podrías enfrentar son millonarias.

 

Exclamaciones Copywriting¿Por qué y cómo te afecta el nuevo RGPD?

¿Tienes un blog y utilizas un formulario para captar suscriptores? ¿Vendes tus productos y servicios a través de un ecommerce? ¿Permites a los usuarios que visiten tu sitio dejar un comentario o ponerse en contacto contigo? ¡Cuidado!

Cualquier formulario que aparezca en tu web, sea del tipo que sea, en el que recojas información personal de tus usuarios, tendrá que ser adaptado de tal forma que cumpla con el nuevo Reglamento General de Protección de Datos.

En caso de páginas webs o blogs no comerciales, que no generan ingresos, las formas más habituales de recoger datos personales y que deberás adaptar son:

 

  • Los formularios de contacto
  • Las casillas de comentarios de entradas
  • Los formularios de suscripción a una newsletter

 

En caso de páginas webs comerciales o que generen ingresos directos o indirectos, la cosa se complica un poco más ya que será necesario cumplir con la LSSI-CE. Además, en estos casos, podemos encontramos formularios más complejo o mecanismos de pago para adquirir o contratar productos o servicios que exigen unas condiciones de contratación adicionales y un aviso legal.

En cualquier caso, recuerda que siempre que recojas información de carácter personal en tu web/blog, tanto si generas ingresos como si no, debes cumplir con el RGPD. Por ello, a continuación te resumo los requisitos que debes cumplir y los pasos a seguir para legitimizar tu web de cara al nuevo Reglamento de Protección de Datos. ¡Toma nota!

 

 ▷ Acceso exclusivo de alumnos Aula CM al Manual RGPD con tutoriales, plantillas y descargables para adaptar tu web al 100%. 

 

Cómo adaptar tu web al RGPD

En resumidas cuentas, para que tu web o blog cumpla con este nuevo reglamento, deberás:

  • Facilitar de manera clara y explícita toda la información relativa a la recogida y uso de datos personales que se vayan a recoger.
  • Habilitar una casilla de verificación obligatoria para que los usuarios den su consentimiento explícito para ese tratamiento y su aceptación de tu nueva políticas de privacidad3
  • Recopilar y almacenar ese consentimiento explícito .

Pero, además, la información que proporciones deberá presentarse en 2 capas de la siguiente forma:

1. Primera capa: En la que conste un resumen de los puntos más importantes relativos al tratamiento de la información que proporcione el usuario.

2. Segunda capa: En la que la información presentada en la primera capa se complete y se extienda.

Ahora bien, donde realmente está el quid de la cuestión y donde se centran todos las modificaciones que tendremos que realizar es en torno a qué información plasmar en cada capa y dónde incluir cada cada una de ellas. A continuación te lo resumo en 3 sencillos puntos:

 

Primera capa: Resumen de Privacidad, Aviso Legal y Cookies

 

¿Qué debe constar en la primera capa?

En esta primera capa debemos incluir un resumen de la información sobre quién va a ser el responsable de los datos recopilados y con qué fin va a utilizarlos (boletín de noticias, novedades, uso comercial…).

En caso de que estos datos se cedan a terceros, será necesario indicarlo y, en caso de disponer de un DPO (Data Protection Officer) encargado de gestionarlos, también deberá aparecer su información y su contacto.

Además, tendremos que informar al usuario sobre los derechos que tiene para acceder, modificar o suprimir los datos que ha facilitado y añadir un enlace a una segunda capa donde conste toda la información completa y detallada sobre Política de Privacidad, Ley de Cookies y Aviso Legal (en caso de webs comerciales) que deberá estar alojada en nuestra web.

 

¿Dónde debo incluir esta primera capa?

Esta primera capa informativa deberá aparecer en todos los formularios con los que recojas datos personales de los usuarios. Esto es:

  • Formularios de contacto
  • Formularios de suscripción
  • Caja de comentarios en entradas de blog
  • Formularios de reservas, inscripciones…

 

 

Segunda capa: Documentación legal detallada

 

¿Qué debe constar en la segunda capa?

Cuando hablamos de una información en “segunda capa”, básicamente nos referimos a que debe estar presentada en una url aparte y de forma detallada

En esta segunda capa deberá constar, por lo tanto, la información completa relativa a la Política de Privacidad, la Política de Cookies y el Aviso Legal (siempre y cuando la web tenga actividad comercial).

1. Política de Privacidad

Este apartado se deberá detallar de qué manera el titular utiliza la información recopilada, la finalidad, el periodo de conservación de esos datos, la cesión a terceros (si la hay), etc.

2. Aviso y Política de Cookies

En la sección correspondiente a las cookies deberás incluir toda la información detallada relativa al uso cookies propias o de terceros y la finalidad de las mismas.

Sin embargo, esta información deberá estar detallada desde el momento en que el usuario accede al sitio web mediante una advertencia de la existencia de esas cookies (imagen) y un botón para que el usuario dé su consentimiento con un enlace a esta información detallada.

3. Aviso Legal

Este apartado deberá contener  la información mínima necesaria para que el usuario sepa quién está detrás de la página web. Es decir, quién es el titular del sitio web y un teléfono y/o dirección de correo de contacto.

El Aviso Legal, solo será necesario en caso de que en tu web exista una actividad comercial. Es decir, en aquellas páginas web que faciliten, publiciten u ofrezcan un determinado producto o servicio. Únicamente quedarán excluidos de esta obligación los blogs o webs que no realicen ningún tipo de actividad comercial.

 

 

¿Dónde debo incluir esta segunda capa?

La segunda capa deberá estar alojada en tu web, en una URL aparte, o bien en diferentes pestañas o en una única con cada uno de los apartados bien explicados y detallados.

Obtener consentimiento explícito

Además de las modificaciones y adaptaciones anteriores, para poder cumplir con el nuevo RGPD tendremos que obtener un consentimiento explícito del uso de los datos por nuestra parte así como la aceptación de las nuevas políticas de privacidad.

Para ello, aparte de incluir una “coletilla” con la información relativa al uso de los datos, tendremos que incluir una casilla de verificación obligatoria mediante la cual los usuarios puedan dar su consentimiento explícito del tratamiento de sus datos para los fines que hemos expuesto.

 

 

Esta casilla de verificación tendremos que incluirla en todos los formularios y es especialmente importante en los formularios de suscripción a una newsletter, por ejemplo. En este caso, tendremos que almacenar los consentimientos correspondientes para de alguna forma “demostrar” que tenemos el permiso para utilizar los datos siempre para los fines que hemos expuesto.

 

¿Y si he recopilado datos antes del RGPD?

¿Qué pasa con los datos recopilados antes de la aplicación de este nuevo reglamento? ¿Les afecta? Sí vas a seguir haciendo uso de ellos, sí.

Además de los pasos anteriores, enfocados principalmente en adaptar todos y cada uno de los formularios de la web con los que vayas a recoger datos, también tendrás que tomar medidas si quieres seguir utilizando esos datos que hubieses recopilado antes del RGPD.

Si hacías uso de listas de correo para campañas de email marketing o envío newsletters, por ejemplo, tendrás que enviar una nueva campaña a todos tus suscriptores. En ella deberás explicar cómo les afectan estos cambios en lo que a su privacidad se refiere y darles la opción de renovar su suscripción a tu lista de correo mediante una aceptación totalmente explícita del uso que le vayas a dar a sus datos.

Para seguir utilizando listas de correo anteriores al RGPD, tendrás que recoger un nuevo consentimiento explícito para hacerlo

Solamente si consigues un nuevo consentimiento claro y explícito de tus antiguos suscriptores podrás seguir haciendo uso de sus datos. Ahora bien, ¿cómo conseguir este nuevo consentimiento? Tendremos que enviar una campaña de email a estos suscriptores para que “renueven” su suscripción y así conseguir su nuevo consentimiento, ahora sí, explícito.

 

 ▷ ¿Eres alumno de Aula CM? Recuerda que tienes acceso al Manual RGPD  del Área Privadacon tutoriales, plantillas y descargables para adaptar tu web al 100%. 

 

 Cómo conseguir el nuevo consentimiento de mis antiguos suscriptores

Recoger el consentimiento explícito de tus antiguos suscriptores es muy sencillo. La forma más rápida y fácil de hacerlo es a través de una campaña de email en la tendremos que incluir lo siguiente:

  • Notificación de los cambios en tu Política Privacidad, con su correspondiente enlace, y el por qué de tu comunicación.
  • Un botón para que los destinatarios puedan renovar su suscripción mediante un consentimiento explícito.

Aquí tienes un ejemplo de campaña realizado con Mailchimp. La plataforma de email marketing ha puesto a disposición de sus usuarios una plantilla para campañas de avisos de este tipo que puedes encontrar en su sección de “Templates” – “Themes” – “Subscriber Alerts”.

 

 

Conclusión

A pesar de todo lo negativo que esto pueda parecer, la lectura que debemos darle es otra muy distinta. ¿No es esta una oportunidad de oro para “limpiar” nuestras listas de contactos y quedarnos con quienes son realmente afines a nuestro producto/servicio?

Quien decida volver a regalarte su consentimiento, esta vez explícito, lo hará porque realmente está interesado y esto aumentará nuestras posibilidades de éxito.

 

Ahora te toca a ti ponerte manos a la obra y preparar tu web y tus formularios al nuevo reglamento. Si crees que puedes aportar nuevas ideas con tus comentarios, ¡adelante! 

Guía RGPD: Cómo adaptar tu web a la nueva ley de protección de datos

4.5 (90%) 8 votos

Sobre el Autor 

Blogger, Community Manager y apasionada de las Redes Sociales, el Copywriting y el Marketing de Contenidos. Formo parte del equipo de Aula CM.





Source link

8 estrategias de Black Hat SEO que SÍ funcionan en 2018

8 estrategias de Black Hat SEO que SÍ funcionan en 2018




¡Hola! Este post es una de esas recopilaciones llenas de trucos súper valiosos que normalmente los expertos no te cuentan. En esta ocasión, 8 súper cracks del SEO te van a contar algunas de sus estrategias blackhateras más eficaces.

Pero antes vamos a definir bien qué significa exactamente Black Hat SEO y cuáles son las típicas acciones del Black Hat.

 

3 20¿Qué es Black Hat SEO?

Por Black Hat SEO entendemos todas las acciones SEO encaminadas a conseguir un objetivo mediante técnicas menos ortodoxas que las habituales. Es decir, es hacer un SEO un poco gamberro, aunque (casi) siempre sabiendo lo que se hace.

Hay técnicas de Black Hat más “legales” que otras. Normalmente, si te pasas, Google te castiga en forma de penalización. Aunque, si sabes hacerlo bien, puedes llegar a colar algunas acciones a Google y conseguir una gran rentabilidad SEO.

Es decir, se podría decir que un Black Hat rentable es implementar “trucos” poco convencionales para intentar que Google te posicione mejor y hacerlo más rápidamente sin tener que esperar como el resto de sitios web que tardan más en posicionar.

Sin embargo, un Black Hat no rentable sería llevar a cabo acciones demasiado al límite que sabes casi seguro que te van a penalizar.

 

3 34Típicas acciones de Black Hat SEO que pueden penalizarte (o no)

Estas son algunas de las estrategias clásicas de Black Hat SEO que se han venido haciendo desde hace tiempo:

  • Hacer cloacking, o lo que es lo mismo: tratar de confundir a Google mostrando un contenido al buscador y otro a los usuarios
  • Ocultar contenido. Por ejemplo, poner textos del mismo color que el fondo de la página para que el usuario no lo vea pero Google lo rastree.
  • Backdoors o puertas traseras, es decir, colocar enlaces en otras webs hacia tu sitio, lo cual es muy peligroso ya que Google lo detecta casi seguro.
  • Hacer spamming sin parar en sitios donde se puede escribir lo que quieras para conseguir visibilidad y poner enlaces masivamente hacia tu sitio.
  • Comprar enlaces en sitios web que ofrecen este servicio. Estas páginas en ocasiones pueden estar penalizados debido a su actividad no natural.
  • Spinning. “Espinear” textos de otros sitios con herramientas automáticas para generar contenido rápida y fácilmente sin tener que escribirlo tú.
  • Hacer keyword stuffing o sobreoptimización de la palabra clave dentro de un contenido, esto es, repetirla bastante creyendo que así vas a posicionarla mejor, etc.

Si quieres mejorar tu SEO haciendo Black Hat, tienes que hacerlo con cuidado y sabiendo exactamente lo que haces (o al menos controlando un poco lo que haces).

Por tanto, si no quieres meter la pata, es recomendable que tengas cierta experiencia o cuentes con la ayuda o consejo de verdaderos expertos.

El objetivo de este artículo es mostrarte técnicas que sean realmente valiosas y aplicables, fruto de la experiencia de auténticos especialistas del SEO. A todos ellos les agradecemos su aportación y su generosidad por contarnos tantos trucos.

 

Contenido indexado y rastreado8 trucos de Black Hat SEO que realmente funcionan y puedes aplicar

Lee detenidamente y toma nota de los trucos contados por los mejores SEO de España que te mostramos a continuación. Comenzamos:

fotos participantes post black hat-02Chuiso: Páginas automatizadas para long tails

Según Chiuso, un truco que a día de hoy le funciona muy bien es la creación de páginas automatizadas para atacar miles (o incluso millones) de long tails.

Caso práctico: Coordenadasgps.info

Este sitio se creó en apenas unas pocas horas y tiene más de 30.000 páginas, que poco a poco (o forzando al estilo “black” con indexadores :P) va indexando. Lo increíble es que posiciona genial para todo este tipo de palabras clave con nula competencia y, como son “muchos pocos” y se tardan un par de horas en hacer estas webs, es un chollazo.

Puedes comprobarlo buscando long tails estilo:

  • Coordenadas el palmer almeria
  • GPS moran Zaragoza
  • Latitud longitud caleruela

Multiplica esto por 35.000 y recuerda que este sitio tiene semanas de vida y no se le ha trabajado absolutamente nada off page.

Es una técnica genial para trabajar en nichos en los que quieres lograr leads a base de long tail e incluso para montar sitios que generen ingresos con Adsense o afiliación. También pueden servir como refuerzos para proyectos o startups serios, canalizando nuevo tráfico a través de funnels, un formulario para captar emails, etc.

Si de vez en cuando meditamos las acciones que llevamos a cabo en nuestros proyectos, nos podemos llevar sorpresas. Desde el punto de vista de Chiuso, este tipo de sitios son estrategias interesantes y creativas que están basadas en la automatización. Gestionar un sitio así redactando a mano sería algo impensable, además de absurdo.

Lo que Google quiere es que pensemos en el usuario sin que eso  signifique que hagamos un trabajo 100% manual.

Google no siempre quiere que hagamos las cosas del modo lento. Lo que quiere es que, primero que todo, pensemos en el usuario, sin que eso signifique que hagamos un trabajo 100% manual, o más “penitente”. Al fin y al cabo, ¿acaso la página no responde correctamente al usuario y da una respuesta positiva que satisface la búsqueda?

Este tipo de técnicas resultan interesantes porque, aunque suelen considerarse puro Black Hat, están a medio camino entre la creatividad y el aprovechamiento de la estructura actual de Google.

Este es el blog de Chuiso en el que puedes leer mucho más sobre Black Hat y además echarte unas risas.

 

fotos participantes post black hat-02Xavi Viguer:  Posicionamiento en subreddit

Xavi nos descubre un truco muy sencillo a la par que antiguo (pero creo que poco explotado e incluso olvidado, que continúa funcionando en 2018) y que es realmente fácil de replicar. Puedes hacerlo totalmente manual o puedes tirar un poco de cartera para llevarlo a cabo.

Publicaciones en subreddits de Reddit

Este truco consiste, básicamente, en publicar el enlace en cuestión en un subreddit para conseguir un volumen de tráfico considerable. Estos subreddits son cada una de las categorías en las que se divide Reddit, el agregador de enlaces y noticias considerado como el 6º sitio del mundo con más tráfico.

Dependiendo de la reacción de la comunidad en relación a esa publicación y las ya publicadas en el mismo subreddit, en un periodo de 2 ó 3 días luchan para estar en las primeras posiciones del Sub (hasta que entran nuevos posts/enlaces).

Te puede llevar en cuestión de dos/tres días entre 500 y 15000 visitas o más y dependiendo del subreddit que elijas, este montón de tráfico te hará subir posiciones. Como buena técnica Black Hat, este posicionamiento lo conseguirás con muy poco trabajo y, para no ser menos, con spam puro y duro y algo de creatividad.

Publicar en un subreddits te puede generar un volumen de tráfico importante que te hará subir posiciones

Para este caso, Xavi utiliza un ejemplo real (negocio físico) en sector servicios y ocio. No nos muestra la URL del proyecto, pero si repasa paso a paso lo que hace y, para que te acabes de leer el artículo, te avanza los resultados:

  • Tiempo dedicado: 3 horas (entre pensar y ejecutar)
  • Posiciones subidas con esta técnica: 16 posiciones, se pone en top 3 durante 2 días, estaba en posición 19, la palabra clave y algunas variaciones de la misma tenían más de 2500 búsquedas mensuales y competencia alta.
  • Tráfico de referencia conseguido: más de 2000 visitas en los dos primeros días

Es importante tener en cuenta que este tipo de subidas con estas técnicas duran 3 ó 4 días, luego rebota para abajo pero se queda bastante por encima de la posición inicial.

En general, vienen muy bien para hacer estrategias cuando hay ciertos eventos en nuestra ciudad (en caso de un negocio local), ya que al ser Reddit muy fuerte a nivel extranjero posicionaremos muy bien durante varios días por búsquedas locales en Google de otros países o en otros idiomas y en el propio google.es por búsquedas en inglés.

 

¿Cómo consigo estar primero en un subreddit?

No basta con publicar al azar. Toma nota de estos pasos para que tu publicación consiga estar en las primeras posiciones del subreddit:

  • Escoger bien el Sub al que quieres atacar y como lo haces. En este ejemplo salta a la vista que en el mundo de las criptomonedas hay un gran interés y fanatismo por su adopción en el día a día, sobre todo en la comunidad de litecoin (más de 180.000 suscriptores en ese sub), por lo que cualquier negocio puede publicar que utiliza su criptomoneda. Si además es algo que puede generar controversia, mucho mejor, ya que es más probable que se viralice o mueva más (aquí la parte creativa). Lo único que tuvo que hacer en la web que interesaba promocionar fue añadir un logo de su moneda en el footer, poniendo que la aceptamos.
  • Es importante incluir las palabras clave que te interesan en el enlace. En este caso el título era servicio del negocio + ciudad + accepts litecoins. Ejemplo: supermarket in Barcelona accepts litecoins! (enlazando a la landing que nos interese potenciar).
  • También debes tener en cuenta que quien publique debe tener un perfil antiguo y que esté relacionado con la temática, ya que será menos propenso a que lo voten negativo. La recomendación de Xavi es pagar a alguien con antigüedad en reddit relacionado con la temática que te interesa. Con una simple búsqueda en google del tipo purchase reddit votes encontraremos un montón de proveedores que también ofrecen publicación con perfiles con antigüedad y afines a distintas temáticas.
  • Una vez publicado y lo antes posible es importante empezar a dar señales a esa publicación y a otras publicaciones del mismo sub. La fórmula de Xavi para este sub de 180.000 suscriptores fue la siguiente:

– 30 upvotes para mi publicación
– 50 downvotes para publicaciones en el top 10 del subreddit
– 3 comentarios en mi post

Y así se metió el enlace que interesaba potenciar en el top del sub durante un par de días, ayudando a posicionar la web tanto en google.es (inglés) como en Google de otros países dándole un empujón en cuanto a SEO, justo antes de un evento que trae a cientos de miles clientes potenciales.

Es tan sencillo como suena, esto replicado a más gran escala en subs mucho más grandes puede traer barbaridades de tráfico. Básicamente para negocios que trabajan en inglés es útil, simplemente mediante spam (comprando votos, comentarios o usando herramientas del estilo browz.io.

Aquí puedes visitar la web de la Agencia SEO de Xavi.

 

fotos participantes post black hat-02Borja Aranda: Blanqueo de enlaces

En sus estrategias de Black Hat, Borja asegura ser bastante prudente ya que cada día Google es más riguroso a la hora de penalizar webs y por ello su Black Hat es bastante light aunque no por ello menos efectivo. Estos son dos de sus trucos infalibles:

Blanquear enlaces “sucios”

Esta técnica consiste en crear varios blogs en páginas 2.0 o webs parásito con el fin de mejorar su PA a base de enlaces y luego derivar ese linkjuice hacia el Money Site o sitio web principal.

Pasos para blanquear enlaces

  1. Para empezar, lo primero de todo será crear varios blogs gratuitos en páginas como Blogspot, Blogger y similares con un historial web limpio y un buen Domain Authority (DA).
  2. Una vez creado ese primer nivel de blogs será el momento de crear enlaces dofollow en foros con un buen Domain Autorithy pese a que sus enlaces salientes sean poco valiosos por su alta cantidad de enlaces salientes, spam y número de páginas para un dominio. Personalmente, para localizar este tipo de foros donde poner mis enlaces utilizo los footprints de Google (principalmente los de CMS como vbulletin y PHPbb) y una vez registrado en estos foros sitúo mis enlaces en la firma y en el perfil de los que me dejan.
  3. Para no pecar de puro spammer y ser baneado lo que hago es responder a bastante hilos previamente (con 20 contestaciones son suficientes), una vez hecho esto por lo general puedo poner mis enlaces donde quiera sin problemas.
  4. Una vez creada esta red de enlaces “basura” hacia blogs 2.0 será el momento de que el Page Autorithy (PA) de los blogs 2.0 comience a subir, momento en el cual estos enlaces se blanquean.
  5. En el momento en el que el blog 2.0 tenga un PA aceptable (es decir, superior a 10) crearemos cuatro o cinco posts de 500 palabras para hacer el proceso lo más natural posible.
  6. Cuando tengamos esos posts creados y publicados los dejaremos reposar durante dos o tres semanas. En ese momento crearemos el sexto post con el enlace dofollow hacia nuestro Money Site o web principal.

De esta manera, conseguiremos “limpiar o blanquear” estos enlaces spammeados y aprovechar toda su fuerza a nuestro favor creando una mini PBN gratuita y de una calidad bastante aceptable.

Keyword Stuffing con Seoquake

Otro de los trucos que me gusta utilizar a veces es forzar a Google a ver hasta dónde me deja llegar con el keyword stuffing. Para ello uso la extensión SEO de Google Chrome Seoquake. Con ella analizo la repetición de palabras clave de los posts y lo mejor de todo, su prominencia dentro de dicho post.

Con esta extensión se pueden sacar conclusiones muy interesantes a la hora de redactar artículos y mejorar al máximo el SEO Onpage de vuestras webs de forma totalmente gratuita. De esta manera, Borja ha logrado acercarse a unos porcentajes aceptables para Google en cuanto Keyword Stuffing por lo que recomienda probar esta herramienta con varios de tus post.

Si quieres aprender a forzar al máximo este parámetro te recomiendo que te pases por este post en el que te doy las claves para evitar la penalización por keyword stuffing.

 

fotos participantes post black hat-02Álex Navarro: Búsquedas de marca

Según Alex, uno de los factores más importantes que existe a nivel de SEO es conseguir que la gente busque tu marca en Google. Si encima buscan tu marca junto con una palabra clave, entonces ya entras en una liga a la que pocas páginas web tienen acceso.

De hecho, una de las razones por las que las grandes marcas están tan bien posicionadas, aún teniendo (en algunos casos) páginas web horribles a nivel de SEO onpage, es porque la gente los busca masivamente en Google.

Una razón por la que las grandes marcas están tan bien posicionadas es porque la gente las busca masivamente en Google

Cuando mucha gente busca por ejemplo la palabra “zapatos zalando”, Google les premia como marca, y los coloca muy arriba bajo la búsqueda de “zapatos”.  Obviamente, esto va en conjunto con los enlaces externos que también reciben, pero el factor “búsqueda de marca” creo que tiene incluso más peso que los propios enlaces.

El problema que tenemos el común de los mortales es que, en muchos casos, es muy complicado conseguir que la gente te busque por tu marca en Google.  Esto requiere años de branding, anuncios, televisión, prensa, etc. A no ser, que uses la siguiente técnica:

Búsquedas de marca con palabra clave

Hay una empresa que se llama microworkers.com. En esta web puedes pedir a la gente, que por poco dinero, te hagan algunos trabajos muy concretos.

Lo que suele hacer Álex para sus nichos es que unas 100-200 personas al mes, busquen por un lado su marca en Google (por ejemplo miwebdenicho24.com) y hagan click en mi resultado.  Además, contrato a otras 50-100 al mes para que busquen mi marca junto con mi palabra clave (por ejemplo “zapatos miwebdenicho24.com“). Cada acción cuesta unos 0,15-0,20 €.

Para darle una vuelta más de tuerca, Álex les dice que estas búsquedas se realicen desde teléfonos móviles, no desde desktop. Y esto lo hace ya que las “falsificaciones” de este tipo de búsquedas son infinitamente más eficaces cuando se realizan desde móviles. Google parece no tener tan controlado este tema como lo tiene a nivel de desktop.

Una vez hecho el pedido en esta plataforma, para asegurarse de que la gente realmente realiza la búsqueda desde el móvil, instala en sus blogs dos plugins que me permiten enseñarles a los visitantes un contador que, después de 70 segundos enseña un código.  Ese código es el que tienen que copiar y pegar en la casilla de “verificación”.

Con esto ganamos tres cosas:

  • Una búsqueda de marca en Google (importantísimo).
  • Que la gente se quede más de 70 segundos en mi página y haga scroll hasta el final del artículo para poder ver el código (importante para mantener un buen tiempo de estancia en página y evitar rebotes).
  • Que usan un móvil para hacer esa búsqueda ya que el contador y el código solo salen si se visita la web desde un teléfono móvil (no sale en desktop).

Esta técnica no tiene absolutamente ningún peligro de penalización y se puede usar para prácticamente cualquier proyecto. En definitiva, conseguimos acelerar el proceso de posicionamiento de cualquier nicho que esté montando.

Si en texto te resulta un algo confusa, en este vídeo podrás entender mejor la técnica y lograr mejorar el posicionamiento de tus páginas.

 

fotos participantes post black hat-02Álvaro Rondón: Firmas con enlaces a comentarios

En vista de que ya hay bastantes estrategias Black Hat Seo y muchas ya las conocemos, es difícil nuevas formas creativas de manipular alguna señal.

Según Álvaro, a nivel on page es todo más técnico pero, si lo mezclamos con el off page se abre realmente la caja de Pandora. De esta forma podemos encontrar alguna técnica que, además de nueva, posiblemente nos convierta en los únicos o de los pocos que la estén usando y por tanto más probable es que puedas usarla durante más tiempo.

La técnica que propone Álvaro, es sencilla de hacer, sobre todo si ya le das al Black Hat, eso sí, antes de llevarla a cabo, utiliza la lógica y los conocimientos. Así, evitarás pérdidas de tiempo y fracasos.

Estrategia de enlaces a comentarios en foros

Con esta técnica, vamos a ir un paso más allá de la estrategia de usar enlaces de firma en foros o comentarios con enlaces follow que seguro que ya conoces. ¿Cuáles son los pasos a seguir?

  1. Buscaremos la url de un foro que nos interese por tema relacionado, que pueda traer tráfico y que podamos responder con algún comentario útil aportando un enlace hacia nuestro site.
  2. Esa url donde ponemos el enlace nos la guardamos (la url de publicación final), y vamos a poner en nuestra firma del foro, una frase que nos guste pero con un enlace hacia nuestro comentario. Así, cada vez que contestes o des una respuesta en dicho foro, estás haciendo por medio de la firma un enlace interno hasta el comentario que contiene tu enlace follow a tu site o tier.

¡Imagínate cuando llevas 300 comentarios, cuántos enlaces internos recibe ese comentario! Con esta técnica estamos derivando juice de diferentes URLs del mismo foro hasta nuestro enlace, manipulando el link equitity del foro en nuestro favor.

Esto lo podemos llevar a niveles cada vez más blackhateros, como por ejemplo utilizar un foro abandonado (ejem), con autoaprobado (ejem), y con GSA u otro programa crear bastantes enlaces internos a nuestro potente comentario. Es importante ver bien dónde y cómo realizamos esta técnica, pero bien utilizada es muy efectiva, incluso directo al MS, aunque teniendo en cuenta el foro, el enlace y el perfil de nuestro MS.

Puedes leer más contenido interesante de Álvaro en su blog de SEO.

 

fotos participantes post black hat-02Antonio López: Dominios expirados y automatización

A pesar de no utilizar técnicas Black Hat SEO de forma muy continuada, Antonio se declara un defensor de algunas de estas técnicas. De hecho, muchos de los que utilizan a menudo el Black Hat tienen conocimientos de automatización que ya les gustaría tener a muchos White.

Antes de seguir con las técnicas utilizadas por este SEO, es importante señalar que el Black Hat no se debe utilizar con proyectos de clientes, bajo ningún concepto. Y dicho esto, descubramos las dos técnicas que más utiliza Antonio y que hasta la fecha tan bien le funcionan:

Compra de dominios expirados

Esta técnica consiste fundamentalmente en buscar un dominio que esté expirado, que tenga una historia interesante y enlaces muy positivos al mismo. A continuación, se compra y se redirecciona a una parte del money site e incluso se puede montar un blog aquí para formar parte de una PBN o sin PBN.

Hay distintas formas de encontrar dominios expirados y una de ellas es Xenu. ¿Cómo es este proceso?

  1. Scrapeamos un dominio que sea muy bueno y nos fijamos en los estatus de enlaces rotos No souch hust. Esto no garantiza al 100% que estará libre, sino que lo que dice es que la página no se encuentra porque el dominio no está alojado en ningún sitio.
  2. Exportamos todo el listado por CSV y lo introducimos en la búsqueda masiva de dondominio.com para saber cuáles de ellos están sin registrar.
  3. Una vez que conocemos los registrables debemos analizarlos para ver si nos interesan de verdad o no. Podemos analizos primero con Ahrefs, por ejemplo, para comprobar los enlaces que tiene actualmente todavía activos, el patrón de anchor y si está spameado o no.
  4. Después. con herramientas como Semrush o Sistrix, podemos ver la historia del dominio y también archive.org para tener la certeza del contenido que tenía.
  5. Si cumple con una serie de criterios, es decir, que tenga buenos enlaces, que sea de la misma temática que el money site y que no esté spameado, redireccionaremos a la sección de nuestra web que nos interese.

Automatización de contenidos

Esta otra técnica Black Hat que utilizo consiste en utilizar un plugin de scrapeo en WordPress, en el que podamos introducir el feed de cualquier página para poder coger el contenido y “spinearlo”. En cierto modo serían dos técnicas en una: la automatización y el spineo de contenidos.

Si somos capaces de crear contenidos distintos incluso semánticamente espineando contenido, no tendrá problemas a la hora de indexarse en Google y de posicionarse. Eso sí, recuerda que ambas son técnicas que no hay que utilizar con clientes ni con dominios o proyectos a largo plazo.

Si quieres leer más artículos de Antonio puedes visitar su blog especializado en SEO

 

fotos participantes post black hat-02David Ayala: Spineo de contenidos

Algo de lo que se ha hablado mucho y en lo que siempre hay discordia es sobre el tema del contenido spineado y David Ayala no cuenta en qué consiste esta técnica Black Hat:

 

¿En qué consiste spineo de contenidos?

Spinear es generar contenidos a partir de un contenido inicial. Es decir, lo que se intenta es a partir de ese texto inicial conseguir otros contenidos que parezcan originales y únicos a ojos de Google y, por lo tanto, que puedan “rankear” en el mismo.

Es cierto que cada vez Google detecta mejor los contenidos spineados pero sigue “tragando” cuando se realiza un buen spineado. Además, no solo “traga” con él, sino que puedes rankear a la perfección con este tipo de contenidos.

¿Cómo hacer un buen spineado?

No basta con coger algo automático que te haga un texto en indio que casi ni se entiende. Un buen contenido spineado debería estar currado por ti mismo en  en formato {spintax|spineado|spin}. Es decir, que te cueste hacer ese spin unas horas y que el resultado entonces sea algo en condiciones de verdad y no cualquier cosa.

Un ejemplo de forma de actuación sería hacer el spineado de forma manual nosotros mismos y luego utilizar Page Generator Pro para generar los contenidos spineados finales en nuestro WordPress.

¿En qué casos puedo usar esto y en qué casos no?

Esta cuestión es quizás igual o más importante que hacer bien el spineado.

Por ejemplo, para un blog de nicho no tiene sentido, ya que no vas a spinear 40 veces el contenido y a subirlo en la misma web. Si lo hicieras, un usuario que accediera a la web, navegaría por los contenidos de la misma y siempre se encontraría la misma información, pero escrita de formas diferentes, lo cual generaría mala experiencia de usuario y abandonos de la web.

En este caso estaríamos en lo de siempre, Google terminaría determinando que los contenidos de nuestra web son de bajo interés para el usuario y por lo tanto bajaríamos en los rankings.

Una situación muy simple y común en la que utilizarlo es, por ejemplo, una en la que tienes un negocio que quieres que tenga alcance local en todas las ciudades de un país, por ejemplo “fontanero” y quieres luchar por “fontanero Barcelona”, “fontanero Huesca” y en general por todas las ciudades del país.

El spineado manual es una buena opción para negocios que quieran tener alcance local

En este caso no tendrías problema ya que en todos los spineos hablarías de tu servicio de fontanería y el usuario que accediera a la sección de la ciudad correspondiente no accederá a la de otra ciudad. Es más, aunque accediera a las otras ciudades por curiosidad, no quedaría extraño que se exponga el mismo tipo de información ya que va enfocado a otras ciudades.

Esto es algo que a día de hoy sigue funcionando muy bien en Google y que se puede extrapolar a otros casos sin ningún tipo de problemas, pero eso sí, teniendo en cuenta que hacer todo esto cuesta tiempo y esfuerzo, no es cosa de hacerlo en dos segundos y tan solo apretando un botón.

Globsia es la Agencia SEO de David Ayala.

 

fotos participantes post black hat-02Javier Gosende: Contenidos de hemerotecas

Para Javier, desde que existe el SEO, el ingrediente principal ha sido el Contenido. En los últimos años Google se ha puesto más riguroso con el contenido, recomendando a los webmaster a crear contenido original y contenido de calidad.

Crear contenido original es una tarea super importante en toda estrategia SEO. Si Google detecta que tu contenido es copiado o plagiado tenemos un problema.

Si nos vamos al terreno del Black Hat SEO, hablamos de cómo crear contenido que Google lo interprete como original y no sea penalizable. De eso se trata el Black Hat SEO, de hacer cosas fuera de las recomendaciones o directrices de Google y probar si funcionan.

A pesar de que Gosende no se dedica a aplicar tácticas de Black Hat SEO, sí audita páginas web de clientes y una de las cosas que más hace es analizar a la competencia. En estos análisis de competidores ha podido identificar algunas tácticas de creación de contenidos Black Hat SEO que les han funcionado y esta es una de ellas:

Copiar contenidos de las hemerotecas de los periódicos online

Está técnica consiste en buscar en la profundidad de los servicios de archivo o hemeroteca de algunos periódicos online y copiar contenido de calidad para pegarlo en nuestro artículo o post.

Muchos periódicos han digitalizado sus contenidos antiguos en formato pdf para poder ser consultados por los usuarios y algunos de esos documentos en formato .pdf se pueden encontrar y copiar sus contenidos.

El chiste de la técnica es que en la mayoría de los casos ese contenido Google no lo tiene indexado en su base datos y pasa por contenido original o nuevo.

Sobre todo si se coge contenido de ediciones antiguas del periódicos de los años 1998 hacia atrás. Digo 1998 porque antes de ese año eran pocos los periódicos que tenían versión online y existe una gran posibilidad que ese contenido digitalizado no lo tenga indexado Google.

Caso práctico: Periódico la Vanguardia

Para entender mejor esta técnica Black Hat SEO, vamos a usar una página como la del servicio de hemeroteca del Periódico la Vanguardia 

  1. Empezamos entrando en su su página y hacemos la búsqueda de un tema que nos interesa, por ejemplo: “La dieta mediterránea”. En este caso es aconsejable poner una fecha bastante retrasada, del año 1998 hacia atrás.
  2. Nos saldrá un listado de algunos artículos o noticias que tienen titulares y párrafos donde se menciona la frase.  Pinchamos en alguno de ellos y lo revisamos para ver si el contenido es de calidad y de nuestro agrado.
  3. Lo copiamos y lo pegamos en una herramienta especializada en chequear si el contenido ya existe. Por ejemplo la herramienta de Plagiarism Checker. También podemos escribir el titular o una frase larga del artículo en el buscador de Google para ver si lo encuentra
  4. Si el artículo en cuestión no está indexado por Google lo podemos copiar y dicho buscador lo tomará como un contenido nuevo u original.

Con esta técnica podemos conseguir contenidos de calidad a un coste 0. Obviamente está técnica no aplica para redactar contenidos de temas más actuales. Solo nos sirven para contenidos que no han pasado de moda en los últimos 20 años.

Este es el blog de Javier Gosende donde puedes leer mucho más sobre SEO y Marketing Online.

 

11 13El SEO es experimentar y aprender de cada experiencia

Como puedes ver, cada profesional tiene sus propios trucos fruto de su experiencia y especialización. No olvides que el buen SEO es el resultado de la experimentación constante y el análisis exhaustivo de tus propios casos de estudio.

El buen SEO es el resultado de la experimentación constante y el análisis exhaustivo de tus propios casos de estudio

Por ello, te animamos a que tú mismo hagas tus propias pruebas y experimentos. Aunque mucho cuidado con hacer pruebas en dominios que ya tengan cierta autoridad y posicionamiento, pues podría ser peligroso. Es mucho mejor que tengas dominios de prueba donde puedas testear sin miedo y obtener tus conclusiones sin fastidiar ningún proyecto real.

Y, por supuesto, una recomendación: nunca te olvides de la ética cuando trabajes en tus proyectos SEO. Se puede ser un poco gamberro en el SEO y hacer cosas un poco al límite, pero no perjudiques a nadie y trata siempre de crecer dentro de una sana competencia.

 

16 31¿Qué te han parecido estos trucos SEO?

¿Quieres compartir con nosotros tus técnicas? Deja tu opinión en los comentarios de más abajo y comparte tu punto de vista sobre esta apasionante temática, nos encanta que todos aportéis 😉

 

8 Expertos desvelan Estrategias de Black Hat SEO que SÍ funcionan en 2018

4.4 (87.8%) 41 votos

Sobre el Autor 

Especialista en WordPress y SEO, Diseñador y Periodista. Me apasiona la comunicación gráfica y escrita. En Aula CM me dedico sobre todo a los Cursos de WordPress y SEO, tutorías con alumnos y también a crear webs y optimizarlas. Mi blog es ErnestoGBustamante.com





Source link

Aula CM

15 herramientas para elegir gama de colores para diseño gráfico y web




La combinación de colores que usamos en el diseño de una página web pueden convertirse en una parte fundamental para la experiencia del usuario. En la mayoría de ocasiones ya tendremos algún color o gama de colores definidos por la imagen corporativa, pero es muy interesante utilizar otros colores que puedan ser compatibles y hacer que el diseño de tu página llame la atención de los usuarios y sea envidiada por tu competencia.

Antes de comenzar con las herramientas que te ayudarán a elegir la mejor combinación de colores para tu página web, es interesante conocer algo más sobre los colores y factores que pueden influir en ellos. De esta forma, podrás elegir unos colores que acompañen tanto en diseño como en significado a lo que quieres transmitir.

 

Fusión perfiles FacebookPsicología del color

Conocer el significado que puede tener cada color en la mente humana puede ser muy interesante para elegir la mejor paleta de colores posible. Además, este conocimiento te permite elegir una gama de colores que acompañe y ayude a transmitir de forma fiel y correcta los atributos de la marca.

Blanco

El color blanco es uno de los más usados en el diseño web actual, ya que transmite al usuario una sensación de pureza, frescura, limpieza y simplicidad. Además, si usas este color como fondo permitirás que el ojo del usuario descanse y perciba mejor las llamadas de acción.

Rojo

El rojo es un color que transmite a las personas sensaciones ligadas a la pasión, la impulsividad, deseo y fuerza. Por lo tanto es muy útil para webs que vendan productos o traten temas relacionados con el amor o el deseo.

Naranja

El color naranja está ligado a sensaciones de calidez, creatividad, éxito y ánimo. Esto hace que sea un color muy interesante para crear páginas web personales o de negocios.

Amarillo

El amarillo suele estar relacionado con significados como: energía, diversión, alegría e innovación. Sin embargo, este es el color que más contradicciones genera entre los usuarios ya que puede llegar a generar una sensación de irritación.

Verde

El color verde suele estar ligado a sentimientos relacionados con la naturaleza, equilibrio, crecimiento o estabilidad. Es muy interesante su uso en una web porque ayuda a generar confianza en el usuario y que se sienta relajado.

Azul

El color azul suele ser un color muy utilizado a la hora de crear páginas web de negocios, ya que transmite sentimientos como libertad, fidelidad, progreso, seriedad y lealtad.

Morado

El color morado puede ser muy interesante a la hora de crear una web ya que transmite sensaciones ligadas con la serenidad, elegancia, sensualidad y eclecticismo.

Rosa

El rosa puede proporcionar sensaciones muy buenas para los usuarios en una web, ya que va ligado a sentimientos de dulzura, delicadeza y amistad.

Gris

El gris es uno de los colores que menos sensaciones tiene ligadas, aunque se asocia con la paz y la tenacidad. Dependiendo de la cultura puede ser relacionado con la mediocridad o la indeterminación.

Negro

El color negro es uno de los más usados a la hora de crear páginas web, ya que proporciona sensaciones de poder, sobriedad, formalidad e, incluso, misterio.

 

 

Definir objetivos Plan de Contenidos Factores a tener en cuenta para elegir una gama de colores

 

Tu público objetivo

De forma general para la elección de la combinación de colores se tiene que tener en cuenta al público objetivo. De esta forma, cuando realizas la web utilizas en los elementos una gama de colores que llame su atención.

Qué sensaciones quieres transmitir

Otro factor que puede influir en la elección de los colores de una web son las sensaciones que se quiere transmitir. El mensaje que queremos que llegue al usuario debe estar definido antes de la creación de la misma.

Apuesta por el equilibrio

La combinación de colores debe tener estar equilibrada, para no dar la sensación de desorden o que deje en los usuarios sensación de mal gusto. Para conseguir este equilibrio podemos seguir tres modelos:

  • Usar la misma gama cromática: Así se verá diferentes tonos de color dentro de la página, pero sin desmarcarse demasiado del color principal.
  • Utilizar colores complementarios que hagan que nuestra web sea más vistosa y llamativa, pero guardando una jerarquía y buen gusto.
  • Y por otro lado se puede jugar con los colores opuestos, de tal forma que al usuario le llame la atención el contraste entre unos elementos y otros. El mejor ejemplo de esta combinación de colores sería el blanco y negro.

Si no existe un equilibrio en la gama de colores que vas a usar, el usuario puede tener percepciones negativas

Menos es más

Uno de los principales pilares dentro del diseño es no saturar a los usuarios y conseguir llamar la atención sobre los elementos que nosotros queremos. Para ello, ten en cuenta estos 3 tips antes de lanzarte a elegir tu gama de colores:

  1. Cuando se utilizan más de dos colores en una página web, debe existir siempre uno que predomine sobre el otro u otros.
  2. Es aconsejable dejar espacio entre los distintos elementos y espacios en blanco para que el ojo del usuario descanse.
  3. Debes evitar agrupar muchos impactos visuales en la misma página y centrarte en aquel que sea mas importante para ti.

Ahora que estás listo, toma nota de las siguientes herramientas para elegir la mejor gama de colores para diseño gráfico y web.

 

Herramientas Twitter Herramientas para elegir gama de colores

 

1. Coolors

Coolors es una de las herramientas más interesantes para crear combinaciones de colores (hasta 5 colores), ya que te permite crear o ver paletas de colores creadas por otros usuarios.

Dentro de la plataforma existen dos secciones que son las que más se usan: Generate y Explore.

Generate

Dentro de este apartado, podrás generar tu propia paleta de colores. En este apartado puedes poner los colores que ya tengas elegidos y en el resto de espacios que dejes vacíos aparecerán colores que combinen con los que has elegido.

Si todavía no tienes colores elegidos, puedes ver que opciones te da la herramienta e inspirarte en esa combinaciones. Para generar nuevos colores debes darle a la tecla del espacio y aparecerán nuevas combinaciones.

combinación de colores

 

Explore

En este apartado podrás encontrar las paletas de colores que hayan generado otros usuarios y podrás filtrar entre las más nuevas, las más votadas y selecciones.

combinación de colores

 

2. Adobe Color

Esta es otra de las herramientas más conocidas para generar nuevas combinaciones de colores interesantes. En este caso si es aconsejable tener más o menos una gama de colores definida antes de utilizar esta herramienta.

También podrás encontrar un apartado de exploración para ver paletas de colores que han creado otros usuarios.

combinación de colores

 

De Adobe Color hay que destacar las diferentes formas en las que se puede buscar la combinación de colores:

Análogos

En este apartado la paleta de colores resultante está creada por colores similares al elegido pero con mayor o menor degradación del color.

Monocromáticos

En este apartado la combinación resultante está formada por el mismo color pero con diferentes tonos.

Triada

Aquí la paleta de color está formada por tres colores distintos, y dos de esos tres colores tendrán dos tonalidades diferentes.

Complementarios

Esta opción nos permite encontrar los colores que visualmente son compatibles con el que hemos elegido.

Compuestos

Este apartado se parece mucho al anterior, pero en este caso la paleta de colores que proporciona hasta 5 colores diferentes. En la anterior opción solo da un color.

Tonos

La combinación de colores que tiene como resultado esta opción es muy similar a la que podemos encontrar en el apartado monocromático.

Personalizados

Como su propio nombre indica en este apartado puedes diseñar la paleta de color que más te guste para hacer tu página web.

3. HTML Color Codes

Es junto a Adobe Colors y Colors una de las herramientas más completas para generar paletas de colores.

Con esta herramienta podremos encontrar 8 formas distintas de generar combinaciones de colores: Colores complementarios, Triádicas, Tetrádicas, Análogas, Neutros, Sombras de color, Tintas de color y Tonos de color.

combinación de colores

Pero algo muy interesante y por lo que destaca es por la cantidad de recursos que podemos encontrar en su web:

Tablas

En este apartado tendremos tres tablas (colores planos, colores en materiales y colores web) donde podremos ver visualmente el color y además da los datos HEX, RGB y HSL del que hayas seleccionado.

Nombres

En esta parte podremos encontrar los distintos colores y sus tonalidades con el nombre que recibe dentro del código HTML.

Tutoriales

Donde podremos encontrar tutoriales HTML y CSS relacionados con los colores de los elementos. Sin duda algo muy útil para los usuarios que buscan la paleta de colores para diseñar su web.

4. Color Hex

Esta herramienta es muy útil para inspirarse ya que cuenta con cerca de 50.000 paletas de colores creadas por usuarios.

Tiene un apartado llamado colores que esta muy bien, porque además de darte la información del color, te indica cuáles son los colores análogos, complementarios e incluso una combinación de hasta 4 colores.

combinación de colores

5. Paletton

Este generador de paletas de colores es muy útil cuando ya tienes un color o colores definidos. Con el podrás encontrar un esquema de colores complementarios para combinarlos con los que ya se tienen.

Lo más destacado es sin duda es el mapa de colores que ayuda a ver visualmente las combinaciones de colores posibles y a que veas cómo pueden quedar los distintos colores.

combinación de colores

Los colores dicen mucho de una marca, asegúrate de elegir aquellos que mejor te representen

6. Colourcode

Esta herramienta es muy similar a Coolors, la única diferencia es que en vez de crear nuevas paletas de colores dando a la tecla de espaciado, se hace moviendo el ratón.

Con esta página web podremos averiguar la gama de colores ideal para una página web o proyecto. Tiene hasta 8 tipos distintos de combinaciones de colores: apartado libre, monocromo, monocromo gris oscuro, monocromo gris claro, analógico, analógico y complemento, triada y cuadrángulo.

paleta de colores

7. Cohesive Colors

Con esta herramienta podrás averiguar la gama de colores ideal para tu web. Para ello necesitas saber cuál es el color principal que quieres usar y la herramienta te dará una combinación de hasta 5 colores.

Un elemento interesante que tiene esta herramienta es la posibilidad de elegir la intensidad que quieres que tengan los colores. De esta forma la paleta de colores final se adapta a tu gusto de intensidad.

paleta de colores

8. Material Palette

Esta herramienta tiene una gran gama de colores con la que podremos crear grandes combinaciones para nuestra web.

Algo muy interesante es que nos permite elegir distintos colores que queramos combinar y da opciones de dónde debería ir cada color. Es decir, teniendo en cuenta los colores elegidos dice cual es el color primario, el de los iconos, texto e incluso fondos.

paleta de colores

9. Mudcube Sphere

Es un generador de gamas de colores que nos da muchas opciones, ya que tiene hasta 10 formas de crear combinaciones de colores distintos (hasta 6).

En comparación con otras herramientas puede faltar la inspiración de ver lo que han hecho otros usuarios, pero lo solventa con sus múltiples formas de combinar colores.

paleta de colores

10. Colormind

Es una herramienta muy fácil de usar para crear paletas de colores, de hecho su funcionamiento es similar a Coolors.

Con Colormind podrás elegir hasta 5 colores y generar tantas combinaciones de colores como quieras. Si ya tienes algún color elegido podrás dejarlo fijado y ver posibles combinaciones en el resto de espacios.

paleta de colores

11. Color Hunt

Esta página generadora de paletas puede ayudarnos a encontrar la inspiración. Todos los días se actualiza con las nuevas paletas de colores generadas por sus usuarios.

Esta herramienta es ideal sino tenemos un color definido, ya que hay paletas con todas las gamas de colores.

gama de colores

Color Hunt también puede utilizarse como una extensión de Chrome. Así podrás utilizarlo rápidamente sin tener que dirigirte a la página.

12. Colour Lovers

Es otra herramienta muy inspiradora para elegir la mejor combinación de colores para una página web o diseño.

En ella podremos encontrar tanto paletas de color, como información sobre colores específicos. Esto nos ayudará a ver qué posibles combinaciones hay y ver cuál nos representa más.

gama de colores

 

13. BrandColors

Esta web no es un generador de gamas de colores al uso, ya que no puedes crear tu propia paleta de colores.

Con esta herramienta lo que sí podrás averiguar es qué colores utilizan las principales marcas que hay en el mercado. De tal forma que si te has basado en alguna gran marca para crear tu proyecto puedes averiguar que colores utiliza.

gama de colores

14. ColRD

Esta web es similar a la anterior, ya que tampoco sirve para crear combinaciones de colores.

Su principal virtud está en que puedes introducir una fotografía en la que te hayan gustado los colores y la propia herramienta te da la gama de colores que hay en ella.

gama de colores

15. Palettr

Esta herramienta genera paletas de colores en base a lugares o tendencias del momento.

Su funcionamiento es simple, pones en el buscador el tema o el lugar que te interesa y en base a él te da combinaciones de colores que se estén utilizando.

gama de colores

 

Como habrás visto, no es sólo elegir colores y ponerte a diseñar. Existen muchos elementos como los psicológicos, el equilibrio o el público objetivo que pueden ser claves a la hora de elegir la gama de colores que vamos a usar.

Una vez que ya tengas elegido un color, genera posibles paletas de colores y elige la que mejor se ajuste a lo que quieres transmitir.

¿Conoces alguna herramienta más para generar combinaciones de colores? ¿Lo sueles aplicar a tus proyectos?

15 herramientas para elegir colores en diseño gráfico y web

4.3 (85.93%) 27 votos

Sobre el Autor 

Publicista enamorado del Marketing Digital. Voy aprendiendo día a día en esta profesión tan apasionante.





Source link

Aula CM

4 casos reales de WPO y optimización de una página web en WordPress




En una situación como la actual donde los usuarios y Google priman la velocidad de carga de las páginas web, no puedes obviar este aspecto. Para ello debes optimizar tu página web, también conocido como WPO, y procurar que sea lo mejor posible tanto para los usuarios como para Google. Pero, ¿cómo lograrlo?

En abril del año pasado tuvo lugar la 1ª edición del Pro Marketing Day, un evento de marketing digital organizado por Aula CM en el que se pudo disfrutar tanto de ponencias de profesionales expertos del ámbito digital como de casos prácticos reales con empresas de las personas asistentes.

En este caso, Ernesto G. Bustamante y Roberto Ortega, ambos profesores de Aula CM, nos hablaron sobre la importancia que tiene la optimización de las páginas web o WPO. Para ello usaron como ejemplo la optimización realizada de la web de Aula CM y cómo habían optimizado las de otras tres empresas Eventos Mágicos MadridCasa Jardín Oriental y Marketin.tv.

Aquí tienes el vídeo de la ponencia:

 

9 34¿Qué es el WPO y por qué se debe hacer?

Podemos definir el WPO como la optimización de la página web orientada a la mejora de los tiempos de carga. Lo que busca es reducir el tiempo que tarda la página web en mostrar la totalidad de su contenido a los usuarios y por lo tanto mejorar su experiencia.

¿Por qué debes optimizar tu página web?

  • Experiencia de usuario: Hay que ofrecer a los usuarios páginas rápidas y fluidas que le permitan navegar por la web buscando lo que quiere siendo lo más rápido posible, porque si la página tarda en cargar el usuario se va.
  • Posicionamiento SEO: Google tiene en cuenta, y cada vez más, la velocidad de carga de las páginas web y, además, el contenido para rankear la web en mejor o peor posición.

Posicionamiento WebCasos prácticos de WPO

La ponencia está basada fundamentalmente en 4 casos prácticos de optimización web. Por un lado tenemos el caso de estudio de Aula CM y por otro lado están las optimizaciones de las otras tres empresas que participaron en el congreso.

La herramienta utilizada para conocer el estado de las páginas web fue GT Metrix, que es una herramienta profesional, muy útil para hacer WPO, basada en los insights de Google Page Speed y el YSlow de Yahoo. Con ella se pueden obtener datos como el tiempo de carga de la página web, el peso de la misma y las peticiones. Además, evalúa la página web diciendo dónde se encuentran los fallos para que puedas corregirlos y tengas la web optimizada.

 Estudio Aula CM – Ernesto G. Bustamante

WPO - optimizar página web

 

Optimización de imágenes

Las imágenes pueden lastrar la optimización de una página web al aumentar el peso de la web. Esta optimización se puede realizar directamente al editar la fotografía en programas como Photoshop, utilizando páginas como Tinypng o plugins como WP Smush en el caso de tener CMS como WordPress.

En el caso de la optimización de la web de Aula CM se utiliza la herramienta ImgOptimizer. Está herramienta es propia del hosting Web Empresa donde Aula CM tiene alojada la web. Esta herramienta es muy útil, ya que realiza una gran optimización de las imágenes.

 

Combinar imágenes con sprites

En el caso de Aula CM, la página tiene un megamenú y para cada servicio existía un icono diferente. Esto hacia que la web tuviese una gran cantidad de peticiones al servidor, lo que ralentizaba la carga.

Para solucionarlo se combinaron todos los iconos en una imagen en png a través de un sprite. Y luego gracias a la utilización de código CSS se puso la imagen como fondo y para cada icono se añadió un desplazamiento, también con CSS, para que se visualizará correctamente.

Gracias a esto la página paso de tener una petición por cada icono a realizar solo una petición, ya que se habían agrupado todos los iconos.

WPO - cómo optimizar una página web

 

Leverage Browser Caching: Cachear URLs

Cachear significa guardar una copia estática de la web en el servidor que va a servir a los usuarios para no tener que estar haciendo una consulta a la base de datos.

Si las URLs que hay que cachear son internas, se pueden utilizar plugins como WP Rocket o W3 Total Caché.

La dificultad radica en cuando estas URLs son externas, para conseguir optimizar la página web hay que seguir los siguientes pasos:

  1. En el caso de Aula CM las URLs que se necesitaban cachear provenían de Analytics y Facebook Events, por lo que se opto por cargar el código de Analytics y FBEvents de forma local en el hosting.
  2. Luego se creó un script que ejecuta una tarea programada cada 4 horas y se guarda en un directorio las versiones actualizadas de los scripts de Analytics y FBEvents.
  3. Por último, se editó el header.php y se cambiaron las URLs de ambos códigos para que cargasen desde local.

De esta forma se consiguió mejorar el WPO tanto de la velocidad de carga como el YSlow.

Imágenes escaladas

En algunas ocasiones se utilizan imágenes en tamaños más pequeños de los que tiene la imagen subida a la web. Esto como consecuencia hace que la página pese más de lo que necesita y por lo tanto será necesario realizar una optimización de la web o WPO.

Se pueden utilizar plugins como:

  • SVG Support: puedes optar por utilizar un formato SVG en tus imágenes, lo que hará que tenga un peso menor incluso que los PNG, y las imágenes tenga una calidad infinita.
  • Regenerate Thumbnails: Con este plugin se puede hacer un redimensionado de las imágenes a un tamaño que nosotros fijemos. Para que la web utilice el tamaño dado, debes utilizar código.

 

Defer Parsing of Javascript

Esto sucede cuando en la cabecera de la página web se están realizando una gran cantidad de peticiones Javascript que bloquean la fluidez de la página.

Para optimizar el Defer Parsing puedes reducir el número de archivos javascript que hay en la web, de esta forma se consigue que haya menos llamadas. Dos buenos plugins para eliminar este problema son:

  • WP Rocket
  • JS & CSS Script Optimizer

Otra forma de optimizarlo sería utilizando cargas asíncronas.

La carga asíncrona hará que los archivos carguen de forma paralela, los archivos serán cargados cuando les necesitemos

Para realizar la carga asíncrona de la web, podemos usar plugins como:

  • WP Rocket
  • Asynchronous Javascript

 

Remove Query Strings

Hacen referencia a las URLs dinámicas que se crean en algunos archivos y que pueden ralentizar la carga de la página web.

  • Se puede solucionar con el plugin Remove Query Strings o WP Rocket.
  • También se puede solucionar este problema a través del código:

 

WPO - optimizar página web

 

Lazy Loading – Carga perezosa

Consiste en cargar las imágenes de la página web de manera progresiva, cargándose solamente las que ve el usuario.

Para solventar este problema se pueden utilizar plugins como:

  • BJ Lazy Load
  • WP Rocket
  • Speed Booster Pack

 

Caché de servidor

Consiste en realizar un cacheado del servidor. En este caso se realizó a través de la herramienta Magic Caché de Web Empresa, que redujo el tiempo de carga y mejorar el First Byte.

El First Byte es el tiempo que tarda tu servidor en servir el primer byte de la página web

WPO - optimización de la página de Aula CM

 

Estudio 2: Eventos Mágicos Madrid – Roberto Ortega

WPO - cómo optimizar una página web

 

Remove Query Strings

La opción más fácil sería instalar el plugin Remove Query Strings y se soluciona el problema. Pero se quiso buscar mejorar aun más, por eso se instalo Speed Booster Pack. Con este último plugin se consiguió:

  • Se resolvió el problema de Query strings
  • Se añadió lazy load a los recursos.
  • Y finalmente se realizó un script to the footer, que significa bajar el script al footer.

 

Minify CSS y JS

Los archivos CSS y JS pueden llevar espacios en blanco o saltos de página. Esto son elementos que debemos optimizar para mejorar la web. Para ello se pueden utilizar dos plugins que tienen un resultado similar:

  • Better WordPress minify
  • JS & CSS Script Optimizer

Con estos plugins lo que se consigue es combinar todos los archivos de CSS y JS de tal manera que se deja solo un archivo de cada uno.

 

Mapa de Google Maps

El elemento de Google Maps genera muchas peticiones, por lo que es aconsejable no tener este mapa en las landings page.

Para evitar estas peticiones se puede cambiar el elemento Google Maps por una captura del mapa. Con este cambio se evitan las peticiones que realizan los mapas y se mantiene el apartado visual.

WPO - optimizar una página web

 

 Estudio 3: Casa Jardín Oriental

Cambio de hosting

Tener un hosting bueno puede ayudar a mejorar la velocidad de carga de una página web, ya que no necesita tanto tiempo de respuesta. En este caso cambiando de hosting a Web Empresa y la velocidad de carga mejoró 1 segundo.

 

Plugin W3 Total Caché

Es un plugin configurable con el que cachear las páginas y conseguir una gran optimización de la web o WPO.

En este caso se activaron las configuraciones de:

  • Page caché
  • Object caché
  • Database caché
  • Browser caché

Este plugin debe configurarse poco a poco para ver que efectos tiene y si afecta al rendimiento de la web de forma positiva o si nos algún problema.

WPO - optimizar página web

 

 Estudio 4: Marketin.Tv

Optimización de imágenes

En este caso el principal problema de la web eran las imágenes y sus optimizaciones. Para resolverlo se han utilizado plugins como ImgOptimizer o WP Smush.

WPO - optimizar página web

 

Conclusiones

Esta ponencia tenía como fin enseñar qué es el WPO y cómo optimizar una página web. Finalmente Ernesto G. Bustamante dio un checklist de cosas a tener en cuenta para optimizar una página web:

  1. Optimiza siempre tus imágenes antes de subirlas a la web.
  2. Utiliza el tamaño correcto de las imágenes, no subas imágenes de 1000×1000 si vas a utilizar un tamaño más pequeño.
  3. Cachea todo lo que puedas, con plugins como WP Rocket o W3 Caché para aumentar el rendimiento de la web.
  4. Combina y minimiza archivos, reduce la cantidad de archivos dentro de la web.
  5. Reduce peticiones request utilizando Lazy Loading.
  6. Utiliza cargas asíncronas y mejora el rendimiento de la web.
  7. Lleva todas las llamadas que puedas del header al footer para no ralentizar las cargas.
  8. Utiliza un hosting de calidad, tener un buen hosting es importante.
  9. Optimiza y analiza constantemente tu web, no dejes pasar mucho tiempo.

 

¿Eres de los que constantemente están optimizando su web o la tienes olvidada? ¿Conoces alguna otra técnica de WPO?

¿Quieres asistir al PRO Marketing DAY?

logos promarketingday definitivos-07

Si no pudiste acudir a la cita celebrada en abril de 2017, estate atento porque volvemos con más ponencias, más ejercicios prácticos en tiempo real y más estrategias de marketing online.

 

Más artículos sobre el PRO Marketing DAY

4 casos reales de WPO y optimización de una página web en WordPress

4.7 (93.33%) 3 votos

Sobre el Autor 

Publicista enamorado del Marketing Digital. Voy aprendiendo día a día en esta profesión tan apasionante.





Source link