Qué es noopener noreferrer

¿Afecta a mi SEO o en algo a mi blog esta adición 2017?

Si tienes un blog o por algún motivo subes contenido a la red, posiblemente has notado que desde hace unos meses, en plataformas como WordPress (.com y .org desde la versión 4.7.4), se está añadiendo de forma automática a los enlaces que se abren en una ventana nueva, la instrucción ‘rel=noopener noreferrer’, acerca de la cual se ha creado cierta confusión, pues desde algunos blogs también han llegado a sugerir que se debe tener cuidado pues esto podría tener un impacto en el SEO, por lo cual hemos investigado más al respecto buscando saber que tan cierto es esto.

rel-noopener-noreferrer-wordpress

Qué es noopener noreferrer y para qué sirve

No noopener noreferrer en realidad son dos instrucciones que sirven esencialmente para lo mismo: evitar que atacantes puedan utilizar el método conocido como reverse tabnabbing, que es una especie de phishing, el cual abre a la víctima una pestaña nueva con otra página y al momento que intentan regresar a la anterior, ésta cambia la URL pero aparentando ser la misma, de manera que se pretende engañar a los usuarios mostrándoles un disimulado sitio malicioso para robarles sus datos.

Por este motivo es importante no perder de vista la dirección URL, más aún cuando se despliega una pestaña o ventana nueva de este tipo; este truco se realiza a través del comando window.opener.location.assign(), mismo que es neutralizado por la instrucción noopener noreferrer.

window-opener-target-blank-phising-840x473

Y aunque ambas hacen lo mismo, noopener no es compatible con Firefox, pero sí lo es noreferrer, por eso es que se incluyen ambas instrucciones, para maximizar así la compatibilidad e incluir a los principales navegadores.

Quizás no luzca muy bien, y tampoco nos parece demasiado práctica (sería mejor si se tuviera una instrucción estandarizada, por ejemplo), pero aún así, WordPress decidió a partir del verano 2017 incluir esta instrucción de forma automática en todos los enlaces con el parámetro ‘blank’, es decir, aquellos enlaces que se abren en una ventana nueva.

No sólo eso, si abres un post antiguo y por algún motivo le das clic en ‘actualizar’, hayas realizado un cambio o no, esto añadirá también la instrucción noopener noreferrer de forma automática en todos los enlaces de este tipo.

¿Comando noopener noreferrer afecta al SEO?

Esta no se trata de una ocurrencia arbitraria de una sola empresa, en realidad es un acuerdo estandarizado en el cual están de acuerdo firmas del tamaño de Google.

Por este motivo, sería incongruente pensar, que compañías como WordPress o Google, instalarían un ajuste tan importante de forma casi obligatoria, y esto al mismo tiempo podría generar un daño en el SEO, que es uno de los factores esenciales de internet, y acerca de lo cual ellos mismos generan múltiples mecanismos para definir directrices más justas.

Es decir, no, definitivamente noopener noferrer no afecta al SEO, tal como lo responden ingenieros de Google en foros especializados, cuando han sido cuestionados acerca de este punto.

Los especialistas de Google señalan que un enlace con el parámetro noopener noreferrer es simplemente un enlace más, sin que este factor afecte o beneficie en algo al SEO.

No obstante si en algo beneficia es en la seguridad, que en términos generales será siempre una ventaja en un blog, motivo por el cual han surgido ya también algunos plugins que ofrecen el recurso de aplicar esta adición de seguridad de forma automática, también a tus posts anteriores, que son los que en teoría continúan susceptibles a esta vulnerabilidad.

Print

Así que ya lo sabes noopener noreferrer sólo evitará que atacantes puedan crear duplicados falsos de tu blog, y podrá mantener más seguros a tus visitantes, aunque no es algo que afecte al SEO.

Otras implicaciones del noopener noreferrer

Aunque el elemento noopener noreferrer no afecta al SEO, sí se pueden tener implicaciones en casos como el marketing de afiliados, pues por ejemplo si recibes comisión por llevar tráfico a un sitio, esto podría obstaculizar que se distinga de qué sitio llego un visitante o comprador a la página destino.

Por este motivo, sólo en estos casos se recomienda considerar su inhabilitación para evitar la pérdida de comisiones.

Qué saber antes de hacer una página web. Parte 2

Herramientas y factores a considerar para construir una página más eficiente.

Aquí continuamos con la segunda parte acerca de que saber antes de hacer una página web, cualquier comentario no dudes en participar.

(Clic aquí para leer la parte 1)

6. Elegir el software correcto

Un factor importante a considerar, es el software que estaremos utilizando para nuestra plataforma; si sólo se trata de una página sencilla y minimalista que no te va a tener demasiados cambios constantes, podría ser más eficiente generar sólo las páginas html necesarias o un sitio con Google AMP. En cambio, si vas a tener un blog, o un sitio web con modificaciones constantes, un CMS podría ser una mejor opción, pues puedes editar y administrar con mayores herramientas una página web; al respecto hay muchas alternativas, aunque tenemos múltiples motivos para recomendarte WordPress.

En caso de que se trate de una tienda, o estés pensando vender online, lo mejor será ir directo con alguna plataforma especializada como Shopify, la cual cuenta con múltiples herramientas especialmente enfocadas para este tipo de objetivos.

Desde luego que las capacidades responsivas actualmente son una necesidad, lo cual puedes reforzar asegurándote de contar con Bootstrap; aunque además podrías valorar también la posibilidad también de desarrollar una app, siendo Android e iOS las mejores opciones, pues una app para Windows Phone ya se ha vuelto una mala idea.

responsive.jpg

7.Plan de marketing

Otra de las cosas que saber antes de hacer una página web, es nuestro plan de marketing, pues así podremos definir de mejor forma que cualidades debemos tener instaladas en nuestra página web. Por ejemplo si vamos a tener un blog, un sistema de asistencia online, un mecanismo de suscripciones, automatización con nuestras redes sociales, carrito de compras; etc.

Si tenemos bien definidas previamente cuales van a ser nuestras estrategias de inbound marketing, podremos diseñar una plataforma que se pueda adecuar de forma idónea a tus planes; incluyendo las secciones, ajustes y configuraciones necesarias para poder llevar a cabo tu plan, y desde luego con capacidad para poder medirlo y mejorarlo de forma constante.

rYzFuYBhB2.gif

8. Agenda de desarrollo

Teniendo ya bien definido que es lo que quieres hacer con tu página, falta definir cuando y como lo vas a realizar, es decir un plan calendarizado de acciones para poner en marcha tu proyecto. Puede ser que no todas las capacidades de tu página estén listas desde un inicio, puedes programar el lanzamiento de una serie de cualidades iniciales, para posteriormente ir incorporando la totalidad de servicios y funcionalidades que deseas instalar.

Todo esto te será más práctico si cuentas con una agenda bien definida, la cual será también una guía importante para asegurarte el cumplimiento de metas y objetivos.

9. Herramientas de automatización que saber antes de hacer una página web

También es importante analizar el nivel de automatización que puede requerir nuestro proyecto. Actualmente las herramientas de automatización de marketing han cobrado gran importancia debido a su capacidad para incrementar la productividad.

Es difícil que nosotros podemos encargarnos de todo el trabajo que se requiere, por lo que resulta de gran ayuda considerar el apoyo de firmas especializadas en marketing, para así agilizar la organización y procesos con los clientes y prospectos, lo cual también se puede desarrollar de forma más oportuna si se tienen previamente definidas las diferentes fases de los embudos de marketing.

marketing-automation.png

10. Opciones para construirla

Y finalmente antes de que comiences a tratar de meterte en el código y construir tu página por ti mismo, considera las diferentes alternativas que tienes para elaborarla; actualmente hay plataformas que te pueden guiar para desarrollarla tu mismo, lo cual también resulta interesante, aunque en términos de productividad podrías considerar también la opción de contratar freelance especialista que te pueda resolver el problema de forma más eficiente.

Sólo no te olvides de generar respaldos de forma frecuente o programada, y realizar una tarea constante de revisión y optimización de tus proceso. Esperemos esto te sirva para poder comenzar a construir tu página web con mayores herramientas.

Clic aquí para leer qué saber antes de hacer una página web. Parte 1

Cómo usar Keyword Planner tool de Google sin pagar; encuentra palabras clave

Conoce como puedes usar esta útil herramienta de forma gratuita e ilimitada

El hecho de tomar en cuenta palabras clave altamente buscadas o cotizadas, es una estrategia importante para fortalecer nuestro SEO y por tanto el impacto de nuestros contenidos. En este sentido una de las herramientas más completas y actualizadas es la que nos ofrece Google Adwords, a continuación te explicamos como usar la Keyword Planner tool de Google sin tener que comprar una campaña, es decir de forma totalmente gratuita.

Keyword-Planner-–-Palabras-en-la-web-texto2

Keyword Planner

Esto anteriormente era muy fácil de hacer, sólo teníamos que escribir “Keyword Planner” en Google y el primer resultado de la búsqueda, era la página principal de la Keyword Planner tool de Google, donde cualquier podía realizar una consulta.

Con esta herramienta podemos consultar y obtener ideas de palabras clave, con opción de segmentar los resultados por país, por idioma, entre algunos otros útiles factores.

No obstante que Google ha buscado generar algunos cambios en su sistema, buscando alentar las ventas en su plataforma de Google Adwords. Recordemos que la Keyword Planner tool de Google es esencialmente una herramienta para encontrar palabras clave para esta plataforma de anuncios en línea, aunque desde luego su utilidad va más allá, pues nos permite consultar que tantas búsquedas mensuales tienen las diferentes palabras clave, así como la competencia y la cotización, que son indicativos de que tan lucrativas y viables son las diferentes combinaciones.

Como usar gratis la Keyword Planner tool de Google

Si tienes una cuenta en Google que ya ha comprado servicios en Adwords, no debes tener mayor problema para seguir usando la Keyword Planner tool de Google de forma directa. No obstante que si apenas te vas a registrar para tratar en Adwords para tratar de usar el planificador de palabras clave, siguiendo el proceso de registro que va marcando Google con los botones grandes y de colores, terminarás en un bucle sin salida en el cual Google tratará de forzarte a comprar tu primera campaña para usar su extensa variedad de herramientas, incluida la Keyword Planner tool.

La clave para poder evitar entrar en este bucle sin salida, radica en el proceso de registro a la cuenta de Adwords. es decir en la pantalla inicial de registro.

En vez de ingresar los datos que nos pide inicialmente y dar clic en el botón azul de Continuar, debemos dar clic en el enlace de texto que dice “Omita la configuración guiada”.

kp

Y aunque después tendremos que confirmar correo, moneda y huso horario, ya no nos estará obligando el sistema a pagar una campaña para poder utilizar el útil catálogo de herramientas, desde luego incluida la Keyword Planner tool de Google.

Keyword-Planner-–-Palabras-en-la-web-texto3

Ventajas y desventajas de Bootstrap en WordPress

Conoce los principales pros y contras de adaptar bootstrap a tu sitio web; un diseño responsivo eficiente y que se adapta a tus necesidades.

Bootstrap es un conjunto de herramientas de código abierto que te permite crear interfases web con CSS y JavaScript, con el objetivo principal de hacerlas funcionales, dinámicas y con capacidad de adaptarse de forma precisa a todo tipo de dispositivos; es decir, Bootstrap en WordPress es una potente herramienta para generar un diseño responsivo que puedas adaptar de forma precisa a lo que estás buscando. A continuación te presentamos sus ventajas y desventajas.

5071

Ventajas de Bootstrap en WordPress

Una de las primeras ventajas es la gran flexibilidad que tiene. ¿Te ha sucedido que te gustaría que tu página se vea de X forma cuando se mira desde una tablet o desde un smartphone y no encuentras como adaptarla? Con bootstrap tienes un sistema tipo rejilla de 12 columnas donde puedes definir de que forma precisa, como quieres que se vea tu contenido, dependiendo el ancho de pantalla.

Por ejemplo un grid lo podrías dividir a 4 columnas (3/12) cuando se vea desde un escritorio, a 2 columnas (6/12) desde una tablet y a una columna desde un smartphone (12/12), indicaciones que puedes dar de forma concreta a cada sección de tu sitio.

figure1

Otra ventaja es que no tienes que ser un programador experto para lograr esto, pues se tienen ya sencillas indicaciones genéricas, las cuales puedes ir implementando a tu diseño web. Siendo quizás lo más complicado el proceso de instalación, sin que sea nada del otro mundo.

Grids o formatos para diseños responsivos hay muchos, pero quizás ninguno tan estandarizado y actualizado actualmente. Fue un proyecto que iniciaron desarrolladores de Twitter, pero que actualmente es utilizado incluso por la NASA y cientos más de compañías, como un sistema eficiente y confiable para optimizar nuestro diseño responsivo.

Su esencia mobil-first te permite generar un diseño limpio, moderno, y eficiente que valorarán tus usuarios, además de tener total compatibilidad con HTML 5. Y a diferencia de Google AMP, es capaz de darte fácil acceso a scripts (también Javascript) para una enorme variedad de funciones, desde transiciones, popovers, botones, etc.

Por este motivo, muchos templates de WordPress ya incluyen Bootstrap, aunque de igual forma puedes añadirlo en cualquier momento.

bs-docs-bootstrap-features

Desventajas de Bootstrap

Aunque no pesa demasiado y tiene minificadas muchas de sus funciones, Bootstrap puede ser una carga extra si no lo vas a explotar de forma amplia. Tener bootstrap en WordPress puede ser innecesario en templates que ya cuentan con su propia rejilla responsiva, por lo que en este caso sólo estarás enredando y haciendo más pesado el diseño.

Otra desventaja de usar Bootstrap en WordPress es que tendrás que estudiar y comprender algunas instrucciones acerca de como funciona Bootstrap; lo cual pudiera quitarte tiempo. Aunque si es algo que realizarás de forma constante, te lo recomendamos absolutamente, pues vale la pena y a la larga te puede ahorrar mucho más.

Considera también que Bootstrap no está diseñado para usarse en WordPress, y aunque es sencillo adaptarlo, te llevará algunos minutos configurarlo y verificar que funcione como lo esperas.

Tener un formato rígido de 12 columnas también puede desfavorecer algunos diseños creativos que están fuera de este tipo de esquemas. Aunque si sólo buscas un diseño limpio, responsivo sin nada del otro mundo, te puede ser de gran utilidad.

Te invitamos a conocer Bootstrap para que conozcas porqué se ha vuelto un tema básico a abordar en las carreras y cursos de diseño responsivo en las mejores universidades del planeta actualmente.

Bootstrap en WordPress puede ser una potente herramienta para optimizar el grado de responsividad tu sitio web, aunque tampoco es necesario para todos los casos, esperemos que con esta síntesis tengas más claras sus cualidades y potenciales, y si tienes alguna duda o comentario, no dudes en participar.

Lo que debes tener en cuenta al migrar un blog

Puntos esenciales que no se te deben pasar a la hora de migrar un blog; y tips que te podrían ser de utilidad.

Si vas a migrar un blog o sitio web, hay diversos factores que debes tener en cuenta, para poder mantener la puntuación SEO que ya has acumulado. Aunque pudiera en ocasiones ser un proceso simple que se consigue con unos cuantos clics, en otras ocasiones también puede representar un movimiento complejo que podría arruinar el prestigio de un blog.

Aquí te sintetizamos 5 puntos básicos que no se te pueden escapar si vas a migrar un blog ya sea de servidor o dominio.

migrate-squarespaces-to-wordpress

No tengas dos activos de forma simultánea

Un error común de las agencias, es que llegan a generar un duplicado de un blog y colocarlo activo aún cuando no inactivan el anterior. Este es un grave error que confundirá a los crowlers de buscadores, y que estará generando puntos negativos por contenido duplicado.

En este sentido los más recomendable es que al iniciar el proceso de migración, el blog ‘viejo’ debe cambiar su estado de forma total a “en mantenimiento”, es decir que el servidor se encuentre en 503; en tanto que no nos aseguremos de que el nuevo blog ya se encuentra completamente funcional.

No olvides la redirección 301

Para que Google y demás buscadores puedan llegar de forma correcta a tus mismos contenidos pero en su nuevo lugar, debes avisarles de forma adecuada. De entrada es importante que tengas bien claro que es lo que estará cambiando en tu nuevo blog, si sólo es la dirección URL principal, o también se incorporará alguna modificación extra en los permalinks o incluso en la estructura. Una vez definido esto, deberás usar un redireccionamiento 301 para poder indicar de forma precisa cada uno de los cambios.

Si es un blog chico podría bastar un plugin como Redirection. Pero si se trata de un blog con muchos contenidos, puedes ahorrar tiempo haciendo la modificación a través del archivo .htaccess. Tan sólo añade la siguiente línea de código:

redirectMatch 301 ^(.*)$ http://www.sitio.com$1

Siendo sitio.com el nuevo blog al cual estarás redirigiendo.

Ten en cuenta que esto te impedirá acceder al anterior sitio (a menos que dejes el .htaccess como estaba), y redireccionará la totalidad de posts a la entrada equivalente. Y claro, debes tomar en cuenta también que como toda modificación a este archivo, debes saber lo que estás haciendo.

blogger-to-wordpress

Actualiza tus nuevos enlaces

Al migrar tu blog a un nuevo lugar, es posible que también tengas que corregir los enlaces, recuerda que todos apuntaban al dominio anterior. En este sentido no hay herramienta gratuita más precisa que Velvet Blues Update URLsVelvet Blues Update URLs, en el caso de WordPress. Con lo cual podrás modificar todos los enlaces y adaptarlos al nuevo blog. Es tan fácil como indicar cual era la dirección vieja y cual es la nueva. Claro, para este punto ya debes tener los back ups respectivos en caso de que algo salga mal.

No te olvides de las redes sociales

De igual forma debes indicar el cambio de dominio o estructura de tu blog en cada una de tus redes sociales. En caso de que esto no te sea suficiente para conservar los likes en tus páginas y entradas, puedes echar mano de herramientas como Social Warfare en WordPress.

Tras migrar tu blog, verifica que todo esté en orden

Aunque parezca que todo salió bien y ya lograste migrar tu blog a un nuevo lugar, no te olvides de verificar. En este sentido un análisis completo con la Google Developers Console, te permitirá rastrear errores 404 y asegurarte de tener todo en orden.

Si tienes alguna duda o comentario al respecto no dudes en comentarlo.

OJO Ataque en WordPress se extiende, 65 mil infectados

Sucuri emite alerta, el riesgo persiste una semana después.

La prestigiosa firma de seguridad Sucuri, acaba de emitir una alerta global urgente advirtiendo que se está extendiendo de forma preocupante un grave falla de seguridad que ha provocado la infección de miles de páginas web con WordPress alrededor del mundo; después de que hace unos días reportaran la falla y el aclamado CMS hiciera un muy discreto llamado a la actualización.

Cuidado con WordPress 4.7 y 4.7.1

Global code

Fue el mismo Sucuri Team quien hace una semana alertó a WordPress de un fallo encontrado en el REST API, es decir la interfaz de programación de aplicaciones en las versiones 4.7 (Vaughan) y 4.7.1 recientemente lanzadas.

Este error permite que personas externas puedan modificar cualquier contenido del sitio, lo cual desde luego compromete el prestigio y seguridad que ofrece esta plataforma en la cual confían millones de empresas y profesionales.

WordPress trató de no hacer demasiado escándalo y se refirió al hecho como unos pequeños bugs sin gran peligro, que fácilmente podían ser resueltos con actualizar a la edición 4.7.2 que tuvieron que desarrollar rápidamente.

El problema se ha extendido

Hacker In Work

El problema parecía resuelto; no obstante que ante la minimización de éste, miles de usuarios no se han enterado y aún no actualizan su versión de WordPress, desde luego en los casos en que no se tiene el proceso automatizado.

Hace unos minutos Sucuri nos acaba de enviar un correo electrónico a quienes tenemos productos de su firma, advirtiendo que después de haber estado analizando la evolución de la infección en los últimos días, con preocupación han detectado que la cifra de sitios infectados se ha disparado a 65 mil, por lo cual exhortan a actualizar inmediatamente, a quienes aún no lo hacen.

La firma ha detectado al menos 4 campañas distintas de ataques, algunas más efectivas que otras, para lo cual recomienda bloquear las ips de donde provienen los ataques, en los casos que no se hicieron las actualizaciones a tiempo.

Cabe señalar que el error no existe en versiones anteriores a la 4.7; no obstante que siempre es recomendable mantener tu software con la edición más reciente.

Tienda online y monetizar en WordPress.com 2016

Cómo montar una tienda online y otras formas de monetizar en WP.com

Actualmente WordPress.com se encuentra en fase de transición en sus sistemas ecommerce; y aunque aún funcionan las plataformas de tienda online como Shopify o Ecwid, sólo es en el caso de aquellas instaladas antes de marzo del 2016; a partir de ese mes, ya no existen plugins de tienda online en wordpress.com; no obstante que aún hay algunas alternativas para montarte un sistema de ventas online, así como diversas opciones de monetización, para generar también recursos con tu blog; a continuación te explicamos cómo, así como una posible solución final en caso de que no te sea suficiente.

gty_online_shopping_kb_131201_16x9_992

Entonces cómo puedo montar mi tienda online en WordPress.com

Hasta este mes de julio 2016, la única forma de crear una tienda online en wordpress.com, es a través de su sistema de botones Paypal, que en realidad, es la principal cualidad de los motores de venta online: un sistema seguro que te permita hacer transacciones de dinero.

A través de Paypal, puedes generar códigos personalizados, mismos que puedes usar de forma individual en cada producto o servicio; ya sea en modo de venta o cómo donaciones; el fin es el mismo, la oportunidad de recibir dinero a través de tu sistema de ventas online.

La mayor diferencia con respecto a los sistemas de ecommerce más usados del mundo, es que no cuentas con un sistema de grids, catálogos, y gestión de ventas, por lo que tendrás que crear todo tu sistema manualmente, lo cual tampoco es imposible.

Con sistemas como el ResponsiveGridSystem, puedes crear fácilmente grids responsivos, que pueden hacer la función de catálogos; pudiendo establecer los pormenores de compra y botones de Paypal en páginas individuales; a modo de construir desde cero tu tienda online.

shop-catalog-big

Otras opciones de monetización en WordPress.com

Recuerda que en WordPress.com no puedes usar publicidad de sistemas externos como Google AdSense, BuySellAds, Lijit, etc; no obstante que tienen su propio sistema llamado WordAds, donde también podrás incrustar publicidad en tu blog, y con ello ir generando recursos.

La normatividad de WordPress.com también permite el uso enlaces de afiliados; sólo es necesario cumplir con ciertas normas de conducta dentro de los límites establecidos (no apuestas, pornografía, malware, scams, etc).

De igual forma los artículos patrocinados, son otra de las formas de ingreso que puedes implementar en WordPress.com, que te permite igualmente libertad para manejar este tipo de contenidos, siempre que se mantengan también apegados a los principios básicos de la plataforma.

¿Y si no es suficiente?

Si el sistema de Tienda online y las opciones de monetización en tu blog no son suficientes, en primer lugar debes saber que es cuestión en tiempo; WordPress.com ha manifestado que se encuentra trabajando para desarrollar una solución interna más flexible; probablemente a través de su plan Business, aunque aún no existe fecha concreta para su lanzamiento.

Si no puedes esperar, WordPress.com ofrece también diversas facilidades para hacer una transición segura a WordPress.org, el otro modo de instalación donde puedes contar con decenas de alternativas de plugins avanzados para la instalación de una tienda online.