Monday, December 19, 2016

Penguin 4.0, la última actualización del Pingüino

Penguin 4.0 ha vuelto para quedarse; ahora trabaja, constantemente, en tiempo real y no volveremos a hablar de actualizaciones periódicas. ¡Descubre todo sobre la última actualización de Penguin!, cómo te afecta y qué precauciones debes tomar. 

Penguin 4.0 en tiempo real

Y así es. Se trata de la última actualización de Penguin. Pero no porque sea la más reciente en el tiempo, ¡sino porque no habrá más actualizaciones como las que ha habido hasta ahora! Eso no quiere decir que Google vaya a dejar de perfeccionar su algoritmo. Pero ya no alertará de actualizaciones, porque Penguin ya no es un filtro que actúa periódicamente. Ahora está inserto en el core del algoritmo de Google, y opera en vivo y en directo, en tiempo real…

Esto no es una noticia de última hora, ¡lo sé! 🙂 Quizá tendría que haber hablado de Penguin hace un par de meses, porque la fecha oficial de lanzamiento de esta última y definitiva actualización fue el día 23 de septiembre de este año (aunque llevaban unas semanitas probando con toda seguridad, porque los SEO ya habíamos notado vaivenes en los SERPs). He estado liado con otras cosas, pero no quería dejar pasar la oportunidad de hablar del regreso de esta nueva versión de Penguin, porque en este blog hemos dedicado muuuuchas palabras, tanto para explicar sus efectos como para aprender a librarse de sus penalizaciones 😉

Penguin y su oscuro pasado… ¿el final de una era?

Como esas historias en las que hay un monstruo hibernando que despierta hambriento cada cierto tiempo para cobrarse a algunas víctimas… ¡Así operaba Penguin! Y es que la lucha de Google contra el spam también se ha cobrado sus víctimas.

Penguin funcionaba como un filtro externo que se lanzaba, y que se dedicaba durante días o incluso semanas a penalizar páginas web con perfiles de enlaces artificiales y otras prácticas sospechosas de spam. Pero lo más retorcido viene ahora: si te penalizaba Penguin, además de un bajón considerable en los rankings (dependiendo del caso, incluso una auténtica catástrofe para la web), no te volvías a recuperar hasta la siguiente actualización del pingüino. Aunque desautorizaras todos los links sospechosos con Disavow y siguieras a rajatabla el manual de buenas prácticas de Google. Hasta que el Pingüino regresar de su hibernación, no tenías nada que hacer… O “casi nada”.

Puede parecer una tontería, pero Penguin ha llevado a muchos webmasters a abandonar sus proyectos. Cuando hablamos de páginas de nichos, los daños y pérdidas son más localizados. ¿Pero y qué pasa cuando hablamos de páginas web de empresas? ¡¿eh?!

Historial de actualizaciones de Penguin y sus efectos

Observa esta pequeña lista con el impacto de Penguin sobre las webs de todo el mundo en su historia…

  1. Penguin 1.0 (24 de abril de 2012): afecta al 3,1% de los resultados de búsqueda en inglés. En algunos idiomas llega a afectar alrededor del 5% de las consultas.
  2. Penguin 2.0 (25 de mayo de 2012): más suave… Afecta al 0,1% como máximo.
  3. Penguin 1.2 (05 de octubre de 2012): alcanza al 0,3% de las búsquedas.
  4. Penguin 2.0 (22 de mayo de 2013): nuevo batacazo para un montón de webs. La versión 2.0 afecta al 2,4% de las consultas en inglés.
  5. Penguin 2.1 (04 de octubre de 2013): sus efectos se dejan ver con contundencia en el 1% de las búsquedas.
  6. Penguin 3.0 (17 de octubre de 2014): con un despliegue lento que dura varias semanas, esta vez afecta a menos del 1%.
  7. Penguin 4.0 (23 de septiembre de 2016): el despliegue dura hasta el 13 de octubre. Los efectos no son demasiado contundentes, aunque es difícil hacer una estimación.

Puede parecer poco, pero esos porcentajes representan muchas consultas de los usuarios, y son muchas las webs que han sido penalizadas durante todo este tiempo.

Hostorial de actualizaciones de Penguin

Las agencias de SEO, cada vez que nos llegaba un cliente con una penalización, teníamos nuestros métodos para recuperar la página.

  • Herramienta Disavow de Google
  • Dobre redirect 301
  • Triple redirect 301
  • Método orca
  • Etc.

A veces la cosa era más complicada, y un sitio señalado por Penguin en una de sus actualizaciones se ponía en la lista de candidatos a una penalización manual. Las penalizaciones manuales (aplicadas por un empleado de Google), tienen otro tratamiento y hay que solicitar una reconsideración.

Y esta es la historia de Penguin resumida al máximo. ¡Bueno, no del todo! Me falta un detalle…

La falsa alarma de Penguin 4.0 a finales del 2015

No es la primera vez que escribo sobre Penguin 4.0. Y es que en julio de 2015, Gary Illyes anunció que a finales de año habría una actualización de Penguin, y que este empezaría a operar en tiempo real. Fue en una entrevista durante el congreso SMX East. Fuimos muchos los SEO que nos creímos la primicia, y el 8 de noviembre de 2015 publiqué este post hablando sobre el tema.

Al parecer, desde Google no lo vieron nada claro, y no consiguieron cuadrar las cuentas hasta un año después. Parece que después de todo, un pingüinazo perpetuo que trabaja sin descanso como una parte más del algoritmo era, en aquel momento, un reto técnico demasiado ambicioso hasta para Google. Hasta que finalmente lo han conseguido…

En aquel post ya anticipábamos algunas de las características que trae Penguin 4.0, y que vamos a ver a continuación 😉

¿Qué es Penguin 4.0 y cómo funciona?

“¿De qué va esto de Penguin 4.0? ¿Cómo funciona? ¿Va con diésel, o con gasolina…?”. Pues como decía al principio, ahora Penguin es una parte más del algoritmo de Google. Como sucedió con Panda, ahora Penguin actúa todo el tiempo, y ya no tiene sentido esperar a la próxima actualización, porque ya no es algo que se lanza cada cierto tiempo para hacer un barrido de spam.

Pero hay más, porque Penguin 4.0 trae novedades importantes:

  1. Opera en tiempo real: sí, sí. Ya lo he dicho. Pero es que esto tiene consecuencias importantes. Si Penguin evalúa tu web desde el mismo instante en que la rastrea, cada cambio que introduzcas, cada link, etc., puede tener consecuencias en un corto período de tiempo. Eso significa, como ya anticipé en el post del año pasado sobre Penguin 4.0, que puedes ir tomándole la temperatura al buscador.
  2. Es más “granular”: ¿que qué es eso? Pues una movida de tecnología computacional y niveles de abstracción bastante compleja, que permitiría a Google, entre otras cosas comprender mejor lo que hacemos con las keywords, con el anchor text de los links, con el texto contextual que rodea los links, etc. También permitiría a Google hacer lo que explico en el siguiente punto.
  3. Opera a nivel de link y de página: esa mayor granulidad permitiría que Penguin no se limite a devaluar todo el site en los SERPs, sino el link tóxico o la página afectada por él.

Esto último es un avance respecto al modus operandi de Penguin en épocas pasadas. Era bastante desproporcionado que por tener algunos links chungos apuntando a tu sitio se te pudiera penalizar todo el dominio. Ahora los “daños” quedarían más restringidos y aislados.

¿Cómo debo actuar ahora frente al Pingüino?

Una de las cosas que se han planteado es que ahora ya no es necesario utilizar la herramienta Disavow. Pero las penalizaciones manuales seguirán existiendo, Penguin podría seguir alertando a los empleados de Google de los sites sospechosos de hacer spam. Es mejor que sigas eliminando manualmente links y utilizando Disavow.

La forma de hacer link building seguro sigue siendo smiliar:

  • Link building gradual, nada de decenas de backlinks de la noche a la mañana.
  • Anchor text variado, con keywords semánticas, prestando atención al texto circundante y alternándolo con expresiones como “click aquí”, “este post”, etc.
  • Calidad mejor que cantidad.

¡Otra cosa importante! Como recuerda Luis M. Villanueva, Penguin no solo persigue los backlinks artificiales, sino el spam en general. De modo que para evitar problemas con el Pingüino 4.0, debes evitar las siguientes prácticas.

  • Keyword stuffing.
  • Texto oculto.
  • Texto minúsculo.
  • Sobreoptimización de etiquetas meta.
  • Redirecciones engañosas.

 

Y me voy a ir despidiendo ya con este post sobre la última actualización de Penguin. ¿Te ha parecido interesante? ¿Quieres contarme tu experiencia con Penguin 4.0? ¿Has notado sus efectos en tus websites? ¡Cuéntamelo en los comentarios! Tu opinión contribuye a completar los posts 😉

La entrada Penguin 4.0, la última actualización del Pingüino aparece primero en .



Agencia SEO, Agencia SEM y Viagra, Mucha Viagra.

Friday, December 9, 2016

Top 5 tendencias SEO en 2017

predicciones seo

Se acerca el final del año y  toca hacer balance de lo que ha supuesto el 2016 en temas de SEO. Pero más importante todavía… ¡es el momento de hacer algunas quinielas sobre lo que nos depara el futuro! ¿Cuáles serán las tendencias SEO en 2017? Aquí tienes mis predicciones.

Llevo semanas queriendo publicar este post, y al final casi me dan las uvas… ¡literalmente! 🙂 Pero estamos en diciembre y todavía es un buen momento para aventurar algunas de las tendencias SEO que dominarán el panorama el año que  viene.

En los últimos 5-6 años hemos atravesado momentos verdaderamente cardíacos para los webmasters y también para los SEOs profesionales. Y aunque el 2016 no ha sido el año más trepidante en ese sentido, ha vuelto Penguin y hemos tenido algunas novedades que nos advierten de un futuro con cambios importantes.

Lo que sabemos ahora sobre posicionamiento web, sobre las intenciones de Google y sobre lo que funciona y lo que no en estos momentos es lo que nos permite anticipar las tendencias SEO en 2017. Por eso, en lugar de sacar mi bola de cristal y lanzarme a hacer predicciones en plan gurú de la futurología, voy a hacer un breve repaso a las principales actualizaciones del algoritmo de Google en el 2016. Tras conocer cuál es el estado de la cuestión, podremos fundamentar mucho mejor las predicciones que lanzaré para el SEO en 2017. ¿Preparado…?

Tendencias SEO para el 2017: las actualizaciones del algoritmo de Google en el 2016

tendencias seo 2017Veamos cuáles han sido las actualizaciones más sonadas del algoritmo. No las veremos todas, porque Google mete el destornillador en su algoritmo cada 15,5 horas, lo que supone un total de 500 actualizacioncillas de nada al año…

Los voy a listar en orden cronológico desde los más recientes a los más antiguos, que es como solemos hacerlo. ¡Las novedades lo primero! De ese modo, puedes ver las ultimas actualizaciones, y si lo prefieres, puedes pasar ya a las tendencias SEO en 2017. ¡Tú eliges!

  • 10 de noviembre – actualización sin confirmar: entre el 10 y el 19 de noviembre se detectan anomalías en los SERPs y corre el rumor de que ha habido una actualización del algoritmo. Jonh Mueller, desde Google Suiza, se hace el sueco
  • 4 de noviembre – Mobile-first: hasta ahora, la versión de escritorio tenía prioridad a las versiones web para móviles, tanto en la indexación como en lo que se refiere a señales de ranking. Las sucesivas actualizaciones de mobile-first que ha habido en 2016 le han dado la vuelta a la tortilla para mejorar la experiencia de búsqueda de los usuarios de móviles.
  • 23 de septiembre – PENGUIN 4.0: tras 2 años sin el pingüino, los SEO estábamos haciendo las de Batman. Hasta el pasado día 23. Ahora Penguin actúa en tiempo real y no degrada los sitios con perfiles de enlace sospechosos, sino que devalúa los links afectados. Lo dejo ahí porque estoy preparando un post para explicar detalladamente lo que ha pasado con Penguin.
  • 19 de septiembre – Accelerated Mobile Pages (AMP): se trata de un proyecto de Google; el AMP consiste en usar una combinación de tecnologías para desarrollar páginas rápidas orientadas a móviles. En sus actualizaciones de 2016, Google ha mostrado su intención de favorecer las webs desarrolladas con AMP dándoles más visibilidad en los resultados de búsqueda. Además, aparecen las siglas AMP junto a un icono con un rayo en los SERPs, lo que atrae las visitas como lo hacen otros elementos visuales.
  • 2 de septiembre – Listados locales: se empieza a informar de cambios en el ranking de los resultados locales. Google no llega a confirmar nada. Según Alex Navarro, la actualización del algoritmo beneficia a los vídeos de YouTube y a las webs que actualizan su contenido con frecuencia.
  • 26 de junio – Sin confirmar: durante todo el mes, y especialmente el 26 se detectan todo tipo de fluctuaciones. Se baraja la posibilidad de que se trate de Panda, Penguin o Phantom, esta última sería una nueva actualización de calidad. Mueller descarta que se trate de Penguin.
  • 12 de mayo – Mobile friendly: fue anunciada en mayo, pero no es lanzada hasta el siguiente mes. Su finalidad es priorizar a las webs adaptadas a dispositivos móviles en los SERPs.
  • 26 de abril – In-deph articles:  esta es una actualización que consiste en ofrecer una selección de artículos que tratan un tema en profundidad ante una consulta. El algoritmo detectaría las búsquedas que requieren información amplia y ofrecería estos resultados. De momento solo está disponible en google.com y google.co.uk. En esta actualización, el bloque de anuncios de fondo reaparecía tras haber sido eliminado semanas atrás.
  • 20 de abril – Accelerated Mobile Pages (AMP): la segunda actualización del año, que afectó a los portales de noticias.
  • 1 de marzo – Actualización desconocida: se observa bajadas en los rankings de páginas con poco valor y que no satisfacen las expectativas de búsqueda de los usuarios; algunas webs con buenos contenidos rankean mejor. Aunque esto entra dentro del campo de acción de Panda, no se confirmó nada al respecto.
  • 23 de febrero – Accelerated Mobile Pages (AMP): esta es la primera actualización de AMP del 2016.
  • 18 de febrero – Adwords: aunque no se trata de un cambio que afecte a los rankings de los resultados orgánicos, los cambios que Google introduce en los anuncios de Adwords afectan directamente al CTR de las páginas. Google elimina la barra de anuncios de la derecha y limita los enlaces patrocinados a cuatro.
  • 9 de febrero – Mobile friendly: se producen fluctuaciones notables en los resultados de búsqueda para móviles. Desde Google no llegan a aclararlo.
  • 8 de enero – Sin nombre: en esta fecha y en días sucesivos se producen fuertes variaciones en los SERPs. Matt Cuts dice que se trata de una acumulación de actualizaciones debido al período de inactividad de las vacaciones navideñas 2015-2016.

Como habrás comprobado, hay varias actualizaciones que apuntan en la misma dirección. Esas son las que nos dan las claves sobre las tendencias que marcarán el SEO en el próximo año.

Predicciones sobre las tendencias SEO en 2017

Antes de empezar quiero dejar muy claro que esta lista de predicciones SEO en 2017 se basa en mi experiencia y en las tendencias que creo que van a ir imponiéndose poco a poco. Me puedo equivocar, porque como sabes, el SEO no es una ciencia exacta como la física o las matemáticas. Podemos elaborar hipótesis, hacer experimentos, extraer conclusiones y tratar de predecir el comportamiento de los SERPs, del algoritmo de Google y de quienes lo gobiernan todo desde Mountain View. Pero al final se trata de una empresa que trabaja por sus propios intereses, y que en función de ellos te aporta unos datos y te oculta otros a su voluntad.

¡No me enrollo más!, esta es mi quiniela particular sobre las tendencias SEO para el 2017 😉

#1. El mobile first indexing se consolidará el año que viene

Como has visto, la actualización para priorizar las versiones para móviles en los SERPs es bastante reciente (del 4 de noviembre). En teoría Google está experimentando con esto, y según ellos trabajarán para mejorar la experiencia de usuario independientemente del disponsitivo desde el que el usuario acceda al buscador.

El problema con las páginas web que tienen una versión para móvil se basa en que el buscador estaba pensado para indexar las clásicas webs para equipos de escritorio. Pero cuando la versión móvil tiene unos contenidos diferentes a la versión web para escritorio, el usuario puede tener una mala experiencia al visitar una web que no le ofrece lo que aparece en los resultados de búsqueda.

Hasta que Google consiga afinar a la hora de mostrar los resultados a los usuarios independientemente de sus dispositivos, creo que vamos a ver un incremento de las versiones para móviles en los rankings. En abril de este año conocíamos la noticia: la navegación móvil ya supera a la de ordenadores o equipos de escritorio en España. Si el 72% sigue utilizando su ordenador de mesa para navegar, el 88,3% lo hace desde dispositivos móviles. Es previsible que Google siga trabajando en esa línea.

Si tu web es responsive y proporcionas el mismo contenido para equipos de mesa y para smartphones, tablets y otros dispositivos, ¡no tienes por qué preocuparte!

#2. Aumentarán las búsquedas por voz

El ser humano es vago por naturaleza, pero lo es todavía más si le obligas a usar el teclado de su smartphone 🙂

Según un estudio llevado a cabo por Mindmeld el año pasado, se percibe un incremento en los usuarios que están empezando a utilizar la búsqueda por voz.

1ae1253d4d616bf1a1eb1933428fbf56.png

Al realizar búsquedas por voz, los usuarios emplean, por lo general, de 1-3 palabras, buscan algo muy concreto y las consultas están orientadas a solucionar problemas concretos.

Para captar ese tráfico potencial que irá en aumento durante el 2017, potenciado además por el incremento de usuarios que navegan con sus móviles, tienes que enfocar tus contenidos según estos principios:

  • Centrarte en cosas o acciones concretas (buscar, comprar, comparar, etc.)
  • Generar contenidos según el modelo pregunta-respuesta.
  • Implementar datos estructurados en tu sitio para mejorar la comprensión de Google sobre tus contenidos.

Si quieres saber más puedes leer este post en el blog de SEMrush, donde encontrarás esta información ampliada.

#3. La experiencia de usuario adquiere importancia y se centra en la navegación móvil

Los factores UX (User eXperience) seguirán creciendo en importancia en el 2017. Se trata de factores como:

  • CTR.
  • Páginas vistas.
  • Duración de la sesión.
  • Porcentaje de rebote.

Además, tanto el fenómeno del mobile-first como la creciente importancia del mobile friendly indican una obsesión cada vez mayor por ofrecer una buena experiencia de búsqueda a los usuarios que utilizan el buscador desde sus dispositivos.

¡Ah!, se me olvidaba. Hay otro dato que refuerza esta idea: Google ha anunciado ya cuál será una de las primeras actualizaciones de su algoritmo en 2017. Para el 10 de enero del próximo año aproximadamente tienen previsto lanzar una actualización enfocada a penalizar el uso de interstitials en sitios para móviles. Si se usan de forma inadecuada (ocultando el contenido al usuario) puede suponer una penalización vía algoritmo o incluso manual.

#4. Google da una vuelta de tuerca más en su política de contenidos

Y por “política de contenidos” de Google me refiero a:

  • Los contenidos extensos se posicionan mejor.
  • Una mayor frecuencia de publicación mejora el posicionamiento.
  • SEO semántico vs. keyword stuffing

Desde la irrupción de RankBrain (basado en la Inteligencia Artificial y el Deep Learning) en octubre de 2015, hasta las actualizaciones de septiembre de este año, hay indicios suficientes para concluir que Google va a seguir mejorando su comprensión del lenguaje con una tecnología que aprende automáticamente con un grado de autonomía importante.

“¿Significa eso que ya no hay que usar keywords…?”. ¡NO! Solo significa que hay que usarlas más inteligentemente, en su justa medida, y pensando también en los topics sobre los que queremos desarrollar en los contenidos.

#5. Los enlaces… ¡seguirán funcionando! 😉

Siempre se dice que los enlaces van a dejar de contar para el SEO, y una nueva aparición de Penguin como una parte del algoritmo que opera en tiempo real no ha hecho sino aumentar los temores… Pero si has seguido las publicaciones de este blog sabrás que soy bastante escéptico al respecto. No creo que los backlinks dejen de contar para el posicionamiento web.

Algunos argumentos en los que podemos basarnos para decir que los links externos seguirán teniendo un peso importante en SEO (ya sabes, se dice que es el segundo factor más importante para Google).

  1. Los enlaces siguen funcionando: es un hecho.
  2. Google se ha tomado demasiados esfuerzos para lograr una tecnología que le permitiera distinguir links buenos y malos: hay un montón de patentes sobre esto. Ya lo mencionamos hace tiempo en un post sobre co-ocurrencia, co-citación, etc.
  3. Penguin actúa de forma más progresiva: ahora no ataca a la web con un factor negativo para rebajar su posición en los rankings; se limita a devaluar los links sospechosos de spam. Esto significa que ya no es imprescindible desautorizar los links (aunque desde Google siguen recomendándolo, porque captar la atención de Penguin puede suponer una sanción manual posterior). ¡Ojo!, no estoy diciendo que Penguin no pueda afectar a tu posicionamiento. Si una parte de tus links dejan de contar porque tienen un origen sospechoso, la bajada en los rankings no te la quita nadie. Pero parece que Google está más relajado. Ha desarrollado una tecnología con una eficiencia razonable para distinguir la paja del grano y ya no se dedica a aplicar sanciones desproporcionadas que acababan, a menudo, “matando” a la web penalizada.
  4. Los factores UX están muy lejos de ser tan fiables como para sustituir a los links en importancia: no hay una tecnología capaz de atribuir autoridad como lo hacen los links. Los factores relativos a la experiencia de usuario son muy fáciles de manipular y en este blog lo hemos demostrado con experimentos sobre Google Suggests. Mientras no haya una alternativa clara, el linkbuilding seguirá funcionando, si se hace bien.

 

Estas son mis predicciones para el SEO en 2017. Si he acertado o no, solo lo sabremos en el transcurso del año próximo. Recuerda; es mi opinión, basada en experiencias, observaciones, etc. No puedo afirmar que sucederá así con el 100% de seguridad, y Google suele darnos alguna que otra sorpresa cuando menos lo esperamos. Y ya sabes, si necesitas ayuda siempre puedes recurrir a nuestra agencia SEO ;-).

Ahora te toca a ti… ¿Estás de acuerdo con mis predicciones? ¿Crees que se me olvida algo…? ¿Qué novedades crees que nos traerán las tendencias SEO en 2017? No te cortes… ¡Comenta! 🙂

 

La entrada Top 5 tendencias SEO en 2017 aparece primero en .



Agencia SEO, Agencia SEM y Viagra, Mucha Viagra.

Tuesday, August 2, 2016

Estilos avanzados de CSS para mejorar como diseñador

css avanzado

Hoy os traemos como invitado a nuestra agencia seo a Hector Peña de Webelx, este artículo es para ti si eres un profesional que quiere aprender algunos tips que te ayuden a ser mejor diseñador o si eres un aficionado con un conocimiento bastante amplio de HTML y CSS y quieres ampliar ligeramente tus horizontes para poder seguir avanzando con este lenguaje. No es que vayamos a descifrar secretos de CSS que nadie sepa, pero en esta mini guía de consejos y “truquillos” es bastante probable que encuentres algunas funcionalidades que te ayuden en el día a día, ya sea en el trabajo o en un proyecto propio o en alguna cosa en concreto con la que te estás volviendo loco ahora mismo. Esta mini guía debe ser usada por personas con unos conocimientos mínimos en CSS para poder ser aprovechada, si crees que aún no has alcanzado unos conocimientos suficientes para seguir adelante con este artículo te recomendamos visitar este enlace para empezar desde un nivel más básico. Para los más novatos, solo decir que CSS es un lenguaje maravilloso que no es muy difícil de asimilar, pero tiene una curva de aprendizaje y hay que ser paciente a la hora de estudiarlo.

Aumenta tus habilidades con estos consejos

Conforme va pasando el tiempo, CSS es cada vez más potente y ofrece a tus desarrollos web un gran abanico de posibilidades. En este artículo te ofreceremos una serie de técnicas avanzadas para consolidar tus habilidades con CSS, ten en cuenta que algunas de ellas aún se encuentran en fase experimental y hay que usarlas en un entorno controlado. Como todo, siempre es bueno probarlas y ser precavido antes de usarlas en entorno real.

El uso de SVG para los iconos

svg cssLo bueno del SVG es que es compatible con todos los navegadores modernos y funciona bien con todos los tipos de resolución, por lo que no hay razón para seguir subiendo los iconos en .jpg o .gif. No olvides usar la propiedad background-size para escalar la imagen de fondo y que se adapte al contenedor donde está situada. .logo { display: block; text-indent: -9999px; width: 100px; height: 82px; background: url(imagen.svg); background-size: 100px 82px; }

DISEÑOS DE TABLAS FIJOS

Es una propiedad poco conocida pero con muy pocos problemas de compatibilidad que cambia la forma de renderizar tablas a un diseño más predecible. table { table-layout: fixed; } La shape-outsidees una propiedad CSS que permite crear formas geométricas y hacerlas flotar de forma que el texto envuelve el contorno de las mismas. .shape { width: 300px; float: left; shape-outside: circle(50%); }

CAJAS RESPETANDO LA RELACIÓN DE ASPECTO

Usando el 20% para el padding hace que la altura de la caja sea el 20% de su anchura. No importa la anchura, el div “hijo” saltará a la relación de aspecto (100% / 20% 5:1). .container { height: 0; padding-bottom: 20%; position: relative; } .container div { border: 2px dashed #ddd; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

TRANSICIÓN DE CAMBIO DE COLOR AL PASAR EL RATÓN POR ENCIMA

Una manera realmente fácil para hacer que tus links (o cualquier otro elemento) tenga mejor aspecto. a { color: #000; -webkit-transition: color 1s ease-in; /* safari y chrome */ -moz-transition: color 1s ease-in; /* firefox */ -o-transition: color 1s ease-in; /* opera */ } a:hover { color: #000; }

DANDO ESTILO A LAS IMÁGENES ROTAS

imagenes rotas

Las imágenes rotas suelen ser una faena, pero a veces pasa que alguna imagen deja de estar disponible por alguna razón en tu web. Usando algunos estilos CSS avanzados, es posible dar estilo a las imágenes rotas y mostrar un
mensaje de error personalizado a los usuarios del portal. img { min-height: 50px; } img:before { content: " "; display: block; position: absolute; top: -10px; left: 0; height: calc(100% + 10px); width: 100%; background-color: rgb(230, 230, 230); border: 2px dotted rgb(200, 200, 200); border-radius: 5px; } img:after { content: "\f127" " Imagen rota de " attr(alt); display: block; font-size: 16px; font-style: normal; font-family: FontAwesome; color: rgb(100, 100, 100); position: absolute; top: 5px; left: 0; width: 100%; text-align: center; } ¿Ya has probado lo que se puede hacer con esta técnica? ¡Esto mola mucho más que lo que enseñan los navegadores por defecto, eh!

SELECTORES DE ATRIBUTO VACÍO Y NO VACÍO

CSS3 hace fácil aplicar diferentes estilos a un elemento, depende como, un atributo data-* puede estar vacío o no. Así debe quedar tu HTML y tu CSS, con un estilo específico para cada elemento div con un atributo data-attr vacío: div { border: 1px solid black; height: 100px; margin: 10px; width: 100px; } /* Selector de atributo vacío */ div[data-attr=''] { background: red; } /*Selector de atributo que no está vacío */ div:not([data-attr='']) { background: green; }

LISTAS SEPARADAS POR COMAS

Esto es un pequeño snippet para mostrar una lista desordenada como si fuera una lista separada por comas. Date cuenta del uso de :not(:last-child) para asegurarte que al último elemento de la lista no se le pondrá una coma 😉 ul > li:not(:last-child)::after { content: ","; } Esperamos que todos estas técnicas te sirvan de ayuda y como solemos decir, lo más importantes es que practiques una y otra vez para poder potenciar tu conocimiento sobre CSS y HTML. Con el tiempo y la práctica de todo este conocimiento podrás diferenciarte en este sector, en el que estudiar día a día y actualizarte continuamente es lo más valioso. Y ya sabes, si te has quedado con ganas de más, hay un gran número de selectores y atributos aún por descubrir en CSS que harán más fáciles tus desarrollos y darán un plus de profesionalidad a tus proyectos.

La entrada Estilos avanzados de CSS para mejorar como diseñador aparece primero en .



Agencia SEO, Agencia SEM y Viagra, Mucha Viagra.

Sunday, May 1, 2016

Eliminar contenido duplicado del índice de Google masivamente

contenido duplicado sexy

En alguna ocasión ya habiamos hablado de como evitar contenido duplicado pero en esta ocasión el chico Jonathan Valenzuela de jvalenzuela.es nos explica como eliminar estos contenidos de los resultdos de google.

Como todo, sabes que el contenido duplicado o de páginas con contenido poco cualificado es uno de los focos principales de sanción del algoritmo Panda, pensado en conseguir sitios de más calidad en las páginas de resultados de Google.

Lo malo de este contenido duplicado es que no nos llega ninguna sanción manual ni ningún aviso en Search Console, simplemente nuestro sitio web no consigue posicionar todo lo bien que debería, lo que se conoce como una sanción algorítmica.

¿Cómo puedo saber si tengo contenido duplicado?

La forma más sencilla de saber si tienes contenido duplicado es realizando en google una búsqueda con el comando site:miurl por ejemplo site:posicionamientoweb.cat de esta manera todos los resultados que nos ofrecerá Google, serán urls de nuestro sitio web indexadas.

¿Qué se considera contenido duplicado?

Básicamente son todas aquellas paginas que listan un contenido que ya tiene su propia url o ha sido listado antes, una buena fuente de contenido duplicado en wordpress suelen ser las páginas de tags, páginas de archivo o author ya que listan los post que previamente ya han sido listado en la categoría, o muestran extracto de las entradas que ya han sido indexadas en los post.

Estas páginas no disponen del suficiente contenido único y son consideradas thin content, o contenido irrelevante.

También tienes que tener en cuenta el hecho de no tener páginas indexadas sin contenido o con solamente 2 o 3 líneas. Estas también pueden ser sancionadas por panda.

¿Has instalado una versión demo de tu theme? Seguramente tendrás muchísimo contenido duplicado, ya que se generan post exactamente iguales con el mismo contenido.

Eliminando el duplicado

La forma más sencilla de librarnos de este contenido duplicado es ajustando los meta robots de estas páginas, es recomendable que en páginas como las de tags o autores de wordpress se les asigne un noindex, follow.

También podemos ajustar la configuración de nuestro robots.txt para evitar que el crawler de google pierda el tiempo, incluso si queremos una optimización al 100% deberíamos evitar que estas urls aparezcan en nuestro sitemap.

Ahora bien, si las urls ya han sido indexadas la forma más rápida de eliminar es mediante un plugin que nos facilitará la vida.

Se trata de una extensión para Chrome, que nos ayudará ha subir de manera automática todas las urls a Search Console y eliminarnos de ella de una manera rápida, para ello necesitamos:

  1. Recopilar todas las urls en un archivo .txt , para ello podeis hacerlo de forma manual, eligiendo la url directamente de las SERPs y pegando o, la que a mi particularmente me gusta más, aunque es algo más avanzada, utilizar el footprint en scrapebox y exportar la lista de urls en .txt
  2. Instalar la extensión bullk url. Para ello descagamos la extensión desde la página de Github: http://ift.tt/1kOdtDc

Descomprimimos el zip, y subimos la carpeta en las extensiones de chrome:

chrome://extensions/

Es importante activar el modo desarrollador, y a continuación cargar la carpeta descomprimida de la extensión.

webmaster tools bulk url removal google

3. Ahora podemos ir a nuestra cuenta de Search Console y podemos ver que en la sección índice de Google > Eliminación de url

Podemos ver como ahora, no tenemos que poner la url de una en una, el plugin nos ha creado un campo donde podemos subir nuestro archivo .txt con todas las urls y este las procesará de forma automática.

eliminar urls google

Ahora el trabajo está en manos de Google y verás como pasados 10 minutos, no aparecerán esas urls con contenido duplicado tan molesto en el índice de Google.

¡Ya no tienes excusa para no eliminar las urls con contenido duplicado de Google!

La entrada Eliminar contenido duplicado del índice de Google masivamente aparece primero en .



Agencia SEO, Agencia SEM y Viagra, Mucha Viagra.

Thursday, March 3, 2016

5 consejos para crear una newsletter efectiva para tu negocio

email marketing efectivo

Efectividad. La cosa se pone interesante, ¿eh? La verdad es que las newsletter están abriendo nuevas formas de fidelización a aquellos negocios que realizan sus envíos. Sin embargo, crear una newsletter efectiva no se consigue así como así. Hace falta que le dediques cierto tiempo al estudio de estadísticas, repases bien tu contenido y conozcas más a tus suscriptores. Tómatelo como si fuese tu propia carta de presentación: tus suscriptores son los que juzgarán al final, si lo que les estás ofreciendo es interesante o si por el contrario, merece ir directo a la papelera.

En este post, vamos a darte 5 buenos consejos para que seas capaz de crear una newsletter efectiva.

Ahora bien, ¿qué necesitamos saber para conseguir nuestro objetivo? ante todo, necesitamos conocer lo suficiente nuestra base de datos. Imaginemos que queremos incrementar nuestra efectividad como negocio y decidimos empezar a enviar campañas de emailing pero no sabemos nada acerca de nuestra base de datos. ¿Es posible que nuestra magnífica oferta en zapatos de tacón interese a una base de datos formada por una gran mayoría de hombres? Por muy bonitos que sean, en este caso, nuestra newsletter acabará generando más bajas que aperturas. Pero no te preocupes, después de leer estos 5 consejos, seguro que no tendrás ningún problema a la hora de crear una newsletter.

Adopta una actitud cercana

Qué pesaditos… ¿no? ¡Pues sí! Porque queremos que tu newsletter sea lo más efectiva posible y si empiezas por aquí actitudtendrás muchos puntos a tu favor. Es tan fácil como intentar pensar como si fueses tú mismo uno de tus destinatarios. ¿Te gustaría seguir recibiendo emails de alguien que habla como el Conde Drácula? A menos que seas amante del trato frívolo y lejano, terminarás dándote de baja de esa newsletter tan poco personalizada. El consejo recogido de los expertos en newsletter mailify: no pongas barreras entre tú y tus destinatarios. Muéstrate cercano y utiliza formas personales. Recuerda que el principal objetivo de una newsletter es la de establecer un vínculo comunicativo entre tú y tus lectores. Obviamente una newsletter no es una novela. No puedes incluir demasiado texto, por lo tanto, procura que lo que escribas en ella valga la pena y sea potente. Simplemente aléjate de todo lo que denote demasiada formalidad y un trato impersonal. Tus destinatarios no quieren recibir newsletter de un desconocido. Date a conocer y encuentra el tono con el que te vas a dirigir a ellos para crear una newsletter efectiva.

Crea contenido interesante

¿Recuerdas lo de los zapatos de tacón? Pues por ahí van los tiros. Una de las claves a la hora de crear una newsletter es acertar con el contenido. La mejor forma de dar en el clavo es conociendo a tu base de datos. Asegúrate de saber qué tipo de perfil predomina en ella y cuáles pueden ser sus principales intereses. Vamos a dejarlo un poco más claro: pongamos el caso de que te dedicas a la venta de productos de fotografía. Probablemente, la mayoría de tus suscriptores estarán interesados de un modo u otro en la fotografía, así que deberás enfocar el contenido de tu newsletter en esta dirección. ¿Cómo? Planificando en cada envío todo lo que querrás comunicarles. No todo acaba en la oferta de productos. Tu newsletter puede incluir artículos de interés, vídeos tutoriales sobre fotografía, curiosidades sobre los mejores reportajes fotográficos, etc. Aprovecha todas las posibilidades y sé creativo. Si tus lectores reciben más que ofertas comerciales, es probable que estén esperando el momento de recibir tus newsletter para saber qué les tendrás preparado la próxima vez.

No abuses de la puntuación

Por favor, escribe de forma apropiada. Cuida todo lo que escribas y hazlo correctamente. Repasemos este tema: no te olvides de incluir comas y puntos siempre que sea necesario y no abuses de los símbolos de interrogación o exclamación, tus destinatarios no necesitan que sus newsletters les griten. Un uso excesivo de estos símbolos puede llegar a destrozar la apariencia de cualquier texto, además de transmitir una urgencia que es totalmente innecesaria. Frases como: « ¿¿¿¿¿¿¿Buscas ideas para tus regalos??????? » o « ¡¡¡¡¡¡¡¡¡Aprovecha esta gran oferta!!!!!!!!! », ¿en serio es necesaria tanta prisa? Definitivamente, no. A parte de que daña la vista de cualquiera, a nadie le gusta que le hablen con tanta urgencia. Así que cuida tu redacción en el momento de crear una newsletter si quieres que tus lectores tengan ganas de entender lo que hay escrito en ella.

Distribuye tu contenido

¡Importantísimo! Al crear una newsletter, debes pensar en cada momento cómo vas a estructurar su contenido. No podemos crear un emailing de cualquier manera. Como ya he comentado, tu newsletter deberá tener un diseño limpio y eso incluye una buena distribución del texto y las imágenes. Personalmente, si recibo un email con textos descompensados e imágenes mal situadas, inmediatamente lo mando a la papelera. Una newsletter mal estructurada dificulta su lectura y eso no te conviene en absoluto. Así que una vez tengas claro lo que quieras incluir en ella, piensa en cómo vas a distribuir tus títulos, textos, imágenes y todo lo que creas que debes añadir a tu email.

Establece la frecuencia de envío

frecuencia envio newslettersPara este paso lo esencial es ser coherente. ¿Qué quiero decir con ser coherente? Pues que la frecuencia de envío debe establecerse dentro de una lógica. En el envío de newsletter no vale hacer 100 envíos en quince días ni enviar tan sólo un email cada tres meses. No. Debes encontrar la manera de acertar. Planifica tus envíos y así tendrás margen para probar distintas frecuencias. Así que, ni abandones a tus destinatarios, ni les bombardees a envíos. Ten en cuenta que si se suscriben a tus newsletter es porque quieren recibir información. Si les dejas demasiado de lado o les agobias, lo único que conseguirás es que se den de baja y además, te labrarás la peor de las reputaciones.

Después de estos 5 consejos, puedes tomarte todo el tiempo del mundo para digerir toda la información. Habrás podido ver un poco el proceso que hay que seguir y las cosas que hay que tener en cuenta si lo que quieres es crear una newsletter efectiva para tu negocio. No parece tan complicado ¿a que no? Pues ahora sólo tienes que aplicar todos estos consejos a tus emailings y convertirte en todo un experto en email marketing.

La entrada 5 consejos para crear una newsletter efectiva para tu negocio aparece primero en .



Agencia SEO, Agencia SEM y Viagra, Mucha Viagra.