domingo, 24 de septiembre de 2017

Cómo redireccionar solo algunas páginas con Redirect 301

Método muy simple para redireccionar una o más páginas o entradas de blogs pero no todo el sitio, a un nuevo dominio o al mismo.

Hay que editar el archivo .htaccess que tenemos en el directorio o carpeta raíz (root) de nuestro sitio montado sobre un servidor Linux.
Si el archivo no existe, puede crearse utilizando un editor de texto plano y luego subirlo. Si existe puede editarse online o mejor, descargarlo, agregarle lo que veremos a continuación y luego subirlo.

Nota: este archivo o fichero es muy importante, por lo tanto es recomendable hacer una copia de seguridad antes de modificarlo.

Es posible que de existir, .htaccess ya contenga algunas líneas de código, en tal caso, nos desplazaremos hasta el final del archivo y agregaremos las redirecciones.

Caso 1: redireccionar una entrada (post) de un blog a un sitio distinto.

Redirect 301 /2010/04/27/tu-entrada-del-blog/ http://nuevositio.com/2011/02/tu-entrada-del-blog-nuevo/
 
Esta línea se divide en tres partes: Redirect 301 informa de un redireccionamiento permanente, /2010/04/27/tu-entrada-del-blog/ es la página que se redirecciona y http://nuevositio.com/2011/02/tu-entrada-del-blog-nuevo/ es la página hacia la cual se redirecciona. Entre la antigua página y la nueva solo debe haber un espacio en blanco. En la página que se redirecciona no se debe incluir http:/

Caso 2: redireccionar una entrada a otro sitio pero en .html

Redirect 301 /2010/04/27/tu-entrada-del-blog/ http://nuevositio.com/2011/02/tu-entrada-del-blog-nuevo.html

Sirve, por ejemplo, para redireccionar una entrada de WordPress.org a un sitio en Blooger donde las entradas son HTML, en tal caso, la página destino (nueva) a la que apunta la redirección podría ser del tipo http://nuevositio.blogspot.com/2011/02/tu-entrada-del-blog-nuevo.html

Caso 3: hacer una redirección dentro del mismo sitio.

Redirect 301 /impresoras_laser-HP/ /impresoras/laser/index.php

Nótese que ninguna página es antecedida por “http” ya que estamos en el mismo dominio.

Caso 4: redireccionar algunas páginas al mismo dominio y otras a un nuevo dominio.

Redirect 301 /pagina1.html /contactar.html 
Redirect 301 /pantallas/LED/ http://nuevositio.com/pantallas-led/ 
Redirect 301 /pantallas/LED2/ http://nuevositio.com/pantallas-led/ 
Redirect 301 /registrar.php http://nuevositio.com/register.php

Como vemos, se pueden redireccionar más de una página hacia una sola nueva página (2° y 3° línea del ejemplo).

Si bien no hay límite de la cantidad de redirecciones que podemos incluir en le archivo .htaccess hay que tener en cuenta que si la cantidad es muy grande conviene, dentro de lo posible, utilizar otros métodos perfectamente explicados en este sitio  donde incluso, al final del artículo, tiene un formulario para generar las redirecciones.

La redirección es instantánea, por lo tanto una vez que se sube al servidor el archivo .htaccess con las redirecciones ya funciona.

¿Cuánto tiempo debe dejarse la redirección? “San” Google recomienda el mayor tiempo posible, supuestamente con 6 meses está bien, pero habrá que ir chequeando los resultados de búsqueda, si la antigua URL ya no aparece, listo, esa redirección se puede eliminar.

¿El Page Rank se transfiere? Sí, pero no completo, se estima que aproximadamente un 90%.

¿Puedo borrar las páginas antiguas? Una vez comprobado que el redireccionamiento funciona correctamente se pueden y es recomendable, eliminarlas de inmediato.

Nunca debe emplearse el método “refresh” de la etiqueta META de HTML para redirecciones permanentes, está pésimamente visto por todos los buscadores.

sábado, 23 de septiembre de 2017

Cómo hacer la versión móvil de un sitio WordPress

Con un plugin que auto detecta si el sitio es visitado desde un dispositivo móvil (celular) y cambia automáticamente a la versión móvil y lo mejor es que este plugin incluye un tema móvil completamente personalizable, es gratis y está traducido a varios idiomas, el español, entre ellos. Se trata de WP Mobile Edition y es lo mejor que encontré luego de varias horas de búsquedas que me llevaban a la opción de instalar dos plugins, uno para detectar el móvil (user agent) y otro el tema móvil, varios de estos temas en ingles y generalmente de pago. Y mientras menos plugins tengamos instalados, mejor.

Este plugin es para WordPress.org y desconozco si funciona para blogs de WordPress.com.

La instalación es simple, se instala como cualquier plugin y la configuración también es sencilla. Una vez instalado, como siempre, paso siguiente es activarlo. En el panel izquierdo de WP se añadirá “WP Mobile Edition” que consta de tres elementos “Escritorio”, “Ajustes básicos” y “Ajustes de tema”.


En el Escritorio se muestra la posibilidad de elegir los temas, aunque de momento solo hay uno, pero muy bien diseñado. Los códigos cortos que se mencionan es para incluir un selector o conmutador de temas, por ejemplo podríamos incluirlo para que se muestre en cada entrada, para ellos deberíamos editar el tema normal (no móvil) de nuestro sitio. De todas formas el plugin se encarga de mostrar este cambiador de temas en el final de nuestro sitio, haciéndolo tanto en la versión normal, independientemente del tema que tengamos, como en la versión para móviles.

Está la opción de quitar el selector de temas como veremos a continuación.


Ajustes básicos: Modo de intercambio, se debe definir como actuará el plugin, tiene dos opciones, detectar el navegador y subdominio. He probado las dos y para abreviar, sólo me ha funcionado la opción de “Detección del navegador” que no obstante es la más recomendable y simple ya que no hay que hacer nada más que seleccionarla. También aquí encontramos la opción de mostrar o no el selector de temas. Una vez configurado no olvidarse de “Guardas todas las opciones”.


Ajustes de tema: está todo muy bien detallado, hay poco que explicar, podemos seleccionar un color para el tema, indicar el favicon, incluir nuestros enlaces al feed y algunas redes sociales. Tenemos la opción de incluir publicidad en la parte superior e inferior y definir una página de contacto. Para finalizar “Guardar todas las opciones”.

Conclusión: es la mejor solución para hacer la versión móvil de nuestro WordPress con un sólo plugin y en aproximadamente 15 minutos. El autor acepta donaciones y realmente las merece.

Sitio web del autor: FABRIX.NET

Plugin en WordPress.org: WP Mobile Edition

Crear perfiles en Firefox



En el navegador de código abierto Firefox que ofrece la Fundación Mozilla, nos permite crear distintos usuarios o perfiles mediante su administrador de perfiles, de forma rápida y sencilla. Solo hay que acceder a la terminal e invocar a Firefox con la opción o argumento “-P” debiendo ser la letra P en mayúscula. Firefox no debe estar ejecutándose para poder realizar esta tarea.

firefox -P


Si bien está en inglés, no hay muchas opciones. Los tres botones de la izquierda son para crear, renombrar y borrar un perfil. Las casillas de verificación son, la primera, para trabajar fuera de línea y la otra para usar el perfil seleccionado (para seleccionarlo hay que marcarlo haciendo un click) cada vez que se inicie Firefox sin preguntar el perfil a utilizar. Esto último es muy importante porque al tener más de un perfil, cada vez que se inicie Firefox nos pedirá que selecciones un perfil, a no ser que marquemos la opción. Si lo hacemos, Firefox no mostrará esta ventana y se iniciará con el último perfil o usuario seleccionado. Para volver a mostrar esta ventana para elegir el perfil bastará con volver a lanzar Firefox desde la terminal con la opción -P.


Esta ventana nos aparece al clikear en “Create Profile…” y nos explica un poco que significa y para qué puede ser útil crear perfiles, click en Next.


Ahora solo debemos escribir el nombre del perfil que estamos creando. El botón “Choose Folder…” sirve para elegir la carpeta donde se creará el perfil, debe ser una carpeta vacía, pero lo recomendable es, en lo posible, no tocar ese botón y dejar que el programa se encargue de ello. Click en Finish.


 Ya creamos el perfil “Cosme Fulanito” y al presionar “Start Firefox” se abrirá un Firefox completamente “nuevo” como “de fábrica”, es decir, sin marcadores, ni cookies ni nada y con los valores de preferencia por defecto. Claro que este nuevo perfil podrá tener sus propios marcadores, cookies, auto rellenado de formularios, contraseñas, etc. que no interferirán en nada con el del usuario “default” que es el original, el que es creado cuando se instala Firefox, ni con cualquier otro perfil que creemos.


Si queremos borrar o eliminar un perfil, desde el administrador de perfiles, seleccionamos el perfil y presionamos el botón “Delete Profile…” y nos mostrará una venta de diálogo donde debemos elegir si además de borrar el perfil también queremos borrar los archivos (cookies, contraseñas, preferencias, etc.). Lo lógico es que sí, para ello presionamos “Delete Files” y lo elimina por completo sin dejar rastros en nuestro equipo.

¿Cuántos perfiles se pueden crear? No hay límite.

¿Para qué sirve? Para muchas cosas, en equipos compartidos es algo muy útil, con la contra de que Firefox no permite asignar una contraseña a cada perfil. También puede servir para quienes trabajan de Community Manager o Social Media Manager debido a que administran varias cuentas de distintas redes sociales y de esta forman minimizan un error que podría hacerles perder el trabajo, cada tanto es noticia un CM que se confundió de cuenta… Otro uso es tener un perfil para trabajar y otro para uso personal. Y por supuesto, para aquellos con personalidades múltiples, aunque dudo que esto ayude a quienes padecen de trastorno de identidad disociativo. Por último, para jugar una broma pesada, agregando un nuevo perfil y marcando la opción de usar ese perfil cuando se inicie Firefox, hará creer a la víctima que a perdido todo.

Escuchar radio con VLC

Ejemplo de programa de código abierto, VLC Media Player también nos ofrece cientos de radios. Son miles las cosas que se pueden hacer con este software, independientemente del sistema operativo que se utilice, ya que además de estar disponible el código fuente, desde su sitio, VideoLAN  ofrece las versión ya compilada para todos los sistemas operativos, Android incluido, es decir no hay necesidad de tener una cuenta de Google en el celular para disfrutar de VLC ya que se puede instalar mediante el .apk oficial de VideoLAN.

En el caso de Linux Mint o cualquier otra distribución de GNU/Linux que tenga su centro de software, lo instalamos desde ahí, en Linux Mint no es necesario porque ya viene instalado.

Si bien con VLC es por lejos el mejor reproductor multimedia que existe, es también utilizado para emitir streaming, grabar el escritorio, reproducir imágenes en diapositivas, ver películas, y 200 cosas más, en este caso veremos lo simple que es utilizarlo como radio, ya de por sí tiene una lista con cientos de emisoras, pero también se pueden agregar e incluso sintonizar canales de televisión. Y por si fuera poco, todo se puede grabar.


Para que VLC se vea así, hay que seleccionar en el menú “Ver” la opción “Lista de reproducción anclada”. Utilizamos la barra de desplazamiento del panel izquierdo hasta encontrar “Icecast Radio Directory” y le damos click o “pinchamos”.


Esa ruedita que aparece en el medio nos indica que está cargando la lista de emisora disponibles del directorio seleccionado, suele demorar unos 5 a 10 segundos.


Y ahí están, basta con un doble clik para escuchar la radio seleccionada, o click en la que elegimos y luego click en el botón de play. En la imagen el puntero del mouse está en la opción de vistas, personalmente la vista de lista es la que me resulta más cómoda, pero también hay otras disposiciones de los elementos.



También a la derecha del botón que usamos para seleccionar la vista, hay una caja para buscar y filtra el listado con las coincidencias encontradas, si queremos radios de música de los ochenta, simplemente buscamos “80” y listo. Para volver a listar todas, basta con borrar lo escrito en “Buscar”.

Todo muy lindo pero como guardo una radio que me gusta? Lo mejor es crear nuestra propia lista, esto es, un archivo con extensión . m3u. Para esto, creamos un archivo de texto plano, en Linux Mint es tan simple como hacer click derecho sobre un ligar libre del escritorio, opción “Crear documento”, “Archivo vacío” y lo nombramos como queremos pero con .m3u para indicar que se trata de una lista multimedia. Volvemos a VLC.


Click derecho sobre la radio que vamos a agregar a nuestra propia lista y luego seleccionamos información.


Seleccionamos o marcamos la URL que figura en “Lugar” y la copiamos al porta papeles, con click derecho y copy o el famoso control C. Acto seguido abrimos con nuestro editor de texto plano preferido el archivo que creamos, en mi caso se llama “música.m3u”, pegamos y presionamos la tecla Enter, Intro o Entrar para que haya una emisora por línea. Podemos agregar 1, 2, 500 o 10.000, no hay límite.



Una vez que tenemos la lista creada, desde VLC, en el menú “Medios”, “Abrir archivos” y abrimos nuestra lista.


Todo muy lindo, pero quiero grabar la radio, cómo hago?


Click derecho en la radio y “Guardar”.


En la nueva ventana que se abre, en “Perfil” seleccionamos el codec de audio que preferimos, ignorando los codecs de videos y, en donde dice “Archivo destino” le indicamos el nombre y el lugar donde queremos guardar la grabación que, para que comience, debemos presionar el botón “Iniciar”.

Dejó de escucharse! Sí, porque está grabando, pero nada impide que a su vez continuemos escuchando la radio que se está grabando, basta con un doble click en la emisora. Para finalizar la grabación presionamos el botón de stop.

Y por último, para qué usar VLC si hay páginas en Internet que hacen casi lo mismo.


Además de gustos, veamos lo que consume de memoria un navegador como Chromium (que es el proyecto de código abierto del cual sale Chrome): 19 MB contra 274 MB del navegador.

Entradas relacionadas sobre VideoLAN VLC Media Player:



Incluir Google analytics en WordPress sin plugin

Método muy sencillo recomendado por el padre de la criatura, Google:

Copiar el código de seguimiento en un editor de texto plano, guardarlo con el “analyticstracking.php” y subir el archivo a la raíz del sitio.

Editar el archivo “header.php” del tema que se está usando, la forma más rápida y cómoda es hacerlo desde el panel de WordPress (Apariencia, Editor) y copiar

<?php include_once(“analyticstracking.php”) ?>

justo debajo de <body> y no olvidarse de presionar el botón “Actualizar el archivo”. Eso es todo.

Ejemplo:

 Recomendado por el propio Google:

De esta forma el buscador puede seguir recopilando valiosos datos de la web. Una alternativa es StatCounter.

Quitar los bordes en las imágenes de Blogger

Decidí hacer una entrada al respecto debido a que siempre que creo un blog termino buscando lo mismo y los resultados de búsqueda me arrojan resultados de hace 10 años, no sirven y hay que seguir buscando, tan inteligentes los buscadores no son, de hecho carecen de tal atributo, solo hacer cruzamiento de información en gigantescas bases de datos y aplican filtros, a eso le llaman muchas veces inteligencia, en fin.

Por eso decidí arreglarlo por mi cuenta y funcionó. Desde ya que hay que editar la plantilla y buscar img o post-body:


.post-body {
  font-size: 110%;
  line-height: 1.4;
  position: relative;
}

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: $(image.border.small.size);

  background: $(image.background.color);
  border:
0px solid $(image.border.color);

  -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
}

.post-body img, .post-body .tr-caption-container {
  padding: $(image.border.large.size);
}

.post-body .tr-caption-container {
  color: $(image.text.color);
}

.post-body .tr-caption-container img {
  padding: 0;

  background: transparent;
  border: none;

  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}


Resaltado los valores que modifiqué.
Guardar y listo, chau bordes y sombras. Hecho en 2017 para el tema simple de Blogger/BlogSpot.

WordPress.org y el archivo index.html

Autor de la imagen: Ervins Strauhmanis

¿Qué hago con el archivo index.html? Borrarlo, así de simple. WordPress utiliza index.php por lo tanto no es necesario ni recomendado tener un index.html. También se puede redireccionar pero a nivel SEO no es aconsejable.
Esto siempre y cuando WordPress.org esté instalado en la raíz de un sitio.

Otro archivo que hay que eliminar es readme.html el cual se puede copiar al disco local antes de borrarlo, pero dejarlo colgado del sitio no es muy recomendable por cuestiones de seguridad.

Y ya que estamos eliminando, a la hora de los widgets, es recomendable quitar el denominado “Meta”, también por seguridad y porque no aporta nada al 99% de los visitantes al sitio.

¿Qué Linux instalo?


Este post va dirigido a quienes nunca han instalado una distribución de sistema operativo GNU/Linux y se encuentran con que hay varias versiones y distribuciones, por suerte y para desgracia de quienes desconocen el mundo Linux y no saben por donde arrancar.

Sin lugar a dudas, mi recomendación es Linux Mint 17.3 Rosa Mate. ¿Qué son esos nombres? Linux Mint es el nombre de la distribución, hay otras como Ubuntu (de seguro la más conocida), Manjaro, Archlinux, Ddebian, etc., 17.3 Rosa es la versión y Mate es el entorno de escritorio. Y aquí otra duda ¿qué es el entorno de escritorio? es la interface gráfica y los programas, en muy resumidas palabras. También Ubuntu es una excelente opción para iniciarse en Linux.